APP
/
ox_zhiNengZhuShou
3
0
Fork 0
Code Issues Pull Requests Releases Wiki Activity
Browse Source

Merge branch 'writeoff' into all

organize
刘嘉炜 3 years ago
parent
a70800d87a 003885e544
commit
a4d9b4dfd8
9 changed files with 404 additions and 522 deletions
Whitespace
Show all changes Ignore whitespace when comparing lines Ignore changes in amount of whitespace Ignore changes in whitespace at EOL
Unified View
Diff Options
Show Stats Download Patch File Download Diff File
  1. 5
      src/js/api.js
  2. 2
      src/js/once_name.js
  3. 24
      src/pages.json
  4. 284
      src/pages/write_off/confirm/confirm.vue
  5. 1
      src/pages/write_off/confirm_order/confirm_order.vue
  6. 187
      src/pages/write_off/events_order/events_order.vue
  7. 219
      src/pages/write_off/list/list.vue
  8. 21
      src/pages/write_off/operate/operate.vue
  9. 183
      src/pages/write_off/success/success.vue

5
src/js/api.js
View File

@ -114,6 +114,11 @@ API['writeOff'] = {
timingOpen:`${ORIGIN}/stadium/person/timing/open`, //凌晨自动清零【开/关】 timingOpen:`${ORIGIN}/stadium/person/timing/open`, //凌晨自动清零【开/关】
notLeavingNums:`${ORIGIN}/stadium/person/timing/notLeavingNums`, //凌晨自动清零 - 未离场订单数量 notLeavingNums:`${ORIGIN}/stadium/person/timing/notLeavingNums`, //凌晨自动清零 - 未离场订单数量
// 20220222 新增赛事核销
// matchOrderVerify: `${ORIGIN}/admin/assistant/matchOrder/verify`, // 赛事订单确认核销 /用回之前的核销
matchOrderGateLs: `${ORIGIN}/admin/assistant/matchOrderGate/list`, // 商家助手-赛事订单核销后获取门
matchOrderGateOpen: `${ORIGIN}/admin/assistant/matchOrderGate/open`, // 商家助手-赛事订单核销后-开门
} }

2
src/js/once_name.js
View File

@ -2,7 +2,7 @@
// 避免命名冲突，误触监听器 // 避免命名冲突，误触监听器
export const WRITE_OFF_STORE_INFO = 'stadium_list'; export const WRITE_OFF_STORE_INFO = 'stadium_list';
export const WRITE_OFF_ORDER_INFO = 'order_info';
export const WRITE_OFF_ORDER_INFO = 'order_info'; // 场地核销确认页/ 年月卡核销确认页/ 赛事核销确认页
export const WRITE_OFF_YM_ORDER_INFO = 'ym_order_info'; // 年月卡订单核销 export const WRITE_OFF_YM_ORDER_INFO = 'ym_order_info'; // 年月卡订单核销
export const WRITE_OFF_MALL_ORDER_INFO = 'mall_order_info'; // 商城订单核销 export const WRITE_OFF_MALL_ORDER_INFO = 'mall_order_info'; // 商城订单核销
export const WRITE_OFF_MALL_ORDER_SUCCESS = 'mall_order_success'; // 商城订单核销成功！ export const WRITE_OFF_MALL_ORDER_SUCCESS = 'mall_order_success'; // 商城订单核销成功！

24
src/pages.json
View File

