sileya-ai
/
vr-shopxo-uniapp
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

客服组件适配h5

master
gongfuxiang 2021-12-03 10:00:49 +08:00
parent e90784b65d
commit 3180b5e99c
1 changed files with 34 additions and 8 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

42
components/online-service/online-service.vue
View File

@ -3,14 +3,21 @@
<!-- 开启事件 -->
<movable-area v-if="online_service_status == 1" class="online-service-movable-container" :style="'height: calc(100% - '+height_dec+'rpx);top:'+top+'rpx;'">
<movable-view direction="all" :x="x" :y="y" :animation="false" class="online-service-event-submit">
<button :class="common_ent" open-type="contact" :show-message-card="propCard" :send-message-title="propTitle" :send-message-path="propPath" :send-message-img="propImg">
<!-- #ifdef MP-ALIPAY -->
<contact-button :tnt-inst-id="mini_alipay_tnt_inst_id" :scene="mini_alipay_scene" :alipay-card-no="mini_alipay_openid || ''" :icon="common_static_url+'online-service-icon.png'" size="60rpx*60rpx" />
<!-- #endif -->
<!-- #ifdef MP-WEIXIN || MP-TOUTIAO || MP-BAIDU || H5 || APP -->
<!-- #ifdef MP-WEIXIN || MP-TOUTIAO || MP-BAIDU -->
<button open-type="contact" :class="common_ent">
<image :src="common_static_url+'online-service-icon.png'" class="dis-block"></image>
<!-- #endif -->
</button>
<!-- #endif -->
<!-- #ifdef MP-ALIPAY -->
<button open-type="contact" :class="common_ent" :show-message-card="propCard" :send-message-title="propTitle" :send-message-path="propPath" :send-message-img="propImg">
<contact-button :tnt-inst-id="mini_alipay_tnt_inst_id" :scene="mini_alipay_scene" :alipay-card-no="mini_alipay_openid || ''" :icon="common_static_url+'online-service-icon.png'" size="60rpx*60rpx" />
</button>
<!-- #endif -->
<!-- #ifdef H5 || APP -->
<button type="default" :class="common_ent" @tap="call_event">
<image :src="common_static_url+'online-service-icon.png'" class="dis-block"></image>
</button>
<!-- #endif -->
</movable-view>
</movable-area>
</view>
@ -21,7 +28,8 @@
export default {
data() {
return {
common_static_url: common_static_url,
common_static_url: common_static_url,
common_app_customer_service_tel: null,
online_service_status: 0,
mini_alipay_tnt_inst_id: null,
mini_alipay_scene: null,
@ -107,10 +115,19 @@
init_config(status) {
if ((status || false) == true) {
// #ifdef MP-WEIXIN || MP-TOUTIAO || MP-BAIDU || MP-ALIPAY || H5 || APP
this.setData({
this.setData({
common_app_customer_service_tel: app.globalData.get_config('config.common_app_customer_service_tel'),
online_service_status: app.globalData.get_config('config.common_app_is_online_service') || 0
});
// #endif
// #ifdef H5 || APP
if((this.common_app_customer_service_tel || null) == null) {
this.setData({
online_service_status: 0
});
}
// #endif
// #ifdef MP-ALIPAY
// 在线客服开启，获取用户openid
@ -126,6 +143,15 @@
} else {
app.globalData.is_config(this, 'init_config');
}
},
// 客服电话
call_event() {
if (this.common_app_customer_service_tel == null) {
app.globalData.showToast("客服电话有误");
} else {
app.globalData.call_tel(this.common_app_customer_service_tel);
}
}
}
};