wangmingchuan
/
yanzong_qianduan
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

客服

Browse Source
h5
fanfan 8 months ago
parent 98fa810e9b
commit a1818199d6
5 changed files with 262 additions and 97 deletions
Show all changes Ignore whitespace when comparing lines Ignore changes in amount of whitespace Ignore changes in whitespace at EOL
Show Stats Download Patch File Download Diff File
  1. 24
      pages/goods/detail.vue
  2. 175
      pages/index/index.vue
  3. 51
      pages/news3/shopOrderDetails.vue
  4. 42
      pages/order/detail.vue
  5. 67
      pages/user/index.vue

24
pages/goods/detail.vue
Unescape View File

@ -264,7 +264,7 @@
</view> </view>
<view class="footerCus firstBtn" v-else> <view class="footerCus firstBtn" v-else>
<view class="" v-if="setting.customer.provider=='wxqykf'" @click="handleContact"> <view class="" v-if="setting.provider=='wxqykf'" @click="handleContact">
<view class="cusIcon"> <view class="cusIcon">
<image src="/static/detail/customer.png"></image> <image src="/static/detail/customer.png"></image>
</view> </view>
@ -495,8 +495,6 @@
import * as address from '@/api/address.js' import * as address from '@/api/address.js'
import * as CartApi from '@/api/cart' import * as CartApi from '@/api/cart'
import store from '@/store' import store from '@/store'
import SettingKeyEnum from '@/common/enum/setting/Key'
import SettingModel from '@/common/model/Setting'
export default { export default {
components: { components: {
SkuPopup, SkuPopup,
@ -602,7 +600,6 @@
this.getGoodsStockInfor() this.getGoodsStockInfor()
this.getCartTotal() this.getCartTotal()
this.getProvinceAll() this.getProvinceAll()
this.getSetting()
uni.$on("onenPrice", function(selectShop) { uni.$on("onenPrice", function(selectShop) {
that.openPirce(); that.openPirce();
that.isTodo = false; that.isTodo = false;
@ -636,25 +633,12 @@
} }
}, },
methods: { methods: {
// 获取商城设置
getSetting() {
const app = this
return new Promise((resolve, reject) => {
SettingModel.data()
.then(setting => {
app.setting = setting
resolve(setting)
})
.catch(reject)
})
},
// 在线客服 // 在线客服
handleContact() { handleContact() {
// 商城客服设置 // 商城客服设置
const setting = this.setting[SettingKeyEnum.CUSTOMER.value] const setting = this.setting
// 企业微信客服 // 企业微信客服
if (setting.provider == 'wxqykf') { if (setting.provider == 'wxqykf') {
if (!setting.config.wxqykf.url || !setting.config.wxqykf.corpId) { if (!setting.config.wxqykf.url || !setting.config.wxqykf.corpId) {
this.$toast('客服链接和企业ID不能为空') this.$toast('客服链接和企业ID不能为空')
return return
@ -663,7 +647,6 @@
window.open(setting.config.wxqykf.url) window.open(setting.config.wxqykf.url)
// #endif // #endif
// #ifdef MP-WEIXIN // #ifdef MP-WEIXIN
console.log(setting.config.wxqykf.url,setting.config.wxqykf.corpId)
wx.openCustomerServiceChat({ wx.openCustomerServiceChat({
extInfo: { extInfo: {
url: setting.config.wxqykf.url url: setting.config.wxqykf.url
@ -675,6 +658,8 @@
} }
}) })
// #endif // #endif
}else{
this.$toast('暂不支持企业微信客服')
} }
}, },
onLook(isLink, url) { onLook(isLink, url) {
@ -1064,6 +1049,7 @@
.then(result => { .then(result => {
let info = result.data.detail; let info = result.data.detail;
this.getServeList(info.goods_id) this.getServeList(info.goods_id)
that.setting=result.data.detail.setting
let item = this.findItemById(info.skuList, info.goods_id) let item = this.findItemById(info.skuList, info.goods_id)
if (item) { if (item) {
if (item.sec_start_time) { if (item.sec_start_time) {

175
pages/index/index.vue
Unescape View File

@ -1,11 +1,13 @@
<template> <template>
<view class="index" :id="`index${styleIndex}`"> <view class="index" :id="`index${styleIndex}`">
<view class="navbarContent"> <view class="navbarContent">
<u-navbar :is-back="false" :background="styleIndex ? { background: navBgColor } : background" :border-bottom="false"> <u-navbar :is-back="false" :background="styleIndex ? { background: navBgColor } : background"
<image :src="logoImage" mode="heightFix" class="logo"></image> :border-bottom="false">
<image :src="logoImage" mode="heightFix" class="logo"></image>
<view class="slot-wrap"> <view class="slot-wrap">
<u-subsection :active-color="tabActiveColor || '#FB213D'" inactive-color="#000000" height="60" @change="changeHome" <u-subsection :active-color="tabActiveColor || '#FB213D'" inactive-color="#000000" height="60"
:bold="false" button-color="#fff" :list="list" :current="current"></u-subsection> @change="changeHome" :bold="false" button-color="#fff" :list="list" :current="current">
</u-subsection>
</view> </view>
</u-navbar> </u-navbar>
</view> </view>
@ -23,8 +25,14 @@
<!-- <view class="badge"></view> --> <!-- <view class="badge"></view> -->
</view> </view>
<view class="chat" v-else> <view class="chat" v-else>
<u-icon name="chat" color="#000000" size="70"></u-icon> <view v-if="setting.provider=='wxqykf'" @click="handleContact">
<button open-type="contact"></button> <u-icon name="chat" color="#000000" size="70"></u-icon>
</view>
<view v-else>
<u-icon name="chat" color="#000000" size="70"></u-icon>
<button open-type="contact"></button>
</view>
</view> </view>
</template> </template>
</view> </view>
@ -46,7 +54,8 @@
<u-swiper :list="bannerList" height="380" img-mode="aspectFill" @click="gotoDetail"></u-swiper> <u-swiper :list="bannerList" height="380" img-mode="aspectFill" @click="gotoDetail"></u-swiper>
</view> </view>
<view class="grid"> <view class="grid">
<view class="gridRows" :style="{'height': isToggle == false?catagoryList.length >0?'340rpx':'auto':'auto'}"> <view class="gridRows"
:style="{'height': isToggle == false?catagoryList.length >0?'340rpx':'auto':'auto'}">
<view class="gridItem" v-for="(item,index) in gridList" @click="goPage(item.path,item.type)" <view class="gridItem" v-for="(item,index) in gridList" @click="goPage(item.path,item.type)"
:key="index"> :key="index">
<view class="imageC"> <view class="imageC">
@ -80,7 +89,8 @@
</view> </view>
</view> </view>
<view class="firstContent" @click="goNewUser" v-if="wxAppSetting.new_first_gift"> <view class="firstContent" @click="goNewUser" v-if="wxAppSetting.new_first_gift">
<image :src="`${$picUrl}/static/index/new${styleIndex || ''}.png?t=${timestamp}`" class="firstBg" :class="{ 'firstBgStyle': styleIndex }"></image> <image :src="`${$picUrl}/static/index/new${styleIndex || ''}.png?t=${timestamp}`" class="firstBg"
:class="{ 'firstBgStyle': styleIndex }"></image>
<view class="firstInfo"> <view class="firstInfo">
<view class="fTitle"> <view class="fTitle">
<image :src="$picUrl+'/static/index/xinren.png?t='+timestamp" class="firstTitle"></image> <image :src="$picUrl+'/static/index/xinren.png?t='+timestamp" class="firstTitle"></image>
@ -117,7 +127,8 @@
<view class="dapaiTitle"> <view class="dapaiTitle">
<image :src="$picUrl+'/static/index/dapai.png?t='+timestamp" mode="widthFix"></image> <image :src="$picUrl+'/static/index/dapai.png?t='+timestamp" mode="widthFix"></image>
<view class="goods"> <view class="goods">
<image :src="$picUrl+'/static/index/diannei.png?t='+timestamp" mode="widthFix"></image> <image :src="$picUrl+'/static/index/diannei.png?t='+timestamp" mode="widthFix">
</image>
<view>店内现货</view> <view>店内现货</view>
</view> </view>
</view> </view>
@ -192,14 +203,15 @@
<view class="activity"> <view class="activity">
<!-- @click="goNews" --> <!-- @click="goNews" -->
<view class="left" v-if="wxAppSetting.service"> <view class="left" v-if="wxAppSetting.service">
<image :src="`${$picUrl}/static/index/activity${styleIndex || ''}.png?t=${timestamp}`" mode="widthFix"></image> <image :src="`${$picUrl}/static/index/activity${styleIndex || ''}.png?t=${timestamp}`"
mode="widthFix"></image>
</view> </view>
<view class="right"> <view class="right">
<!-- <view class="rightContent"> --> <!-- <view class="rightContent"> -->
<view class="rightItem1" v-if="wxAppSetting.new_product"> <view class="rightItem1" v-if="wxAppSetting.new_product">
<view style=""> <view style="">
<image :src="$picUrl+'/static/index/xinpin.png?t='+timestamp" mode="widthFix" @click="goNewGoods" <image :src="$picUrl+'/static/index/xinpin.png?t='+timestamp" mode="widthFix"
class="title"></image> @click="goNewGoods" class="title"></image>
<view class="more" @click="goNewGoods">查看更多<u-icon name="arrow-right"></u-icon> <view class="more" @click="goNewGoods">查看更多<u-icon name="arrow-right"></u-icon>
</view> </view>
<scroll-view scroll-x="true"> <scroll-view scroll-x="true">
@ -209,7 +221,8 @@
@click="goJump('/pages/goods/detail?goodsId=' + item.goods_id)"> @click="goJump('/pages/goods/detail?goodsId=' + item.goods_id)">
<image :src="item.goods_image"></image> <image :src="item.goods_image"></image>
<view class="priceBox"> <view class="priceBox">
<image :src="$picUrl+'/static/index/price.png?t='+timestamp" mode="heightFix"> <image :src="$picUrl+'/static/index/price.png?t='+timestamp"
mode="heightFix">
</image> </image>
<view><text>￥</text>{{item.goods_price_min}}</view> <view><text>￥</text>{{item.goods_price_min}}</view>
</view> </view>
@ -221,8 +234,8 @@
</view> </view>
<view class="rightItem2" v-if="wxAppSetting.ranking_list"> <view class="rightItem2" v-if="wxAppSetting.ranking_list">
<view style="margin-bottom: 10rpx;"> <view style="margin-bottom: 10rpx;">
<image :src="$picUrl+'/static/index/paihangbang.png?t='+timestamp" mode="widthFix" @click="rankIng" <image :src="$picUrl+'/static/index/paihangbang.png?t='+timestamp" mode="widthFix"
class="title"></image> @click="rankIng" class="title"></image>
<view class="more" @click="rankIng">查看更多<u-icon name="arrow-right"></u-icon> <view class="more" @click="rankIng">查看更多<u-icon name="arrow-right"></u-icon>
</view> </view>
<view class="right1Good"> <view class="right1Good">
@ -231,7 +244,8 @@
@click="goJump('/pages/goods/detail?goodsId=' + item.goods_id)"> @click="goJump('/pages/goods/detail?goodsId=' + item.goods_id)">
<image :src="item.goods_image"></image> <image :src="item.goods_image"></image>
<view class="priceBox"> <view class="priceBox">
<image :src="$picUrl+'/static/index/price.png?t='+timestamp" mode="heightFix"> <image :src="$picUrl+'/static/index/price.png?t='+timestamp"
mode="heightFix">
</image> </image>
<view><text>￥</text>{{item.goods_price_min}}</view> <view><text>￥</text>{{item.goods_price_min}}</view>
</view> </view>
@ -246,36 +260,36 @@
</view> </view>
<view class="goodsRecommend"> <view class="goodsRecommend">
<!-- <u-waterfall v-model="goodsRecommend" ref="uWaterfall1"> --> <!-- <u-waterfall v-model="goodsRecommend" ref="uWaterfall1"> -->
<!-- <template v-slot:left="{leftList}"> --> <!-- <template v-slot:left="{leftList}"> -->
<view class="goodsItem" v-for="(item,index) in goodsRecommend" @click="goDetails(item)" <view class="goodsItem" v-for="(item,index) in goodsRecommend" @click="goDetails(item)"
:key="index"> :key="index">
<view class="pic"> <view class="pic">
<image :src="item.goods_image" mode="aspectFill"></image> <image :src="item.goods_image" mode="aspectFill"></image>
</view> </view>
<view class="goodsInfo"> <view class="goodsInfo">
<view class="title"> <view class="title">
<!-- <text v-if="item.selling_point" class="ziying">{{item.selling_point}}</text> --> <!-- <text v-if="item.selling_point" class="ziying">{{item.selling_point}}</text> -->
<text class="name">{{item.goods_name}}</text> <text class="name">{{item.goods_name}}</text>
</view> </view>
</view> </view>
<!-- 商品价格 --> <!-- 商品价格 -->
<view class="shenBox"> <view class="shenBox">
<view class="detail-price oneline-hide"> <view class="detail-price oneline-hide">
<text class="goods-price f-30 col-m"><text <text class="goods-price f-30 col-m"><text
style="font-size: 26rpx;">￥</text>{{ item.goods_price_min>0?Number(item.goods_price_min):0.00}} style="font-size: 26rpx;">￥</text>{{ item.goods_price_min>0?Number(item.goods_price_min):0.00}}
<text class="delPrice"></text></text> <text class="delPrice"></text></text>
<text v-if="item.line_price_min > 0" <text v-if="item.line_price_min > 0"
class="line-price col-9 f-24">￥{{ item.line_price_min>0?Number(item.line_price_min):0.00 }}</text> class="line-price col-9 f-24">￥{{ item.line_price_min>0?Number(item.line_price_min):0.00 }}</text>
</view> </view>
<image :src="$picUrl+'/static/detail/redShen.png'" v-if="item.is_check==1" mode=""> <image :src="$picUrl+'/static/detail/redShen.png'" v-if="item.is_check==1" mode="">
</image> </image>
</view> </view>
<!-- <view class="goodsInfo1" v-if="item.cmmdty_model"> <!-- <view class="goodsInfo1" v-if="item.cmmdty_model">
<view class="oneTip"> <view class="oneTip">
{{item.cmmdty_model}} {{item.cmmdty_model}}
</view> </view>
</view> --> </view> -->
<!-- <view class="goodsSend"> <!-- <view class="goodsSend">
<view class="sendLeft"> <view class="sendLeft">
<view class="left_1"> <view class="left_1">
{{item.goods_source}} {{item.goods_source}}
@ -294,9 +308,9 @@
<text v-if="item.delivery_time==6">45天内发货</text> <text v-if="item.delivery_time==6">45天内发货</text>
</view> </view>
</view> --> </view> -->
</view> </view>
<!-- </template> --> <!-- </template> -->
<!-- <template v-slot:right="{rightList}"> <!-- <template v-slot:right="{rightList}">
<view class="goodsItem" style="margin-right: 0;" v-for="(item,index) in rightList" <view class="goodsItem" style="margin-right: 0;" v-for="(item,index) in rightList"
@click="goDetails(item)" :key="index"> @click="goDetails(item)" :key="index">
<view class="pic"> <view class="pic">
@ -632,7 +646,8 @@
navBgColor: '', navBgColor: '',
recommendPage: 1, recommendPage: 1,
recommendFinish: false, recommendFinish: false,
recommendLoadTitle: '' recommendLoadTitle: '',
setting: {},
} }
}, },
computed: { computed: {
@ -652,11 +667,40 @@
}, },
}, },
onReachBottom() { onReachBottom() {
if (!this.recommendFinish) { if (!this.recommendFinish) {
this.getSuggest() this.getSuggest()
} }
}, },
methods: { methods: {
// 在线客服
handleContact() {
// 商城客服设置
const setting = this.setting
// 企业微信客服
if (setting.provider == 'wxqykf') {
if (!setting.config.wxqykf.url || !setting.config.wxqykf.corpId) {
this.$toast('客服链接和企业ID不能为空')
return
}
// #ifdef H5
window.open(setting.config.wxqykf.url)
// #endif
// #ifdef MP-WEIXIN
wx.openCustomerServiceChat({
extInfo: {
url: setting.config.wxqykf.url
},
corpId: setting.config.wxqykf.corpId,
success(res) {},
fail(res) {
console.log(res, '企业微信')
}
})
// #endif
}else{
this.$toast('暂不支持企业微信客服')
}
},
/** /**
* 获取小程序配置 * 获取小程序配置
*/ */
@ -667,7 +711,9 @@
} = await GoodsApi.wxAppSetting({}); } = await GoodsApi.wxAppSetting({});
if (status == 200) { if (status == 200) {
this.wxAppSetting = data; this.wxAppSetting = data;
const arr = [{ name: '首页' }]; const arr = [{
name: '首页'
}];
if (data.same_city) { if (data.same_city) {
arr.push({ arr.push({
name: '同城送' name: '同城送'
@ -680,13 +726,12 @@
} }
this.list = [...arr]; this.list = [...arr];
if (data.select_mechant && uni.getStorageSync('storeVersion') == 1) { if (data.select_mechant && uni.getStorageSync('storeVersion') == 1) {
this.gridList.splice(5, 1, this.gridList.splice(5, 1, {
{ image: `${this.$picUrl}/static/index/shop-active.png`,
image: `${this.$picUrl}/static/index/shop-active.png`, text: "精选商户",
text: "精选商户", path: '/pages/shopList/index',
path: '/pages/shopList/index', type: 2
type: 2 });
});
} }
} }
}, },
@ -709,7 +754,8 @@
// 跳转到秒杀新的商品详情 // 跳转到秒杀新的商品详情
handleTargetGoods(item) { handleTargetGoods(item) {
uni.navigateTo({ uni.navigateTo({
url: '/pages/goods/seckillDetail?sharpGoodsId=' + item.sharp_goods_id +'&activeTimeId='+this.tabbar[this.curTabIndex].active_time_id+ "&isSeckill=" + true + '&isBuy=' + this url: '/pages/goods/seckillDetail?sharpGoodsId=' + item.sharp_goods_id + '&activeTimeId=' + this
.tabbar[this.curTabIndex].active_time_id + "&isSeckill=" + true + '&isBuy=' + this
.seckillCutDownTime + '&seckillText=' + (this.tabbar[this.curTabIndex].status == 10 ? .seckillCutDownTime + '&seckillText=' + (this.tabbar[this.curTabIndex].status == 10 ?
'结束' : '开始') '结束' : '开始')
}) })
@ -936,7 +982,9 @@
}, },
getSuggest() { getSuggest() {
// 获取推荐商品 // 获取推荐商品
Api.recommendedNew({ page: this.recommendPage++ }).then(res => { Api.recommendedNew({
page: this.recommendPage++
}).then(res => {
console.log(res); console.log(res);
let arr = res.data.goodsList.data let arr = res.data.goodsList.data
if (arr && arr.length > 0) { if (arr && arr.length > 0) {
@ -950,7 +998,7 @@
if (arr.length < res.data.goodsList.per_page) { if (arr.length < res.data.goodsList.per_page) {
this.recommendFinish = true; this.recommendFinish = true;
} }
this.recommendLoadTitle = this.recommendFinish ? "已全部加载完" : "上拉加载更多"; this.recommendLoadTitle = this.recommendFinish ? "已全部加载完" : "上拉加载更多";
this.goodsRecommend = [...this.goodsRecommend, ...arr] this.goodsRecommend = [...this.goodsRecommend, ...arr]
}) })
@ -1194,6 +1242,7 @@
this.recommendLoadTitle = ''; this.recommendLoadTitle = '';
this.goodsRecommend = []; this.goodsRecommend = [];
this.getSuggest() this.getSuggest()
this.setting = uni.getStorageSync('Setting').customer
}, },
onShow() { onShow() {
if (this.list[this.current].name === '广场') { if (this.list[this.current].name === '广场') {
@ -1232,6 +1281,7 @@
</script> </script>
<style lang="scss" scoped> <style lang="scss" scoped>
@import './style.scss'; @import './style.scss';
.index { .index {
min-height: calc(100vh - 100rpx); min-height: calc(100vh - 100rpx);
background: url('https://www.royaum.com.cn/static/index/index-bg.png'); background: url('https://www.royaum.com.cn/static/index/index-bg.png');
@ -1517,6 +1567,7 @@
width: 698rpx; width: 698rpx;
height: 230rpx; height: 230rpx;
margin-bottom: 20rpx; margin-bottom: 20rpx;
&.firstBgStyle { &.firstBgStyle {
width: 686rpx; width: 686rpx;
height: 230rpx; height: 230rpx;
@ -1897,7 +1948,7 @@
.rightItem1, .rightItem1,
.rightItem2 { .rightItem2 {
background: url('https://www.royaum.com.cn/static/index/newFirst.png'); background: url('https://www.royaum.com.cn/static/index/newFirst.png');
background-size: cover!important; background-size: cover !important;
padding: 14rpx; padding: 14rpx;
position: relative; position: relative;
box-sizing: border-box; box-sizing: border-box;
@ -2085,6 +2136,7 @@
} }
} }
} }
.finished { .finished {
font-size: 28rpx; font-size: 28rpx;
line-height: 100rpx; line-height: 100rpx;
@ -2172,7 +2224,8 @@
width: 500rpx; width: 500rpx;
display: flex; display: flex;
align-items: center; align-items: center;
flex-wrap: wrap; flex-wrap: wrap;
// justify-content: ; // justify-content: ;
.tagsItem { .tagsItem {
margin-bottom: 16rpx; margin-bottom: 16rpx;
@ -2688,4 +2741,4 @@
font-weight: 500; font-weight: 500;
color: #F21A1C; color: #F21A1C;
} }
</style> </style>

51
pages/news3/shopOrderDetails.vue
Unescape View File

@ -130,11 +130,18 @@
<image :src="$picUrl+'/static/news3/phone.png'" mode="widthFix"></image> <image :src="$picUrl+'/static/news3/phone.png'" mode="widthFix"></image>
<text>联系客户</text> <text>联系客户</text>
</view> </view>
<view class="btnItem" style="border-left:1px solid #F4F4F4" <view class="btnItem" style="border-left:1px solid #F4F4F4" v-if="setting.provider=='wxqykf'"
@click="callStore(orderInfo.storeInfo.phone)"> @click="handleContact">
<image :src="$picUrl+'/static/news3/kefu.png'" mode="widthFix"></image> <image :src="$picUrl+'/static/news3/kefu.png'" mode="widthFix"></image>
<text>联系商家</text> <text>联系商家</text>
</view> </view>
<view v-else class="btnItem"
style="border-left:1px solid #F4F4F4;overflow:hidden;position: relative;">
<image :src="$picUrl+'/static/news3/kefu.png'" mode="widthFix"></image>
<text>联系商家</text>
<button open-type="contact"
style="width: 100%;height: 100%;position: absolute;top: 0;z-index: 9;background: none;"></button>
</view>
</view> </view>
</view> </view>
</view> </view>
@ -295,7 +302,8 @@
refund_image_id: '', refund_image_id: '',
refund_notes: '', refund_notes: '',
addressData: '', addressData: '',
userInfo: {} userInfo: {},
setting: {}
}; };
}, },
onLoad(option) { onLoad(option) {
@ -306,11 +314,41 @@
this.getOrderDetail(this.order_id) this.getOrderDetail(this.order_id)
}, },
methods: { methods: {
// 在线客服
handleContact() {
// 商城客服设置
const setting = this.setting
// 企业微信客服
if (setting.provider == 'wxqykf') {
if (!setting.config.wxqykf.url || !setting.config.wxqykf.corpId) {
this.$toast('客服链接和企业ID不能为空')
return
}
// #ifdef H5
window.open(setting.config.wxqykf.url)
// #endif
// #ifdef MP-WEIXIN
console.log(setting.config.wxqykf.url, setting.config.wxqykf.corpId)
wx.openCustomerServiceChat({
extInfo: {
url: setting.config.wxqykf.url
},
corpId: setting.config.wxqykf.corpId,
success(res) {},
fail(res) {
console.log(res, '企业微信')
}
})
// #endif
}else{
this.$toast('暂不支持企业微信客服')
}
},
previewImage(index, list) { previewImage(index, list) {
let newList=[] let newList = []
list.forEach(item => { list.forEach(item => {
newList.push(item.preview_url) newList.push(item.preview_url)
}); });
uni.previewImage({ uni.previewImage({
current: index, // 当前显示图片索引 current: index, // 当前显示图片索引
urls: newList, // 需要预览的图片http链接列表 urls: newList, // 需要预览的图片http链接列表
@ -328,6 +366,7 @@
OrderApi.detail(this.order_id) OrderApi.detail(this.order_id)
.then(result => { .then(result => {
this.orderInfo = result.data.order this.orderInfo = result.data.order
this.setting = result.data.customer
}) })
}, },
// 联系商家 // 联系商家

42
pages/order/detail.vue
Unescape View File

@ -238,10 +238,14 @@
</view> </view>
<!-- / @click="callStore(order.storeInfo.phone)" --> <!-- / @click="callStore(order.storeInfo.phone)" -->
<view class="callShop"> <view class="callShop" v-if="setting.provider=='wxqykf'" @click="handleContact">
<image src="/static/order/share.png" mode=""></image>
联系商家
</view>
<view class="callShop" v-else>
<image src="/static/order/share.png" mode=""></image> <image src="/static/order/share.png" mode=""></image>
<button open-type="contact"></button>
联系商家 联系商家
<button open-type="contact"></button>
</view> </view>
</view> </view>
</view> </view>
@ -421,7 +425,8 @@
cdDia: false, cdDia: false,
menushow: false, menushow: false,
Store: '', Store: '',
userInfo: {} userInfo: {},
setting: {}
} }
}, },
/** /**
@ -473,6 +478,36 @@
} }
}, },
methods: { methods: {
// 在线客服
handleContact() {
// 商城客服设置
const setting = this.setting
// 企业微信客服
if (setting.provider == 'wxqykf') {
if (!setting.config.wxqykf.url || !setting.config.wxqykf.corpId) {
this.$toast('客服链接和企业ID不能为空')
return
}
// #ifdef H5
window.open(setting.config.wxqykf.url)
// #endif
// #ifdef MP-WEIXIN
console.log(setting.config.wxqykf.url, setting.config.wxqykf.corpId)
wx.openCustomerServiceChat({
extInfo: {
url: setting.config.wxqykf.url
},
corpId: setting.config.wxqykf.corpId,
success(res) {},
fail(res) {
console.log(res, '企业微信')
}
})
// #endif
} else {
this.$toast('暂不支持企业微信客服')
}
},
previewImage(index, list) { previewImage(index, list) {
let newList = [] let newList = []
list.forEach(item => { list.forEach(item => {
@ -573,6 +608,7 @@
app.onExtractQRCode(result.data.order.order_id) app.onExtractQRCode(result.data.order.order_id)
} }
app.order = result.data.order app.order = result.data.order
app.setting = result.data.customer
app.isLoading = false app.isLoading = false
app.menushow = false app.menushow = false
}) })

67
pages/user/index.vue
Unescape View File

@ -28,10 +28,20 @@
</view> </view>
</view> </view>
<view style="display: flex; flex: 1; justify-content: flex-end;"> <view style="display: flex; flex: 1; justify-content: flex-end;">
<view class="group_2"> <view class="group_2" v-if="isLogin">
<view v-if="setting.provider=='wxqykf'" @click="handleContact">
<image :src="$picUrl+'/static/home/news.png'" class="thumbnail"></image>
<text lines="1" class="text_2">消息</text>
</view>
<view v-else>
<image :src="$picUrl+'/static/home/news.png'" class="thumbnail"></image>
<text lines="1" class="text_2">消息</text>
<button open-type="contact"></button>
</view>
</view>
<view class="group_2" v-else>
<image :src="$picUrl+'/static/home/news.png'" class="thumbnail"></image> <image :src="$picUrl+'/static/home/news.png'" class="thumbnail"></image>
<text lines="1" class="text_2">消息</text> <text lines="1" class="text_2">消息</text>
<button open-type="contact" v-if="isLogin"></button>
</view> </view>
<!-- / --> <!-- / -->
<view class="group_4" @click="lookMemberCode('2')" <view class="group_4" @click="lookMemberCode('2')"
@ -380,11 +390,20 @@
</view> </view>
</view> </view>
<view class="serveIcon" v-else> <view class="serveIcon" v-else>
<image :src="$picUrl+'/static/user/customer.png'" class="icons"></image> <view v-if="setting.provider=='wxqykf'" @click="handleContact">
<view class="serveInfo"> <image :src="$picUrl+'/static/user/customer.png'" class="icons"></image>
客服 <view class="serveInfo">
客服
</view>
</view> </view>
<button type="default" open-type="contact" class="infoBtn"></button> <view v-else>
<image :src="$picUrl+'/static/user/customer.png'" class="icons"></image>
<view class="serveInfo">
客服
</view>
<button type="default" open-type="contact" class="infoBtn"></button>
</view>
</view> </view>
<view class="serveIcon" @click="goJump('/pages/news1/setting')"> <view class="serveIcon" @click="goJump('/pages/news1/setting')">
<image :src="$picUrl+'/static/user/set.png'" class="icons"></image> <image :src="$picUrl+'/static/user/set.png'" class="icons"></image>
@ -708,7 +727,8 @@
recommendPage: 1, recommendPage: 1,
recommendFinish: false, recommendFinish: false,
recommendLoadTitle: '', recommendLoadTitle: '',
is_show_open_shop_buttun: null is_show_open_shop_buttun: null,
setting: {}
} }
}, },
onLoad() { onLoad() {
@ -718,6 +738,7 @@
this.goodsRecommend = []; this.goodsRecommend = [];
this.getSuggest() this.getSuggest()
this.is_show_open_shop_buttun = uni.getStorageSync("Store").storeInfo.is_show_open_shop_buttun this.is_show_open_shop_buttun = uni.getStorageSync("Store").storeInfo.is_show_open_shop_buttun
this.setting = uni.getStorageSync('Setting').customer
}, },
onShow(options) { onShow(options) {
if (uni.getStorageSync("userInfo").user_id) { if (uni.getStorageSync("userInfo").user_id) {
@ -748,6 +769,36 @@
} }
}, },
methods: { methods: {
// 在线客服
handleContact() {
// 商城客服设置
const setting = this.setting
// 企业微信客服
if (setting.provider == 'wxqykf') {
if (!setting.config.wxqykf.url || !setting.config.wxqykf.corpId) {
this.$toast('客服链接和企业ID不能为空')
return
}
// #ifdef H5
window.open(setting.config.wxqykf.url)
// #endif
// #ifdef MP-WEIXIN
console.log(setting.config.wxqykf.url, setting.config.wxqykf.corpId)
wx.openCustomerServiceChat({
extInfo: {
url: setting.config.wxqykf.url
},
corpId: setting.config.wxqykf.corpId,
success(res) {},
fail(res) {
console.log(res, '企业微信')
}
})
// #endif
}else{
this.$toast('暂不支持企业微信客服')
}
},
createImge(index, w, h) { createImge(index, w, h) {
const that = this; const that = this;
ctx.fillRect(0, 0, w / that.devicePixelRatio, h / that.devicePixelRatio); ctx.fillRect(0, 0, w / that.devicePixelRatio, h / that.devicePixelRatio);
@ -2533,4 +2584,4 @@
} }
} }
</style> </style>

Write Preview
Loading…
Cancel
Save