czg_team/new_app
7
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

客服

Browse Source
This commit is contained in:
wwz
2025-01-15 13:44:01 +08:00
parent d883976066
commit a049ee6667
3 changed files with 128 additions and 76 deletions
Download Patch File Download Diff File Expand all files Collapse all files

3
.gitignore vendored
View File

@@ -1,2 +1,3 @@
/node_modules/
/unpackage/
/unpackage/
/uni_modules/

43
package.json
View File

@@ -1,19 +1,26 @@
{
"id": "mosowe-rotary-table-compatible",
"name": "抽奖转盘，非固定图片，可自定义传入奖项列表，v2 v3兼容",
"displayName": "抽奖转盘，非固定图片，可自定义传入奖项列表，v2 v3兼容",
"version": "1.0.0",
"description": "抽奖转盘，非固定图片，可自定义传入奖项列表，v2 v3兼容",
"keywords": [
"抽奖",
"转盘",
"转盘抽奖",
"轮盘抽奖"
],
"dcloudext": {
"category": [
"前端组件",
"通用组件"
]
}
}
"id": "mosowe-rotary-table-compatible",
"name": "抽奖转盘，非固定图片，可自定义传入奖项列表，v2 v3兼容",
"displayName": "抽奖转盘，非固定图片，可自定义传入奖项列表，v2 v3兼容",
"version": "1.0.0",
"description": "抽奖转盘，非固定图片，可自定义传入奖项列表，v2 v3兼容",
"keywords": [
"抽奖",
"转盘",
"转盘抽奖",
"轮盘抽奖"
],
"dcloudext": {
"category": [
"前端组件",
"通用组件"
]
},
"dependencies": {
"lodash": "^4.17.21",
"uview-plus": "^3.3.62"
},
"devDependencies": {
"pinia-plugin-unistorage": "^0.1.2"
}
}

158
pages/me/contact.vue
View File

@@ -1,74 +1,118 @@
<template>
<view class="container">
<view class="card">
<view class="title">
<view class="t1">添加客服微信咨询</view>
<view class="t2">{{ info.wx }}</view>
<view v-if="info.value == 4">
<web-view :src="info.url"></web-view>
</view>
<view class="" v-else>
<view class="card" v-if="info.value == 1">
<view class="title">
<view class="t1">添加客服微信咨询</view>
<view class="t2">{{ info.wx }}</view>
</view>
<view class="content">
<image class="img" :src="info.qrcode" mode="widthFix" @click="checkQrcode"></image>
</view>
</view>
<view class="content">
<image class="img" :src="info.qrcode" mode="widthFix" @click="checkQrcode"></image>
<view class="card" v-if="info.value == 2">
<view class="title">
<view class="t1">添加客服微信咨询</view>
<view class="t2">{{ info.wx }}</view>
</view>
<view class="content">
<image class="img" :src="info.qrcode" mode="widthFix" @click="checkQrcode"></image>
</view>
</view>
</view>
</view>
</template>
<script setup>
import { ref, reactive } from 'vue';
import { onLoad } from '@dcloudio/uni-app';
import { commonType } from '@/api/me/me.js';
const info = ref({});
async function commonTypeAjax() {
try {
const res1 = await commonType(205);
const res2 = await commonType(207);
info.value.wx = res2.value;
info.value.qrcode = res1.value;
} catch (error) {
console.log(error);
import {
ref,
reactive
} from 'vue';
import {
onLoad
} from '@dcloudio/uni-app';
import {
commonType
} from '@/api/me/me.js';
const info = ref({});
async function commonTypeAjax() {
try {
const Ttype = await commonType(202);
// "客服配置 1 二维码客服 2 微信公众号客服 3电话客服 4外链 ",
info.value.value = Ttype.value
switch (info.value.value) {
case '1':
const res1 = await commonType(205);
const res2 = await commonType(207);
info.value.wx = res2.value;
info.value.qrcode = res1.value;
break;
case '2':
console.log('wu')
break;
case '3':
uni.makePhoneCall({
phoneNumber: uni.getStorageSync('kefuPhone') //仅为示例
});
break;
case '4':
info.value.url = uni.getStorageSync('kefuPhone')
break;
}
} catch (error) {
console.log(error);
}
}
}
// 预览二维码
function checkQrcode() {
uni.previewImage({
urls: [info.value.qrcode]
// 预览二维码
function checkQrcode() {
uni.previewImage({
urls: [info.value.qrcode]
});
}
onLoad(() => {
commonTypeAjax();
});
}
onLoad(() => {
commonTypeAjax();
});
</script>
<style scoped lang="scss">
page {
background: #f5f5f5;
}
.container {
padding: 28upx;
}
.card {
padding: 28upx;
border-radius: 20upx;
background-color: #fff;
.title {
display: flex;
align-items: center;
justify-content: center;
flex-direction: column;
.t1 {
color: #555;
page {
background: #f5f5f5;
}
.container {
padding: 28upx;
}
.card {
padding: 28upx;
border-radius: 20upx;
background-color: #fff;
.title {
display: flex;
align-items: center;
justify-content: center;
flex-direction: column;
.t1 {
color: #555;
}
}
.content {
display: flex;
justify-content: center;
padding-top: 28upx;
.img {
width: 100%;
display: block;
}
}
}
.content {
display: flex;
justify-content: center;
padding-top: 28upx;
.img {
width: 100%;
display: block;
}
}
}
</style>
</style>