|
@@ -6,10 +6,11 @@
|
|
|
</bar-title>
|
|
|
|
|
|
<!--步骤条区域-->
|
|
|
- <view class="bg-white padding solid-top">
|
|
|
+ <!-- 有退款 -->
|
|
|
+ <view class="bg-white padding solid-top" v-if="info.refund_status == 1">
|
|
|
<!--步骤条-->
|
|
|
<view class="cu-steps">
|
|
|
- <block v-for="(item,index) in info.status_list" :key="index">
|
|
|
+ <block v-for="(item,index) in info.refund_status_list" :key="index">
|
|
|
<view class="cu-item" :class="item.selected?'select':''">
|
|
|
<view class="icon-view" v-if="!item.selected">
|
|
|
<text class="text-red" :class="'cuIcon-' + iconlist[index-1]"></text>
|
|
@@ -25,20 +26,44 @@
|
|
|
|
|
|
<!--提示-->
|
|
|
<view class="text-sm text-center margin-top">
|
|
|
+ <view class="text-black">{{info.refund.desc}}</view>
|
|
|
+ </view>
|
|
|
+ </view>
|
|
|
+
|
|
|
+ <!-- 无退款 -->
|
|
|
+ <view class="bg-white padding solid-top" v-if="info.status !== 9">
|
|
|
+ <!--步骤条-->
|
|
|
+ <view class="cu-steps">
|
|
|
+ <block v-for="(item,index) in info.status_list" :key="index">
|
|
|
+ <view class="cu-item" :class="item.selected?'select':''">
|
|
|
+ <view class="icon-view" v-if="!item.selected">
|
|
|
+ <text class="text-red" :class="'cuIcon-' + iconlist[index-1]"></text>
|
|
|
+ </view>
|
|
|
+ <view class="bg-red icon-view" v-else>
|
|
|
+ <text :class="'cuIcon-' + iconlist[index-1]"></text>
|
|
|
+ </view>
|
|
|
+ <view class="text-sm text-black" v-if="!item.selected">{{item.name}}</view>
|
|
|
+ <view class="text-sm text-black" v-else>{{item.name}}</view>
|
|
|
+ </view>
|
|
|
+ </block>
|
|
|
+ </view>
|
|
|
+
|
|
|
+ <!--提示-->
|
|
|
+ <view class="text-sm text-center margin-top" v-if="info.status !== 5">
|
|
|
<view class="text-black">{{info.status_msg}}</view>
|
|
|
<view class="text-black" v-if="info.status == 4">
|
|
|
<text class="text-red">9天23小时57分</text>
|
|
|
<text>后将自动确认收货</text>
|
|
|
</view>
|
|
|
<view class="text-black" v-if="info.status == 1">
|
|
|
- <text class="text-red">14分</text>
|
|
|
+ <text class="text-red">{{info.time}}分</text>
|
|
|
<text>后未支付,订单将自动关闭。</text>
|
|
|
</view>
|
|
|
</view>
|
|
|
</view>
|
|
|
|
|
|
<!--状态图标-->
|
|
|
- <view class="bg-white padding solid-top text-center zaiui-status-img-view" v-if="basics == 4 && !cancel">
|
|
|
+ <view class="bg-white padding solid-top text-center zaiui-status-img-view" v-if="info.status == 5">
|
|
|
<view class="are-img-view" @tap="cancel = true">
|
|
|
<image class="are-img" src="/static/zaiui/img/are.png" mode="widthFix"/>
|
|
|
</view>
|
|
@@ -46,7 +71,7 @@
|
|
|
</view>
|
|
|
|
|
|
<!--状态图标-->
|
|
|
- <view class="bg-white padding solid-top text-center zaiui-status-img-view" v-if="basics == 4 && cancel">
|
|
|
+ <view class="bg-white padding solid-top text-center zaiui-status-img-view" v-if="info.status == 9">
|
|
|
<view class="are-img-view" @tap="cancel = false">
|
|
|
<image class="are-img" src="/static/zaiui/img/arg.png" mode="widthFix"/>
|
|
|
</view>
|
|
@@ -149,13 +174,13 @@
|
|
|
</view>
|
|
|
</view> -->
|
|
|
<view class="text-black text-bold title-right-view">
|
|
|
- <text class="margin-right-xs">应付款:</text>
|
|
|
+ <text class="margin-right-xs">付款:</text>
|
|
|
<text>{{info.cash}}</text>
|
|
|
</view>
|
|
|
|
|
|
- <view class="solid-line"></view>
|
|
|
+ <!-- <view class="solid-line"></view> -->
|
|
|
|
|
|
- <view class="text-center text-black">联系客服</view>
|
|
|
+ <!-- <view class="text-center text-black">联系客服</view> -->
|
|
|
</view>
|
|
|
</view>
|
|
|
|
|
@@ -168,7 +193,7 @@
|
|
|
<view class="title">订单编号</view>
|
|
|
<view class="text-right">
|
|
|
<text class="margin-right-xs">{{info.order_num}}</text>
|
|
|
- <button class="cu-btn sm line-black">复制</button>
|
|
|
+ <button class="cu-btn sm line-black" @click="copy">复制</button>
|
|
|
</view>
|
|
|
</view>
|
|
|
<view class="text-black title-view">
|
|
@@ -183,28 +208,28 @@
|
|
|
<text>{{info.cdate_str}}</text>
|
|
|
</view>
|
|
|
</view>
|
|
|
- <view class="text-black title-view" v-if="basics > 0">
|
|
|
+ <view class="text-black title-view" v-if="info.pdate_str">
|
|
|
<view class="title">支付时间</view>
|
|
|
<view class="text-right">
|
|
|
- <text>2020-04-02 14:52:03</text>
|
|
|
+ <text>{{info.pdate_str}}</text>
|
|
|
</view>
|
|
|
</view>
|
|
|
- <view class="text-black title-view" v-if="basics > 1">
|
|
|
+ <view class="text-black title-view" v-if="info.ddate_str">
|
|
|
<view class="title">发货时间</view>
|
|
|
<view class="text-right">
|
|
|
- <text>2020-04-02 14:52:03</text>
|
|
|
+ <text>{{info.ddate_str}}</text>
|
|
|
</view>
|
|
|
</view>
|
|
|
- <view class="text-black title-view" v-if="basics > 2">
|
|
|
- <view class="title">验机时间</view>
|
|
|
+ <view class="text-black title-view" v-if="info.qdate_str">
|
|
|
+ <view class="title">签收时间</view>
|
|
|
<view class="text-right">
|
|
|
- <text>2020-04-02 14:52:03</text>
|
|
|
+ <text>{{info.qdate_str}}</text>
|
|
|
</view>
|
|
|
</view>
|
|
|
- <view class="text-black title-view" v-if="basics > 3">
|
|
|
+ <view class="text-black title-view" v-if="info.fdate_str">
|
|
|
<view class="title">完成时间</view>
|
|
|
<view class="text-right">
|
|
|
- <text>2020-04-02 14:52:03</text>
|
|
|
+ <text>{{info.fdate_str}}</text>
|
|
|
</view>
|
|
|
</view>
|
|
|
</view>
|
|
@@ -288,90 +313,63 @@
|
|
|
<!--底部-->
|
|
|
<view class="foot-hight-view"/>
|
|
|
|
|
|
- <view class="bg-white zaiui-footer-fixed zaiui-foot-padding-bottom" v-if="info.status == 1">
|
|
|
- <!-- <button class="cu-btn bg-orange sm" @tap="nextTap">测试下一步</button> -->
|
|
|
- <button class="cu-btn line-black radius">取消订单</button>
|
|
|
- <button class="cu-btn bg-red">确认支付</button>
|
|
|
- </view>
|
|
|
-
|
|
|
- <view class="bg-white zaiui-footer-fixed zaiui-foot-padding-bottom" v-if="info.status == 2">
|
|
|
- <!-- <button class="cu-btn bg-orange sm" @tap="nextTap">测试下一步</button> -->
|
|
|
- <button class="cu-btn line-black radius">申请退款</button>
|
|
|
- <button class="cu-btn bg-red">提醒发货</button>
|
|
|
- </view>
|
|
|
-
|
|
|
- <view class="bg-white zaiui-footer-fixed zaiui-foot-padding-bottom" v-if="info.status == 3">
|
|
|
- <!-- <button class="cu-btn bg-orange sm" @tap="nextTap">测试下一步</button> -->
|
|
|
- <button class="cu-btn line-black radius">申请退款</button>
|
|
|
- </view>
|
|
|
-
|
|
|
- <view class="bg-white zaiui-footer-fixed zaiui-foot-padding-bottom" v-if="info.status == 4">
|
|
|
- <!-- <button class="cu-btn bg-orange sm" @tap="nextTap">测试下一步</button> -->
|
|
|
- <button class="cu-btn line-black radius">申请退款</button>
|
|
|
- <button class="cu-btn bg-red" @tap="confirmReceipt">确认收货</button>
|
|
|
- </view>
|
|
|
-
|
|
|
- <view class="bg-white zaiui-footer-fixed zaiui-foot-padding-bottom" v-if="info.status == 5">
|
|
|
- <!-- <button class="cu-btn bg-orange sm" @tap="nextTap">测试第一步</button> -->
|
|
|
- <button class="cu-btn line-black radius" @tap="appraiseTap">发表评价</button>
|
|
|
- <button class="cu-btn bg-red">查看钱款去向</button>
|
|
|
- </view>
|
|
|
+ <block v-if="info.refund_status == 1">
|
|
|
+ <view class="bg-white zaiui-footer-fixed zaiui-foot-padding-bottom" v-if="info.refund.status == 2">
|
|
|
+ <!-- <button class="cu-btn bg-orange sm" @tap="nextTap">测试下一步</button> -->
|
|
|
+ <button class="cu-btn line-black radius" @click="refundGoods">退货发货</button>
|
|
|
+ </view>
|
|
|
+
|
|
|
+ </block>
|
|
|
+ <block v-else>
|
|
|
+ <view class="bg-white zaiui-footer-fixed zaiui-foot-padding-bottom" v-if="info.status == 1">
|
|
|
+ <!-- <button class="cu-btn bg-orange sm" @tap="nextTap">测试下一步</button> -->
|
|
|
+ <button class="cu-btn line-black radius" @click="cancelOrder">取消订单</button>
|
|
|
+ <button class="cu-btn bg-red">确认支付</button>
|
|
|
+ </view>
|
|
|
+
|
|
|
+ <view class="bg-white zaiui-footer-fixed zaiui-foot-padding-bottom" v-if="info.status == 2">
|
|
|
+ <!-- <button class="cu-btn bg-orange sm" @tap="nextTap">测试下一步</button> -->
|
|
|
+ <button class="cu-btn line-black radius" @click="toRefund">申请退款</button>
|
|
|
+ <!-- <button class="cu-btn bg-red">提醒发货</button> -->
|
|
|
+ </view>
|
|
|
+
|
|
|
+ <view class="bg-white zaiui-footer-fixed zaiui-foot-padding-bottom" v-if="info.status == 3">
|
|
|
+ <!-- <button class="cu-btn bg-orange sm" @tap="nextTap">测试下一步</button> -->
|
|
|
+ <button class="cu-btn line-black radius" @click="toRefund">申请退款</button>
|
|
|
+ </view>
|
|
|
+
|
|
|
+ <view class="bg-white zaiui-footer-fixed zaiui-foot-padding-bottom" v-if="info.status == 4">
|
|
|
+ <!-- <button class="cu-btn bg-orange sm" @tap="nextTap">测试下一步</button> -->
|
|
|
+ <button class="cu-btn line-black radius" @click="toRefund">申请退款</button>
|
|
|
+ <button class="cu-btn bg-red" @tap="confirmReceipt">确认收货</button>
|
|
|
+ </view>
|
|
|
+
|
|
|
+ <view class="bg-white zaiui-footer-fixed zaiui-foot-padding-bottom" v-if="info.status == 5">
|
|
|
+ <!-- <button class="cu-btn bg-orange sm" @tap="nextTap">测试第一步</button> -->
|
|
|
+ <button class="cu-btn line-black radius" @tap="appraiseTap">发表评价</button>
|
|
|
+ <!-- <button class="cu-btn bg-red">查看钱款去向</button> -->
|
|
|
+ </view>
|
|
|
+ </block>
|
|
|
|
|
|
<!--弹出框-->
|
|
|
<view class="cu-modal bottom-modal" :class="bottomModal?'show':''">
|
|
|
<view class="cu-dialog">
|
|
|
- <view class="cu-bar bg-white solid-bottom">
|
|
|
- <view class="text-black text-center title">手机安全验证</view>
|
|
|
- <text class="text-gray cuIcon-close close" @tap="closeModalTap"></text>
|
|
|
- </view>
|
|
|
- <view class="bg-white modal-view">
|
|
|
- <view class="content">
|
|
|
- <view class="tel-btn-view">
|
|
|
- <view class="text-black tel-view">验证码已发至:138****8000</view>
|
|
|
- <button class="cu-btn sm" @tap="getCodeKey" v-if="btnKey">获取</button>
|
|
|
- <button class="cu-btn sm" v-else>56s</button>
|
|
|
- </view>
|
|
|
- <view class="text-sm text-black margin-tb">
|
|
|
- <text>确认收货后,交易将结束。您之前付款到平台的</text>
|
|
|
- <text class="text-red">¥1.00</text>
|
|
|
- <text>,将会打给卖家。</text>
|
|
|
- </view>
|
|
|
- <view class="text-sm text-gray margin-bottom">
|
|
|
- 提醒:确认收货后钱款将脱离平台,届时平台无法保障您的钱款安全,请务必谨慎点击确认收货,谨防诈骗。
|
|
|
- </view>
|
|
|
- <view class="code-view">
|
|
|
- <text class="code" v-if="!codeKey[0]"> — </text>
|
|
|
- <text class="code" v-else> {{codeKey[0]}} </text>
|
|
|
-
|
|
|
- <text class="code" v-if="!codeKey[1]"> — </text>
|
|
|
- <text class="code" v-else> {{codeKey[1]}} </text>
|
|
|
-
|
|
|
- <text class="code" v-if="!codeKey[2]"> — </text>
|
|
|
- <text class="code" v-else> {{codeKey[2]}} </text>
|
|
|
-
|
|
|
- <text class="code" v-if="!codeKey[3]"> — </text>
|
|
|
- <text class="code" v-else> {{codeKey[3]}} </text>
|
|
|
- </view>
|
|
|
- </view>
|
|
|
-
|
|
|
- <!--数字键盘-->
|
|
|
- <view class="num-lock-view">
|
|
|
- <view class="cu-list grid col-3 solid-top">
|
|
|
- <block v-for="(item,index) in 9" :key="index">
|
|
|
- <view class="cu-item" @tap="codeKeyTap(item)">
|
|
|
- <text class="text-black num">{{item}}</text>
|
|
|
- </view>
|
|
|
- </block>
|
|
|
- <view class="cu-item">
|
|
|
- <text class="text-black num"></text>
|
|
|
- </view>
|
|
|
- <view class="cu-item" @tap="codeKeyTap(0)">
|
|
|
- <text class="text-black num">0</text>
|
|
|
- </view>
|
|
|
- <view class="cu-item" @tap="codeKeyDelTap">
|
|
|
- <text class="cuIcon-close close"></text>
|
|
|
- </view>
|
|
|
+ <view class="cu-form-group margin-top">
|
|
|
+ <view class="title">申请类型</view>
|
|
|
+ <picker @change="expressPickerChange" :value="expressIndex" :range="expressList" range-key="name">
|
|
|
+ <view class="picker">
|
|
|
+ {{expressList[expressIndex] && expressList[expressIndex].name}}
|
|
|
</view>
|
|
|
+ </picker>
|
|
|
+ </view>
|
|
|
+ <view class="cu-form-group">
|
|
|
+ <view class="title">快递单号</view>
|
|
|
+ <input placeholder="请输入快递单号" v-model="number"></input>
|
|
|
+ </view>
|
|
|
+
|
|
|
+ <view class="zaiui-footer" style="padding: 20upx;">
|
|
|
+ <view class="flex flex-direction">
|
|
|
+ <button class="cu-btn bg-red lg" @click="submitExpress">确定</button>
|
|
|
</view>
|
|
|
</view>
|
|
|
</view>
|
|
@@ -392,12 +390,13 @@
|
|
|
id: '',
|
|
|
basics: 0, bg_img: '/static/images/home/goods/1.png', avatar: '/static/images/avatar/1.jpg', cancel: false,
|
|
|
iconlist: ['cartfill','card','deliver_fill','formfill','presentfill'],
|
|
|
- basicsList: [
|
|
|
- {cuIcon: 'cartfill',name: '未拍下', name_s: '已拍下'}, {cuIcon: 'card',name: '待付款', name_s: '已拍下'},
|
|
|
- {cuIcon: 'deliver_fill',name: '待发货', name_s: '已发货'}, {cuIcon: 'formfill',name: '待验机', name_s: '已验机'},
|
|
|
- {cuIcon: 'presentfill',name: '待收货', name_s: '已收货'}
|
|
|
- ], bottomModal: false, codeKey: [], btnKey: true,
|
|
|
- info: {}
|
|
|
+ bottomModal: false,
|
|
|
+ codeKey: [],
|
|
|
+ btnKey: true,
|
|
|
+ info: {},
|
|
|
+ expressList: [],
|
|
|
+ expressIndex: 0,
|
|
|
+ number: ''
|
|
|
}
|
|
|
},
|
|
|
onLoad(options) {
|
|
@@ -412,6 +411,62 @@
|
|
|
});
|
|
|
},
|
|
|
methods: {
|
|
|
+ copy() {
|
|
|
+ uni.setClipboardData({
|
|
|
+ data: this.info.order_num
|
|
|
+ })
|
|
|
+ },
|
|
|
+ expressPickerChange(e) {
|
|
|
+ this.expressIndex = e.detail.value
|
|
|
+ },
|
|
|
+ refundGoods() {
|
|
|
+ this.loadExpress()
|
|
|
+ this.bottomModal = true
|
|
|
+ },
|
|
|
+ loadExpress() {
|
|
|
+ this.reqByuser({
|
|
|
+ url: '?l=resource.express',
|
|
|
+ data: {
|
|
|
+ type: 3,
|
|
|
+ id: this.id
|
|
|
+ },
|
|
|
+ success: res => {
|
|
|
+ if(res.data.status == 1) {
|
|
|
+ this.expressList = res.data.data.express;
|
|
|
+ }else {
|
|
|
+ uni.showToast({
|
|
|
+ icon: 'error',
|
|
|
+ title: res.data.msg
|
|
|
+ })
|
|
|
+ }
|
|
|
+ }
|
|
|
+ })
|
|
|
+ },
|
|
|
+ submitExpress() {
|
|
|
+ this.reqByuser({
|
|
|
+ url: '?l=resource.expressAct',
|
|
|
+ data: {
|
|
|
+ type: 3,
|
|
|
+ id: this.id,
|
|
|
+ number: this.number,
|
|
|
+ express_id: this.expressList[this.expressIndex].id
|
|
|
+ },
|
|
|
+ success: res => {
|
|
|
+ if(res.data.status == 1) {
|
|
|
+ uni.showToast({
|
|
|
+ icon: 'success',
|
|
|
+ title: '提交成功'
|
|
|
+ })
|
|
|
+ this.bottomModal = false
|
|
|
+ }else {
|
|
|
+ uni.showToast({
|
|
|
+ icon: 'error',
|
|
|
+ title: res.data.msg
|
|
|
+ })
|
|
|
+ }
|
|
|
+ }
|
|
|
+ })
|
|
|
+ },
|
|
|
loadInfo() {
|
|
|
this.reqByuser({
|
|
|
url: '?l=resource.getOrderView',
|
|
@@ -431,8 +486,40 @@
|
|
|
}
|
|
|
})
|
|
|
},
|
|
|
- nextTap() {
|
|
|
- this.basics = this.basics == this.basicsList.length - 1 ? 0 : this.basics + 1;
|
|
|
+ cancelOrder() {
|
|
|
+ uni.showModal({
|
|
|
+ title: '提醒',
|
|
|
+ content: '您确认要取消订单吗',
|
|
|
+ confirmText: '确认',
|
|
|
+ class: 'zaiui-modal',
|
|
|
+ success: res => {
|
|
|
+ if (res.confirm) {
|
|
|
+ this.reqByuser({
|
|
|
+ url: '?l=resource.upOrderCancel',
|
|
|
+ data: {
|
|
|
+ type: 3,
|
|
|
+ id: this.id
|
|
|
+ },
|
|
|
+ success: res => {
|
|
|
+ if(res.data.status == 1) {
|
|
|
+ uni.showToast({
|
|
|
+ icon: 'success',
|
|
|
+ title: '提交成功'
|
|
|
+ })
|
|
|
+ this.loadInfo()
|
|
|
+ }else {
|
|
|
+ uni.showToast({
|
|
|
+ icon: 'error',
|
|
|
+ title: res.data.msg
|
|
|
+ })
|
|
|
+ }
|
|
|
+ }
|
|
|
+ })
|
|
|
+
|
|
|
+
|
|
|
+ }
|
|
|
+ }
|
|
|
+ });
|
|
|
},
|
|
|
confirmReceipt() {
|
|
|
uni.showModal({
|
|
@@ -443,7 +530,29 @@
|
|
|
class: 'zaiui-modal',
|
|
|
success: res => {
|
|
|
if (res.confirm) {
|
|
|
- this.bottomModal = true;
|
|
|
+ this.reqByuser({
|
|
|
+ url: '?l=resource.upOrderFinish',
|
|
|
+ data: {
|
|
|
+ type: 3,
|
|
|
+ id: this.id
|
|
|
+ },
|
|
|
+ success: res => {
|
|
|
+ if(res.data.status == 1) {
|
|
|
+ uni.showToast({
|
|
|
+ icon: 'success',
|
|
|
+ title: '提交成功'
|
|
|
+ })
|
|
|
+ this.loadInfo()
|
|
|
+ }else {
|
|
|
+ uni.showToast({
|
|
|
+ icon: 'error',
|
|
|
+ title: res.data.msg
|
|
|
+ })
|
|
|
+ }
|
|
|
+ }
|
|
|
+ })
|
|
|
+
|
|
|
+
|
|
|
}
|
|
|
}
|
|
|
});
|
|
@@ -464,8 +573,13 @@
|
|
|
},
|
|
|
appraiseTap() {
|
|
|
uni.navigateTo({
|
|
|
- url: "/pages/order/appraise"
|
|
|
+ url: "/pages/order/appraise?id="+this.id
|
|
|
});
|
|
|
+ },
|
|
|
+ toRefund() {
|
|
|
+ uni.navigateTo({
|
|
|
+ url: '/pages/order/refund?id='+this.id
|
|
|
+ })
|
|
|
}
|
|
|
}
|
|
|
}
|