3 changed files with 0 additions and 515 deletions
@ -1,284 +0,0 @@ |
|||||
<template> |
|
||||
<view class="write-off-confirm"> |
|
||||
<view class="woc-content"> |
|
||||
<view class="wc-info"> |
|
||||
<view class="wi-title">{{orderInfo.stadium_name || '-'}}</view> |
|
||||
<view class="wi-detail"> |
|
||||
<view class="wd-line"> |
|
||||
<view>订单编号：</view> |
|
||||
<view> |
|
||||
<view>{{orderInfo.order_no || '-'}}</view> |
|
||||
</view> |
|
||||
</view> |
|
||||
<view class="wd-line"> |
|
||||
<view>用户昵称：</view> |
|
||||
<view> |
|
||||
<view>{{orderInfo.nickname || '-'}}</view> |
|
||||
</view> |
|
||||
</view> |
|
||||
<view class="wd-line"> |
|
||||
<view>支付时间：</view> |
|
||||
<view> |
|
||||
<view>{{orderInfo.pay_time || '-'}}</view> |
|
||||
</view> |
|
||||
</view> |
|
||||
<view class="wd-line"> |
|
||||
<view>预定日期：</view> |
|
||||
<view> |
|
||||
<view>{{ZH_order_date((orderInfo&&orderInfo.date) || '') || '-'}}</view> |
|
||||
</view> |
|
||||
</view> |
|
||||
<view class="wd-line"> |
|
||||
<view>预定场次：</view> |
|
||||
<view> |
|
||||
<view v-for="e in orderInfo.sessions" :key="e.id">{{e.venue_name + ' ' }} {{ ' '+e.duration}}</view> |
|
||||
</view> |
|
||||
</view> |
|
||||
</view> |
|
||||
</view> |
|
||||
<view class="wi-split-line"></view> |
|
||||
<view class="wi-btns"> |
|
||||
<view hover-class="hover-active" @click="confirmVerify">确认核销</view> |
|
||||
<view class="white" hover-class="hover-active" @click="cancelVerify">不核销</view> |
|
||||
</view> |
|
||||
</view> |
|
||||
<view class="woc-fail-modal" v-if="orderInfo == null || orderInfo.pay_status !=1"> |
|
||||
<image mode="aspectFit" src="/static/images/icon/write_off_fail.png"></image> |
|
||||
<view>{{errorTip}}</view> |
|
||||
<view hover-class="hover-active" @click="cancelVerify">返回</view> |
|
||||
</view> |
|
||||
</view> |
|
||||
</template> |
|
||||
|
|
||||
<script> |
|
||||
import { API } from '../../../js/api' |
|
||||
import { servers } from '../../../js/server' |
|
||||
import util from '../../../utils/util' |
|
||||
export default { |
|
||||
computed: { |
|
||||
ZH_order_date(){ |
|
||||
return date => { |
|
||||
if(!date)return '-' |
|
||||
let _date = date.replace(/\-/gi,'/'); |
|
||||
return `${util.get_zh_date(_date)} ${util.get_zh_day(_date)}`; |
|
||||
} |
|
||||
}, |
|
||||
errorTip(){ |
|
||||
// 2已使用3已失效4已退款 |
|
||||
// 已使用： 该订单已核销使用 |
|
||||
// 已退款： 该订单已退款 |
|
||||
// 已失效： 该订单已失效 |
|
||||
// 其它二维码或网络异常： 很抱歉，获取不到二维码订单信息 |
|
||||
let { orderInfo } = this; |
|
||||
if(orderInfo&&orderInfo.pay_status == 2)return '该订单已核销使用'; |
|
||||
if(orderInfo&&orderInfo.pay_status == 3)return '该订单已失效'; |
|
||||
if(orderInfo&&orderInfo.pay_status == 4)return '该订单已退款'; |
|
||||
return '很抱歉，获取不到二维码订单信息'; |
|
||||
}, |
|
||||
}, |
|
||||
data(){ |
|
||||
return { |
|
||||
orderInfo: {}, |
|
||||
} |
|
||||
}, |
|
||||
onLoad(options){ |
|
||||
console.log(options) |
|
||||
console.log(util.jsonPar(options.query)) |
|
||||
this.getOrderInfo(util.jsonPar(options.query)); |
|
||||
}, |
|
||||
methods: { |
|
||||
confirmVerify: util.debounce(function(){ |
|
||||
let { orderInfo } = this; |
|
||||
util.showLoad(); |
|
||||
servers.get({ |
|
||||
url: API.verifiedOrder, |
|
||||
data: { |
|
||||
brand_id: orderInfo.brand_id, |
|
||||
stadium_id: orderInfo.stadium_id, |
|
||||
verify_code: orderInfo.verify_code |
|
||||
}, |
|
||||
isDefaultGet: false |
|
||||
}) |
|
||||
.then(res=>{ |
|
||||
util.hideLoad(); |
|
||||
if(res.data.code == 0){ |
|
||||
util.showNone(res.data.message || '操作成功！'); |
|
||||
util.previousPageFunction({ |
|
||||
fnName: 'getOrderList', |
|
||||
query: null, |
|
||||
}) |
|
||||
setTimeout(_=>util.routeTo(),1200); |
|
||||
}else{ |
|
||||
util.showNone(res.data.message || '操作失败！') |
|
||||
} |
|
||||
}) |
|
||||
.catch(util.hideLoad) |
|
||||
},300,300), |
|
||||
cancelVerify(){ |
|
||||
util.routeTo(); |
|
||||
}, |
|
||||
getOrderInfo({ |
|
||||
brand_id = '', |
|
||||
stadium_id = '', |
|
||||
verify_code = '', |
|
||||
}){ |
|
||||
util.showLoad(); |
|
||||
servers.get({ |
|
||||
url: API.verifiedOrderInfo, |
|
||||
data: { |
|
||||
brand_id, |
|
||||
stadium_id, |
|
||||
verify_code, |
|
||||
}, |
|
||||
isDefaultGet: false |
|
||||
}) |
|
||||
.then(res=>{ |
|
||||
util.hideLoad(); |
|
||||
|
|
||||
if(res.data.code == 0)return this.orderInfo = res.data.data; |
|
||||
this.orderInfo = null |
|
||||
util.showNone(res.data.message || '加载失败！'); |
|
||||
|
|
||||
}) |
|
||||
.catch(util.hideLoad) |
|
||||
} |
|
||||
} |
|
||||
} |
|
||||
</script> |
|
||||
|
|
||||
<style lang="scss"> |
|
||||
@import "../../../style/public.scss"; |
|
||||
page{ |
|
||||
background-color: $themeColor; |
|
||||
} |
|
||||
.write-off-confirm{ |
|
||||
padding-top: 46upx; |
|
||||
} |
|
||||
.woc-content{ |
|
||||
width: 702upx; |
|
||||
margin: 0 auto 46upx; |
|
||||
border-radius: 10upx; |
|
||||
background-color: #fff; |
|
||||
.wc-info{ |
|
||||
padding: 20upx 40upx 66upx; |
|
||||
.wi-title{ |
|
||||
height: 128upx; |
|
||||
line-height: 126upx; |
|
||||
text-align: center; |
|
||||
font-size: 32upx; |
|
||||
font-weight: 500; |
|
||||
color: #1a1a1a; |
|
||||
border-bottom: 2upx solid #D8D8D8; |
|
||||
} |
|
||||
.wi-detail{ |
|
||||
padding-top: 34upx; |
|
||||
.wd-line{ |
|
||||
display: flex; |
|
||||
view{ |
|
||||
font-size: 28upx; |
|
||||
line-height: 60upx; |
|
||||
} |
|
||||
>view{ |
|
||||
&:first-child{ |
|
||||
flex-shrink: 0; |
|
||||
color: #9C9C9F; |
|
||||
} |
|
||||
&+view{ |
|
||||
flex-grow: 1; |
|
||||
>view{ |
|
||||
width: 100%; |
|
||||
color: #1A1A1A; |
|
||||
@include textHide(1); |
|
||||
} |
|
||||
} |
|
||||
} |
|
||||
} |
|
||||
} |
|
||||
|
|
||||
} |
|
||||
.wi-split-line{ |
|
||||
position: relative; |
|
||||
border-top: 2upx dashed #D8D8D8; |
|
||||
&::before{ |
|
||||
content: ''; |
|
||||
display: block; |
|
||||
position: absolute; |
|
||||
left: -10upx; |
|
||||
top: -11upx; |
|
||||
width: 20upx; |
|
||||
height: 20upx; |
|
||||
border-radius: 50%; |
|
||||
background-color: $themeColor; |
|
||||
} |
|
||||
&::after{ |
|
||||
content: ''; |
|
||||
display: block; |
|
||||
position: absolute; |
|
||||
right: -10upx; |
|
||||
top: -11upx; |
|
||||
width: 20upx; |
|
||||
height: 20upx; |
|
||||
border-radius: 50%; |
|
||||
background-color: $themeColor; |
|
||||
} |
|
||||
} |
|
||||
.wi-btns{ |
|
||||
height: 450upx; |
|
||||
display: flex; |
|
||||
flex-direction: column; |
|
||||
justify-content: center; |
|
||||
align-items: center; |
|
||||
>view{ |
|
||||
height: 112upx; |
|
||||
width: 622upx; |
|
||||
line-height: 108upx; |
|
||||
text-align: center; |
|
||||
border-radius: 10upx; |
|
||||
border: 2upx solid $themeColor; |
|
||||
font-size: 32upx; |
|
||||
color: #fff; |
|
||||
background-color: $themeColor; |
|
||||
&:first-child{ |
|
||||
margin-bottom: 24upx; |
|
||||
} |
|
||||
} |
|
||||
.white{ |
|
||||
background-color: #fff; |
|
||||
color: $themeColor; |
|
||||
} |
|
||||
} |
|
||||
} |
|
||||
.woc-fail-modal{ |
|
||||
position: fixed; |
|
||||
left: 0; |
|
||||
top: var(--window-top); |
|
||||
right: 0; |
|
||||
bottom: 0; |
|
||||
background-color: #fff; |
|
||||
padding-top: 90upx; |
|
||||
>image{ |
|
||||
display: block; |
|
||||
margin: 0 auto 86upx; |
|
||||
width: 420upx; |
|
||||
height: 420upx; |
|
||||
&+view{ |
|
||||
margin-bottom: 260upx; |
|
||||
text-align: center; |
|
||||
line-height: 40upx; |
|
||||
font-size: 28upx; |
|
||||
color: #9c9c9f; |
|
||||
} |
|
||||
} |
|
||||
view+view{ |
|
||||
margin: 0 auto; |
|
||||
width: 280upx; |
|
||||
height: 92upx; |
|
||||
line-height: 88upx; |
|
||||
text-align: center; |
|
||||
border-radius: 46upx; |
|
||||
border: 2upx solid $themeColor; |
|
||||
font-size: 32upx; |
|
||||
color: $themeColor; |
|
||||
} |
|
||||
} |
|
||||
</style> |
|
||||
@ -1,219 +0,0 @@ |
|||||
<template> |
|
||||
<view class="write-off-list"> |
|
||||
<view class="wol-btn" hover-class="hover-active" @click="scanCode"> |
|
||||
<image mode="aspectFit" src="/static/images/icon/scan_code_btn.png"></image> |
|
||||
</view> |
|
||||
<view class="wol-bar">今日核销订单({{orderList.length || 0}})</view> |
|
||||
<view class="wol-list"> |
|
||||
<view class="wl-item" v-for="e in orderList" :key="e.id"> |
|
||||
<view class="wi-header"> |
|
||||
<view>{{e.stadium_name || '-'}}</view> |
|
||||
<view>{{ZH_status(e.pay_type || '')}}</view> |
|
||||
</view> |
|
||||
<view class="wi-info"> |
|
||||
<view class="wi-line"> |
|
||||
<view>订单编号：</view> |
|
||||
<view> |
|
||||
<view>{{e.order_no || '-'}}</view> |
|
||||
</view> |
|
||||
</view> |
|
||||
<view class="wi-line"> |
|
||||
<view>用户昵称：</view> |
|
||||
<view> |
|
||||
<view>{{e.nickname || '-'}} </view> |
|
||||
</view> |
|
||||
</view> |
|
||||
<view class="wi-line"> |
|
||||
<view>支付时间：</view> |
|
||||
<view> |
|
||||
<view>{{e.pay_time || '-'}}</view> |
|
||||
</view> |
|
||||
</view> |
|
||||
<view class="wi-line"> |
|
||||
<view> 预定日期：</view> |
|
||||
<view> |
|
||||
<view>{{ZH_order_date(e.date || '') || '-'}}</view> |
|
||||
</view> |
|
||||
</view> |
|
||||
<view class="wi-line"> |
|
||||
<view>预定场次：</view> |
|
||||
<view> |
|
||||
<view v-for="k in e.sessions" :key="k.id">{{k.venue_name+' '}}{{' '+k.duration}} </view> |
|
||||
</view> |
|
||||
</view> |
|
||||
</view> |
|
||||
<view class="wi-total"> |
|
||||
<view>核销时间：{{e.verify_time || '-'}}</view> |
|
||||
<view>共{{e.sessions.length || 0}}场次</view> |
|
||||
</view> |
|
||||
</view> |
|
||||
</view> |
|
||||
</view> |
|
||||
</template> |
|
||||
|
|
||||
<script> |
|
||||
import { API } from '../../../js/api'; |
|
||||
import { servers } from '../../../js/server'; |
|
||||
import util from '../../../utils/util' |
|
||||
export default { |
|
||||
computed: { |
|
||||
ZH_status(){ |
|
||||
return status=> (['未支付','待使用','已使用','已失效','已退款'][status] || '-') // 订单状态[-1已作废0未支付1已支付待使用2已使用3已失效4已退款] |
|
||||
}, |
|
||||
ZH_order_date(){ |
|
||||
return date => { |
|
||||
if(!date)return '-' |
|
||||
let _date = date.replace(/\-/gi,'/'); |
|
||||
return `${util.get_zh_date(_date)} ${util.get_zh_day(_date)}`; |
|
||||
} |
|
||||
}, |
|
||||
}, |
|
||||
data(){ |
|
||||
return { |
|
||||
orderList: [] |
|
||||
} |
|
||||
}, |
|
||||
onLoad(){ |
|
||||
this.getOrderList(true); |
|
||||
}, |
|
||||
methods: { |
|
||||
scanCode(){ |
|
||||
uni.scanCode({ |
|
||||
success: res=>{ |
|
||||
let { result } = res; |
|
||||
|
|
||||
if( |
|
||||
res.scanType !== 'QR_CODE' || |
|
||||
result.indexOf('brand_id') == -1 || |
|
||||
result.indexOf('stadium_id') == -1 || |
|
||||
result.indexOf('verify_code') == -1 |
|
||||
){ |
|
||||
return util.showNone('无法识别！'); |
|
||||
} |
|
||||
|
|
||||
util.routeTo(`/pages/write_off/confirm/confirm?query=${res.result}`,'nT'); |
|
||||
}, |
|
||||
fail: err=>{ |
|
||||
if(err.errMsg&&err.errMsg.indexOf('cancel')!=-1)return; |
|
||||
console.log(err) |
|
||||
util.showNone('扫码失败！') |
|
||||
} |
|
||||
}) |
|
||||
|
|
||||
}, |
|
||||
// confirm 页刷新列表 |
|
||||
getOrderList(isLoad){ |
|
||||
if(isLoad)util.showLoad(); |
|
||||
servers.get({ |
|
||||
url: API.verifiedOrderList, |
|
||||
data: { |
|
||||
status: 1, // 只获取待使用订单 |
|
||||
}, |
|
||||
failMsg: '获取订单列表失败！' |
|
||||
}) |
|
||||
.then(res=>{ |
|
||||
if(isLoad)util.hideLoad(); |
|
||||
let _list = res.list || []; |
|
||||
this.orderList = _list; |
|
||||
}) |
|
||||
.catch(util.hideLoad) |
|
||||
} |
|
||||
} |
|
||||
} |
|
||||
</script> |
|
||||
|
|
||||
<style lang="scss" scoped> |
|
||||
@import "../../../style/public.scss"; |
|
||||
.write-off-list{ |
|
||||
padding-top: 24upx; |
|
||||
.wol-btn{ |
|
||||
margin: 0 auto 24upx; |
|
||||
height: 360upx; |
|
||||
width: 702upx; |
|
||||
border-radius: 10upx; |
|
||||
background-color: #fff; |
|
||||
@include centerFlex(center); |
|
||||
>image{ |
|
||||
width: 172upx; |
|
||||
height: 172upx; |
|
||||
} |
|
||||
} |
|
||||
.wol-bar{ |
|
||||
margin: 0 auto 24upx; |
|
||||
height: 112upx; |
|
||||
width: 702upx; |
|
||||
border-radius: 10upx; |
|
||||
line-height: 112upx; |
|
||||
text-align: center; |
|
||||
font-size: 32upx; |
|
||||
font-weight: 500; |
|
||||
color: #1a1a1a; |
|
||||
background-color: #fff; |
|
||||
} |
|
||||
.wol-list{ |
|
||||
padding: 0 24upx; |
|
||||
.wl-item{ |
|
||||
margin-bottom: 24upx; |
|
||||
>view{ |
|
||||
padding: 0 20upx; |
|
||||
background-color: #fff; |
|
||||
} |
|
||||
.wi-header{ |
|
||||
height: 96upx; |
|
||||
border-bottom: 2upx solid #D8D8D8; |
|
||||
border-radius: 10upx 10upx 0 0; |
|
||||
@include centerFlex(space-between); |
|
||||
>view{ |
|
||||
&:first-child{ |
|
||||
flex-grow: 1; |
|
||||
line-height: 40upx; |
|
||||
font-size: 28upx; |
|
||||
color: #1a1a1a; |
|
||||
@include textHide(1); |
|
||||
} |
|
||||
&+view{ |
|
||||
flex-shrink: 0; |
|
||||
margin-left: 20upx; |
|
||||
line-height: 40upx; |
|
||||
font-size: 28upx; |
|
||||
color: #9c9c9f; |
|
||||
} |
|
||||
} |
|
||||
} |
|
||||
.wi-info{ |
|
||||
padding: 20upx; |
|
||||
border-bottom: 2upx solid #D8D8D8; |
|
||||
.wi-line{ |
|
||||
display: flex; |
|
||||
view{ |
|
||||
margin-bottom: 6upx; |
|
||||
line-height: 34upx; |
|
||||
font-size: 24upx; |
|
||||
color: #9c9c9f; |
|
||||
&:first-child{ |
|
||||
flex-shrink: 0; |
|
||||
} |
|
||||
&+view{ |
|
||||
flex-grow: 1; |
|
||||
>view{ |
|
||||
@include textHide(1); |
|
||||
} |
|
||||
} |
|
||||
} |
|
||||
|
|
||||
} |
|
||||
} |
|
||||
.wi-total{ |
|
||||
height: 90upx; |
|
||||
border-radius: 0 0 10upx 10upx; |
|
||||
@include centerFlex(space-between); |
|
||||
>view{ |
|
||||
font-size: 24upx; |
|
||||
color: #1a1a1a; |
|
||||
} |
|
||||
|
|
||||
} |
|
||||
} |
|
||||
} |
|
||||
} |
|
||||
</style> |
|
||||
Write
Preview
Loading…
Cancel
Save
Reference in new issue