|
|
@@ -27,7 +27,18 @@
|
|
|
<view class="status-name" v-if="orderData.status == 5">已关闭</view>
|
|
|
|
|
|
<view class="status-desc" v-if="orderData.status == 0">超过30分钟未支付,订单将自动取消</view>
|
|
|
- <view class="status-desc" v-if="orderData.status == 1">待使用</view>
|
|
|
+ <view class="status-desc-qrcode" v-if="orderData.status == 1">
|
|
|
+ <view class="qrcode-img">
|
|
|
+ <ikun-qrcode
|
|
|
+ width="200"
|
|
|
+ height="200"
|
|
|
+ unit="rpx"
|
|
|
+ color="#000000"
|
|
|
+ :data="orderData.out_order_no">
|
|
|
+ </ikun-qrcode>
|
|
|
+ </view>
|
|
|
+ <view class="qrcode-text">券码 {{orderData.out_order_no}} <text @click="copyOrder(orderData.out_order_no)">复制</text></view>
|
|
|
+ </view>
|
|
|
<view class="status-desc success" v-if="orderData.status == 2">服务已完成,欢迎您再次使用</view>
|
|
|
<view class="status-desc" v-if="orderData.status == 3">{{ $dialog.formatMoney(orderData.pay_money,true) }} 已原路退回</view>
|
|
|
<view class="status-desc" v-if="orderData.status == 4">已申请退款,钱款预计1-3个自然日到账</view>
|
|
|
@@ -49,13 +60,20 @@
|
|
|
<view class="safe-item"><image src="/static/image/check.png"></image>过期退</view>
|
|
|
<view class="safe-item"><image src="/static/image/check.png"></image>随时退</view>
|
|
|
</view>
|
|
|
- <view class="home-store" @click="showService(1)">
|
|
|
- <view class="left">
|
|
|
- <image src="/static/image/kefu.png"></image>
|
|
|
- <view class="name">联系客服</view>
|
|
|
+ <view class="home-store">
|
|
|
+ <view class="service-detail" @click="showService(1)">
|
|
|
+ <view class="left">
|
|
|
+ <image src="/static/image/kefu.png"></image>
|
|
|
+ <view class="name">联系客服<text v-if="storeData">{{storeData.start_at}}-{{storeData.end_at}}</text></view>
|
|
|
+ </view>
|
|
|
+ <view class="right" v-if="storeData">
|
|
|
+ <!-- <text class="status success">{{storeData.start_at}}-{{storeData.end_at}}</text> -->
|
|
|
+ <image src="/static/image/right-black.png"></image>
|
|
|
+ </view>
|
|
|
</view>
|
|
|
- <view class="right" v-if="storeData">
|
|
|
- <text class="status success">{{storeData.start_at}}-{{storeData.end_at}}</text>
|
|
|
+ <view class="service-btn" @click="orderTs(1)">
|
|
|
+ <image src="/static/image/face.svg"></image>
|
|
|
+ <view class="btn-name">我要投诉</view>
|
|
|
<image src="/static/image/right-black.png"></image>
|
|
|
</view>
|
|
|
</view>
|
|
|
@@ -77,13 +95,13 @@
|
|
|
<view class="order-info">
|
|
|
<view class="title">订单信息</view>
|
|
|
<view class="info-item">
|
|
|
- <view class="name">来客订单号</view>
|
|
|
+ <view class="name">订单编号</view>
|
|
|
<view class="right">{{ orderData.order_sn }} <text @click="copyOrder(orderData.order_sn)">复制</text></view>
|
|
|
</view>
|
|
|
- <view class="info-item">
|
|
|
+ <!-- <view class="info-item">
|
|
|
<view class="name">订单编号</view>
|
|
|
<view class="right">{{ orderData.out_order_no }} <text @click="copyOrder(orderData.out_order_no)">复制</text></view>
|
|
|
- </view>
|
|
|
+ </view> -->
|
|
|
<view class="info-item">
|
|
|
<view class="name">下单时间</view>
|
|
|
<view class="right">{{ orderData.create_at }}</view>
|
|
|
@@ -161,6 +179,46 @@
|
|
|
</view>
|
|
|
<view class="footer-safe"></view>
|
|
|
</view>
|
|
|
+
|
|
|
+ <uni-popup ref="tspopup" type="bottom" border-radius="10px 10px 0 0" background-color="#f8f8f8">
|
|
|
+ <view class="ts-body">
|
|
|
+ <view class="ts-title">
|
|
|
+ 选择投诉问题
|
|
|
+ <view class="right" @click="orderTs(2)"><image src="/static/image/close.png"></image></view>
|
|
|
+ </view>
|
|
|
+ <view class="ts-content">
|
|
|
+ <view class="ts-list">
|
|
|
+ <view class="ts-sub-title">订单与退款问题</view>
|
|
|
+ <view class="ts-item-body">
|
|
|
+ <view class="ts-item" @click="toTs('未按约定提供服务')">未按约定提供服务<image src="/static/image/right-black.png"></image></view>
|
|
|
+ <view class="ts-item" @click="toTs('买错了/不想要')">买错了/不想要<image src="/static/image/right-black.png"></image></view>
|
|
|
+ <view class="ts-item" @click="toTs('无退款入口')">无退款入口<image src="/static/image/right-black.png"></image></view>
|
|
|
+ <view class="ts-item" @click="toTs('催促退款')">催促退款<image src="/static/image/right-black.png"></image></view>
|
|
|
+ <view class="ts-item" @click="toTs('支付后找不到订单')">支付后找不到订单<image src="/static/image/right-black.png"></image></view>
|
|
|
+ <view class="ts-item" @click="toTs('无故被扣费/核销')">无故被扣费/核销<image src="/static/image/right-black.png"></image></view>
|
|
|
+ <view class="ts-item" @click="toTs('其他')">其他<image src="/static/image/right-black.png"></image></view>
|
|
|
+ </view>
|
|
|
+ </view>
|
|
|
+ <view class="ts-list">
|
|
|
+ <view class="ts-sub-title">商品与履约问题</view>
|
|
|
+ <view class="ts-item-body">
|
|
|
+ <view class="ts-item" @click="toTs('商品/内容描述不符')">商品/内容描述不符<image src="/static/image/right-black.png"></image></view>
|
|
|
+ <view class="ts-item" @click="toTs('商品/内容质量差')">商品/内容质量差<image src="/static/image/right-black.png"></image></view>
|
|
|
+ <view class="ts-item" @click="toTs('符合退款条件不退款')">符合退款条件不退款<image src="/static/image/right-black.png"></image></view>
|
|
|
+ <view class="ts-item" @click="toTs('未收到货')">未收到货<image src="/static/image/right-black.png"></image></view>
|
|
|
+ <view class="ts-item" @click="toTs('申请退款仍然发货')">申请退款仍然发货<image src="/static/image/right-black.png"></image></view>
|
|
|
+ </view>
|
|
|
+ </view>
|
|
|
+ <view class="ts-list">
|
|
|
+ <view class="ts-sub-title">客服问题</view>
|
|
|
+ <view class="ts-item-body">
|
|
|
+ <view class="ts-item" @click="toTs('客服不回复/回复慢')">客服不回复/回复慢<image src="/static/image/right-black.png"></image></view>
|
|
|
+ <view class="ts-item" @click="toTs('涉及辱骂/骚扰')">涉及辱骂/骚扰<image src="/static/image/right-black.png"></image></view>
|
|
|
+ </view>
|
|
|
+ </view>
|
|
|
+ </view>
|
|
|
+ </view>
|
|
|
+ </uni-popup>
|
|
|
</block>
|
|
|
</view>
|
|
|
</template>
|
|
|
@@ -177,7 +235,8 @@ export default {
|
|
|
goodsData:null,
|
|
|
orderData:null,
|
|
|
storeData:null,
|
|
|
- orderTime:null
|
|
|
+ orderTime:null,
|
|
|
+ tsStatus:false
|
|
|
}
|
|
|
},
|
|
|
created() {
|
|
|
@@ -192,6 +251,19 @@ export default {
|
|
|
app.getOrder()
|
|
|
},
|
|
|
methods: {
|
|
|
+ toTs(text){
|
|
|
+ app.$refs.tspopup.close()
|
|
|
+ uni.navigateTo({
|
|
|
+ url:"/pages/order/complaint/complaint?order="+app.order+"&text="+text+"&poi_name="+app.poiData.poi_name+"&poi_address="+app.poiData.poi_address
|
|
|
+ })
|
|
|
+ },
|
|
|
+ orderTs(type){
|
|
|
+ if (type == 1) {
|
|
|
+ app.$refs.tspopup.open()
|
|
|
+ } else {
|
|
|
+ app.$refs.tspopup.close()
|
|
|
+ }
|
|
|
+ },
|
|
|
onPay(event){
|
|
|
console.log("event",event)
|
|
|
const { status, outOrderNo, result } = event.detail;
|
|
|
@@ -366,6 +438,19 @@ export default {
|
|
|
page{background-color: #f8f8f8;}
|
|
|
.skeleton{width: 90%;margin: 20upx auto;}
|
|
|
.line-footer{height: 200upx;}
|
|
|
+.status-desc-qrcode{text-align: center;font-size: 24upx;padding-top: 30upx;display: flex;align-items: center;justify-content: center;flex-direction: column;}
|
|
|
+.status-desc-qrcode .qrcode-img{background-color: #fff;padding: 20upx;}
|
|
|
+.status-desc-qrcode .qrcode-text{margin-top: 20upx;}
|
|
|
+.status-desc-qrcode .qrcode-text text{margin-left: 10upx;color: #007aff;}
|
|
|
+.ts-body .ts-title{display: flex;align-items: center;justify-content: space-between;font-size: 28upx;padding: 20upx;}
|
|
|
+.ts-body .ts-title image{width: 40upx;height: 40upx;}
|
|
|
+.ts-body .ts-content{height: 40vh;overflow: auto;padding: 20upx;}
|
|
|
+.ts-body .ts-list{margin-top: 20upx;}
|
|
|
+.ts-body .ts-list .ts-sub-title{line-height: 32upx;color: #666;font-size: 24upx;margin-bottom: 20upx;}
|
|
|
+.ts-body .ts-list .ts-item-body{background-color: #fff;border-radius: 10upx;padding: 20upx;}
|
|
|
+.ts-body .ts-list .ts-item-body .ts-item{font-size: 28upx;color: #333;display: flex;align-items: center;justify-content: space-between;border-bottom: 2upx solid #f8f8f8;padding: 20upx 0;}
|
|
|
+.ts-body .ts-list .ts-item-body .ts-item:last-child{border-bottom: 0;}
|
|
|
+.ts-body .ts-list .ts-item-body .ts-item image{width: 40upx;height: 40upx;}
|
|
|
|
|
|
.footer{position: fixed;bottom: 0;background-color: #fff;padding: 20upx 20upx 0 20upx;border-top: 2upx solid #f8f8f8;left: 0;right: 0;}
|
|
|
.footer .footer-op{display: flex;align-items: center;}
|
|
|
@@ -401,14 +486,19 @@ page{background-color: #f8f8f8;}
|
|
|
.goods-info .desc{font-size: 24upx;color: #999;display: flex;align-items: center;justify-content: space-between;margin: 20upx 0;}
|
|
|
.goods-info .total{font-size: 30upx;color: #333;text-align: right;font-weight: bold;}
|
|
|
|
|
|
-.home-store{margin: 20upx auto;display: flex;align-items: center;background-color: #fff;border-radius: 10upx;display: flex;align-items: center;padding: 30upx;}
|
|
|
+.home-store{margin: 20upx auto;display: flex;align-items: center;display: flex;align-items: center;gap: 20upx;justify-content: space-between;}
|
|
|
+.home-store .service-detail{display: flex;align-items: center;background-color: #fff;border-radius: 10upx;flex: 1;height: 120upx;padding: 0 20upx;}
|
|
|
+.home-store .service-btn{background-color: #fff;text-align: center;padding: 0 30upx;font-size: 28upx;height: 120upx;line-height: 120upx;display: flex;align-items: center;justify-content: space-between;}
|
|
|
+.home-store .service-btn .btn-name{margin-left: 15upx;}
|
|
|
+.home-store .service-btn image{width: 40upx;height: 40upx;}
|
|
|
.home-store .store-right{width: 120upx;height: 120upx;background-color: #fff;text-align: center;display: flex;align-items: center;justify-content: center;margin-left: auto;margin-right: 0;border-radius: 10upx;}
|
|
|
-.home-store .store-right image{width: 60upx;height: 60upx;}
|
|
|
+.home-store .store-right image{width: 50upx;height: 50upx;}
|
|
|
.home-store .left{display: flex;align-items: center;}
|
|
|
-.home-store .left image{width: 60upx;height: 60upx;margin-right: 20upx;}
|
|
|
+.home-store .left image{width: 50upx;height: 50upx;margin-right: 15upx;}
|
|
|
.home-store .right {margin-left: auto;margin-right: 0;display: flex;align-items: center;}
|
|
|
.home-store .right image{width: 50upx;height: 50upx;}
|
|
|
.home-store .name{font-size: 32upx;color: #000;font-weight: bold;}
|
|
|
+.home-store .name text{font-size: 24upx;color: #666;font-weight: normal;margin-left: 20upx;}
|
|
|
.home-store .desc{font-size: 26upx;color: #666;margin-top: 20upx;}
|
|
|
.home-store .status{color: #333;font-size: 28upx;padding:5upx 15upx;border-radius: 10upx;margin-left: 10upx;}
|
|
|
.home-store .status.error{background-color: #fef0f0;color: #f56c6c;}
|