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

175
pages/index/index.vue
Unescape View File

@ -1,11 +1,13 @@
<template>
<view class="index" :id="`index${styleIndex}`">
<view class="navbarContent">
<u-navbar :is-back="false" :background="styleIndex ? { background: navBgColor } : background" :border-bottom="false">
<image :src="logoImage" mode="heightFix" class="logo"></image>
<u-navbar :is-back="false" :background="styleIndex ? { background: navBgColor } : background"
:border-bottom="false">
<image :src="logoImage" mode="heightFix" class="logo"></image>
<view class="slot-wrap">
<u-subsection :active-color="tabActiveColor || '#FB213D'" inactive-color="#000000" height="60" @change="changeHome"
:bold="false" button-color="#fff" :list="list" :current="current"></u-subsection>
<u-subsection :active-color="tabActiveColor || '#FB213D'" inactive-color="#000000" height="60"
@change="changeHome" :bold="false" button-color="#fff" :list="list" :current="current">
</u-subsection>
</view>
</u-navbar>
</view>
@ -23,8 +25,14 @@
<!-- <view class="badge"></view> -->
</view>
<view class="chat" v-else>
<u-icon name="chat" color="#000000" size="70"></u-icon>
<button open-type="contact"></button>
<view v-if="setting.provider=='wxqykf'" @click="handleContact">
<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>
</template>
</view>
@ -46,7 +54,8 @@
<u-swiper :list="bannerList" height="380" img-mode="aspectFill" @click="gotoDetail"></u-swiper>
</view>
<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)"
:key="index">
<view class="imageC">
@ -80,7 +89,8 @@
</view>
</view>
<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="fTitle">
<image :src="$picUrl+'/static/index/xinren.png?t='+timestamp" class="firstTitle"></image>
@ -117,7 +127,8 @@
<view class="dapaiTitle">
<image :src="$picUrl+'/static/index/dapai.png?t='+timestamp" mode="widthFix"></image>
<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>
@ -192,14 +203,15 @@
<view class="activity">
<!-- @click="goNews" -->
<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 class="right">
<!-- <view class="rightContent"> -->
<view class="rightItem1" v-if="wxAppSetting.new_product">
<view style="">
<image :src="$picUrl+'/static/index/xinpin.png?t='+timestamp" mode="widthFix" @click="goNewGoods"
class="title"></image>
<image :src="$picUrl+'/static/index/xinpin.png?t='+timestamp" mode="widthFix"
@click="goNewGoods" class="title"></image>
<view class="more" @click="goNewGoods">查看更多<u-icon name="arrow-right"></u-icon>
</view>
<scroll-view scroll-x="true">
@ -209,7 +221,8 @@
@click="goJump('/pages/goods/detail?goodsId=' + item.goods_id)">
<image :src="item.goods_image"></image>
<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>
<view><text>￥</text>{{item.goods_price_min}}</view>
</view>
@ -221,8 +234,8 @@
</view>
<view class="rightItem2" v-if="wxAppSetting.ranking_list">
<view style="margin-bottom: 10rpx;">
<image :src="$picUrl+'/static/index/paihangbang.png?t='+timestamp" mode="widthFix" @click="rankIng"
class="title"></image>
<image :src="$picUrl+'/static/index/paihangbang.png?t='+timestamp" mode="widthFix"
@click="rankIng" class="title"></image>
<view class="more" @click="rankIng">查看更多<u-icon name="arrow-right"></u-icon>
</view>
<view class="right1Good">
@ -231,7 +244,8 @@
@click="goJump('/pages/goods/detail?goodsId=' + item.goods_id)">
<image :src="item.goods_image"></image>
<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>
<view><text>￥</text>{{item.goods_price_min}}</view>
</view>
@ -246,36 +260,36 @@
</view>
<view class="goodsRecommend">
<!-- <u-waterfall v-model="goodsRecommend" ref="uWaterfall1"> -->
<!-- <template v-slot:left="{leftList}"> -->
<view class="goodsItem" v-for="(item,index) in goodsRecommend" @click="goDetails(item)"
:key="index">
<view class="pic">
<image :src="item.goods_image" mode="aspectFill"></image>
</view>
<view class="goodsInfo">
<view class="title">
<!-- <text v-if="item.selling_point" class="ziying">{{item.selling_point}}</text> -->
<text class="name">{{item.goods_name}}</text>
</view>
</view>
<!-- 商品价格 -->
<view class="shenBox">
<view class="detail-price oneline-hide">
<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}}
<text class="delPrice"></text></text>
<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>
</view>
<image :src="$picUrl+'/static/detail/redShen.png'" v-if="item.is_check==1" mode="">
</image>
</view>
<!-- <view class="goodsInfo1" v-if="item.cmmdty_model">
<!-- <template v-slot:left="{leftList}"> -->
<view class="goodsItem" v-for="(item,index) in goodsRecommend" @click="goDetails(item)"
:key="index">
<view class="pic">
<image :src="item.goods_image" mode="aspectFill"></image>
</view>
<view class="goodsInfo">
<view class="title">
<!-- <text v-if="item.selling_point" class="ziying">{{item.selling_point}}</text> -->
<text class="name">{{item.goods_name}}</text>
</view>
</view>
<!-- 商品价格 -->
<view class="shenBox">
<view class="detail-price oneline-hide">
<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}}
<text class="delPrice"></text></text>
<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>
</view>
<image :src="$picUrl+'/static/detail/redShen.png'" v-if="item.is_check==1" mode="">
</image>
</view>
<!-- <view class="goodsInfo1" v-if="item.cmmdty_model">
<view class="oneTip">
{{item.cmmdty_model}}
</view>
</view> -->
<!-- <view class="goodsSend">
<!-- <view class="goodsSend">
<view class="sendLeft">
<view class="left_1">
{{item.goods_source}}
@ -294,9 +308,9 @@
<text v-if="item.delivery_time==6">45天内发货</text>
</view>
</view> -->
</view>
<!-- </template> -->
<!-- <template v-slot:right="{rightList}">
</view>
<!-- </template> -->
<!-- <template v-slot:right="{rightList}">
<view class="goodsItem" style="margin-right: 0;" v-for="(item,index) in rightList"
@click="goDetails(item)" :key="index">
<view class="pic">
@ -632,7 +646,8 @@
navBgColor: '',
recommendPage: 1,
recommendFinish: false,
recommendLoadTitle: ''
recommendLoadTitle: '',
setting: {},
}
},
computed: {
@ -652,11 +667,40 @@
},
},
onReachBottom() {
if (!this.recommendFinish) {
if (!this.recommendFinish) {
this.getSuggest()
}
},
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({});
if (status == 200) {
this.wxAppSetting = data;
const arr = [{ name: '首页' }];
const arr = [{
name: '首页'
}];
if (data.same_city) {
arr.push({
name: '同城送'
@ -680,13 +726,12 @@
}
this.list = [...arr];
if (data.select_mechant && uni.getStorageSync('storeVersion') == 1) {
this.gridList.splice(5, 1,
{
image: `${this.$picUrl}/static/index/shop-active.png`,
text: "精选商户",
path: '/pages/shopList/index',
type: 2
});
this.gridList.splice(5, 1, {
image: `${this.$picUrl}/static/index/shop-active.png`,
text: "精选商户",
path: '/pages/shopList/index',
type: 2
});
}
}
},
@ -709,7 +754,8 @@
// 跳转到秒杀新的商品详情
handleTargetGoods(item) {
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 ?
'结束' : '开始')
})
@ -936,7 +982,9 @@
},
getSuggest() {
// 获取推荐商品
Api.recommendedNew({ page: this.recommendPage++ }).then(res => {
Api.recommendedNew({
page: this.recommendPage++
}).then(res => {
console.log(res);
let arr = res.data.goodsList.data
if (arr && arr.length > 0) {
@ -950,7 +998,7 @@
if (arr.length < res.data.goodsList.per_page) {
this.recommendFinish = true;
}
this.recommendLoadTitle = this.recommendFinish ? "已全部加载完" : "上拉加载更多";
this.recommendLoadTitle = this.recommendFinish ? "已全部加载完" : "上拉加载更多";
this.goodsRecommend = [...this.goodsRecommend, ...arr]
})
@ -1194,6 +1242,7 @@
this.recommendLoadTitle = '';
this.goodsRecommend = [];
this.getSuggest()
this.setting = uni.getStorageSync('Setting').customer
},
onShow() {
if (this.list[this.current].name === '广场') {
@ -1232,6 +1281,7 @@
</script>
<style lang="scss" scoped>
@import './style.scss';
.index {
min-height: calc(100vh - 100rpx);
background: url('https://www.royaum.com.cn/static/index/index-bg.png');
@ -1517,6 +1567,7 @@
width: 698rpx;
height: 230rpx;
margin-bottom: 20rpx;
&.firstBgStyle {
width: 686rpx;
height: 230rpx;
@ -1897,7 +1948,7 @@
.rightItem1,
.rightItem2 {
background: url('https://www.royaum.com.cn/static/index/newFirst.png');
background-size: cover!important;
background-size: cover !important;
padding: 14rpx;
position: relative;
box-sizing: border-box;
@ -2085,6 +2136,7 @@
}
}
}
.finished {
font-size: 28rpx;
line-height: 100rpx;
@ -2172,7 +2224,8 @@
width: 500rpx;
display: flex;
align-items: center;
flex-wrap: wrap;
flex-wrap: wrap;
// justify-content: ;
.tagsItem {
margin-bottom: 16rpx;
@ -2688,4 +2741,4 @@
font-weight: 500;
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>
<text>联系客户</text>
</view>
<view class="btnItem" style="border-left:1px solid #F4F4F4"
@click="callStore(orderInfo.storeInfo.phone)">
<view class="btnItem" style="border-left:1px solid #F4F4F4" v-if="setting.provider=='wxqykf'"
@click="handleContact">
<image :src="$picUrl+'/static/news3/kefu.png'" mode="widthFix"></image>
<text>联系商家</text>
</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>
@ -295,7 +302,8 @@
refund_image_id: '',
refund_notes: '',
addressData: '',
userInfo: {}
userInfo: {},
setting: {}
};
},
onLoad(option) {
@ -306,11 +314,41 @@
this.getOrderDetail(this.order_id)
},
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) {
let newList=[]
let newList = []
list.forEach(item => {
newList.push(item.preview_url)
});
newList.push(item.preview_url)
});
uni.previewImage({
current: index, // 当前显示图片索引
urls: newList, // 需要预览的图片http链接列表
@ -328,6 +366,7 @@
OrderApi.detail(this.order_id)
.then(result => {
this.orderInfo = result.data.order
this.setting = result.data.customer
})
},
// 联系商家

42
pages/order/detail.vue
Unescape View File

@ -238,10 +238,14 @@
</view>
<!-- / @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>
<button open-type="contact"></button>
联系商家
<button open-type="contact"></button>
</view>
</view>
</view>
@ -421,7 +425,8 @@
cdDia: false,
menushow: false,
Store: '',
userInfo: {}
userInfo: {},
setting: {}
}
},
/**
@ -473,6 +478,36 @@
}
},
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) {
let newList = []
list.forEach(item => {
@ -573,6 +608,7 @@
app.onExtractQRCode(result.data.order.order_id)
}
app.order = result.data.order
app.setting = result.data.customer
app.isLoading = false
app.menushow = false
})

67
pages/user/index.vue
Unescape View File

@ -28,10 +28,20 @@
</view>
</view>
<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>
<text lines="1" class="text_2">消息</text>
<button open-type="contact" v-if="isLogin"></button>
</view>
<!-- / -->
<view class="group_4" @click="lookMemberCode('2')"
@ -380,11 +390,20 @@
</view>
</view>
<view class="serveIcon" v-else>
<image :src="$picUrl+'/static/user/customer.png'" class="icons"></image>
<view class="serveInfo">
客服
<view v-if="setting.provider=='wxqykf'" @click="handleContact">
<image :src="$picUrl+'/static/user/customer.png'" class="icons"></image>
<view class="serveInfo">
客服
</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 class="serveIcon" @click="goJump('/pages/news1/setting')">
<image :src="$picUrl+'/static/user/set.png'" class="icons"></image>
@ -708,7 +727,8 @@
recommendPage: 1,
recommendFinish: false,
recommendLoadTitle: '',
is_show_open_shop_buttun: null
is_show_open_shop_buttun: null,
setting: {}
}
},
onLoad() {
@ -718,6 +738,7 @@
this.goodsRecommend = [];
this.getSuggest()
this.is_show_open_shop_buttun = uni.getStorageSync("Store").storeInfo.is_show_open_shop_buttun
this.setting = uni.getStorageSync('Setting').customer
},
onShow(options) {
if (uni.getStorageSync("userInfo").user_id) {
@ -748,6 +769,36 @@
}
},
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) {
const that = this;
ctx.fillRect(0, 0, w / that.devicePixelRatio, h / that.devicePixelRatio);
@ -2533,4 +2584,4 @@
}
}
</style>
</style>

Write Preview
Loading…
Cancel
Save