| xqd
@@ -1,8 +1,8 @@
|
|
|
<template>
|
|
|
<view>
|
|
|
<view style="color: #fff;">
|
|
|
- <tn-nav-bar :bottomShadow="false" backgroundColor="#26B3A0">客服中心</tn-nav-bar>
|
|
|
- <view :style="{height: tobheight+'px'}"></view>
|
|
|
+ <tn-nav-bar :bottomShadow="false" backgroundColor="#26B3A0">客服中心</tn-nav-bar>
|
|
|
+ <view :style="{height: tobheight+'px'}"></view>
|
|
|
</view>
|
|
|
<view class="server">
|
|
|
<image src="/static/images/kefu.png" mode=""></image>
|
| xqd
@@ -10,13 +10,15 @@
|
|
|
<view v-if="appInfo.kf_tel" class="kefu">
|
|
|
<view class="dian"></view>
|
|
|
<view class="">客服手机号:{{appInfo.kf_tel}}</view>
|
|
|
- <view class="yijian"><u-button @click="bohao" color="#26B3A0" size="mini" type="primary" shape="circle" text="一键拨号"></u-button></view>
|
|
|
+ <view class="yijian"><u-button @click="bohao" color="#26B3A0" size="mini" type="primary" shape="circle"
|
|
|
+ text="一键拨号"></u-button></view>
|
|
|
</view>
|
|
|
<view v-if="appInfo.kf_wechat" class="kefu">
|
|
|
- <view class="dian" ></view>
|
|
|
- <view >客服微信号:{{appInfo.kf_wechat}}</view>
|
|
|
- <view class="yijian"><u-button @click="fhuzhi" color="#26B3A0" size="mini" type="primary" shape="circle" text="一键复制"></u-button></view>
|
|
|
-
|
|
|
+ <view class="dian"></view>
|
|
|
+ <view>客服微信号:{{appInfo.kf_wechat}}</view>
|
|
|
+ <view class="yijian"><u-button @click="fhuzhi" color="#26B3A0" size="mini" type="primary" shape="circle"
|
|
|
+ text="一键复制"></u-button></view>
|
|
|
+
|
|
|
</view>
|
|
|
<!-- <view class="sds">dfhsfsdh25</view> -->
|
|
|
<block v-if="appInfo.kf_qrcode_path">
|
| xqd
@@ -28,27 +30,37 @@
|
|
|
<image @click="viewsave(appInfo.kf_qrcode_path)" :src="appInfo.kf_qrcode_path" mode="widthFix"></image>
|
|
|
</view>
|
|
|
</block>
|
|
|
-
|
|
|
-
|
|
|
+
|
|
|
+
|
|
|
<wike-loading-page :isLoading="isLoading"></wike-loading-page>
|
|
|
</view>
|
|
|
</template>
|
|
|
|
|
|
<script>
|
|
|
- import { mapMutations, mapActions, mapState, mapGetters } from 'vuex';
|
|
|
+ import {
|
|
|
+ mapMutations,
|
|
|
+ mapActions,
|
|
|
+ mapState,
|
|
|
+ mapGetters
|
|
|
+ } from 'vuex';
|
|
|
export default {
|
|
|
data() {
|
|
|
return {
|
|
|
- tobheight:45,
|
|
|
+ tobheight: 45,
|
|
|
platform: this.$platform.get(),
|
|
|
- isLoading:true,
|
|
|
- themeColor:'#007AFF',
|
|
|
- codeBgColor:'#26B3A0',
|
|
|
- content:'if(daur){this.fhdj = fgjf}'
|
|
|
+ isLoading: true,
|
|
|
+ themeColor: '#007AFF',
|
|
|
+ codeBgColor: '#26B3A0',
|
|
|
+ content: 'if(daur){this.fhdj = fgjf}',
|
|
|
+ appInfo: {
|
|
|
+ kf_qrcode_path: require('@/static/kefu1.jpg'),
|
|
|
+ kf_wechat: '18981831779',
|
|
|
+ kf_tel: '18981831779'
|
|
|
+ }
|
|
|
}
|
|
|
},
|
|
|
computed: {
|
|
|
- ...mapGetters(['appInfo'])
|
|
|
+ // ...mapGetters(['appInfo'])
|
|
|
},
|
|
|
watch: {
|
|
|
appInfo: function(e) {
|
| xqd
@@ -59,33 +71,33 @@
|
|
|
}
|
|
|
},
|
|
|
onLoad() {
|
|
|
- if(this.platform == 'wxMiniProgram'){
|
|
|
- var menumtop = uni.getMenuButtonBoundingClientRect().top - uni.getSystemInfoSync().statusBarHeight
|
|
|
- var paddingtop = uni.getSystemInfoSync().statusBarHeight + menumtop
|
|
|
- this.tobheight = (menumtop+paddingtop+uni.getMenuButtonBoundingClientRect().height)
|
|
|
+ if (this.platform == 'wxMiniProgram') {
|
|
|
+ var menumtop = uni.getMenuButtonBoundingClientRect().top - uni.getSystemInfoSync().statusBarHeight
|
|
|
+ var paddingtop = uni.getSystemInfoSync().statusBarHeight + menumtop
|
|
|
+ this.tobheight = (menumtop + paddingtop + uni.getMenuButtonBoundingClientRect().height)
|
|
|
}
|
|
|
this.isLoading = false
|
|
|
},
|
|
|
methods: {
|
|
|
- viewsave(e){
|
|
|
+ viewsave(e) {
|
|
|
uni.previewImage({
|
|
|
- urls:[e],
|
|
|
- current:0
|
|
|
+ urls: [e],
|
|
|
+ current: 0
|
|
|
})
|
|
|
},
|
|
|
- bohao(){
|
|
|
+ bohao() {
|
|
|
var that = this;
|
|
|
uni.makePhoneCall({
|
|
|
phoneNumber: that.appInfo.kf_tel
|
|
|
});
|
|
|
},
|
|
|
- fhuzhi(){
|
|
|
+ fhuzhi() {
|
|
|
var that = this;
|
|
|
uni.setClipboardData({
|
|
|
data: that.appInfo.kf_wechat,
|
|
|
- success: function () {
|
|
|
+ success: function() {
|
|
|
uni.showToast({
|
|
|
- title:'微信号已复制'
|
|
|
+ title: '微信号已复制'
|
|
|
})
|
|
|
}
|
|
|
});
|
| xqd
@@ -95,10 +107,11 @@
|
|
|
</script>
|
|
|
|
|
|
<style lang="scss">
|
|
|
- page{
|
|
|
+ page {
|
|
|
background: #F6F7FB;
|
|
|
}
|
|
|
- .kefu{
|
|
|
+
|
|
|
+ .kefu {
|
|
|
background: #ffffff;
|
|
|
padding: 38rpx 30rpx;
|
|
|
display: flex;
|
| xqd
@@ -107,7 +120,8 @@
|
|
|
// margin-top: 38rpx;
|
|
|
font-size: 32rpx;
|
|
|
border-bottom: 1px solid #ededed;
|
|
|
- .dian{
|
|
|
+
|
|
|
+ .dian {
|
|
|
width: 20rpx;
|
|
|
height: 20rpx;
|
|
|
border-radius: 50%;
|
| xqd
@@ -115,38 +129,41 @@
|
|
|
margin-right: 16rpx;
|
|
|
}
|
|
|
}
|
|
|
- .qrcode_path{
|
|
|
+
|
|
|
+ .qrcode_path {
|
|
|
width: 100%;
|
|
|
// height: 800rpx;
|
|
|
padding: 30rpx;
|
|
|
background: #ffffff;
|
|
|
display: flex;
|
|
|
justify-content: center;
|
|
|
- image{
|
|
|
+
|
|
|
+ image {
|
|
|
width: 92%;
|
|
|
height: 100%;
|
|
|
-
|
|
|
+
|
|
|
}
|
|
|
}
|
|
|
- .sds{
|
|
|
+
|
|
|
+ .sds {
|
|
|
background: #ffffff;
|
|
|
padding: 0 30rpx;
|
|
|
}
|
|
|
-
|
|
|
- .yijian{
|
|
|
+
|
|
|
+ .yijian {
|
|
|
width: 150rpx;
|
|
|
margin-left: 30rpx;
|
|
|
}
|
|
|
- .server{
|
|
|
+
|
|
|
+ .server {
|
|
|
display: flex;
|
|
|
justify-content: center;
|
|
|
-
|
|
|
+
|
|
|
margin: 60rpx 0;
|
|
|
- image{
|
|
|
+
|
|
|
+ image {
|
|
|
width: 100px;
|
|
|
height: 100px;
|
|
|
}
|
|
|
}
|
|
|
-
|
|
|
-
|
|
|
-</style>
|
|
|
+</style>
|