@ -134,6 +134,18 @@
} }
}, },
{ {
"path": "pages/write_off/success/success",
"style": {
"navigationBarTitleText": "核销订单"
}
},
{
"path": "pages/write_off/events_order/events_order",
"style": {
"navigationBarTitleText": "核销订单"
}
},
{
"path": "pages/write_off/mall/success/success", "path": "pages/write_off/mall/success/success",
"style": { "style": {
"navigationBarTitleText": "核销订单" "navigationBarTitleText": "核销订单"
@ -176,18 +188,6 @@
} }
}, },
{ {
"path": "pages/write_off/confirm/confirm",
"style": {
"navigationBarTitleText": "确认订单信息"
}
},
{
"path": "pages/write_off/list/list",
"style": {
"navigationBarTitleText": "扫码核销"
}
},
{
"path": "pages/write_off/search_result/search_result", "path": "pages/write_off/search_result/search_result",
"style": { "style": {
"navigationBarTitleText": "核销查询" "navigationBarTitleText": "核销查询"

284
src/pages/write_off/confirm/confirm.vue
View File

@ -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
src/pages/write_off/confirm_order/confirm_order.vue
View File

@ -1,4 +1,5 @@
<template> <template>
<!-- 场地/次卡订单 -->
<view class="confirm-order"> <view class="confirm-order">
<view class="co-container"> <view class="co-container">
<view class="c-store-name">{{orderInfo.stadium_name || '-'}}</view> <view class="c-store-name">{{orderInfo.stadium_name || '-'}}</view>

187
src/pages/write_off/events_order/events_order.vue
View File

@ -0,0 +1,187 @@
<template>
<view class="events-order">
<view class="eo-main">
<view class="em-info">
<view class="ei-title">{{ orderInfo.stadium_name || '-' }}</view>
<view class="ei-line-box">
<view class="elb-line">
<view class="el-name">订单编号：</view>
<view class="el-txt">{{ orderInfo.order_no || '-' }}</view>
<view class="el-tag">(赛事)</view>
</view>
<view class="elb-line">
<view class="el-name">用户昵称：</view>
<view class="el-txt">{{ orderInfo.nickname || '-' }}</view>
</view>
<view class="elb-line">
<view class="el-name">验证码：</view>
<view class="el-txt">{{ orderInfo.verify_code || '-' }}</view>
</view>
<view class="elb-line">
<view class="el-name">赛事名称：</view>
<view class="el-txt">{{ orderInfo.match_name || '-' }}</view>
</view>
<view class="elb-line">
<view class="el-name">赛事类型：</view>
<view class="el-txt">{{ orderInfo.match_type || '-' }}</view>
</view>
<view class="elb-line">
<view class="el-name">进场时间：</view>
<view class="el-txt">{{ orderInfo.in_time || '-' }}</view>
</view>
</view>
</view>
<view class="em-border"></view>
<view class="em-btn">
<view hover-class="hover-active" @click="confirmWriteOff">确认核销</view>
</view>
</view>
</view>
</template>
<script>
import util from '../../../utils/util';
import { API } from '../../../js/api';
import { servers } from '../../../js/server';
import { WRITE_OFF_ORDER_INFO } from '../../../js/once_name';
export default {
data(){
return {
orderInfo: {},
type: '' // verify_code -> 5: 验证码核销(商家助手) | decrypt_text -> 6: 扫码核销(商家助手)
}
},
onLoad(options){
if(options.type)this.type = options.type || '';
util.$_once(WRITE_OFF_ORDER_INFO, data => {
console.warn(data)
this.orderInfo = data || {};
})
},
methods: {
confirmWriteOff: util.debounce(function(){
let { orderInfo, type } = this;
servers.post({
url: API.writeOff.assistantVerify,
data: {
verify_type: type == 'verify_code'? 5 : 6,
brand_id: orderInfo.brand_id,
stadium_id: orderInfo.stadium_id,
verify_code: orderInfo.verify_code,
},
isDefaultGet: false,
})
.then(res=>{
if(res.data.code == 0){
util.showNone(res.data.message || '操作成功！');
let _query = {
order_no: orderInfo.order_no || '',
brand_id: orderInfo.brand_id || '',
stadium_name: orderInfo.stadium_name || '',
}
setTimeout(_=>util.routeTo(`/pages/write_off/success/success?query=${util.jsonStr(_query)}`, 'rT'), 1200);
// setTimeout(_=>util.routeTo(`/pages/write_off/success/success`, 'nT'), 1200);
}else{
util.showNone(res.data.message || '操作失败！');
}
})
}, 300, true)
}
}
</script>
<style lang="scss">
@import '~style/public.scss';
page{
background-color: $themeColor;
}
.events-order{
padding: 46upx 24upx;
.eo-main{
border-radius: 10upx;
background-color: #fff;
.em-info{
padding: 0 40upx 46upx;
.ei-title{
padding: 30upx 0;
text-align: center;
font-size: 32upx;
font-weight: 500;
line-height: 44upx;
color: #1a1a1a;
border-bottom: 2upx solid #D8D8D8;
}
.ei-line-box{
padding-top: 20upx;
.elb-line{
@include centerFlex(flex-start);
>view{
font-size: 28upx;
line-height: 60upx;
}
.el-name{
flex-shrink: 0;
color: #9c9c9f;
}
.el-txt{
color: #1a1a1a;
white-space: nowrap;
text-overflow: ellipsis;
overflow: hidden;
}
.el-tag{
margin-left: 10upx;
color: $themeColor;
flex-shrink: 0;
}
}
}
}
.em-border{
position: relative;
border-bottom: 2upx dashed #d8d8d8;
&::after{
content: '';
position: absolute;
left: -10upx;
top: -10upx;
display: block;
width: 20upx;
height: 20upx;
border-radius: 10upx;
background-color: $themeColor;
}
&::before{
content: '';
position: absolute;
right: -10upx;
top: -10upx;
display: block;
width: 20upx;
height: 20upx;
border-radius: 10upx;
background-color: $themeColor;
}
}
.em-btn{
padding: 60upx 40upx;
>view{
height: 112upx;
line-height: 112upx;
text-align: center;
font-size: 32upx;
border-radius: 10upx;
color: #fff;
background-color: $themeColor;
}
}
}
}
</style>

219
src/pages/write_off/list/list.vue
View File

@ -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>

21
src/pages/write_off/operate/operate.vue
View File

@ -111,11 +111,6 @@ export default {
let { iptCode } = this; let { iptCode } = this;
if(!iptCode)return util.showNone('请输入核销码！'); if(!iptCode)return util.showNone('请输入核销码！');
this.analysisOrder({ verify_code: this.iptCode }); this.analysisOrder({ verify_code: this.iptCode });
return
let _timeSta = new Date().getTime();
if(_timeSta%3 == 0)return util.routeTo(`/pages/write_off/confirm_order/confirm_order`, 'nT');
if(_timeSta%2 < 1)return util.routeTo(`/pages/write_off/null/null`, 'nT');
return util.routeTo(`/pages/write_off/confirm_order/confirm_order`, 'nT');
}, 300, true), }, 300, true),
@ -139,9 +134,11 @@ export default {
writeOffType == 'site'&&(_query['decrypt_text'] = decrypt_text); writeOffType == 'site'&&(_query['decrypt_text'] = decrypt_text);
writeOffType == 'mall'&&(_query['vcode'] = decrypt_text); writeOffType == 'mall'&&(_query['vcode'] = decrypt_text);
} }
if(writeOffType == 'site')return this.siteGet({ query: _query, vType: _vType, }); if(writeOffType == 'site')return this.siteGet({ query: _query, vType: _vType, });
if(writeOffType == 'mall')return this.mallGet({ query: _query, vType: _vType, }); if(writeOffType == 'mall')return this.mallGet({ query: _query, vType: _vType, });
}, },
// 商城订单 // 商城订单
mallGet({ query = {}, vType = '', }){ mallGet({ query = {}, vType = '', }){
util.showLoad(); util.showLoad();
@ -168,7 +165,10 @@ export default {
}) })
.catch(util.hideLoad) .catch(util.hideLoad)
}, },
// 场地/ 年月卡
// 场地/ 年月卡 / 赛事
// @vType verify_code(扫码)/ decrypt_text(输入)
siteGet({ query = {}, vType = '', }){ siteGet({ query = {}, vType = '', }){
util.showLoad(); util.showLoad();
servers.get({ servers.get({
@ -181,11 +181,20 @@ export default {
if(res.data.code == 0){ if(res.data.code == 0){
let _data = res.data.data || {} let _data = res.data.data || {}
// 年月卡
if(_data.extension&&_data.extension.verify_order_type === 'monthly_card'){ if(_data.extension&&_data.extension.verify_order_type === 'monthly_card'){
util.$_emit(WRITE_OFF_ORDER_INFO, {..._data}); util.$_emit(WRITE_OFF_ORDER_INFO, {..._data});
util.routeTo(`/pages/write_off/ym_confirm/ym_confirm?type=${vType}`, 'nT'); util.routeTo(`/pages/write_off/ym_confirm/ym_confirm?type=${vType}`, 'nT');
return return
} }
// 赛事
if(_data.extension&&_data.extension.verify_order_type === 'match_order'){
util.$_emit(WRITE_OFF_ORDER_INFO, {..._data});
util.routeTo(`/pages/write_off/events_order/events_order?type=${vType}`, 'nT');
return
}
util.$_emit(WRITE_OFF_ORDER_INFO, {..._data}); util.$_emit(WRITE_OFF_ORDER_INFO, {..._data});
util.routeTo(`/pages/write_off/confirm_order/confirm_order?type=${vType}`, 'nT'); util.routeTo(`/pages/write_off/confirm_order/confirm_order?type=${vType}`, 'nT');
}else{ }else{

183
src/pages/write_off/success/success.vue
View File

@ -0,0 +1,183 @@
<template>
<view class="write-off-success">
<view class="wos-stadium">
<view class="ws-name">{{ optionsQuery.stadium_name || '-' }}</view>
</view>
<view class="wos-main">
<image class="wm-icon" mode="aspectFit" src="/static/images/icon/success_tip.png"></image>
<view class="wm-txt">核销成功</view>
<view class="wm-btn" hover-class="hover-active" @click="toBack">返回继续核销</view>
</view>
<view class="wos-gate-ls" v-if="gateLs&&gateLs.length">
<view class="wgl-tit">如需开门，请点击</view>
<view class="wgl-ls">
<view class="wl-item" v-for="(e, i) in gateLs" :key="i">
<view class="wi-name">{{ e.hardware_name || '-' }}</view>
<view class="wi-btn" hover-class="hover-active" @click="openGate(e)">开门</view>
</view>
</view>
</view>
</view>
</template>
<script>
import util from '../../../utils/util';
import { API } from '../../../js/api';
import { servers } from '../../../js/server';
export default {
data(){
return {
gateLs: [],
optionsQuery: {
stadium_name: '',
brand_id: '',
order_no: ''
}
}
},
onLoad(options){
let _query = {};
try{
_query = util.jsonPar(options.query);
console.warn('_query======》', _query)
this.optionsQuery = _query || {};
}catch(err){
console.error('json err--->', err)
}
this.getGateLs({
order_no: _query.order_no || '',
brand_id: _query.brand_id || '',
});
},
methods: {
openGate: util.debounce(function(e){
let { optionsQuery } = this;
util.showLoad();
servers.post({
url: API.writeOff.matchOrderGateOpen,
data: {
brand_id: optionsQuery.brand_id,
order_no: optionsQuery.order_no,
gate_id: e.id,
},
isDefaultGet: false,
})
.then(res=>{
util.hideLoad();
if(res.data.code == 0){
util.showNone(res.data.message || '操作成功！')
}else{
util.showNone(res.data.message || '操作失败！');
}
})
}, 300, true),
getGateLs({
order_no,
brand_id,
}){
util.showLoad();
servers.get({
url: API.writeOff.matchOrderGateLs,
data: {
order_no,
brand_id
},
failMsg: '加载门禁列表失败！'
})
.then(res=>{
util.hideLoad();
let _ls = res.gates || [];
this.gateLs = _ls;
console.warn(res)
})
},
toBack(){
util.routeTo();
}
}
}
</script>
<style lang="scss">
@import '~style/public.scss';
page{
background-color: #fff;
}
.write-off-success{
.wos-stadium{
padding: 0 24upx;
.ws-name{
padding: 40upx 0 30upx;
font-size: 32upx;
font-weight: 500;
color: #1a1a1a;
border-bottom: 2upx solid #D8D8D8;
@include textHide(1);
}
}
.wos-main{
padding: 134upx 64upx 124upx;
.wm-icon{
display: block;
margin: 0 auto 46upx;
width: 100upx;
height: 100upx;
}
.wm-txt{
margin-bottom: 90upx;
text-align: center;
line-height: 66upx;
font-size: 48upx;
font-weight: 500;
color: #333;
}
.wm-btn{
line-height: 108upx;
height: 112upx;
text-align: center;
font-size: 32upx;
border-radius: 10upx;
border: 2upx solid $themeColor;
color: $themeColor;
}
}
.wos-gate-ls{
padding: 0 24upx;
border-top: 24upx solid #f2f1f6;
.wgl-tit{
padding: 30upx 0;
line-height: 40upx;
font-size: 28upx;
color: #9c9c9f;
border-bottom: 2upx solid #D8D8D8;
}
.wgl-ls{
.wl-item{
height: 126upx;
border-bottom: 2upx solid #D8D8D8;
@include centerFlex(space-between);
.wi-name{
flex-grow: 1;
font-size: 28upx;
color: #333;
@include textHide(1);
}
.wi-btn{
margin-left: 24upx;
line-height: 68upx;
text-align: center;
flex-shrink: 0;
width: 156upx;
color: #fff;
border-radius: 10upx;
background-color: $themeColor;
}
}
}
}
}
</style>
Write Preview
Loading…
Cancel
Save