chen
/
hengmei-two
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity
hengmei-two/pagesB/orderDetail/orderDetail.vue

374 lines
15 KiB
Vue
Raw Permalink Normal View History

新增商城系列
2021-10-11 10:21:06 +00:00
<template>
<view>
<!-- 状态栏 -->
<status-nav :titleVal="'订单详情'" :statusTitle="true"></status-nav>
去除状态栏高度缓存，新增状态机状态栏高度设置
2022-04-11 02:12:11 +00:00
<view :style="{paddingTop: statusHeight+'px'}" class="pad-zy30" style="padding-bottom: 150rpx;">
新增商城系列
2021-10-11 10:21:06 +00:00
<!-- 订单类型 -->
修改
2021-11-04 07:41:53 +00:00
<block v-if="loading">
<view class="bacf radius20 mar-s20 fon28" style="padding: 27rpx 20rpx;">
<view class="disjbac">
<view class="bold">{{['商城订单','积分商城订单'][orderInfo.is_score]}}</view>
1、医生列表、医生详情图片更改；2、订单列表、订单详情状态修改；3、进入分类选中分类调整；4、病种列表点赞、收藏调整；5、商品详情活动结束判断
2022-03-09 10:06:05 +00:00
<view v-if="orderInfo.status=='waiting'" class="colf8 bold">{{orderInfo.status_text}}</view>
<view v-if="orderInfo.status=='paid' && orderInfo.has_virtual!=1" class="colf8 bold">{{orderInfo.status_text}}</view>
<view v-if="orderInfo.status=='shipped' && orderInfo.has_virtual!=1" class="colf8 bold">{{orderInfo.status_text}}</view>
<view v-if="orderInfo.status=='completed'" class="col9 bold">{{orderInfo.status_text}}</view>
<view v-if="orderInfo.virtual_check==0 && orderInfo.has_virtual==1" class="colf8 bold">{{orderInfo.status_text}}</view>
<view v-if="orderInfo.virtual_check==1 && orderInfo.has_virtual==1" class="col9 bold">{{orderInfo.status_text}}</view>
<view v-if="orderInfo.status=='closed'" class="col9 bold">{{orderInfo.status_text}}</view>
修改
2021-11-04 07:41:53 +00:00
</view>
<view class="bold col3 mar-s40 mar-x20">订单号：{{orderInfo.coding}}</view>
修改
2021-11-11 07:33:17 +00:00
<view class="fon24 col9" v-if="orderInfo.is_only==0 && orderInfo.open_one==1 && orderInfo.is_group_make==1 && orderInfo.open_one_success==0 ">{{daoTime}}</view>
<view class="fon24 col9" v-else>{{orderInfo.created_at}}</view>
新增商城系列
2021-10-11 10:21:06 +00:00
</view>
修改
2021-11-04 07:41:53 +00:00
<!-- 物流信息 -->
<view class="bacf radius20 mar-s20 fon28" style="padding: 27rpx 20rpx;">
<view class="bold">物流信息</view>
<view class="bold col3 mar-s40 fon26 disjbac">
<view>{{orderInfo.express_name}}：{{orderInfo.express_number||'暂无快递单号'}}</view>
<view @tap="copyCont">复制</view>
</view>
调整
2021-11-02 10:23:53 +00:00
</view>
修改
2021-11-04 07:41:53 +00:00
<!-- 地址信息 -->
<view v-if="orderInfo.address!='自提'" class="bacf radius20 mar-s20" style="padding: 27rpx 20rpx;">
<view class="bold">收件人信息</view>
<view class="fon26 col3">
<view class="fon28 col3 bold" style="margin: 52rpx 0 20rpx 0;">{{addressInfo.userName}}<span class="mar-z10">{{addressInfo.userPhone}}</span></view>
<view class="fon24 col9">{{addressInfo.userAddress}}</view>
调整
2021-11-02 10:23:53 +00:00
</view>
新增商城系列
2021-10-11 10:21:06 +00:00
</view>
修改
2021-11-04 07:41:53 +00:00
<view v-else class="bacf radius20 mar-s20" style="padding: 27rpx 20rpx;">
<view class="bold">商家地址信息</view>
<view class="fon26 col3 disjbac mar-s30">
<view>
<view class="fon28 col3 bold mar-x20">恒美植发</view>
<view class="fon24 col9">{{goAddress}}</view>
新增商城系列
2021-10-11 10:21:06 +00:00
</view>
修改
2021-11-04 07:41:53 +00:00
<!-- 立即导航 -->
<image @tap="goThere(goAddress)" src="/static/public/daoh.png" class="there" mode="aspectFill"></image>
新增商城系列
2021-10-11 10:21:06 +00:00
</view>
</view>
修改
2021-11-04 07:41:53 +00:00
<!-- 订单信息 -->
<view class="bacf radius20 mar-s20 orderDetail-box">
<view v-for="(item,index) in orderInfo.skus" :key="index" class="fon26 col3 disjbac pad-sx50 disjbac bbot">
<image :src="item.spu_cover" class="flexs" mode="aspectFill"></image>
<view class="width100">
<view class="fon28 col3 bold clips2">{{item.spu_name}}</view>
<view class="orderDetail-sku">{{item.sku_name}}</view>
<view class="disjbac mar-s10">
<view class="colf8 fon32 bold"><span v-if="orderInfo.is_score==0">￥{{item.price/100}}</span><span v-else>积分：{{item.score}}</span><span class="fon28 col6 mar-z20 font4">x{{item.num}}</span></view>
修改二期Bug
2021-11-10 11:23:11 +00:00
<view @tap.stop="make(index)" v-if="orderInfo.virtual_check==0 && orderInfo.has_virtual==1 && item.check_type=='frontend'" class="order-btn">线下核销</view>
<view v-if="orderInfo.virtual_check==0 && orderInfo.has_virtual==1 && item.check_type!='frontend'" class="order-btn" style="background-color: #CCCCCC;">线上核销</view>
修改
2021-11-04 07:41:53 +00:00
</view>
</view>
</view>
<view class="fon28 disjbac mar-s40 mar-x20">
<view class="col6">共{{allNum}}件</view>
<view class="colf8 bold">共计：{{allPrice}}</view>
</view>
新增商城系列
2021-10-11 10:21:06 +00:00
</view>
修改
2021-11-04 07:41:53 +00:00
<!-- 快递费用 -->
<view v-if="isExpress" class="bacf radius20 mar-s20 disjbac pad-sx27-zy20">
<view class="bold">快递费用</view>
<view class="fon28 colf8 bold">￥{{orderInfo.freight}}.00</view>
新增商城系列
2021-10-11 10:21:06 +00:00
</view>
修改
2021-11-04 07:41:53 +00:00
<!-- 消费 -->
<view class="fon28 col3 consumption-box">消费：<span class="fon36 bold colf8"><span v-if="orderInfo.is_score==0">￥{{orderInfo.price/100}}</span><span v-else>{{orderInfo.score}}积分</span> <span v-if="orderInfo.coin!=0">+{{orderInfo.coin}}孔雀币</span></span></view>
订单处理0705
2022-07-05 09:27:51 +00:00
修改
2021-11-04 07:41:53 +00:00
<view class="disjbac posixzy bacf orderDetail-bottom-box">
<view class="posir">
订单处理0705
2022-07-05 09:27:51 +00:00
<template v-if="1===2">
<image src="/static/public/weix.png" mode=""></image>
<view class="fon28 col3">分享</view>
<button open-type="share"
:data-title="orderInfo.skus[0].spu_name"
:data-is_activity="orderInfo.skus[0].is_activity"
:data-imgsrc="orderInfo.skus[0].spu_cover"
:data-id="orderInfo.skus[0].spu_activity_id || orderInfo.skus[0].sku_id"
class="posia-op"></button>
</template>
修改
2021-11-04 07:41:53 +00:00
</view>
修改
2021-11-11 07:33:17 +00:00
<view @tap="comeing(orderInfo.coding)" v-if="orderInfo.is_only==0 && orderInfo.open_one==1 && orderInfo.is_group_make==1 && orderInfo.open_one_success==0 " class="orderInfo-btn">直接免拼</view>
修改
2021-11-04 07:41:53 +00:00
<!-- 待付款 -->
<view class="disac paid-btn-box" v-if="orderInfo.status=='waiting'">
<view @tap="cancleEv">取消订单</view>
<view @tap="paymentEv">立即支付</view>
</view>
<!-- 待发货 -->
<view class="disac paid-btn-box" v-if="orderInfo.status=='paid' && orderInfo.virtual_check==0">
<view @tap="cancleEv">取消订单</view>
</view>
订单处理0705
2022-07-05 09:27:51 +00:00
修改
2021-11-04 07:41:53 +00:00
<!-- 确认收货 -->
订单处理0705
2022-07-05 09:27:51 +00:00
<view class="disac paid-btn-box" v-if="orderInfo.status=='shipped'">
<view @tap="cancleEv">取消订单</view>
<!-- 邀请拼单 -->
修改bug
2022-07-22 10:39:41 +00:00
<view class="orderInfo-btn" v-if="groupMakeDone==0 && ifExpire" style="background-color: #38CE51;position: relative;">
订单处理0705
2022-07-05 09:27:51 +00:00
邀请拼单
<button open-type="share"
:data-title="orderInfo.skus[0].spu_name"
:data-is_activity="orderInfo.skus[0].is_activity"
:data-imgsrc="orderInfo.skus[0].spu_cover"
:data-id="orderInfo.skus[0].spu_activity_id || orderInfo.skus[0].sku_id"
class="posia-op"></button>
</view>
<view @tap="confirmReceipt(orderInfo.id)" class="orderInfo-btn" v-if="groupMakeDone==1">确认收货</view>
</view>
新增商城系列
2021-10-11 10:21:06 +00:00
</view>
订单处理0705
2022-07-05 09:27:51 +00:00
修改
2021-11-04 07:41:53 +00:00
<!-- 待核验弹框 -->
修改
2021-11-11 07:33:17 +00:00
<view v-if="isHeyan" @tap="isHeyan=false" class="disjcac tc posAll" style="z-index: 3;" catchtouchmove="return">
修改
2021-11-04 07:41:53 +00:00
<view class="bacf width100 radius20 pad30 posir" style="margin: 0 128rpx;" @tap.stop="isHeyan=true">
<view class="fon28 col3">订单二维码</view>
<view class="mar-sx30">
<yz-qr ref="qrPath" :text="text" :size="size" :colorDark="colorDark" :colorLight="colorLight"></yz-qr>
<!-- <image src="/static/public/member-head.png" class="order-hx-img" mode="aspectFill"></image> -->
</view>
<view class="fon24 col3">
<view class=" mar-s40 mar-x20">工作人员扫码核销订单</view>
<view>订单未完成前请勿出示二维码</view>
</view>
修改二期Bug
2021-11-10 11:23:11 +00:00
<image @tap.stop="closeEv" src="/static/public/closequan.png" class="posia heyan-close" mode=""></image>
修改
2021-11-04 07:41:53 +00:00
</view>
调整
2021-11-02 10:23:53 +00:00
</view>
修改
2021-11-04 07:41:53 +00:00
</block>
新增商城系列
2021-10-11 10:21:06 +00:00
</view>
</view>
</template>
<script>
修改
2021-11-04 07:41:53 +00:00
import yzQr from '@/components/yz-qr/yz-qr.vue';
新增商城系列
2021-10-11 10:21:06 +00:00
export default {
修改
2021-11-04 07:41:53 +00:00
components:{
yzQr
},
新增商城系列
2021-10-11 10:21:06 +00:00
data() {
return {
修改
2021-11-04 07:41:53 +00:00
loading:false,
新增商城系列
2021-10-11 10:21:06 +00:00
isExpress:true,
switchQuan:true,
提交
2021-10-22 03:07:32 +00:00
showQuan:false,
调整
2021-11-02 10:23:53 +00:00
express:'韵达快递：2983625984729',
orderInfo:'',//订单信息
addressInfo:'',//地址信息
allPrice:0,//共计
allNum:0,//共
times:0,//点击次数
goAddress:'四川省成都市青羊区青羊大道213号',
修改
2021-11-04 07:41:53 +00:00
isHeyan:false,
canvasQrPath: '',
text: 'hello',
size: 162,
colorDark: '#000000',
修改二期Bug
2021-11-10 11:23:11 +00:00
colorLight: '#ffffff',
修改
2021-11-11 07:33:17 +00:00
timer:null,
提交
2021-11-16 09:48:58 +00:00
daoTime:'',
视频
2021-12-02 09:31:26 +00:00
timerDao:null,
订单处理0705
2022-07-05 09:27:51 +00:00
groupMakeDone:1,//是否拼单成功
修改bug
2022-07-22 10:39:41 +00:00
ifExpire:false,//是否过期
新增商城系列
2021-10-11 10:21:06 +00:00
}
},
去除状态栏高度缓存，新增状态机状态栏高度设置
2022-04-11 02:12:11 +00:00
computed:{
statusHeight() {
return this.$store.state.statusHeight
}
},
全局开启一个半小时刷新token，去除每个页面调用isLogin检测token失效刷新token
2022-04-13 07:00:35 +00:00
onShareAppMessage(res) {
var shareObj = {
　　　　 title: res.target.dataset.title, // 默认是小程序的名称(可以写slogan等)
　　　　 path: `/pagesB/shopDetail/shopDetail?id=${res.target.dataset.id}&category_id=0&is_activity=${res.target.dataset.is_activity}&share_id=${uni.getStorageSync('userId')}&invite_code=${uni.getStorageSync('invite_code')}`, // 默认是当前页面，必须是以‘/’开头的完整路径
　　　　 imageUrl: res.target.dataset.imgsrc//自定义图片路径，可以是本地文件路径、代码包文件路径或者网络图片路径，支持PNG及JPG，不传入 imageUrl 则使用默认截图。显示图片长宽比是 5:4
　 };
　　return shareObj;
// 　　return false;
},
修改二期Bug
2021-11-10 11:23:11 +00:00
onUnload() {
this.closeEv();
},
邀请统一处理
2022-03-04 08:48:40 +00:00
onShow() {
1、医生列表、医生详情图片更改；2、订单列表、订单详情状态修改；3、进入分类选中分类调整；4、病种列表点赞、收藏调整；5、商品详情活动结束判断
2022-03-09 10:06:05 +00:00
// 禁用小程序分享
this.$toolAll.tools.disableShareEv();
邀请统一处理
2022-03-04 08:48:40 +00:00
},
调整
2021-11-02 10:23:53 +00:00
onLoad(options) {
添加vuex状态机控制主题色和底部导航、修改request.js请求接口
2022-04-02 09:56:53 +00:00
this.checkInfo(options.id);
新增商城系列
2021-10-11 10:21:06 +00:00
},
methods: {
修改
2021-11-11 07:33:17 +00:00
comeing(coding){
this.$requst.post('user/open-one',{order_coding:coding}).then(res=>{
if(res.code==0){
this.$toolAll.tools.showToast('免拼成功');
this.checkInfo(this.orderInfo.id);
邀请统一处理
2022-03-04 08:48:40 +00:00
} else this.$toolAll.tools.showToast(res.msg);
}).catch(err=>{this.$toolAll.tools.showToast(err.msg);})
修改
2021-11-11 07:33:17 +00:00
},
修改
2021-11-11 02:50:50 +00:00
confirmReceipt(id){//确认收货事件
this.$requst.post('order/accepted',{order_id:id}).then(res=>{
if(res.code==0){
this.$toolAll.tools.showToast('收货成功');
this.checkInfo(this.orderInfo.id);
} else this.$toolAll.tools.showToast(res.msg);
邀请统一处理
2022-03-04 08:48:40 +00:00
}).catch(error=>{this.$toolAll.tools.showToast(error.msg);})
修改
2021-11-11 02:50:50 +00:00
},
修改
2021-11-04 07:41:53 +00:00
make(index){
this.isHeyan = true;
兼容列表用户头像与昵称
2022-01-24 05:53:00 +00:00
this.text = `${this.orderInfo.coding}H${this.orderInfo.skus[index].id}`;
修改二期Bug
2021-11-10 11:23:11 +00:00
let params = {
order_coding:this.orderInfo.coding,
id:this.orderInfo.skus[index].id,
not_check_num:this.orderInfo.skus[index].not_check_num
}
this.timer = setInterval(()=>{
this.$requst.post('order/check-result',params).then(res=>{
if(res.code==0){
if(res.data.result==1){
this.isHeyan = false;
this.$toolAll.tools.showToast('已完成');
this.checkInfo(this.orderInfo.id);
clearInterval(this.timer);
}
邀请统一处理
2022-03-04 08:48:40 +00:00
} else this.$toolAll.tools.showToast(res.msg);
}).catch(error=>{this.$toolAll.tools.showToast(error.msg);})
修改二期Bug
2021-11-10 11:23:11 +00:00
},3000)
},
closeEv(){
this.isHeyan = false;
clearInterval(this.timer);
提交
2021-11-16 09:48:58 +00:00
clearInterval(this.timerDao);
修改
2021-11-04 07:41:53 +00:00
},
调整
2021-11-02 10:23:53 +00:00
cancleEv(){//取消订单
this.times++;
if(this.times==2){
this.$requst.post('order/cancel',{order_coding:this.orderInfo.coding}).then(res=>{
if(res.code==0){
this.$toolAll.tools.showToast('取消订单成功');
this.checkInfo(this.orderInfo.id);
this.times = 0;
邀请统一处理
2022-03-04 08:48:40 +00:00
} else this.$toolAll.tools.showToast(res.msg);
}).catch(error=>{this.$toolAll.tools.showToast(error.msg);})
调整
2021-11-02 10:23:53 +00:00
} else {
setTimeout(()=>{
this.times = 0;
},1500)
this.$toolAll.tools.showToast('双击即可取消订单');
}
},
paymentEv(){//立即支付
if(this.times==0){
this.$toolAll.tools.showToast('正在调起支付','loading',1500)
this.times++;
this.$requst.post('order/pay',{order_coding:this.orderInfo.coding}).then(res=>{
if(res.code==0){
uni.requestPayment({
provider: 'wxpay',
appId:res.data.payment_params.appId,//appId
timeStamp: res.data.payment_params.timeStamp,//时间戳
nonceStr: res.data.payment_params.nonceStr,//随机字符串
package: res.data.payment_params.package,//package
signType: res.data.payment_params.signType,//MD5
paySign: res.data.payment_params.sign,//签名
success:(res)=> {
this.$requst.post('order/paid',{order_coding:this.orderInfo.coding}).then(res=>{
if(res.code==0){
this.times = 0;
this.$toolAll.tools.showToast('支付成功');
this.checkInfo(this.orderInfo.id);
} else this.$toolAll.tools.showToast(res.msg);
})
}
});
邀请统一处理
2022-03-04 08:48:40 +00:00
} else this.$toolAll.tools.showToast(res.msg);
}).catch(error=>{this.$toolAll.tools.showToast(error.msg);})
调整
2021-11-02 10:23:53 +00:00
}
},
checkInfo(id){//查询订单信息
this.$requst.post('user/order-detail',{id:id}).then(res=>{
if(res.code==0){
this.allPrice = 0;
this.allNum = 0;
订单处理0705
2022-07-05 09:27:51 +00:00
this.groupMakeDone =res.data.group_make_done;
调整
2021-11-02 10:23:53 +00:00
let narr = res.data;
narr.skus.forEach(item=>{
item.spu_cover = this.$http + item.spu_cover;
// 共多少件，总计
if(narr.is_score==0){
this.allPrice += item.price*item.num;
} else {
this.allPrice += item.score*item.num;
}
this.allNum += item.num;
})
if(narr.is_score==0){//商城订单的总计
this.allPrice = this.allPrice/100;
} else {//积分订单的总计
this.allPrice = this.allPrice;
}
修改bug
2022-07-22 10:39:41 +00:00
// 拼团商品过期处理 start
let expiredTime = '';
// 当前时间
let currentTime = new Date().getTime();
if(narr.group.expired_at){
// 结束时间
expiredTime = this.$toolAll.tools.timeToTimestamp(narr.group.expired_at);
}
this.ifExpire = (expiredTime - currentTime)>0 ? true : false;
// 拼团商品过期处理 end
调整
2021-11-02 10:23:53 +00:00
this.orderInfo = narr;
提交
2021-11-16 09:48:58 +00:00
if(this.orderInfo.group_make_end_at!=null){
this.daoTime = this.$toolAll.tools.dayTime(this.orderInfo.group_make_end_at,new Date().getTime());
this.timerDao = setInterval(()=>{
if(new Date().getTime()-new Date().getTime(this.orderInfo.group_make_end_at)>0){
this.checkInfo(this.orderInfo.id);
clearInterval(this.timerDao)
} else {
this.daoTime = this.$toolAll.tools.dayTime(this.orderInfo.group_make_end_at,new Date().getTime());
}
},1000)
}
调整
2021-11-02 10:23:53 +00:00
let naddress = this.orderInfo.address.split(',');
if(naddress[0]!='自提'){
let nphone = this.$toolAll.tools.hideMPhone(naddress[1].trim())
this.addressInfo = {
userName:naddress[0].trim(),
userPhone:nphone,
userAddress:naddress[2].trim()
}
}
修改
2021-11-04 07:41:53 +00:00
this.loading = true;
邀请统一处理
2022-03-04 08:48:40 +00:00
} else this.$toolAll.tools.showToast(res.msg);
}).catch(error=>{this.$toolAll.tools.showToast(error.msg);})
调整
2021-11-02 10:23:53 +00:00
},
copyCont(){//复制快递单号
if(this.times==0){
this.times++;
if(this.orderInfo.express_number!=null){
this.$toolAll.tools.clickCopy(this.orderInfo.express_number);
this.$toolAll.tools.showToast('复制快递单号成功');
} else this.$toolAll.tools.showToast('暂无可查询的快递信息');
setTimeout(()=>{
this.times = 0;
},2000)
}
},
goThere(val){//去这里
注释地理位置获取
2022-05-30 08:51:00 +00:00
// wx.getLocation({//获取当前经纬度
// type: 'wgs84', //返回可以用于wx.openLocation的经纬度，官方提示bug: iOS 6.3.30 type 参数不生效，只会返回 wgs84 类型的坐标信息
// success: function (res) {
// wx.openLocation({//​使用微信内置地图查看位置。
// latitude: 30.67554,//要去的纬度-地址
// longitude: 104.010642,//要去的经度-地址
// name: val,
// address: val
// })
// }
// })
新增商城系列
2021-10-11 10:21:06 +00:00
},
}
}
</script>
<style>
page {
background-color: #F5F5F5;
}
</style>