Browse Source
Merge branch 'dev' of https://git.ouxuan.net/APP/ox_zhiNengZhuShou into pf_1807
tid1867
Merge branch 'dev' of https://git.ouxuan.net/APP/ox_zhiNengZhuShou into pf_1807
tid1867
51 changed files with 1829 additions and 1873 deletions
-
138src/components/period_select.vue
-
66src/pages.json
-
2src/pages/index/index.vue
-
2src/pages/order_search/order_search.vue
-
175src/pages/write_off/douyin/poi_list.vue
-
237src/pages/write_off/mall/list/list.vue
-
131src/pages/write_off/menu/menu.vue
-
70src/pages/write_off/null/null.vue
-
496src/pages/write_off/number_of_people/number_of_people.vue
-
364src/pages/write_off/operate/operate.vue
-
339src/pages/write_off/search_result/search_result.vue
-
BINsrc/static/images/code_null.png
-
BINsrc/static/images/countdown_bg.png
-
BINsrc/static/images/order_null.png
-
BINsrc/static/images/scan_null.png
-
BINsrc/static/images/write_off/mall.png
-
BINsrc/static/images/write_off/order.png
-
BINsrc/static/images/write_off/people.png
-
BINsrc/static/images/write_off/site.png
-
4src/subpackage/blacklist/pages/abnormal_list/abnormal_list.vue
-
59src/subpackage/verification/components/head_bar.vue
-
78src/subpackage/verification/components/record/dy_item.vue
-
95src/subpackage/verification/components/record/mall_item.vue
-
87src/subpackage/verification/components/record/site_item.vue
-
15src/subpackage/verification/components/stadium_picker.vue
-
7src/subpackage/verification/js/api.js
-
282src/subpackage/verification/pages/index.vue
-
62src/subpackage/verification/pages/null.vue
-
394src/subpackage/verification/pages/record.vue
-
244src/subpackage/verification/pages/record_search.vue
-
5src/subpackage/verification/pages/site_people/index.vue
-
9src/subpackage/verification/pages/site_people/modules/not_leave_modal.vue
-
15src/subpackage/verification/pages/site_people/modules/stadium_select.vue
-
BINsrc/subpackage/verification/static/images/arrow_c9f.png
-
BINsrc/subpackage/verification/static/images/calendar.png
-
BINsrc/subpackage/verification/static/images/order/null_code.png
-
BINsrc/subpackage/verification/static/images/order/null_range.png
-
BINsrc/subpackage/verification/static/images/order/null_search.png
-
BINsrc/subpackage/verification/static/images/round_close.png
-
BINsrc/subpackage/verification/static/images/scan.png
-
BINsrc/subpackage/verification/static/images/search.png
-
BINsrc/subpackage/verification/static/images/tab0.png
-
BINsrc/subpackage/verification/static/images/tab1.png
-
BINsrc/subpackage/verification/static/images/tab2.png
-
3src/subpackage/wallet/js/api.js
-
15src/subpackage/wallet/pages/douyin_withdraw/index.vue
-
77src/subpackage/wallet/pages/index/index.vue
-
82src/subpackage/wallet/pages/index/modules/recharge_modal.vue
-
6src/subpackage/wallet/pages/index/modules/wallet_info.vue
-
137src/subpackage/wallet/pages/index/recharge_record.vue
-
6src/utils/util.js
@ -0,0 +1,138 @@ |
|||||
|
<template> |
||||
|
<!-- 时间段选择 --> |
||||
|
<view class="period-select-mask" v-if="isShow" @click="isShow = false"> |
||||
|
<view class="ol-period" @click.stop="()=>false"> |
||||
|
<view class="op-tit">日期范围</view> |
||||
|
<picker mode="date" class="op-picker" @change="startTimeChange" :value="startTime"> |
||||
|
<view class="op-time"> |
||||
|
<text class="ot-tit">开始时间</text> |
||||
|
<view class="ot-right"> |
||||
|
<input class="or-ipt" placeholder="选择时间" disabled :value="startTime"/> |
||||
|
<image class="or-icon" mode="aspectFit" src="/static/images/icon/arrow_b2.png"></image> |
||||
|
</view> |
||||
|
</view> |
||||
|
</picker> |
||||
|
<picker mode="date" class="op-picker" @change="endTimeChange" :value="endTime"> |
||||
|
<view class="op-time"> |
||||
|
<text class="ot-tit">截止时间</text> |
||||
|
<view class="ot-right"> |
||||
|
<input class="or-ipt" placeholder="选择时间" disabled :value="endTime"/> |
||||
|
<image class="or-icon" mode="aspectFit" src="/static/images/icon/arrow_b2.png"></image> |
||||
|
</view> |
||||
|
</view> |
||||
|
</picker> |
||||
|
<view class="pl-btn active" @click="confirmBtn">确定</view> |
||||
|
</view> |
||||
|
</view> |
||||
|
</template> |
||||
|
|
||||
|
<script> |
||||
|
import { showNone, showModal } from '@/utils/util'; |
||||
|
export default { |
||||
|
props: { |
||||
|
value: { |
||||
|
type: String, |
||||
|
default: '' |
||||
|
} |
||||
|
}, |
||||
|
watch: { |
||||
|
value: { |
||||
|
handler(val) { |
||||
|
let [start, end] = val.split('_'); |
||||
|
this.startTime = start; |
||||
|
this.endTime = end; |
||||
|
}, |
||||
|
immediate: true |
||||
|
} |
||||
|
}, |
||||
|
data(){ |
||||
|
return { |
||||
|
isShow: false, |
||||
|
startTime: '', |
||||
|
endTime: '', |
||||
|
} |
||||
|
}, |
||||
|
methods: { |
||||
|
show(){ |
||||
|
this.isShow = true |
||||
|
}, |
||||
|
hide(){ |
||||
|
this.isShow = false |
||||
|
}, |
||||
|
startTimeChange(e){ |
||||
|
this.startTime = e.detail.value; |
||||
|
}, |
||||
|
endTimeChange(e){ |
||||
|
this.endTime = e.detail.value; |
||||
|
}, |
||||
|
confirmBtn(){ |
||||
|
let { startTime, endTime } = this; |
||||
|
let _sTimestemp = new Date(startTime.replace(/\-/g,'/')).getTime(); |
||||
|
let _eTimestemp = new Date(endTime.replace(/\-/g,'/')).getTime(); |
||||
|
if(_sTimestemp > _eTimestemp)return showModal({ content: '开始时间不能大于结束时间' }); |
||||
|
this.$emit('input', `${startTime}_${endTime}`); |
||||
|
this.hide(); |
||||
|
} |
||||
|
} |
||||
|
} |
||||
|
</script> |
||||
|
|
||||
|
<style lang="scss"> |
||||
|
.period-select-mask{ |
||||
|
position: fixed; |
||||
|
top: 0; |
||||
|
left: 0; |
||||
|
right: 0; |
||||
|
bottom: 0; |
||||
|
background: rgba(0,0,0,0.4); |
||||
|
z-index: 9999; |
||||
|
} |
||||
|
.ol-period{ |
||||
|
position: absolute; |
||||
|
left: 0; |
||||
|
top: 0; |
||||
|
padding-left: 38upx; |
||||
|
padding-top: 66upx; |
||||
|
height: 472upx; |
||||
|
width: 100%; |
||||
|
background-color: #fff; |
||||
|
.op-tit{ |
||||
|
@include flcw(24upx, 34upx, #9c9c9f); |
||||
|
} |
||||
|
.op-picker{ |
||||
|
width: 100%; |
||||
|
|
||||
|
} |
||||
|
.op-time{ |
||||
|
padding-right: 40upx; |
||||
|
height: 124upx; |
||||
|
border-bottom: 2upx solid #D8D8D8; |
||||
|
@include ctf(space-between); |
||||
|
.ot-tit{ |
||||
|
flex-shrink: 0; |
||||
|
@include flcw(32upx, 44upx, #1a1a1a); |
||||
|
} |
||||
|
.ot-right{ |
||||
|
flex-grow: 1; |
||||
|
@include ctf(flex-end); |
||||
|
.or-ipt{ |
||||
|
flex-grow: 1; |
||||
|
height: 100%; |
||||
|
text-align: right; |
||||
|
@include flcw(32upx, 44upx, #1a1a1a); |
||||
|
} |
||||
|
.or-icon{ |
||||
|
flex-shrink: 0; |
||||
|
margin-left: 36upx; |
||||
|
width: 28upx; |
||||
|
height: 28upx; |
||||
|
} |
||||
|
} |
||||
|
} |
||||
|
.pl-btn{ |
||||
|
min-height: 124upx; |
||||
|
text-align: center; |
||||
|
@include flcw(32upx, 124upx, $mColor, 500); |
||||
|
} |
||||
|
} |
||||
|
</style> |
||||
@ -1,175 +0,0 @@ |
|||||
<template> |
|
||||
<view class="dy-poi-ls"> |
|
||||
<view class="dpl-header"> |
|
||||
<stadium-picker |
|
||||
:stadium-list="stadiumList" |
|
||||
@change:stadium="stadiumChange" |
|
||||
></stadium-picker> |
|
||||
<!-- <period-picker></period-picker> --> |
|
||||
<view class="dh-number">核销数量：{{ totalNum || 0 }}</view> |
|
||||
</view> |
|
||||
<view class="dpl-list"> |
|
||||
<view class="dl-item" v-for="(e, i) in writeOffList" :key="i"> |
|
||||
<list-item |
|
||||
:order-no="e.order_no" |
|
||||
:user-phone="e.user_phone" |
|
||||
:verify-code="e.verify_code" |
|
||||
:verify-method="e.verify_method" |
|
||||
:verify-time="e.verify_time" |
|
||||
></list-item> |
|
||||
</view> |
|
||||
</view> |
|
||||
|
|
||||
<view class="r-bottom-btn"><view @click="toOperate">核销团购券</view></view> |
|
||||
</view> |
|
||||
</template> |
|
||||
|
|
||||
<script> |
|
||||
import periodPicker from "../all_components/period_picker.vue"; |
|
||||
import stadiumPicker from "../all_components/stadium_picker.vue"; |
|
||||
import listItem from "../all_components/list_item.vue"; |
|
||||
import { API } from '../../../js/api'; |
|
||||
import { servers } from '../../../js/server'; |
|
||||
import util from '../../../utils/util'; |
|
||||
import { mapState } from 'vuex'; |
|
||||
import { WRITE_OFF_STORE_NAME } from '../../../js/once_name'; |
|
||||
export default { |
|
||||
computed: { |
|
||||
...mapState([ 'brandInfo' ]), |
|
||||
}, |
|
||||
components: { |
|
||||
periodPicker, |
|
||||
stadiumPicker, |
|
||||
listItem |
|
||||
}, |
|
||||
data() { |
|
||||
return { |
|
||||
totalNum: 0, |
|
||||
writeOffList: [], |
|
||||
stadiumList: [], |
|
||||
curStadium: {}, |
|
||||
page: 1, |
|
||||
} |
|
||||
}, |
|
||||
async onLoad() { |
|
||||
let _brand_id = this.brandInfo?.brand?.id || 63; |
|
||||
let _list = await this.getStoreList({ brand_id: _brand_id }); |
|
||||
this.stadiumList = _list || []; |
|
||||
this.getList({ brand_id: _brand_id }); |
|
||||
|
|
||||
}, |
|
||||
onReachBottom(){ |
|
||||
let { page, curStadium } = this; |
|
||||
this.getList({ |
|
||||
brand_id: curStadium?.brand_id, |
|
||||
stadium_id: curStadium?.id, |
|
||||
page: page + 1, |
|
||||
}) |
|
||||
}, |
|
||||
methods: { |
|
||||
toOperate(){ |
|
||||
let { stadiumList, curStadium } = this; |
|
||||
util.$_emit(WRITE_OFF_STORE_NAME, { |
|
||||
stadiumList, |
|
||||
curStadium, |
|
||||
}) |
|
||||
util.routeTo(`/pages/write_off/operate/operate?type=dypoi`, 'rT'); |
|
||||
}, |
|
||||
stadiumChange(stadium){ |
|
||||
this.curStadium = stadium; |
|
||||
this.page = 1; |
|
||||
this.totalNum = 0; |
|
||||
this.writeOffList = []; |
|
||||
this.getList({ |
|
||||
brand_id: stadium?.brand_id, |
|
||||
stadium_id: stadium?.id, |
|
||||
}) |
|
||||
}, |
|
||||
getList({ brand_id, stadium_id = '', date = '', page = 1, page_size = 20, order_status = 'used' }){ |
|
||||
util.showLoad(); |
|
||||
servers.get({ |
|
||||
url: API.writeOff.dyPoiOrderList, |
|
||||
data: { brand_id, stadium_id, date, page, page_size, order_status }, |
|
||||
failMsg: '加载失败！', |
|
||||
}) |
|
||||
.then(res=>{ |
|
||||
util.hideLoad(); |
|
||||
this.totalNum = res.total || 0; |
|
||||
let _list = (res.list || []).map(e=>this.formating(e)); |
|
||||
if(page == 1)return this.writeOffList = _list; |
|
||||
if(!_list.length)return util.showNone('没有更多！'); |
|
||||
this.page = page; |
|
||||
this.writeOffList = [...this.writeOffList, ..._list]; |
|
||||
}) |
|
||||
}, |
|
||||
formating(data){ |
|
||||
let _code = data?.order_codes?.find(e=>e?.code_status == 'used'); |
|
||||
return { |
|
||||
order_no: data?.order_no || '', |
|
||||
user_phone: data?.mobile || '', |
|
||||
verify_code: _code?.code || '', |
|
||||
verify_method: _code?.verification_method || '', |
|
||||
verify_time: _code?.verification_time || '', |
|
||||
} |
|
||||
}, |
|
||||
getStoreList({ |
|
||||
page=1, |
|
||||
page_size=9999, |
|
||||
brand_id='', |
|
||||
}){ |
|
||||
return servers.get({ |
|
||||
url: API.stadiumList, |
|
||||
data: { |
|
||||
page, |
|
||||
page_size, |
|
||||
brand_id, |
|
||||
}, |
|
||||
failMsg: '获取列表失败！' |
|
||||
}) |
|
||||
.then(res=>res.list || []) |
|
||||
}, |
|
||||
} |
|
||||
} |
|
||||
</script> |
|
||||
|
|
||||
<style lang="scss"> |
|
||||
.dy-poi-ls{ |
|
||||
@include isPd(150upx); |
|
||||
} |
|
||||
.dpl-header{ |
|
||||
position: sticky; |
|
||||
padding-bottom: 24upx; |
|
||||
background: #fff; |
|
||||
.dh-number{ |
|
||||
padding: 0 24upx; |
|
||||
text-align: right; |
|
||||
@include flcw(32upx, 44upx); |
|
||||
@include tHide; |
|
||||
} |
|
||||
} |
|
||||
.dpl-list{ |
|
||||
padding: 24upx; |
|
||||
.dl-item+ .dl-item{ |
|
||||
margin-top: 24upx; |
|
||||
} |
|
||||
} |
|
||||
.r-bottom-btn{ |
|
||||
position: fixed; |
|
||||
left: 0; |
|
||||
bottom: 0; |
|
||||
width: 100%; |
|
||||
padding: 10upx 24upx; |
|
||||
padding-bottom: calc( 10upx + constant(safe-area-inset-bottom)); /* 兼容 iOS < 11.2 */ |
|
||||
padding-bottom: calc( 10upx + env(safe-area-inset-bottom)); /* 兼容 iOS >= 11.2 */ |
|
||||
background-color: #f2f2f7; |
|
||||
>view{ |
|
||||
height: 112upx; |
|
||||
line-height: 112upx; |
|
||||
text-align: center; |
|
||||
font-size: 32upx; |
|
||||
border-radius: 10upx; |
|
||||
color: #fff; |
|
||||
background-color: $mColor; |
|
||||
} |
|
||||
} |
|
||||
</style> |
|
||||
@ -1,237 +0,0 @@ |
|||||
<template> |
|
||||
<view class="mall-order-ls"> |
|
||||
<view class="mol-date"> |
|
||||
<view class="md-txt">核销日期</view> |
|
||||
<view class="md-picker"> |
|
||||
<picker mode="date" @change="stChange"> |
|
||||
<view> |
|
||||
<input :value="startTime" disabled placeholder="请选择时间" /> |
|
||||
<image mode="aspectFit" src="/static/images/icon/arrow_c33.png"></image> |
|
||||
</view> |
|
||||
</picker> |
|
||||
</view> |
|
||||
<view class="md-txt">至</view> |
|
||||
<view class="md-picker"> |
|
||||
<picker mode="date" @change="edChange"> |
|
||||
<view> |
|
||||
<input :value="endTime" disabled placeholder="请选择时间" /> |
|
||||
<image mode="aspectFit" src="/static/images/icon/arrow_c33.png"></image> |
|
||||
</view> |
|
||||
</picker> |
|
||||
</view> |
|
||||
</view> |
|
||||
<view class="mol-list"> |
|
||||
<view class="ml-item" v-for="(e, i) in writeOffList" :key="i"> |
|
||||
<view class="mi-order-no"> |
|
||||
<view class="mon-num">订单编号：{{ e.product_order_no || '-' }}</view> |
|
||||
<view class="mon-btn" @click="copyBtn(e.product_order_no || '-')">复制</view> |
|
||||
</view> |
|
||||
<view class="mi-info"> |
|
||||
<view class="mi-line">取货码：{{ e.product_order_no || '-' }}</view> |
|
||||
<view class="mi-line">取货人：{{ e.product_order_self_pickup_info.name || '-' }} {{ e.product_order_self_pickup_info.phone || '-' }}</view> |
|
||||
<view class="mi-line">商品：{{ e.product_order_goods.join('；') }}</view> |
|
||||
<view class="mi-line">核验人：{{ e.optuname }}</view> |
|
||||
<view class="mi-line">取货时间：{{ e.created_at || '-' }}</view> |
|
||||
</view> |
|
||||
</view> |
|
||||
</view> |
|
||||
|
|
||||
<view class="mol-fixed"> |
|
||||
<view @click="toOperate">核销订单</view> |
|
||||
</view> |
|
||||
</view> |
|
||||
</template> |
|
||||
|
|
||||
<script> |
|
||||
import { API } from '../../../../js/api'; |
|
||||
import { servers } from '../../../../js/server'; |
|
||||
import util from '../../../../utils/util'; |
|
||||
import { mapState } from 'vuex'; |
|
||||
import { WRITE_OFF_STORE_NAME } from '../../../../js/once_name'; |
|
||||
export default { |
|
||||
computed: { |
|
||||
...mapState([ 'brandInfo' ]), |
|
||||
|
|
||||
}, |
|
||||
data(){ |
|
||||
return { |
|
||||
writeOffList: [], |
|
||||
page: 1, |
|
||||
startTime: '', |
|
||||
endTime: '', |
|
||||
|
|
||||
} |
|
||||
}, |
|
||||
onReachBottom(){ |
|
||||
let { brandInfo, startTime, endTime, page } = this; |
|
||||
this.getList({ |
|
||||
brand_id: brandInfo.brand.id, |
|
||||
stime: startTime || '', |
|
||||
etime: endTime || '', |
|
||||
page: ++page |
|
||||
}) |
|
||||
}, |
|
||||
onLoad(){ |
|
||||
// 默认显示1个月内的日期 |
|
||||
let _startDate = util.formatDate({ |
|
||||
date: new Date().getTime() - 30*24*60*60*1000 |
|
||||
}).substr(0, 10); |
|
||||
let _endDate = util.formatDate({ }).substr(0, 10); |
|
||||
this.startTime = _startDate; |
|
||||
this.endTime = _endDate; |
|
||||
// 默认显示1个月内的日期 |
|
||||
|
|
||||
this.$nextTick(_=> this.refreshPage()); |
|
||||
}, |
|
||||
methods: { |
|
||||
refreshPage(){ |
|
||||
let { brandInfo, startTime, endTime } = this; |
|
||||
this.page = 1; |
|
||||
this.writeOffList = []; |
|
||||
this.$nextTick(_=>{ |
|
||||
this.getList({ |
|
||||
brand_id: brandInfo.brand.id, |
|
||||
stime: startTime || '', |
|
||||
etime: endTime || '', |
|
||||
}) |
|
||||
}) |
|
||||
}, |
|
||||
copyBtn(data){ |
|
||||
uni.setClipboardData({ data }) |
|
||||
}, |
|
||||
stChange(e){ |
|
||||
console.warn(e) |
|
||||
this.startTime = e.detail.value; |
|
||||
this.$nextTick(_=>this.refreshPage()); |
|
||||
}, |
|
||||
edChange(e){ |
|
||||
this.endTime = e.detail.value; |
|
||||
this.$nextTick(_=>this.refreshPage()); |
|
||||
}, |
|
||||
toOperate(){ |
|
||||
util.$_emit(WRITE_OFF_STORE_NAME, null); |
|
||||
util.routeTo(`/pages/write_off/operate/operate?type=mall`, 'nT'); |
|
||||
}, |
|
||||
getList({ brand_id, page = 1, page_size = 15, stime = '', etime = '' }){ |
|
||||
util.showLoad(); |
|
||||
servers.get({ |
|
||||
url: API.writeOff.shop2WriteoffList, |
|
||||
data: { brand_id, page, page_size, stime, etime }, |
|
||||
failMsg: '加载失败！', |
|
||||
}) |
|
||||
.then(res=>{ |
|
||||
util.hideLoad(); |
|
||||
this.totalNum = res.total || 0; |
|
||||
let _list = res.list || []; |
|
||||
if(page == 1)return this.writeOffList = _list; |
|
||||
if(!_list.length)return util.showNone('没有更多！'); |
|
||||
this.page = page; |
|
||||
this.writeOffList = [...this.writeOffList, ..._list]; |
|
||||
|
|
||||
}) |
|
||||
}, |
|
||||
} |
|
||||
} |
|
||||
</script> |
|
||||
|
|
||||
<style lang="scss"> |
|
||||
@import '~style/public.scss'; |
|
||||
.mall-order-ls{ |
|
||||
padding-bottom: 122upx; |
|
||||
padding-bottom: calc( 122upx + constant(safe-area-inset-bottom)); /* 兼容 iOS < 11.2 */ |
|
||||
padding-bottom: calc( 122upx + env(safe-area-inset-bottom)); /* 兼容 iOS >= 11.2 */ |
|
||||
} |
|
||||
.mol-date{ |
|
||||
padding: 0 28upx; |
|
||||
height: 148upx; |
|
||||
background-color: #fff; |
|
||||
@include centerFlex(flex-start); |
|
||||
.md-txt{ |
|
||||
font-size: 32upx; |
|
||||
line-height: 44upx; |
|
||||
color: #1a1a1a; |
|
||||
} |
|
||||
.md-picker{ |
|
||||
margin: 0 20upx; |
|
||||
width: 226upx; |
|
||||
border: 2upx solid #D8D8D8; |
|
||||
border-radius: 10upx; |
|
||||
overflow: hidden; |
|
||||
view{ |
|
||||
padding: 0 10upx; |
|
||||
height: 88upx; |
|
||||
background-color: #f2f2f7; |
|
||||
@include centerFlex(space-between); |
|
||||
>input{ |
|
||||
flex-grow: 1; |
|
||||
height: 100%; |
|
||||
font-size: 28upx; |
|
||||
color: #1a1a1a; |
|
||||
} |
|
||||
>image{ |
|
||||
margin-left: 10upx; |
|
||||
flex-shrink: 0; |
|
||||
width: 22upx; |
|
||||
height: 22upx; |
|
||||
} |
|
||||
} |
|
||||
} |
|
||||
} |
|
||||
|
|
||||
.mol-list{ |
|
||||
padding: 24upx; |
|
||||
.ml-item{ |
|
||||
margin-bottom: 24upx; |
|
||||
padding: 0 24upx; |
|
||||
background-color: #fff; |
|
||||
.mi-order-no{ |
|
||||
padding: 30upx 4upx; |
|
||||
border-bottom: 2upx solid #f2f2f7; |
|
||||
@include centerFlex(space-between); |
|
||||
.mon-num{ |
|
||||
font-size: 28upx; |
|
||||
font-weight: 500; |
|
||||
line-height: 40upx; |
|
||||
color: #1a1a1a; |
|
||||
} |
|
||||
.mon-btn{ |
|
||||
flex-shrink: 0; |
|
||||
margin-left: 20upx; |
|
||||
font-size: 28upx; |
|
||||
line-height: 40upx; |
|
||||
color: $themeColor; |
|
||||
|
|
||||
} |
|
||||
} |
|
||||
.mi-info{ |
|
||||
padding: 30upx 4upx; |
|
||||
.mi-line{ |
|
||||
font-size: 28upx; |
|
||||
line-height: 52upx; |
|
||||
color: #9C9C9F; |
|
||||
@include textHide(1); |
|
||||
} |
|
||||
} |
|
||||
} |
|
||||
} |
|
||||
|
|
||||
.mol-fixed{ |
|
||||
position: fixed; |
|
||||
left: 0; |
|
||||
bottom: 0; |
|
||||
width: 100%; |
|
||||
background-color: #fff; |
|
||||
padding: 10upx 40upx; |
|
||||
padding-bottom: calc( 10upx + constant(safe-area-inset-bottom)); /* 兼容 iOS < 11.2 */ |
|
||||
padding-bottom: calc( 10upx + env(safe-area-inset-bottom)); /* 兼容 iOS >= 11.2 */ |
|
||||
>view{ |
|
||||
height: 112upx; |
|
||||
line-height: 112upx; |
|
||||
text-align: center; |
|
||||
font-size: 32upx; |
|
||||
color: #fff; |
|
||||
background-color: $themeColor; |
|
||||
border-radius: 10upx; |
|
||||
} |
|
||||
} |
|
||||
</style> |
|
||||
@ -1,131 +0,0 @@ |
|||||
<template> |
|
||||
<view class="write-off-menu"> |
|
||||
<view class="wom-section"> |
|
||||
<view class="ws-tit">场地订单核销</view> |
|
||||
<view class="ws-ls"> |
|
||||
<view class="wl-item" @click="toOperate('site')"> |
|
||||
<image mode="aspectFit" src="/static/images/write_off/site.png"></image> |
|
||||
<view>场地订单核销</view> |
|
||||
</view> |
|
||||
<view class="wl-item" @click="toSiteList"> |
|
||||
<image mode="aspectFit" src="/static/images/write_off/order.png"></image> |
|
||||
<view>场地订单核销记录</view> |
|
||||
</view> |
|
||||
</view> |
|
||||
</view> |
|
||||
<view class="wom-section"> |
|
||||
<view class="ws-tit">商城订单核销</view> |
|
||||
<view class="ws-ls"> |
|
||||
<view class="wl-item" @click="toOperate('mall')"> |
|
||||
<image mode="aspectFit" src="/static/images/write_off/mall.png"></image> |
|
||||
<view>商城订单核销</view> |
|
||||
</view> |
|
||||
<view class="wl-item" @click="toMallLs"> |
|
||||
<image mode="aspectFit" src="/static/images/write_off/order.png"></image> |
|
||||
<view>商城订单核销记录</view> |
|
||||
</view> |
|
||||
</view> |
|
||||
</view> |
|
||||
<view class="wom-section"> |
|
||||
<view class="ws-tit">抖音团购核销</view> |
|
||||
<view class="ws-ls"> |
|
||||
<view class="wl-item" @click="toOperate('dypoi')"> |
|
||||
<image mode="aspectFit" src="/static/images/write_off/site.png"></image> |
|
||||
<view>抖音团购核销</view> |
|
||||
</view> |
|
||||
<view class="wl-item" @click="toDypoiOrderLs"> |
|
||||
<image mode="aspectFit" src="/static/images/write_off/order.png"></image> |
|
||||
<view>抖音团购核销记录</view> |
|
||||
</view> |
|
||||
</view> |
|
||||
</view> |
|
||||
<view class="wom-section"> |
|
||||
<view class="ws-tit">现场散客人数</view> |
|
||||
<view class="ws-ls"> |
|
||||
<view class="wl-item" @click="toPeopleNum"> |
|
||||
<image mode="aspectFit" src="/static/images/write_off/people.png"></image> |
|
||||
<view>现场散客人数查询</view> |
|
||||
</view> |
|
||||
</view> |
|
||||
</view> |
|
||||
|
|
||||
</view> |
|
||||
</template> |
|
||||
|
|
||||
<script> |
|
||||
import util from '../../../utils/util'; |
|
||||
import { WRITE_OFF_STORE_NAME } from '../../../js/once_name'; |
|
||||
export default { |
|
||||
data(){ |
|
||||
return { |
|
||||
brand_id: '' |
|
||||
} |
|
||||
}, |
|
||||
onLoad(options){ |
|
||||
this.brand_id = options?.brand_id || '' |
|
||||
}, |
|
||||
methods: { |
|
||||
toPeopleNum(){ |
|
||||
let _qryStr = `brand_id=${this.brand_id}` |
|
||||
util.routeTo(`/subpackage/verification/pages/site_people/index?${_qryStr}`, 'nT'); |
|
||||
}, |
|
||||
toOperate(type){ |
|
||||
util.$_emit(WRITE_OFF_STORE_NAME, null); |
|
||||
util.routeTo(`/pages/write_off/operate/operate?type=${type}`, 'nT'); |
|
||||
}, |
|
||||
toSiteList(){ |
|
||||
util.routeTo(`/pages/write_off/search_result/search_result`, 'nT'); |
|
||||
}, |
|
||||
toMallLs(){ |
|
||||
util.routeTo(`/pages/write_off/mall/list/list`, 'nT'); |
|
||||
}, |
|
||||
toDypoiOrderLs(){ |
|
||||
util.routeTo(`/pages/write_off/douyin/poi_list`, 'nT'); |
|
||||
} |
|
||||
} |
|
||||
} |
|
||||
</script> |
|
||||
|
|
||||
<style lang="scss"> |
|
||||
@import '~style/public.scss'; |
|
||||
.write-off-menu{ |
|
||||
padding: 60upx 68upx 0upx; |
|
||||
.wom-section{ |
|
||||
margin-bottom: 30upx; |
|
||||
.ws-tit{ |
|
||||
margin-bottom: 20upx; |
|
||||
font-size: 32upx; |
|
||||
font-weight: 500; |
|
||||
line-height: 44upx; |
|
||||
color: #1a1a1a; |
|
||||
} |
|
||||
.ws-ls{ |
|
||||
@include centerFlex(space-between); |
|
||||
flex-wrap: wrap; |
|
||||
.wl-item{ |
|
||||
padding-top: 58upx; |
|
||||
margin-bottom: 32upx; |
|
||||
width: 288upx; |
|
||||
height: 220upx; |
|
||||
border-radius: 10upx; |
|
||||
background-color: #fff; |
|
||||
>image{ |
|
||||
margin: 0 auto 22upx; |
|
||||
display: block; |
|
||||
width: 60upx; |
|
||||
height: 60upx; |
|
||||
} |
|
||||
>view{ |
|
||||
text-align: center; |
|
||||
line-height: 40upx; |
|
||||
font-size: 28upx; |
|
||||
color: #9c9c9f; |
|
||||
@include textHide(1); |
|
||||
} |
|
||||
|
|
||||
} |
|
||||
} |
|
||||
|
|
||||
} |
|
||||
} |
|
||||
</style> |
|
||||
@ -1,70 +0,0 @@ |
|||||
<template> |
|
||||
<view class="null-container"> |
|
||||
<image mode="aspectFit" :src="imgPath"></image> |
|
||||
<view class="c-tip" v-if="operateType == 'decrypt_text'">很抱歉！获取不到二维码订单信息</view> |
|
||||
<view class="c-tip" v-if="operateType == 'verify_code'">很抱歉！获取不到验证码订单信息</view> |
|
||||
<view class="c-btn" @click="toBlack">返回</view> |
|
||||
</view> |
|
||||
</template> |
|
||||
|
|
||||
<script> |
|
||||
import util from '../../../utils/util'; |
|
||||
export default { |
|
||||
computed: { |
|
||||
imgPath(){ |
|
||||
let { operateType } = this; |
|
||||
if(operateType == 'verify_code')return '/static/images/code_null.png'; |
|
||||
if(operateType == 'decrypt_text')return '/static/images/scan_null.png'; |
|
||||
} |
|
||||
}, |
|
||||
onLoad(options){ |
|
||||
let { type } = options; |
|
||||
this.operateType = options.type |
|
||||
}, |
|
||||
data(){ |
|
||||
return { |
|
||||
isScan: false, |
|
||||
operateType: '', // verify_code(输入)/decrypt_text(扫码) |
|
||||
} |
|
||||
}, |
|
||||
methods: { |
|
||||
toBlack(){ |
|
||||
util.routeTo(); |
|
||||
} |
|
||||
} |
|
||||
} |
|
||||
</script> |
|
||||
|
|
||||
<style lang="scss"> |
|
||||
@import "~style/public.scss"; |
|
||||
page{ |
|
||||
background-color: #fff; |
|
||||
} |
|
||||
.null-container{ |
|
||||
padding-top: 90upx; |
|
||||
>image{ |
|
||||
display: block; |
|
||||
margin: 0 auto 86upx; |
|
||||
width: 420upx; |
|
||||
height: 420upx; |
|
||||
} |
|
||||
.c-tip{ |
|
||||
margin-bottom: 260upx; |
|
||||
line-height: 40upx; |
|
||||
text-align: center; |
|
||||
font-size: 28upx; |
|
||||
color: #9c9c9f; |
|
||||
} |
|
||||
.c-btn{ |
|
||||
margin: 0 auto; |
|
||||
width: 280upx; |
|
||||
text-align: center; |
|
||||
height: 92upx; |
|
||||
line-height: 88upx; |
|
||||
font-size: 32upx; |
|
||||
border: 2upx solid $themeColor; |
|
||||
color: $themeColor; |
|
||||
border-radius: 46upx; |
|
||||
} |
|
||||
} |
|
||||
</style> |
|
||||
@ -1,496 +0,0 @@ |
|||||
<template> |
|
||||
<view class="number-of-people"> |
|
||||
<view class="nop-store-name"> |
|
||||
<picker :range="stadiumList" range-key="name" @change="stadiumChange"> |
|
||||
<view class="nsn-frame"> |
|
||||
<input placeholder="请选择店铺" :value="curStadium.name" disabled /> |
|
||||
<image mode="aspectFit" src="/static/images/icon/arrow_c33.png"></image> |
|
||||
</view> |
|
||||
</picker> |
|
||||
</view> |
|
||||
<view class="nop-main"> |
|
||||
<view class="nm-date">日期：{{ dateStr || '-' }}</view> |
|
||||
<view class="nm-tit">现场散客人数</view> |
|
||||
<view class="nm-num"> |
|
||||
<image mode="aspectFit" src="/static/images/countdown_bg.png"></image> |
|
||||
<view class="nn-txt-num">{{peopleInfo.present_person_number || 0}}</view> |
|
||||
</view> |
|
||||
<view class="nm-txt" @click="checkNotLeave">查看未离场订单</view> |
|
||||
<view class="nm-btn" @click="isChangeNum = true">修改人数</view> |
|
||||
<view class="nm-line"> |
|
||||
<view class="nl-txt">凌晨自动清零</view> |
|
||||
<view class="nl-switch" @click="switchChange"> |
|
||||
<switch color="#009777" disabled style="transform:scale(0.8)" :checked="peopleInfo. present_person_number_clear"></switch> |
|
||||
</view> |
|
||||
</view> |
|
||||
<view class="nm-tip"> |
|
||||
<text>* 不开启凌晨自动清零，则现场灯光按【现场散客人数】去判断是否开启或关闭；修改人数会直接影响现场灯光开关！\n\r* 开启凌晨自动清零，则现场灯光按【散客订单未离场数量】去判断是否开启或关闭；修改人数不会影响现场灯光开关！但如有散客订单一直未扫码离场，可能会无法关灯，需要将未离场的散客订单设置为已离场后才可关闭灯光！</text> |
|
||||
</view> |
|
||||
</view> |
|
||||
<view class="ox-dark-mask" v-if="isChangeNum"> |
|
||||
<view class="nop-modifies-modal"> |
|
||||
<image class="nmm-close" @click="isChangeNum = false" src="/static/images/icon/x_close.png"></image> |
|
||||
<view class="nmm-tit">修改现场散客人数</view> |
|
||||
<view class="nmm-info"> |
|
||||
<view class="ni-num">当前现场散客人数为：{{peopleInfo.present_person_number || 0}}</view> |
|
||||
<view class="ni-ipt"> |
|
||||
<input placeholder="请输入散客人数" v-model="changeNum" type="number" /> |
|
||||
</view> |
|
||||
<view class="ni-tip">修改现场人数可能会影响现场灯光开关，请谨慎操作！</view> |
|
||||
</view> |
|
||||
<view class="nmm-btns"> |
|
||||
<view @click="isChangeNum = false">取消</view> |
|
||||
<view @click="confirmChange">确认</view> |
|
||||
</view> |
|
||||
</view> |
|
||||
</view> |
|
||||
|
|
||||
<view class="ox-dark-mask" v-if="isNotLeave"> |
|
||||
<view class="nop-modifies-modal"> |
|
||||
<image class="nmm-close" @click="isNotLeave = false" src="/static/images/icon/x_close.png"></image> |
|
||||
<view class="nmm-tit nmm-btm">未离场订单</view> |
|
||||
<view class="nmm-line" v-if="orderNum.person_number>0"> |
|
||||
<view>次卡未离场：{{orderNum.person_number || 0}}</view> |
|
||||
<view @click="checkBtn(0)">查看</view> |
|
||||
</view> |
|
||||
<view class="nmm-line" v-if="orderNum.person_timing>0"> |
|
||||
<view>计时未离场：{{orderNum.person_timing || 0}}</view> |
|
||||
<view @click="checkBtn(1)">查看</view> |
|
||||
</view> |
|
||||
<view class="nmm-line"> |
|
||||
<view>年月卡未离场：{{orderNum.monthly_card||0}}</view> |
|
||||
<view @click="checkBtn(0)">查看</view> |
|
||||
</view> |
|
||||
</view> |
|
||||
</view> |
|
||||
</view> |
|
||||
</template> |
|
||||
|
|
||||
<script> |
|
||||
import { API } from '../../../js/api' |
|
||||
import { servers } from '../../../js/server' |
|
||||
import { mapState } from 'vuex'; |
|
||||
import util from '../../../utils/util'; |
|
||||
let timer = null; |
|
||||
export default { |
|
||||
computed: { |
|
||||
...mapState([ 'brandInfo' ]), |
|
||||
}, |
|
||||
data(){ |
|
||||
return { |
|
||||
isChangeNum: false, |
|
||||
stadiumList: [], |
|
||||
curStadium: { |
|
||||
name: '' |
|
||||
}, |
|
||||
peopleInfo: {}, |
|
||||
dateStr: '-', |
|
||||
changeNum: '', |
|
||||
|
|
||||
isNotLeave: false, |
|
||||
orderNum: {}, //未离场订单数量 |
|
||||
} |
|
||||
}, |
|
||||
onLoad(options){ |
|
||||
this.initStore(); |
|
||||
this.dateStr = util.formatDate({ partition: 'zh' }) || '-'; |
|
||||
}, |
|
||||
|
|
||||
onUnload(){ |
|
||||
this.clearTime(); |
|
||||
}, |
|
||||
methods: { |
|
||||
confirmChange: util.debounce(function(){ |
|
||||
let { changeNum } = this; |
|
||||
if(isNaN(changeNum))return util.showNone('请输入正确人数！'); |
|
||||
this.isChangeNum = false; |
|
||||
this.setStadiumPresentNumber(changeNum); |
|
||||
}, 200, true), |
|
||||
setStadiumPresentNumber(num){ |
|
||||
let { curStadium } = this; |
|
||||
util.showLoad(); |
|
||||
servers.get({ |
|
||||
url: API.writeOff.setStadiumPresentNumber, |
|
||||
data: { |
|
||||
brand_id: curStadium.brand_id, |
|
||||
stadium_id: curStadium.id, |
|
||||
number: +num, |
|
||||
}, |
|
||||
isDefaultGet: false, |
|
||||
}) |
|
||||
.then(res=>{ |
|
||||
util.hideLoad(); |
|
||||
if(res.data.code == 0){ |
|
||||
util.showNone(res.data.message || '操作成功！'); |
|
||||
setTimeout(_=>{ |
|
||||
this.getUserNum({ |
|
||||
stadium_id: curStadium.id, |
|
||||
brand_id: curStadium.brand_id |
|
||||
}) |
|
||||
this.initInertval(); |
|
||||
}, 1200) |
|
||||
}else{ |
|
||||
util.showNone(res.data.message || '操作失败！'); |
|
||||
} |
|
||||
}) |
|
||||
.catch(util.hideLoad) |
|
||||
}, |
|
||||
initInertval(){ |
|
||||
this.clearTime(); |
|
||||
let { curStadium } = this; |
|
||||
if(!curStadium.id || !curStadium.brand_id)return; |
|
||||
timer = setInterval(_=>{ |
|
||||
if(!curStadium.id || !curStadium.brand_id)return this.clearTime(); |
|
||||
this.getUserNum({ |
|
||||
stadium_id: curStadium.id, |
|
||||
brand_id: curStadium.brand_id |
|
||||
}) |
|
||||
}, 3000); |
|
||||
}, |
|
||||
clearTime(){ |
|
||||
clearInterval(timer); |
|
||||
timer = null; |
|
||||
}, |
|
||||
|
|
||||
stadiumChange(e){ |
|
||||
let { stadiumList } = this; |
|
||||
let _curStadium = stadiumList[e.detail.value] || {}; |
|
||||
if(!_curStadium.id || !_curStadium.brand_id)return; |
|
||||
this.curStadium = _curStadium; |
|
||||
this.getUserNum({ |
|
||||
stadium_id: _curStadium.id, |
|
||||
brand_id: _curStadium.brand_id |
|
||||
}) |
|
||||
this.initInertval(); |
|
||||
}, |
|
||||
async initStore(){ |
|
||||
let { brandInfo } = this; |
|
||||
try{ |
|
||||
util.showLoad(); |
|
||||
let _storeList = await this.getStoreList({ brand_id: brandInfo.brand.id || '' }); |
|
||||
if(!_storeList || !_storeList.length)return util.showNone('没有店铺信息'); |
|
||||
this.stadiumList = _storeList || []; |
|
||||
let _curStadium = _storeList[0] || {}; |
|
||||
this.curStadium = _curStadium; |
|
||||
this.initInertval(); |
|
||||
this.getUserNum({ |
|
||||
stadium_id: _curStadium.id, |
|
||||
brand_id: _curStadium.brand_id |
|
||||
}) |
|
||||
util.hideLoad(); |
|
||||
}catch(err){ |
|
||||
util.hideLoad(); |
|
||||
util.showNone('初始化店铺数据失败！'); |
|
||||
console.warn('加载数据失败！', err); |
|
||||
} |
|
||||
}, |
|
||||
// 获取店铺列表 |
|
||||
getStoreList({ |
|
||||
page=1, |
|
||||
page_size=9999, |
|
||||
brand_id='', |
|
||||
}){ |
|
||||
return servers.get({ |
|
||||
url: API.stadiumList, |
|
||||
data: { |
|
||||
page, |
|
||||
page_size, |
|
||||
brand_id, |
|
||||
}, |
|
||||
failMsg: '获取列表失败！' |
|
||||
}) |
|
||||
.then(res=>{ |
|
||||
let _list = res.list || []; |
|
||||
return _list |
|
||||
}) |
|
||||
}, |
|
||||
getUserNum({ |
|
||||
stadium_id, |
|
||||
brand_id, |
|
||||
}){ |
|
||||
servers.get({ |
|
||||
url: API.writeOff.timingNumber, |
|
||||
data: { stadium_id, brand_id }, |
|
||||
failMsg: '加载现场人数失败！' |
|
||||
}) |
|
||||
.then(res=>{ |
|
||||
this.peopleInfo = res |
|
||||
}) |
|
||||
}, |
|
||||
|
|
||||
// 凌晨自动清零 - 未离场订单数量 |
|
||||
checkNotLeave(){ |
|
||||
let { curStadium } = this; |
|
||||
util.showLoad(); |
|
||||
servers.get({ |
|
||||
url: API.writeOff.notLeavingNums, |
|
||||
data: { |
|
||||
brand_id: curStadium.brand_id, |
|
||||
stadium_id: curStadium.id, |
|
||||
}, |
|
||||
// isDefaultGet: false, |
|
||||
failMsg: '请求失败！' |
|
||||
}) |
|
||||
.then(res=>{ |
|
||||
util.hideLoad(); |
|
||||
this.orderNum = res |
|
||||
this.$nextTick(_=>{ |
|
||||
this.isNotLeave = true |
|
||||
}) |
|
||||
}) |
|
||||
}, |
|
||||
|
|
||||
checkBtn(type){ |
|
||||
if(type == 0)return util.routeTo(`/pages/write_off/search_result/search_result`, 'nT'); |
|
||||
if(type == 1)return util.routeTo(`/pages/order_list/order_list?order_type=1`, 'nT'); |
|
||||
}, |
|
||||
|
|
||||
switchChange(){ |
|
||||
let { peopleInfo, curStadium } = this |
|
||||
this.$nextTick(_=>{ |
|
||||
util.showModal({ |
|
||||
title: '提示', |
|
||||
content: peopleInfo.present_person_number_clear==false?'是否确认开启凌晨自动清零？':peopleInfo.present_person_number_clear==true?'是否确认关闭凌晨自动清零？':'', |
|
||||
showCancel: true, |
|
||||
success: modalRes=>{ |
|
||||
if(modalRes.confirm){ |
|
||||
util.showLoad(); |
|
||||
servers.get({ |
|
||||
url: API.writeOff.timingOpen, //凌晨自动清零【开/关】 |
|
||||
data: { |
|
||||
brand_id: curStadium.brand_id, |
|
||||
stadium_id: curStadium.id, |
|
||||
status: peopleInfo.present_person_number_clear==false?1:peopleInfo.present_person_number_clear==true?0:'', |
|
||||
}, |
|
||||
failMsg: '请求失败！' |
|
||||
}) |
|
||||
.then(res=>{ |
|
||||
util.hideLoad(); |
|
||||
util.showNone('操作成功！'); |
|
||||
}) |
|
||||
} |
|
||||
} |
|
||||
}) |
|
||||
}) |
|
||||
}, |
|
||||
|
|
||||
} |
|
||||
} |
|
||||
</script> |
|
||||
|
|
||||
<style lang="scss"> |
|
||||
@import '~style/public.scss'; |
|
||||
page{ |
|
||||
background-color: #fff; |
|
||||
} |
|
||||
.number-of-people{ |
|
||||
.nop-store-name{ |
|
||||
height: 144upx; |
|
||||
@include centerFlex(center); |
|
||||
.nsn-frame{ |
|
||||
padding: 0 20upx; |
|
||||
width: 702upx; |
|
||||
height: 92upx; |
|
||||
border-radius: 10upx; |
|
||||
background-color: #F2F2F7; |
|
||||
@include centerFlex(space-between); |
|
||||
>input{ |
|
||||
flex-grow: 1; |
|
||||
line-height: 40upx; |
|
||||
font-size: 28upx; |
|
||||
color: #1A1A1A; |
|
||||
} |
|
||||
>image{ |
|
||||
flex-shrink: 0; |
|
||||
margin-left: 20upx; |
|
||||
width: 28upx; |
|
||||
height: 28upx; |
|
||||
} |
|
||||
} |
|
||||
} |
|
||||
.nop-main{ |
|
||||
padding: 8upx 0upx 0; |
|
||||
.nm-date{ |
|
||||
margin: 0 24rpx 86rpx; |
|
||||
line-height: 44upx; |
|
||||
font-size: 32upx; |
|
||||
color: #1a1a1a; |
|
||||
} |
|
||||
.nm-tit{ |
|
||||
margin: 0 30rpx 16rpx; |
|
||||
text-align: center; |
|
||||
font-size: 32upx; |
|
||||
font-weight: 500; |
|
||||
} |
|
||||
.nm-num{ |
|
||||
position: relative; |
|
||||
margin: 0 auto; |
|
||||
display: block; |
|
||||
width: 400upx; |
|
||||
height: 400upx; |
|
||||
.nn-txt-num{ |
|
||||
line-height: 400upx; |
|
||||
text-align: center; |
|
||||
font-size: 96upx; |
|
||||
font-weight: 500; |
|
||||
color: $themeColor; |
|
||||
} |
|
||||
>image { |
|
||||
position: absolute; |
|
||||
left: 50%; |
|
||||
top: 50%; |
|
||||
z-index: -1; |
|
||||
margin-left: -250upx; |
|
||||
margin-top: -250upx; |
|
||||
display: block; |
|
||||
width: 500upx; |
|
||||
height: 500upx; |
|
||||
animation: Rotate 6s linear infinite |
|
||||
} |
|
||||
@keyframes Rotate{ |
|
||||
0% {transform: rotate(360deg);} |
|
||||
50% {transform: rotate(180deg);} |
|
||||
100% {transform: rotate(0deg);} |
|
||||
} |
|
||||
} |
|
||||
.nm-txt{ |
|
||||
margin: 10rpx auto 42rpx; |
|
||||
color: #9C9C9F; |
|
||||
font-size: 28rpx; |
|
||||
text-align: center; |
|
||||
line-height: 40rpx; |
|
||||
text-decoration: underline; |
|
||||
} |
|
||||
.nm-btn{ |
|
||||
margin: 0 auto; |
|
||||
width: 618upx; |
|
||||
line-height: 112upx; |
|
||||
height: 112upx; |
|
||||
text-align: center; |
|
||||
border-radius: 10upx; |
|
||||
font-size: 38upx; |
|
||||
color: #fff; |
|
||||
background-color: $themeColor; |
|
||||
} |
|
||||
.nm-line{ |
|
||||
margin: 46rpx 0 0; |
|
||||
padding: 34rpx 28rpx 20rpx 34rpx; |
|
||||
border-top: 2rpx solid #F2F2F7; |
|
||||
@include centerFlex(space-between); |
|
||||
.nl-txt{ |
|
||||
color: #1A1A1A; |
|
||||
font-size: 32rpx; |
|
||||
line-height: 44rpx; |
|
||||
} |
|
||||
|
|
||||
.nl-switch{ |
|
||||
flex-shrink: 0; |
|
||||
flex-grow: 0; |
|
||||
} |
|
||||
} |
|
||||
.nm-tip{ |
|
||||
margin: 0 32rpx 30rpx 34rpx; |
|
||||
font-size: 28upx; |
|
||||
line-height: 52upx; |
|
||||
color: #9C9C9F; |
|
||||
} |
|
||||
|
|
||||
} |
|
||||
.nop-modifies-modal{ |
|
||||
position: absolute; |
|
||||
left: 50%; |
|
||||
top: 50%; |
|
||||
transform: translate(-50%, -50%); |
|
||||
padding-top: 78upx; |
|
||||
width: 620upx; |
|
||||
height: 706upx; |
|
||||
background-color: #fff; |
|
||||
border-radius: 10upx; |
|
||||
.nmm-close{ |
|
||||
position: absolute; |
|
||||
right: 30upx; |
|
||||
top: 30upx; |
|
||||
width: 34upx; |
|
||||
height: 34upx; |
|
||||
} |
|
||||
.nmm-tit{ |
|
||||
line-height: 44upx; |
|
||||
text-align: center; |
|
||||
font-weight: 500; |
|
||||
font-size: 32upx; |
|
||||
color: #1A1A1A; |
|
||||
} |
|
||||
.nmm-info{ |
|
||||
padding: 54upx 80upx 80upx; |
|
||||
.ni-num{ |
|
||||
margin-bottom: 30upx; |
|
||||
font-size: 28upx; |
|
||||
line-height: 48upx; |
|
||||
color: #1A1A1A; |
|
||||
@include textHide(1); |
|
||||
} |
|
||||
.ni-ipt{ |
|
||||
margin-bottom: 26upx; |
|
||||
padding: 0 20upx; |
|
||||
height: 88upx; |
|
||||
border-radius: 10upx; |
|
||||
border: 2upx solid #D8D8D8; |
|
||||
>input{ |
|
||||
flex-grow: 1; |
|
||||
height: 100%; |
|
||||
font-size: 28upx; |
|
||||
color: #1A1A1A; |
|
||||
} |
|
||||
} |
|
||||
.ni-tip{ |
|
||||
font-size: 24upx; |
|
||||
line-height: 34upx; |
|
||||
color: #EA5061; |
|
||||
} |
|
||||
} |
|
||||
.nmm-btns{ |
|
||||
@include centerFlex(center); |
|
||||
>view{ |
|
||||
margin: 0 10upx; |
|
||||
width: 240upx; |
|
||||
height: 88upx; |
|
||||
line-height: 84upx; |
|
||||
text-align: center; |
|
||||
font-size: 32upx; |
|
||||
border-radius: 10upx; |
|
||||
border: 2upx solid $themeColor; |
|
||||
color: $themeColor; |
|
||||
&+view{ |
|
||||
color: #fff; |
|
||||
background-color: $themeColor; |
|
||||
} |
|
||||
} |
|
||||
} |
|
||||
.nmm-btm{ |
|
||||
margin-bottom: 8rpx; |
|
||||
} |
|
||||
.nmm-line{ |
|
||||
margin: 78rpx 70rpx 0 74rpx; |
|
||||
@include centerFlex(space-between); |
|
||||
>view{ |
|
||||
&:first-child{ |
|
||||
color: #1A1A1A; |
|
||||
font-size: 28rpx; |
|
||||
line-height: 48rpx; |
|
||||
} |
|
||||
&:nth-child(2){ |
|
||||
width: 156rpx; |
|
||||
height: 68rpx; |
|
||||
border: 2rpx solid #009874; |
|
||||
border-radius: 10rpx; |
|
||||
color: #009874; |
|
||||
font-size: 32rpx; |
|
||||
line-height: 64rpx; |
|
||||
text-align: center; |
|
||||
} |
|
||||
} |
|
||||
} |
|
||||
|
|
||||
} |
|
||||
} |
|
||||
</style> |
|
||||
@ -1,364 +0,0 @@ |
|||||
<template> |
|
||||
<view class="operate-container"> |
|
||||
<view class="store-bar"> |
|
||||
<text>当前门店</text> |
|
||||
<picker mode="selector" :range="stadiumList" range-key="name" @change="stadiumChange"> |
|
||||
<view> |
|
||||
<input disabled v-model="curStadium.name" /> |
|
||||
<image mode="aspectFit" src="/static/images/icon/arrow_c33.png"></image> |
|
||||
</view> |
|
||||
</picker> |
|
||||
</view> |
|
||||
<view class="c-scan-btn" @click="scanCodeBtn"> |
|
||||
<image mode="aspectFit" src="/static/images/icon/scan_code_btn.png"></image> |
|
||||
</view> |
|
||||
<view class="c-verification-code"> |
|
||||
<view><input placeholder="输入订单验证码" v-model="iptCode" /></view> |
|
||||
<view @click="confirmBtn">确认核销</view> |
|
||||
</view> |
|
||||
</view> |
|
||||
</template> |
|
||||
|
|
||||
<script> |
|
||||
import util from '../../../utils/util'; |
|
||||
import { API } from '../../../js/api'; |
|
||||
import { servers } from '../../../js/server'; |
|
||||
import { WRITE_OFF_STORE_NAME, WRITE_OFF_ORDER_INFO, WRITE_OFF_MALL_ORDER_INFO } from '../../../js/once_name'; |
|
||||
import { mapState } from 'vuex'; |
|
||||
export default { |
|
||||
data(){ |
|
||||
return { |
|
||||
iptCode: '', |
|
||||
stadiumList: [], |
|
||||
curStadium: {}, |
|
||||
|
|
||||
writeOffType: '', // 新增核销类型 site(场地订单)/ mall(商城订单)/ dypoi(抖音团购) |
|
||||
|
|
||||
} |
|
||||
}, |
|
||||
computed: { |
|
||||
...mapState([ 'brandInfo' ]), |
|
||||
}, |
|
||||
onLoad(options){ |
|
||||
this.writeOffType = options.type || ''; |
|
||||
util.$_once(WRITE_OFF_STORE_NAME, data => { // 定位门店 |
|
||||
if(!data)return this.initStore(); |
|
||||
this.curStadium = data.curStadium; |
|
||||
this.stadiumList = data.stadiumList; |
|
||||
}) |
|
||||
|
|
||||
}, |
|
||||
methods: { |
|
||||
async initStore(){ |
|
||||
let { brandInfo } = this; |
|
||||
try{ |
|
||||
util.showLoad(); |
|
||||
let _storeList = await this.getStoreList({ brand_id: brandInfo.brand.id || '' }); |
|
||||
if(!_storeList || !_storeList.length)return util.showNone('没有店铺信息'); |
|
||||
this.stadiumList = _storeList || []; |
|
||||
if(_storeList.length) this.curStadium = _storeList[0]; |
|
||||
util.hideLoad(); |
|
||||
}catch(err){ |
|
||||
util.hideLoad(); |
|
||||
util.showNone('初始化店铺数据失败！'); |
|
||||
} |
|
||||
}, |
|
||||
// 获取店铺列表 |
|
||||
getStoreList({ |
|
||||
page=1, |
|
||||
page_size=99999, |
|
||||
brand_id='', |
|
||||
}){ |
|
||||
return servers.get({ |
|
||||
url: API.stadiumList, |
|
||||
data: { |
|
||||
page, |
|
||||
page_size, |
|
||||
brand_id, |
|
||||
}, |
|
||||
failMsg: '获取列表失败！' |
|
||||
}) |
|
||||
.then(res=>{ |
|
||||
let _list = res.list || []; |
|
||||
return _list |
|
||||
}) |
|
||||
}, |
|
||||
|
|
||||
scanCodeBtn: util.debounce(function(){ |
|
||||
uni.scanCode({ |
|
||||
onlyFromCamera: true, |
|
||||
scanType: 'qrCode', |
|
||||
success: res=> { |
|
||||
if(util.changeLowerCase(res.scanType) !== 'qr_code')return util.showNone('不支持此类型！'); |
|
||||
|
|
||||
this.analysisOrder({ decrypt_text: res.result }); |
|
||||
}, |
|
||||
fail: function(err) { |
|
||||
util.showNone('扫码失败！'); |
|
||||
console.warn('扫码失败--->', err); |
|
||||
} |
|
||||
}) |
|
||||
}, 300, true), |
|
||||
stadiumChange(e){ |
|
||||
let { stadiumList } = this; |
|
||||
this.curStadium = stadiumList[e.detail.value]; |
|
||||
}, |
|
||||
confirmBtn: util.debounce(function(){ |
|
||||
let { iptCode } = this; |
|
||||
if(!iptCode)return util.showNone('请输入核销码！'); |
|
||||
this.analysisOrder({ verify_code: this.iptCode }); |
|
||||
}, 300, true), |
|
||||
|
|
||||
|
|
||||
// 核销请求 |
|
||||
analysisOrder({ verify_code = '', decrypt_text = '' }){ |
|
||||
let { curStadium, writeOffType } = this; |
|
||||
if(!verify_code&&!decrypt_text)return; |
|
||||
let _query = { |
|
||||
brand_id: curStadium.brand_id, |
|
||||
stadium_id: curStadium.id, |
|
||||
} |
|
||||
let _vType = ''; |
|
||||
if(!!verify_code){ |
|
||||
_vType = 'verify_code'; |
|
||||
writeOffType == 'site'&&(_query['verify_code'] = verify_code); |
|
||||
writeOffType == 'mall'&&(_query['vcode'] = verify_code); |
|
||||
} |
|
||||
if(!!decrypt_text){ |
|
||||
_vType = 'decrypt_text'; |
|
||||
writeOffType == 'site'&&(_query['decrypt_text'] = decrypt_text); |
|
||||
writeOffType == 'mall'&&(_query['vcode'] = decrypt_text); |
|
||||
} |
|
||||
if(writeOffType == 'site')return this.siteGet({ query: _query, vType: _vType, }); |
|
||||
if(writeOffType == 'mall')return this.mallGet({ query: _query, vType: _vType, }); |
|
||||
if(writeOffType == 'dypoi'){ |
|
||||
let _code = verify_code; |
|
||||
if(decrypt_text){ |
|
||||
try{ |
|
||||
_code = JSON.parse(decrypt_text)?.code; |
|
||||
}catch(err){console.warn(err)} |
|
||||
} |
|
||||
return this.dypoiGet({ |
|
||||
..._query, |
|
||||
code: _code, |
|
||||
}); |
|
||||
} |
|
||||
}, |
|
||||
// 抖音团购 |
|
||||
dypoiGet(query){ |
|
||||
util.showLoad(); |
|
||||
servers.get({ |
|
||||
url: API.writeOff.dyPoiEnterVerifyOrder, |
|
||||
data: query, |
|
||||
isDefaultGet: false |
|
||||
}) |
|
||||
.then(res=>{ |
|
||||
util.hideLoad(); |
|
||||
let { code, data, message } = res?.data || {}; |
|
||||
if(code!==0)return util.showModal({ |
|
||||
title: '提示', |
|
||||
content: message || '查询失败！', |
|
||||
confirmText: '好的' |
|
||||
}) |
|
||||
if(data?.order?.order_no)return util.showModal({ |
|
||||
title: data?.order?.product_cache?.name || '提示', |
|
||||
content: '核销数量：1', |
|
||||
showCancel: true, |
|
||||
confirmText: '确认核销', |
|
||||
cancelText: '取消', |
|
||||
success: res=>{ |
|
||||
if(res.confirm){ |
|
||||
this.dypoiConfirm({ ...query }); |
|
||||
} |
|
||||
} |
|
||||
}) |
|
||||
console.log('订单查询---->', res); |
|
||||
}) |
|
||||
.catch(util.hideLoad) |
|
||||
}, |
|
||||
dypoiConfirm({ |
|
||||
stadium_id = '', |
|
||||
brand_id = '', |
|
||||
code = '', |
|
||||
}){ |
|
||||
util.showLoad(); |
|
||||
servers.post({ |
|
||||
url: API.writeOff.dyPoiAssistantVerify, |
|
||||
data: { |
|
||||
stadium_id, |
|
||||
brand_id, |
|
||||
code, |
|
||||
}, |
|
||||
isDefaultGet: false |
|
||||
}) |
|
||||
.then(res=>{ |
|
||||
util.hideLoad(); |
|
||||
let { code, data, message } = res?.data || {}; |
|
||||
if(code!==0)return util.showModal({ |
|
||||
title: '提示', |
|
||||
content: message || '核销失败！', |
|
||||
confirmText: '好的' |
|
||||
}) |
|
||||
|
|
||||
util.showModal({ |
|
||||
title: '提示', |
|
||||
content: message || '核销成功！', |
|
||||
confirmText: '关闭' |
|
||||
}) |
|
||||
}) |
|
||||
.catch(util.hideLoad) |
|
||||
}, |
|
||||
// 商城订单 |
|
||||
mallGet({ query = {}, vType = '', }){ |
|
||||
util.showLoad(); |
|
||||
servers.get({ |
|
||||
url: API.writeOff.shop2WriteoffGet, |
|
||||
data: query, |
|
||||
isDefaultGet: false |
|
||||
}) |
|
||||
.then(res=>{ |
|
||||
util.hideLoad(); |
|
||||
if(res.data.code == 0){ |
|
||||
let _data = res.data.data || {}; |
|
||||
if(_data.has_order){ |
|
||||
util.$_emit(WRITE_OFF_MALL_ORDER_INFO, {..._data.order || {}}); |
|
||||
util.routeTo(`/pages/write_off/mall/confirm/confirm?type=${vType}`, 'nT'); |
|
||||
}else{ |
|
||||
util.routeTo(`/pages/write_off/null/null?type=${vType}`, 'nT'); |
|
||||
} |
|
||||
}else{ |
|
||||
util.showNone(res.data.message || '操作失败！') |
|
||||
// util.routeTo(`/pages/write_off/null/null?type=${vType}`, 'nT'); |
|
||||
} |
|
||||
|
|
||||
}) |
|
||||
.catch(util.hideLoad) |
|
||||
}, |
|
||||
|
|
||||
// 场地/ 年月卡 / 赛事 |
|
||||
// @vType verify_code(扫码)/ decrypt_text(输入) |
|
||||
|
|
||||
siteGet({ query = {}, vType = '', }){ |
|
||||
util.showLoad(); |
|
||||
servers.get({ |
|
||||
url: API.writeOff.enterVerifyOrder, |
|
||||
data: query, |
|
||||
isDefaultGet: false |
|
||||
}) |
|
||||
.then(res=>{ |
|
||||
util.hideLoad(); |
|
||||
if(res.data.code == 0){ |
|
||||
let _data = res.data.data || {} |
|
||||
|
|
||||
// 年月卡 |
|
||||
if(_data.extension&&_data.extension.verify_order_type === 'monthly_card'){ |
|
||||
util.$_emit(WRITE_OFF_ORDER_INFO, { data: _data, query }); |
|
||||
util.routeTo(`/pages/write_off/ym_confirm/ym_confirm?type=${vType}`, 'nT'); |
|
||||
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.routeTo(`/pages/write_off/confirm_order/confirm_order?type=${vType}`, 'nT'); |
|
||||
}else{ |
|
||||
util.routeTo(`/pages/write_off/null/null?type=${vType}`, 'nT'); |
|
||||
} |
|
||||
console.log('订单查询---->', res); |
|
||||
}) |
|
||||
.catch(util.hideLoad) |
|
||||
} |
|
||||
|
|
||||
} |
|
||||
} |
|
||||
</script> |
|
||||
|
|
||||
<style lang="scss"> |
|
||||
@import '~style/public.scss'; |
|
||||
page{ |
|
||||
background-color: #f2f2f7; |
|
||||
} |
|
||||
.operate-container{ |
|
||||
.store-bar{ |
|
||||
margin-bottom: 24upx; |
|
||||
padding: 0 24upx; |
|
||||
height: 144upx; |
|
||||
background-color: #fff; |
|
||||
@include centerFlex(space-between); |
|
||||
>text{ |
|
||||
margin-right: 20upx; |
|
||||
flex-shrink: 0; |
|
||||
font-size: 28upx; |
|
||||
color: #9C9C9F; |
|
||||
} |
|
||||
>picker{ |
|
||||
flex-grow: 1; |
|
||||
} |
|
||||
view{ |
|
||||
padding: 0 20upx; |
|
||||
height: 92upx; |
|
||||
border-radius: 10upx; |
|
||||
background: #f2f2f2; |
|
||||
@include centerFlex(space-between); |
|
||||
>input{ |
|
||||
flex-grow: 1; |
|
||||
height: 100%; |
|
||||
font-size: 28upx; |
|
||||
color: #1A1A1A; |
|
||||
} |
|
||||
>image{ |
|
||||
flex-shrink: 0; |
|
||||
flex-grow: 0; |
|
||||
width: 28upx; |
|
||||
height: 28upx; |
|
||||
} |
|
||||
} |
|
||||
} |
|
||||
.c-scan-btn{ |
|
||||
margin: 0 auto 24upx; |
|
||||
width: 702upx; |
|
||||
height: 360upx; |
|
||||
border-radius: 10upx; |
|
||||
background-color: #fff; |
|
||||
@include centerFlex(center); |
|
||||
>image{ |
|
||||
width: 172upx; |
|
||||
height: 172upx; |
|
||||
} |
|
||||
} |
|
||||
.c-verification-code{ |
|
||||
padding: 40upx; |
|
||||
border-radius: 10upx; |
|
||||
background-color: #fff; |
|
||||
>view{ |
|
||||
&:first-child{ |
|
||||
margin-bottom: 30upx; |
|
||||
padding: 0 20upx; |
|
||||
height: 112upx; |
|
||||
border-radius: 10upx; |
|
||||
background-color: #f2f2f7; |
|
||||
>input{ |
|
||||
height: 100%; |
|
||||
width: 100%; |
|
||||
font-size: 32upx; |
|
||||
color: #1a1a1a; |
|
||||
} |
|
||||
} |
|
||||
&+view{ |
|
||||
height: 112upx; |
|
||||
text-align: center; |
|
||||
line-height: 112upx; |
|
||||
border-radius: 10upx; |
|
||||
font-size: 32upx; |
|
||||
color: #fff; |
|
||||
background-color: $themeColor; |
|
||||
} |
|
||||
} |
|
||||
} |
|
||||
} |
|
||||
</style> |
|
||||
@ -1,339 +0,0 @@ |
|||||
<template> |
|
||||
<view class="search-result"> |
|
||||
<view class="store-bar"> |
|
||||
<text>当前门店</text> |
|
||||
<picker mode="selector" :range="stadiumList" range-key="name" @change="stadiumChange"> |
|
||||
<view> |
|
||||
<input disabled v-model="curStadium.name" /> |
|
||||
<image mode="aspectFit" src="/static/images/icon/arrow_c33.png"></image> |
|
||||
</view> |
|
||||
</picker> |
|
||||
</view> |
|
||||
<view class="r-timer-select"> |
|
||||
<picker mode="date" @change="dateChange"> |
|
||||
<view> |
|
||||
<text>核销日期：{{curDate || '-'}}</text> |
|
||||
<image mode="aspectFit" src="/static/images/icon/arrow_c33.png"></image> |
|
||||
</view> |
|
||||
</picker> |
|
||||
<view>核销数量：{{writeOffList.length || 0}}</view> |
|
||||
</view> |
|
||||
<view class="r-order-list"> |
|
||||
<view class="l-item" v-for="(e, i) in writeOffList" :key="i"> |
|
||||
<view class="i-name">{{ e.extension.stadium_name || '-' }}</view> |
|
||||
<view class="i-lines"> |
|
||||
<view> |
|
||||
<view>订单编号：{{ e.order_no || '-' }}</view> |
|
||||
<view>（{{ e.type || '-' }}）</view> |
|
||||
</view> |
|
||||
<view> |
|
||||
<view>用户信息：{{ e.extension.user_phone || '-' }}（{{ e.extension.nickname || '-' }}）</view> |
|
||||
</view> |
|
||||
<view> |
|
||||
<view>核销码：　{{e.verify_code || '-' }}</view> |
|
||||
</view> |
|
||||
<view> |
|
||||
<view>验证方式：{{ e.desc || '-' }}</view> |
|
||||
</view> |
|
||||
<view> |
|
||||
<view>核销时间：{{ e.verify_time || '-'}}</view> |
|
||||
</view> |
|
||||
<view> |
|
||||
<view>离场时间：{{ e.verify_leave_time || ''}}</view> |
|
||||
</view> |
|
||||
</view> |
|
||||
<view class="i-btn" v-if="e.verify_leave_time==''" @click="leaveBtn(e)">手动离场</view> |
|
||||
</view> |
|
||||
</view> |
|
||||
<view class="r-bottom-btn"><view @click="toOperate">核销订单</view></view> |
|
||||
</view> |
|
||||
</template> |
|
||||
|
|
||||
<script> |
|
||||
import util from '../../../utils/util'; |
|
||||
import { API } from '../../../js/api'; |
|
||||
import { servers } from '../../../js/server'; |
|
||||
import { mapState } from 'vuex'; |
|
||||
import { WRITE_OFF_STORE_NAME } from '../../../js/once_name'; |
|
||||
export default { |
|
||||
computed: { |
|
||||
...mapState([ 'brandInfo' ]), |
|
||||
}, |
|
||||
data(){ |
|
||||
return { |
|
||||
stadiumList: [], // 店铺列表 |
|
||||
curStadium: {}, // 当前店铺 |
|
||||
writeOffList: [], // 核销列表, |
|
||||
curDate: util.formatDate({}), |
|
||||
page: 1, |
|
||||
totalNum: 0, |
|
||||
} |
|
||||
}, |
|
||||
// 20210716测试：取消分页，返回当天 |
|
||||
// onReachBottom(){ |
|
||||
// let { page, curDate, curStadium } = this; |
|
||||
// this.getList({ |
|
||||
// brand_id: curStadium.brand_id || '', |
|
||||
// stadium_id: curStadium.id || '', |
|
||||
// date: curDate || '', |
|
||||
// page: ++page, |
|
||||
// }); |
|
||||
// }, |
|
||||
onLoad(){ |
|
||||
this.initPage(); |
|
||||
}, |
|
||||
onShow(){ |
|
||||
let { curStadium } = this; |
|
||||
if(curStadium&&curStadium.id)this.refreshList(); |
|
||||
}, |
|
||||
methods: { |
|
||||
refreshList(){ |
|
||||
let { curDate, curStadium } = this; |
|
||||
this.page = 1; |
|
||||
this.writeOffList = []; |
|
||||
this.getList({ |
|
||||
brand_id: curStadium.brand_id || '', |
|
||||
stadium_id: curStadium.id || '', |
|
||||
date: curDate || '', |
|
||||
}); |
|
||||
}, |
|
||||
|
|
||||
dateChange(e){ |
|
||||
this.curDate = e.detail.value; |
|
||||
this.$nextTick(this.refreshList); |
|
||||
}, |
|
||||
stadiumChange(e){ |
|
||||
let { stadiumList } = this; |
|
||||
this.curStadium = stadiumList[e.detail.value]; |
|
||||
this.$nextTick(this.refreshList); |
|
||||
}, |
|
||||
|
|
||||
async initPage(){ |
|
||||
let { brandInfo } = this; |
|
||||
try{ |
|
||||
let _storeList = await this.getStoreList({ brand_id: brandInfo.brand.id || '' }); |
|
||||
this.stadiumList = _storeList || []; |
|
||||
if(_storeList.length) this.curStadium = _storeList[0]; |
|
||||
this.$nextTick(this.refreshList); |
|
||||
}catch(err){ |
|
||||
console.warn('加载数据失败！', err); |
|
||||
} |
|
||||
}, |
|
||||
toOperate(){ |
|
||||
let { stadiumList, curStadium } = this; |
|
||||
util.$_emit(WRITE_OFF_STORE_NAME, { |
|
||||
stadiumList, |
|
||||
curStadium, |
|
||||
}) |
|
||||
util.routeTo(`/pages/write_off/operate/operate?type=site`, 'nT'); |
|
||||
}, |
|
||||
getList({ brand_id, stadium_id = '', date = '', page = 1, page_size = '' }){ |
|
||||
util.showLoad(); |
|
||||
servers.get({ |
|
||||
url: API.writeOff.listVerifyRecord, |
|
||||
data: { brand_id, stadium_id, date, page, page_size }, |
|
||||
failMsg: '加载失败！', |
|
||||
}) |
|
||||
.then(res=>{ |
|
||||
util.hideLoad(); |
|
||||
this.totalNum = res.total || 0; |
|
||||
let _list = res.list || []; |
|
||||
if(page == 1)return this.writeOffList = _list; |
|
||||
if(!_list.length)return util.showNone('没有更多！'); |
|
||||
this.page = page; |
|
||||
this.writeOffList = [...this.writeOffList, ..._list]; |
|
||||
|
|
||||
}) |
|
||||
}, |
|
||||
getStoreList({ |
|
||||
page=1, |
|
||||
page_size=9999, |
|
||||
brand_id='', |
|
||||
}){ |
|
||||
return servers.get({ |
|
||||
url: API.stadiumList, |
|
||||
data: { |
|
||||
page, |
|
||||
page_size, |
|
||||
brand_id, |
|
||||
}, |
|
||||
failMsg: '获取列表失败！' |
|
||||
}) |
|
||||
.then(res=>{ |
|
||||
let _list = res.list || []; |
|
||||
return _list |
|
||||
}) |
|
||||
}, |
|
||||
|
|
||||
leaveBtn(item){ |
|
||||
let { curStadium } = this; |
|
||||
util.showModal({ |
|
||||
title: '提示', |
|
||||
content: '是否确认手动离场？', |
|
||||
showCancel: true, |
|
||||
success: modalRes=>{ |
|
||||
if(modalRes.confirm){ |
|
||||
util.showLoad(); |
|
||||
servers.get({ |
|
||||
url: API.writeOff.leaveVerifyOrder, |
|
||||
data: { |
|
||||
brand_id: curStadium.brand_id, |
|
||||
id: item.id, |
|
||||
}, |
|
||||
failMsg: '请求失败！' |
|
||||
}) |
|
||||
.then(res=>{ |
|
||||
util.hideLoad(); |
|
||||
util.showNone('操作成功！'); |
|
||||
this.refreshList() |
|
||||
}) |
|
||||
} |
|
||||
} |
|
||||
}) |
|
||||
}, |
|
||||
} |
|
||||
} |
|
||||
</script> |
|
||||
|
|
||||
<style lang="scss"> |
|
||||
@import "~style/public.scss"; |
|
||||
page{ |
|
||||
background-color: #f2f2f7; |
|
||||
} |
|
||||
.search-result{ |
|
||||
padding-bottom: 132upx; |
|
||||
padding-bottom: calc( 132upx + constant(safe-area-inset-bottom)); /* 兼容 iOS < 11.2 */ |
|
||||
padding-bottom: calc( 132upx + env(safe-area-inset-bottom)); /* 兼容 iOS >= 11.2 */ |
|
||||
.store-bar{ |
|
||||
padding: 0 24upx; |
|
||||
height: 144upx; |
|
||||
background-color: #fff; |
|
||||
@include centerFlex(space-between); |
|
||||
>text{ |
|
||||
margin-right: 20upx; |
|
||||
flex-shrink: 0; |
|
||||
font-size: 28upx; |
|
||||
color: #9C9C9F; |
|
||||
} |
|
||||
>picker{ |
|
||||
flex-grow: 1; |
|
||||
} |
|
||||
view{ |
|
||||
padding: 0 20upx; |
|
||||
height: 92upx; |
|
||||
border-radius: 10upx; |
|
||||
background: #f2f2f2; |
|
||||
@include centerFlex(space-between); |
|
||||
>input{ |
|
||||
flex-grow: 1; |
|
||||
height: 100%; |
|
||||
font-size: 28upx; |
|
||||
color: #1A1A1A; |
|
||||
} |
|
||||
>image{ |
|
||||
flex-shrink: 0; |
|
||||
flex-grow: 0; |
|
||||
width: 28upx; |
|
||||
height: 28upx; |
|
||||
} |
|
||||
} |
|
||||
} |
|
||||
.r-timer-select{ |
|
||||
padding: 0 24upx; |
|
||||
margin-bottom: 10upx; |
|
||||
@include centerFlex(space-between); |
|
||||
picker{ |
|
||||
flex-shrink: 0; |
|
||||
view{ |
|
||||
padding: 24upx 0; |
|
||||
>text{ |
|
||||
font-weight: 500; |
|
||||
font-size: 32upx; |
|
||||
} |
|
||||
>image{ |
|
||||
margin-left: 16upx; |
|
||||
vertical-align: middle; |
|
||||
width: 22upx; |
|
||||
height: 22upx; |
|
||||
} |
|
||||
} |
|
||||
} |
|
||||
>view{ |
|
||||
max-width: 40%; |
|
||||
text-align: right; |
|
||||
font-weight: 500; |
|
||||
font-size: 32upx; |
|
||||
@include textHide(1); |
|
||||
} |
|
||||
} |
|
||||
.r-order-list{ |
|
||||
padding: 0 24upx; |
|
||||
.l-item{ |
|
||||
position: relative; |
|
||||
margin-bottom: 24upx; |
|
||||
padding: 0 20upx; |
|
||||
border-radius: 10upx; |
|
||||
background-color: #fff; |
|
||||
.i-name{ |
|
||||
height: 100upx; |
|
||||
line-height: 98upx; |
|
||||
border-bottom: 2upx solid #D8D8D8; |
|
||||
font-weight: 500; |
|
||||
font-size: 28upx; |
|
||||
color: #1a1a1a; |
|
||||
} |
|
||||
.i-lines{ |
|
||||
padding-top: 8upx; |
|
||||
padding-bottom: 32upx; |
|
||||
>view{ |
|
||||
display: flex; |
|
||||
>view{ |
|
||||
min-width: 0; |
|
||||
line-height: 52upx; |
|
||||
font-size: 28upx; |
|
||||
color: #9c9c9f; |
|
||||
@include textHide(1); |
|
||||
&+view{ |
|
||||
flex-shrink: 0; |
|
||||
color: $themeColor; |
|
||||
} |
|
||||
} |
|
||||
|
|
||||
} |
|
||||
} |
|
||||
.i-btn{ |
|
||||
position: absolute; |
|
||||
right: 20rpx; |
|
||||
bottom: 32rpx; |
|
||||
background-color: #009874; |
|
||||
border-radius: 10rpx; |
|
||||
width: 156rpx; |
|
||||
height: 68rpx; |
|
||||
color: #FFFFFF; |
|
||||
font-size: 28rpx; |
|
||||
text-align: center; |
|
||||
line-height: 68rpx; |
|
||||
} |
|
||||
} |
|
||||
} |
|
||||
.r-bottom-btn{ |
|
||||
position: fixed; |
|
||||
left: 0; |
|
||||
bottom: 0; |
|
||||
width: 100%; |
|
||||
padding: 10upx 24upx; |
|
||||
padding-bottom: calc( 10upx + constant(safe-area-inset-bottom)); /* 兼容 iOS < 11.2 */ |
|
||||
padding-bottom: calc( 10upx + env(safe-area-inset-bottom)); /* 兼容 iOS >= 11.2 */ |
|
||||
background-color: #f2f2f7; |
|
||||
>view{ |
|
||||
height: 112upx; |
|
||||
line-height: 112upx; |
|
||||
text-align: center; |
|
||||
font-size: 32upx; |
|
||||
border-radius: 10upx; |
|
||||
color: #fff; |
|
||||
background-color: $themeColor; |
|
||||
} |
|
||||
} |
|
||||
} |
|
||||
</style> |
|
||||
|
Before Width: 380 | Height: 380 | Size: 7.4 KiB |
|
Before Width: 700 | Height: 700 | Size: 33 KiB |
|
Before Width: 380 | Height: 380 | Size: 8.5 KiB |
|
Before Width: 420 | Height: 420 | Size: 11 KiB |
|
Before Width: 128 | Height: 128 | Size: 1.4 KiB |
|
Before Width: 128 | Height: 128 | Size: 1.0 KiB |
|
Before Width: 128 | Height: 128 | Size: 1.8 KiB |
|
Before Width: 120 | Height: 120 | Size: 1.4 KiB |
@ -0,0 +1,59 @@ |
|||||
|
<template> |
||||
|
<view class="head-bar"> |
||||
|
<picker class="hb-picker" :range="range" :range-key="rangeKey" @change="$emit('change', $event)"> |
||||
|
<view class="hp-frame"> |
||||
|
<input class="hf-ipt" type="text" disabled :value="value" :placeholder="placeholder"> |
||||
|
<image class="hf-icon" mode="aspectFit" src="/subpackage/verification/static/images/arrow_c9f.png"></image> |
||||
|
</view> |
||||
|
</picker> |
||||
|
<image v-if="search" class="hb-icon" mode="aspectFit" src="/subpackage/verification/static/images/search.png" @click="$emit('click:search')"></image> |
||||
|
</view> |
||||
|
</template> |
||||
|
|
||||
|
<script> |
||||
|
export default { |
||||
|
props: { |
||||
|
value: { type: String, default: '' }, |
||||
|
placeholder: { type: String, default: '' }, |
||||
|
range: { type: Array, default: [] }, |
||||
|
rangeKey: { type: String, default: '' }, |
||||
|
search: { type: Boolean, default: false } |
||||
|
} |
||||
|
} |
||||
|
</script> |
||||
|
|
||||
|
<style lang="scss"> |
||||
|
.head-bar{ |
||||
|
padding-left: 24upx; |
||||
|
padding-right: 24upx; |
||||
|
height: 144upx; |
||||
|
background: #fff; |
||||
|
@include ctf(space-between); |
||||
|
.hb-picker{ |
||||
|
flex-grow: 1; |
||||
|
.hp-frame{ |
||||
|
padding: 0 24upx; |
||||
|
height: 92upx; |
||||
|
background: #f2f2f7; |
||||
|
@include ctf(space-between); |
||||
|
.hf-ipt{ |
||||
|
flex-grow: 1; |
||||
|
height: 100%; |
||||
|
@include flcw(28upx, 40upx, #333); |
||||
|
} |
||||
|
.hf-icon{ |
||||
|
flex-shrink: 0; |
||||
|
width: 28upx; |
||||
|
height: 28upx; |
||||
|
} |
||||
|
} |
||||
|
} |
||||
|
.hb-icon{ |
||||
|
flex-shrink: 0; |
||||
|
margin-right: 16upx; |
||||
|
margin-left: 26upx; |
||||
|
width: 40upx; |
||||
|
height: 40upx; |
||||
|
} |
||||
|
} |
||||
|
</style> |
||||
@ -0,0 +1,78 @@ |
|||||
|
<template> |
||||
|
<view class="site-item"> |
||||
|
<!-- <view class="si-stadium">{{ stadiumName || '-' }}</view> --> |
||||
|
<view class="si-lines"> |
||||
|
<view class="sl-item"> |
||||
|
<view class="sl-left">订单编号：{{ orderNum || '-' }}</view> |
||||
|
</view> |
||||
|
<view class="sl-item"> |
||||
|
<view class="sl-left">用户信息：{{ userPhone || '-' }}</view> |
||||
|
</view> |
||||
|
<view class="sl-item"> |
||||
|
<view class="sl-left">券码： {{ verifyCode || '-' }}</view> |
||||
|
</view> |
||||
|
<view class="sl-item"> |
||||
|
<view class="sl-left">验证方式：{{ verifyMethod || '-' }}</view> |
||||
|
</view> |
||||
|
<view class="sl-item"> |
||||
|
<view class="sl-left">核销时间：{{ verifyTime || '-' }}</view> |
||||
|
</view> |
||||
|
</view> |
||||
|
</view> |
||||
|
</template> |
||||
|
|
||||
|
<script> |
||||
|
export default { |
||||
|
props: [ |
||||
|
// 'stadiumName', |
||||
|
'orderNum', |
||||
|
'userPhone', |
||||
|
'verifyCode', |
||||
|
'verifyMethod', |
||||
|
'verifyTime', |
||||
|
] |
||||
|
} |
||||
|
</script> |
||||
|
|
||||
|
<style lang="scss"> |
||||
|
.site-item{ |
||||
|
position: relative; |
||||
|
padding: 0 20upx; |
||||
|
border-radius: 10upx; |
||||
|
background: #fff; |
||||
|
.si-stadium{ |
||||
|
min-height: 100upx; |
||||
|
border-bottom: 2upx solid #D8D8D8; |
||||
|
@include flcw(28upx, 98upx, #1A1A1A, 500); |
||||
|
@include tHide; |
||||
|
} |
||||
|
.si-lines{ |
||||
|
padding-top: 8upx; |
||||
|
padding-bottom: 32upx; |
||||
|
.sl-item{ |
||||
|
display: flex; |
||||
|
.sl-left{ |
||||
|
@include flcw(28upx, 52upx, #9c9c9f); |
||||
|
@include tHide; |
||||
|
} |
||||
|
.sl-right{ |
||||
|
max-width: 200upx; |
||||
|
flex-shrink: 0; |
||||
|
margin-left: 10upx; |
||||
|
@include flcw(28upx, 52upx, $mColor); |
||||
|
@include tHide; |
||||
|
} |
||||
|
} |
||||
|
} |
||||
|
.si-btn{ |
||||
|
position: absolute; |
||||
|
right: 20upx; |
||||
|
bottom: 32upx; |
||||
|
width: 192upx; |
||||
|
text-align: center; |
||||
|
background-color: $mColor; |
||||
|
border-radius: 10upx; |
||||
|
@include flcw(32upx, 80upx, #fff, 500); |
||||
|
} |
||||
|
} |
||||
|
</style> |
||||
@ -0,0 +1,95 @@ |
|||||
|
<template> |
||||
|
<view class="site-item"> |
||||
|
<view class="si-order-num"> |
||||
|
<view class="son-txt">订单编号：{{ orderNum || '-' }}</view> |
||||
|
<view class="son-copy" @click="copyBtn">复制</view> |
||||
|
</view> |
||||
|
<view class="si-lines"> |
||||
|
<view class="sl-item"> |
||||
|
<view class="sl-left">取货码：{{ orderCode || '-' }}</view> |
||||
|
</view> |
||||
|
<view class="sl-item"> |
||||
|
<view class="sl-left">取货人：{{ userName || '-' }} {{ userPhone || '-' }}</view> |
||||
|
</view> |
||||
|
<view class="sl-item"> |
||||
|
<view class="sl-left">商品：{{ goodsStr || '-' }}</view> |
||||
|
</view> |
||||
|
<view class="sl-item"> |
||||
|
<view class="sl-left">核验人：{{ optUser || '-' }}</view> |
||||
|
</view> |
||||
|
<view class="sl-item"> |
||||
|
<view class="sl-left">取货时间：{{ createdAt || '-' }}</view> |
||||
|
</view> |
||||
|
</view> |
||||
|
</view> |
||||
|
</template> |
||||
|
<script> |
||||
|
export default { |
||||
|
props: [ |
||||
|
'orderNum', |
||||
|
'orderCode', |
||||
|
'userPhone', |
||||
|
'userName', |
||||
|
'goodsStr', |
||||
|
'optUser', |
||||
|
'createdAt', |
||||
|
], |
||||
|
methods: { |
||||
|
copyBtn(){ |
||||
|
uni.setClipboardData({ data: this.orderNum }); |
||||
|
} |
||||
|
} |
||||
|
} |
||||
|
</script> |
||||
|
<style lang="scss"> |
||||
|
.site-item{ |
||||
|
position: relative; |
||||
|
padding: 0 20upx; |
||||
|
border-radius: 10upx; |
||||
|
background: #fff; |
||||
|
.si-order-num{ |
||||
|
min-height: 100upx; |
||||
|
border-bottom: 2upx solid #D8D8D8; |
||||
|
@include ctf; |
||||
|
.son-txt{ |
||||
|
flex-grow: 1; |
||||
|
@include flcw(28upx, 98upx, #1A1A1A, 500); |
||||
|
@include tHide; |
||||
|
} |
||||
|
.son-copy{ |
||||
|
padding-right: 20upx; |
||||
|
margin-left: 20upx; |
||||
|
flex-shrink: 0; |
||||
|
@include flcw(28upx, 98upx, $mColor, 500); |
||||
|
} |
||||
|
} |
||||
|
.si-lines{ |
||||
|
padding-top: 8upx; |
||||
|
padding-bottom: 32upx; |
||||
|
.sl-item{ |
||||
|
display: flex; |
||||
|
.sl-left{ |
||||
|
@include flcw(28upx, 52upx, #9c9c9f); |
||||
|
@include tHide; |
||||
|
} |
||||
|
.sl-right{ |
||||
|
max-width: 200upx; |
||||
|
flex-shrink: 0; |
||||
|
margin-left: 10upx; |
||||
|
@include flcw(28upx, 52upx, $mColor); |
||||
|
@include tHide; |
||||
|
} |
||||
|
} |
||||
|
} |
||||
|
.si-btn{ |
||||
|
position: absolute; |
||||
|
right: 20upx; |
||||
|
bottom: 32upx; |
||||
|
width: 192upx; |
||||
|
text-align: center; |
||||
|
background-color: $mColor; |
||||
|
border-radius: 10upx; |
||||
|
@include flcw(32upx, 80upx, #fff, 500); |
||||
|
} |
||||
|
} |
||||
|
</style> |
||||
@ -0,0 +1,87 @@ |
|||||
|
<template> |
||||
|
<view class="site-item"> |
||||
|
<view class="si-stadium">{{ stadiumName || '-' }}</view> |
||||
|
<view class="si-lines"> |
||||
|
<view class="sl-item"> |
||||
|
<view class="sl-left">订单编号：{{ orderNum || '-' }}</view> |
||||
|
<view class="sl-right">（{{ orderType || '-' }}）</view> |
||||
|
</view> |
||||
|
<view class="sl-item"> |
||||
|
<view class="sl-left">用户信息：{{ userPhone || '-' }}({{ userNickname || '-' }})</view> |
||||
|
</view> |
||||
|
<view class="sl-item"> |
||||
|
<view class="sl-left">核销码： {{ verifyCode || '-' }}</view> |
||||
|
</view> |
||||
|
<view class="sl-item"> |
||||
|
<view class="sl-left">验证方式：{{ verifyMethod || '-' }}</view> |
||||
|
</view> |
||||
|
<view class="sl-item"> |
||||
|
<view class="sl-left">核销时间：{{ verifyTime || '-' }}</view> |
||||
|
</view> |
||||
|
<view class="sl-item"> |
||||
|
<view class="sl-left">离场时间：{{ verifyLeaveTime || '-' }}</view> |
||||
|
</view> |
||||
|
</view> |
||||
|
<view class="si-btn" v-if="verifyLeaveTime === ''" @click="$emit('click:leave')">手动离场</view> |
||||
|
</view> |
||||
|
|
||||
|
</template> |
||||
|
|
||||
|
<script> |
||||
|
export default { |
||||
|
props: [ |
||||
|
'stadiumName', |
||||
|
'orderNum', |
||||
|
'orderType', |
||||
|
'userPhone', |
||||
|
'userNickname', |
||||
|
'verifyCode', |
||||
|
'verifyMethod', |
||||
|
'verifyTime', |
||||
|
'verifyLeaveTime', |
||||
|
] |
||||
|
} |
||||
|
</script> |
||||
|
|
||||
|
<style lang="scss"> |
||||
|
.site-item{ |
||||
|
position: relative; |
||||
|
padding: 0 20upx; |
||||
|
border-radius: 10upx; |
||||
|
background: #fff; |
||||
|
.si-stadium{ |
||||
|
min-height: 100upx; |
||||
|
border-bottom: 2upx solid #D8D8D8; |
||||
|
@include flcw(28upx, 98upx, #1A1A1A, 500); |
||||
|
@include tHide; |
||||
|
} |
||||
|
.si-lines{ |
||||
|
padding-top: 8upx; |
||||
|
padding-bottom: 32upx; |
||||
|
.sl-item{ |
||||
|
display: flex; |
||||
|
.sl-left{ |
||||
|
@include flcw(28upx, 52upx, #9c9c9f); |
||||
|
@include tHide; |
||||
|
} |
||||
|
.sl-right{ |
||||
|
max-width: 200upx; |
||||
|
flex-shrink: 0; |
||||
|
margin-left: 10upx; |
||||
|
@include flcw(28upx, 52upx, $mColor); |
||||
|
@include tHide; |
||||
|
} |
||||
|
} |
||||
|
} |
||||
|
.si-btn{ |
||||
|
position: absolute; |
||||
|
right: 20upx; |
||||
|
bottom: 32upx; |
||||
|
width: 192upx; |
||||
|
text-align: center; |
||||
|
background-color: $mColor; |
||||
|
border-radius: 10upx; |
||||
|
@include flcw(32upx, 80upx, #fff, 500); |
||||
|
} |
||||
|
} |
||||
|
</style> |
||||
@ -0,0 +1,15 @@ |
|||||
|
<template> |
||||
|
<view class="stadium-picker"> |
||||
|
|
||||
|
</view> |
||||
|
</template> |
||||
|
|
||||
|
<script> |
||||
|
export default { |
||||
|
|
||||
|
} |
||||
|
</script> |
||||
|
|
||||
|
<style lang="scss"> |
||||
|
|
||||
|
</style> |
||||
@ -0,0 +1,282 @@ |
|||||
|
<template> |
||||
|
<view class="write-off-index"> |
||||
|
<head-bar |
||||
|
:range="stadiumList" range-key="name" @change="stadiumChange" |
||||
|
placeholder="请选择场馆" :value="curStadium.name" |
||||
|
></head-bar> |
||||
|
<view class="woi-section"> |
||||
|
<view class="ws-ipt-box"> |
||||
|
<input class="wib-ipt" type="text" placeholder="请输入券码" v-model="iptCode" /> |
||||
|
<image @click="scanCode" class="wib-img" mode="aspectFit" src="/subpackage/verification/static/images/scan.png"></image> |
||||
|
</view> |
||||
|
<view class="ws-txt">可输入订场、次卡、年月卡、赛事、商城到店领取商品的验证码/券码进行核销，或点扫码图标进入扫描界面扫码核销。</view> |
||||
|
<view class="ws-btn" @click="confirmBtn">确认</view> |
||||
|
</view> |
||||
|
|
||||
|
<view class="woi-btns"> |
||||
|
<view class="wb-items" @click="toAbnormal"> |
||||
|
<image class="wi-icon" mode="aspectFit" src="/subpackage/verification/static/images/tab0.png"></image> |
||||
|
<view class="wi-txt">进场人数异常</view> |
||||
|
</view> |
||||
|
<view class="wb-items" @click="toSitePeople"> |
||||
|
<image class="wi-icon" mode="aspectFit" src="/subpackage/verification/static/images/tab1.png"></image> |
||||
|
<view class="wi-txt">现场人数</view> |
||||
|
</view> |
||||
|
<view class="wb-items" @click="toRecord"> |
||||
|
<image class="wi-icon" mode="aspectFit" src="/subpackage/verification/static/images/tab2.png"></image> |
||||
|
<view class="wi-txt">核销记录</view> |
||||
|
</view> |
||||
|
</view> |
||||
|
</view> |
||||
|
</template> |
||||
|
|
||||
|
<script> |
||||
|
|
||||
|
import API from "../js/api.js"; |
||||
|
import server from "../js/server.js"; |
||||
|
import { showLoad, hideLoad, showModal, showNone, debounce, changeLowerCase, $_emit, routeTo, jsonStr } from "@/utils/util.js"; |
||||
|
import { WRITE_OFF_ORDER_INFO } from '@/js/once_name'; |
||||
|
import headBar from "../components/head_bar.vue"; |
||||
|
export default { |
||||
|
components: { headBar }, |
||||
|
data(){ |
||||
|
return{ |
||||
|
brand_id: '', |
||||
|
stadiumList: [], |
||||
|
curStadium: {}, |
||||
|
iptCode: '', |
||||
|
|
||||
|
} |
||||
|
}, |
||||
|
/** |
||||
|
* @param {String} options.brand_id 品牌id |
||||
|
* @param {String} options.stadium_id 场馆id |
||||
|
*/ |
||||
|
async onLoad(options){ |
||||
|
let _brand_id = options?.brand_id || ''; |
||||
|
this.brand_id = _brand_id; |
||||
|
let _stadiumLs = await this.getStadiumLs({ brand_id: _brand_id }); |
||||
|
if(options?.stadium_id&&_stadiumLs?.length){ |
||||
|
// 设置选中场馆 |
||||
|
let _selected = _stadiumLs.find(ele => +ele.id === +(options?.stadium_id ?? '')); |
||||
|
if(_selected?.id)this.curStadium = _selected; |
||||
|
} |
||||
|
}, |
||||
|
methods: { |
||||
|
// 现场人数 |
||||
|
toSitePeople(){ |
||||
|
let { brand_id, curStadium } = this; |
||||
|
let _qryStr = `brand_id=${brand_id}` |
||||
|
if(curStadium?.id) _qryStr += `&stadium_id=${curStadium.id}`; |
||||
|
routeTo(`/subpackage/verification/pages/site_people/index?${_qryStr}`, 'nT'); |
||||
|
}, |
||||
|
// 人数异常 |
||||
|
toAbnormal(){ |
||||
|
let { brand_id, curStadium } = this; |
||||
|
let _qryStr = `brand_id=${brand_id}` |
||||
|
if(curStadium?.id) _qryStr += `&stadium_id=${curStadium.id}`; |
||||
|
routeTo(`/subpackage/blacklist/pages/abnormal_list/abnormal_list?${_qryStr}`, 'nT'); |
||||
|
}, |
||||
|
toRecord(){ |
||||
|
let { brand_id, curStadium } = this; |
||||
|
let _qryStr = `brand_id=${brand_id}` |
||||
|
if(curStadium?.id) _qryStr += `&stadium_id=${curStadium.id}`; |
||||
|
routeTo(`/subpackage/verification/pages/record?${_qryStr}`, 'nT'); |
||||
|
}, |
||||
|
confirmBtn: debounce(function(){ |
||||
|
let { iptCode } = this; |
||||
|
let { curStadium } = this; |
||||
|
if(!curStadium?.id)return showModal({ content: '请选择场馆！' }); |
||||
|
this.verifyOrder({ |
||||
|
brand_id: curStadium?.brand_id ?? '', |
||||
|
stadium_id: curStadium?.id ?? '', |
||||
|
verify_code: iptCode ?? '', |
||||
|
}) |
||||
|
}, 300, true), |
||||
|
scanCode: debounce(function(){ |
||||
|
let { curStadium } = this; |
||||
|
if(!curStadium?.id)return showModal({ content: '请选择场馆！' }); |
||||
|
uni.scanCode({ |
||||
|
onlyFromCamera: true, |
||||
|
scanType: 'qrCode', |
||||
|
success: res=> { |
||||
|
if(changeLowerCase(res.scanType) !== 'qr_code')return showNone('不支持此类型！'); |
||||
|
let { curStadium } = this; |
||||
|
this.verifyOrder({ |
||||
|
brand_id: curStadium?.brand_id ?? '', |
||||
|
stadium_id: curStadium?.id ?? '', |
||||
|
decrypt_text: res?.result ?? '', |
||||
|
}) |
||||
|
}, |
||||
|
fail: function(err) { |
||||
|
showNone('扫码失败！'); |
||||
|
console.warn('扫码失败--->', err); |
||||
|
} |
||||
|
}) |
||||
|
}, 300, true), |
||||
|
stadiumChange(e){ |
||||
|
let { stadiumList } = this; |
||||
|
this.curStadium = stadiumList[e.detail.value]; |
||||
|
}, |
||||
|
// 获取门店列表 |
||||
|
getStadiumLs({ brand_id }){ |
||||
|
showLoad(); |
||||
|
return server.post({ |
||||
|
url: API.stadiumList, |
||||
|
data: { page_size: 9999, page: 1, brand_id }, |
||||
|
isDefaultGet: false, |
||||
|
}) |
||||
|
.then(res => { |
||||
|
hideLoad(); |
||||
|
let _data = res?.data || {}; |
||||
|
if(_data.code === 0){ |
||||
|
let _ls = _data?.data?.list || []; |
||||
|
return this.stadiumList = _ls; |
||||
|
}else{ |
||||
|
return Promise.reject(_data); |
||||
|
} |
||||
|
}) |
||||
|
.catch(err => { |
||||
|
hideLoad(); |
||||
|
showModal({ |
||||
|
title: '提示', |
||||
|
content: err.message || '加载店铺失败！' |
||||
|
}) |
||||
|
console.warn('verification index getStadiumLs err --->', err); |
||||
|
// return Promise.reject(err); |
||||
|
}) |
||||
|
}, |
||||
|
/** |
||||
|
* 订单预检验 |
||||
|
* @param {String} brand_id |
||||
|
* @param {String} stadium_id |
||||
|
* @param {String} verify_code 订单验证码 |
||||
|
* @param {String} decrypt_text 二维码数据 |
||||
|
* */ |
||||
|
verifyOrder({ brand_id, stadium_id, verify_code = '', decrypt_text = '' }){ |
||||
|
let _vType = verify_code ? 'verify_code' : decrypt_text ? 'decrypt_text' : ''; |
||||
|
showLoad(); |
||||
|
return server.post({ |
||||
|
url: API.enterVerifyOrder, |
||||
|
data: { brand_id, stadium_id, verify_code, decrypt_text }, |
||||
|
isDefaultGet: false, |
||||
|
}) |
||||
|
.then(res => { |
||||
|
hideLoad(); |
||||
|
let _data = res?.data || {}; |
||||
|
if(_data.code === 0){ |
||||
|
let _orderData = _data?.data || {}; |
||||
|
// 商城订单 |
||||
|
if(_orderData?.extension?.verify_order_type === 'product_order'){ |
||||
|
$_emit(WRITE_OFF_MALL_ORDER_INFO, { data: _orderData }); |
||||
|
routeTo(`/pages/write_off/mall/confirm/confirm?type=${_vType}`, 'nT'); |
||||
|
return |
||||
|
} |
||||
|
// 年月卡 |
||||
|
if(_orderData?.extension?.verify_order_type === 'monthly_card'){ |
||||
|
$_emit(WRITE_OFF_ORDER_INFO, { data: _orderData, query: { brand_id, stadium_id, verify_code, decrypt_text } }); |
||||
|
routeTo(`/pages/write_off/ym_confirm/ym_confirm?type=${_vType}`, 'nT'); |
||||
|
return |
||||
|
} |
||||
|
|
||||
|
// 赛事 |
||||
|
if(_orderData?.extension?.verify_order_type === 'match_order'){ |
||||
|
$_emit(WRITE_OFF_ORDER_INFO, {..._orderData}); |
||||
|
routeTo(`/pages/write_off/events_order/events_order?type=${_vType}`, 'nT'); |
||||
|
return |
||||
|
} |
||||
|
// 场次、次卡 |
||||
|
if(['person_number', 'venue_number'].includes(_orderData?.extension?.verify_order_type)){ |
||||
|
$_emit(WRITE_OFF_ORDER_INFO, { ..._orderData }); |
||||
|
routeTo(`/pages/write_off/confirm_order/confirm_order?type=${_vType}`, 'nT'); |
||||
|
return |
||||
|
} |
||||
|
showModal({ content: '暂不支持该类型核销！' }) |
||||
|
}else if(_data.code === 805){ |
||||
|
routeTo(`/subpackage/verification/pages/null?tip=${jsonStr(_data?.message ?? '')}`, 'nT'); |
||||
|
}else{ |
||||
|
return Promise.reject(_data); |
||||
|
} |
||||
|
}) |
||||
|
.catch(err => { |
||||
|
hideLoad(); |
||||
|
showModal({ |
||||
|
title: '提示', |
||||
|
content: err.message || '核销查询失败！' |
||||
|
}) |
||||
|
console.warn('verification index verifyOrder err --->', err); |
||||
|
// return Promise.reject(err); |
||||
|
}) |
||||
|
}, |
||||
|
} |
||||
|
} |
||||
|
</script> |
||||
|
|
||||
|
<style lang="scss"> |
||||
|
.write-off-index{ |
||||
|
|
||||
|
.woi-section{ |
||||
|
margin-top: 24upx; |
||||
|
padding-top: 26upx; |
||||
|
padding-bottom: 80upx; |
||||
|
background: #fff; |
||||
|
.ws-ipt-box{ |
||||
|
margin: 0 auto; |
||||
|
padding: 0 20upx; |
||||
|
width: 702upx; |
||||
|
height: 92upx; |
||||
|
background: #F2F2F7; |
||||
|
border-radius: 10upx; |
||||
|
@include ctf; |
||||
|
.wib-ipt{ |
||||
|
flex-grow: 1; |
||||
|
height: 100%; |
||||
|
@include flcw(28upx, 40upx, #333); |
||||
|
} |
||||
|
.wib-img{ |
||||
|
flex-shrink: 0; |
||||
|
margin-left: 20upx; |
||||
|
width: 60upx; |
||||
|
height: 60upx; |
||||
|
} |
||||
|
} |
||||
|
.ws-txt{ |
||||
|
margin-top: 24upx; |
||||
|
padding: 0 32upx; |
||||
|
@include flcw(28upx, 52upx, #333); |
||||
|
} |
||||
|
.ws-btn{ |
||||
|
margin: 22upx auto 0; |
||||
|
text-align: center; |
||||
|
width: 240upx; |
||||
|
border-radius: 10upx; |
||||
|
background: $mColor; |
||||
|
@include flcw(32upx, 88upx, #fff); |
||||
|
} |
||||
|
} |
||||
|
.woi-btns{ |
||||
|
margin-top: 24upx; |
||||
|
padding: 38upx 24upx; |
||||
|
background: #fff; |
||||
|
@include ctf(space-between); |
||||
|
.wb-items{ |
||||
|
padding: 18upx 0; |
||||
|
flex-grow: 0; |
||||
|
flex-shrink: 0; |
||||
|
width: 226upx; |
||||
|
.wi-icon{ |
||||
|
display: block; |
||||
|
margin: 0 auto; |
||||
|
width: 64upx; |
||||
|
height: 64upx; |
||||
|
} |
||||
|
.wi-txt{ |
||||
|
margin-top: 24upx; |
||||
|
text-align: center; |
||||
|
@include flcw(28upx, 40upx, #333); |
||||
|
@include tHide; |
||||
|
} |
||||
|
} |
||||
|
} |
||||
|
} |
||||
|
</style> |
||||
@ -0,0 +1,62 @@ |
|||||
|
<template> |
||||
|
<view class="null-container"> |
||||
|
<image v-if="tipHas('二维码')" class="nc-pic" mode="aspectFit" src="/subpackage/verification/static/images/order/null_code.png"></image> |
||||
|
<image v-else-if="tipHas('范围')" class="nc-pic" mode="aspectFit" src="/subpackage/verification/static/images/order/null_range.png"></image> |
||||
|
<image v-else class="nc-pic" mode="aspectFit" src="/subpackage/verification/static/images/order/null_search.png"></image> |
||||
|
<view class="nc-txt">{{ tip || '很抱歉！获取找不到订单信息' }}</view> |
||||
|
<view class="nc-btn" @click="routeTo">返回</view> |
||||
|
</view> |
||||
|
</template> |
||||
|
|
||||
|
<script> |
||||
|
import { jsonPar, routeTo } from '@/utils/util'; |
||||
|
export default { |
||||
|
data(){ |
||||
|
return { |
||||
|
tip: '', |
||||
|
} |
||||
|
}, |
||||
|
onLoad(options){ |
||||
|
let _tip = options?.tip ?? ''; |
||||
|
this.tip = jsonPar(_tip); |
||||
|
}, |
||||
|
methods: { |
||||
|
tipHas(txt){ |
||||
|
let { tip } = this; |
||||
|
return tip.indexOf(txt) > -1; |
||||
|
}, |
||||
|
routeTo, |
||||
|
|
||||
|
} |
||||
|
} |
||||
|
</script> |
||||
|
|
||||
|
<style lang="scss"> |
||||
|
page{ |
||||
|
background: #fff; |
||||
|
} |
||||
|
.null-container{ |
||||
|
padding-top: 220upx; |
||||
|
.nc-pic{ |
||||
|
display: block; |
||||
|
width: 400upx; |
||||
|
height: 400upx; |
||||
|
margin: 0 auto; |
||||
|
} |
||||
|
.nc-txt{ |
||||
|
padding: 0 30upx; |
||||
|
margin-top: 80upx; |
||||
|
text-align: center; |
||||
|
@include flcw(28upx, 40upx, #9C9C9F); |
||||
|
} |
||||
|
.nc-btn{ |
||||
|
margin: 260upx auto 0; |
||||
|
width: 280upx; |
||||
|
text-align: center; |
||||
|
height: 92upx; |
||||
|
border-radius: 10upx; |
||||
|
border: 2upx solid $mColor; |
||||
|
@include flcw(32upx, 88upx, $mColor); |
||||
|
} |
||||
|
} |
||||
|
</style> |
||||
@ -0,0 +1,394 @@ |
|||||
|
<template> |
||||
|
<view class="verification-record"> |
||||
|
<view class="vr-header"> |
||||
|
<head-bar |
||||
|
:range="stadiumList" range-key="name" @change="stadiumChange" |
||||
|
placeholder="请选择场馆" :value="curStadium.name" |
||||
|
search |
||||
|
@click:search="toSearch" |
||||
|
></head-bar> |
||||
|
<view class="vh-tabs"> |
||||
|
<view v-for="(e,i) in tabs" :key="i" :class="{ 'vt-item': true, active: curTab === i }" @click="curTab = i">{{ e }}</view> |
||||
|
</view> |
||||
|
</view> |
||||
|
<view class="vr-time-board"> |
||||
|
<view class="vtb-time" @click="showPeriodModal"> |
||||
|
<view class="vt-txt">{{ showPeriodStr }}</view> |
||||
|
<image class="vt-icon" mode="aspectFit" src="/subpackage/verification/static/images/calendar.png"></image> |
||||
|
</view> |
||||
|
<view class="vtb-num">核销数量：{{ recordLs.length || 0 }}</view> |
||||
|
</view> |
||||
|
|
||||
|
<view class="vr-list"> |
||||
|
<block v-for="(e, i) in recordLs" :key="i"> |
||||
|
<site-item |
||||
|
v-if="curTab === 0" |
||||
|
:stadium-name="e.extension&&e.extension.stadium_name" |
||||
|
:order-num="e.order_no" |
||||
|
:order-type="e.type" |
||||
|
:user-phone="e.extension&&e.extension.user_phone" |
||||
|
:user-nickname="e.extension&&e.extension.nickname" |
||||
|
:verify-code="e.verify_code" |
||||
|
:verify-method="e.desc" |
||||
|
:verify-time="e.verify_time" |
||||
|
:verify-leave-time="e.verify_leave_time" |
||||
|
@click:leave="siteLeaveBtn(e, i)" |
||||
|
></site-item> |
||||
|
<dy-item |
||||
|
v-if="curTab === 1" |
||||
|
:order-num="e.order_no" |
||||
|
:user-phone="e.user_phone" |
||||
|
:verify-code="e.verify_code" |
||||
|
:verify-method="e.verify_method" |
||||
|
:verify-time="e.verify_time" |
||||
|
></dy-item> |
||||
|
<mall-item |
||||
|
v-if="curTab === 2" |
||||
|
:order-num="e.product_order_no" |
||||
|
:order-code="e.product_order_self_pickup_info.gcode" |
||||
|
:user-phone="e.product_order_self_pickup_info.phone" |
||||
|
:user-name="e.product_order_self_pickup_info.name" |
||||
|
:goods-str="e.product_order_goods.join('；')" |
||||
|
:opt-user="e.optuname" |
||||
|
:created-at="e.created_at" |
||||
|
></mall-item> |
||||
|
<view class="vl-space" style="height: 24rpx;"></view> |
||||
|
</block> |
||||
|
|
||||
|
</view> |
||||
|
|
||||
|
<period-select ref="periodSelect" v-model="periodStr" ></period-select> |
||||
|
</view> |
||||
|
</template> |
||||
|
|
||||
|
<script> |
||||
|
import headBar from "../components/head_bar.vue"; |
||||
|
import siteItem from "../components/record/site_item.vue"; |
||||
|
import dyItem from "../components/record/dy_item.vue"; |
||||
|
import mallItem from "../components/record/mall_item.vue"; |
||||
|
import periodSelect from "@/components/period_select.vue"; |
||||
|
import { formatDate, showLoad, hideLoad, showModal, showNone, debounce, formatTime, routeTo } from "@/utils/util"; |
||||
|
import API from "../js/api.js"; |
||||
|
import server from "../js/server.js"; |
||||
|
export default { |
||||
|
components: { headBar, siteItem, dyItem, mallItem, periodSelect }, |
||||
|
computed: { |
||||
|
// 展示时间段字符串 |
||||
|
showPeriodStr(){ |
||||
|
let { periodStr } = this; |
||||
|
return periodStr ? periodStr.replace(/\_/, ' 至 ').replace(/\-/g, '.') : '' |
||||
|
}, |
||||
|
// 时间段对象 用于请求 |
||||
|
periodObj(){ |
||||
|
let { periodStr } = this; |
||||
|
if(!periodStr)return {}; |
||||
|
let [start, end] = periodStr.split('_'); |
||||
|
if(start)start += ' 00:00:00'; |
||||
|
if(end)end += ' 23:59:59'; |
||||
|
return { |
||||
|
start: start ?? '', |
||||
|
end: end ?? '', |
||||
|
} |
||||
|
}, |
||||
|
}, |
||||
|
watch: { |
||||
|
periodStr(nVal, oVal){ |
||||
|
if(oVal&&nVal&&nVal !== oVal)this.refreshRecordLs(); |
||||
|
}, |
||||
|
curTab(nVal, oVal){ |
||||
|
if(nVal !== oVal)this.reloadRecordLs(); |
||||
|
} |
||||
|
}, |
||||
|
data(){ |
||||
|
return { |
||||
|
brand_id: '', |
||||
|
tabs: [ '场地核销记录', '抖音核销记录', '商城核销记录' ], |
||||
|
curTab: 0, |
||||
|
periodStr: '',/** ex: 2025-01-01_2025-01-02 */ |
||||
|
stadiumList: [], |
||||
|
curStadium: {}, |
||||
|
recordLs: [], |
||||
|
page: 1, |
||||
|
} |
||||
|
}, |
||||
|
/** |
||||
|
* @param {Object} options |
||||
|
* @param {String} options.brand_id // 品牌id |
||||
|
* @param {String} options.stadium_id // 场馆id |
||||
|
*/ |
||||
|
async onLoad(options){ |
||||
|
this.brand_id = options?.brand_id ?? ''; |
||||
|
let _stadiumLs = await this.getStadiumLs({ brand_id: options?.brand_id ?? '' }); |
||||
|
if(options?.stadium_id&&_stadiumLs?.length){ |
||||
|
// 设置选中场馆 |
||||
|
let _selected = _stadiumLs.find(ele => +ele.id === +(options?.stadium_id ?? '')); |
||||
|
if(_selected?.id)this.curStadium = _selected; |
||||
|
} |
||||
|
this.reloadRecordLs(); |
||||
|
}, |
||||
|
onReachBottom(){ |
||||
|
let { curStadium, periodObj, page, brand_id } = this; |
||||
|
this.getRecordLs({ |
||||
|
brand_id: brand_id ?? '', |
||||
|
stadium_id: curStadium?.id ?? '', |
||||
|
start_time: periodObj?.start ?? '', |
||||
|
end_time: periodObj?.end ?? '', |
||||
|
page: page + 1, |
||||
|
}); |
||||
|
}, |
||||
|
methods: { |
||||
|
// 搜索 |
||||
|
toSearch(){ |
||||
|
let { brand_id, curTab } = this; |
||||
|
routeTo(`/subpackage/verification/pages/record_search?brand_id=${brand_id}&type=${curTab}`, 'nT'); |
||||
|
}, |
||||
|
// 手动离场 |
||||
|
siteLeaveBtn: debounce(function(e, idx){ |
||||
|
console.log(e, idx); |
||||
|
showModal({ |
||||
|
content: '是否确认手动离场？', |
||||
|
showCancel: true, |
||||
|
success: async mRes=>{ |
||||
|
if(mRes.confirm){ |
||||
|
let _status = await this.leaveVerifyOrder({ brand_id: e?.brand_id ?? '', id: e?.id ?? '' }); |
||||
|
if(_status)this.recordLs[idx].verify_leave_time = formatTime(new Date()); |
||||
|
this.$forceUpdate(); |
||||
|
} |
||||
|
} |
||||
|
}) |
||||
|
}, 300, true), |
||||
|
// 初始化时间段 |
||||
|
initPeriodStr(){ |
||||
|
let _today = new Date(); |
||||
|
let _todayTimestamp = _today.getTime(); |
||||
|
let _eStr = formatDate({ date: _today }); |
||||
|
let _first30DaysTimestamp = _todayTimestamp - 30 * 24 * 60 * 60 * 1000; |
||||
|
let _sStr = formatDate({ date: new Date(_first30DaysTimestamp) }); |
||||
|
return this.periodStr = `${_sStr}_${_eStr}`; |
||||
|
}, |
||||
|
showPeriodModal(){ |
||||
|
this.$refs?.periodSelect?.show?.(); |
||||
|
}, |
||||
|
// 门店切换 |
||||
|
stadiumChange(e){ |
||||
|
let { stadiumList } = this; |
||||
|
let _curStadium = stadiumList?.[e?.detail?.value ?? 0] ?? {}; |
||||
|
this.curStadium = _curStadium; |
||||
|
this.refreshRecordLs(); |
||||
|
}, |
||||
|
// 加载/ 切换订单类型 |
||||
|
reloadRecordLs(){ |
||||
|
let { brand_id } = this; |
||||
|
this.page = 1; |
||||
|
this.recordLs = []; |
||||
|
this.initPeriodStr(); |
||||
|
let { periodObj, curStadium } = this; |
||||
|
this.getRecordLs({ |
||||
|
brand_id: brand_id ?? '' , |
||||
|
stadium_id: curStadium.id ?? '', |
||||
|
start_time: periodObj.start, |
||||
|
end_time: periodObj.end, |
||||
|
}); |
||||
|
}, |
||||
|
// 切换门店/时间 |
||||
|
refreshRecordLs(){ |
||||
|
let { curStadium, periodObj, brand_id } = this; |
||||
|
this.page = 1; |
||||
|
this.recordLs = []; |
||||
|
this.getRecordLs({ |
||||
|
brand_id: brand_id ?? '', |
||||
|
stadium_id: curStadium?.id ?? '', |
||||
|
start_time: periodObj?.start ?? '', |
||||
|
end_time: periodObj?.end ?? '', |
||||
|
}); |
||||
|
}, |
||||
|
// 获取门店列表 |
||||
|
getStadiumLs({ brand_id }){ |
||||
|
showLoad(); |
||||
|
return server.post({ |
||||
|
url: API.stadiumList, |
||||
|
data: { page_size: 9999, page: 1, brand_id }, |
||||
|
isDefaultGet: false, |
||||
|
}) |
||||
|
.then(res => { |
||||
|
hideLoad(); |
||||
|
let _data = res?.data || {}; |
||||
|
if(_data.code === 0){ |
||||
|
let _ls = _data?.data?.list || []; |
||||
|
return this.stadiumList = _ls; |
||||
|
}else{ |
||||
|
return Promise.reject(_data); |
||||
|
} |
||||
|
}) |
||||
|
.catch(err => { |
||||
|
hideLoad(); |
||||
|
showModal({ |
||||
|
title: '提示', |
||||
|
content: err.message || '加载门店失败！' |
||||
|
}) |
||||
|
console.warn('verification record getStadiumLs err --->', err); |
||||
|
// return Promise.reject(err); |
||||
|
}) |
||||
|
}, |
||||
|
// 商家助手-核销查询列表 |
||||
|
getRecordLs({ brand_id, stadium_id = '', start_time = '', end_time = '', page = 1, page_size = 20 }){ |
||||
|
showLoad(); |
||||
|
return server.post({ |
||||
|
url: this.getRecordLsAPI(), |
||||
|
data: this.formatQuery({ brand_id, stadium_id, start_time, end_time, page, page_size }), |
||||
|
isDefaultGet: false, |
||||
|
}) |
||||
|
.then(res => { |
||||
|
hideLoad(); |
||||
|
let _data = res?.data || {}; |
||||
|
if(_data.code === 0){ |
||||
|
let _ls = this.formatRecordLs(_data?.data?.list || []); |
||||
|
if(page === 1)return this.recordLs = _ls; |
||||
|
if(!_ls.length)return showNone('没有更多！'); |
||||
|
this.page = page; |
||||
|
this.recordLs = [ ...this.recordLs, ..._ls ]; |
||||
|
return _ls; |
||||
|
}else{ |
||||
|
return Promise.reject(_data); |
||||
|
} |
||||
|
}) |
||||
|
.catch(err => { |
||||
|
hideLoad(); |
||||
|
showModal({ |
||||
|
title: '提示', |
||||
|
content: err.message || '加载数据失败！' |
||||
|
}) |
||||
|
console.warn('verification record getRecordLs err --->', err); |
||||
|
// return Promise.reject(err); |
||||
|
}) |
||||
|
}, |
||||
|
// 获取记录列表API |
||||
|
getRecordLsAPI(){ |
||||
|
let { curTab } = this; |
||||
|
if(curTab === 0)return API.listVerifyRecord |
||||
|
if(curTab === 1)return API.dyPoiOrderList |
||||
|
if(curTab === 2)return API.shop2WriteoffList |
||||
|
}, |
||||
|
// 格式化查询参数 |
||||
|
formatQuery(query){ |
||||
|
let { curTab } = this; |
||||
|
if(curTab === 1)query['order_status'] = 'used'; |
||||
|
if(curTab === 2){ |
||||
|
query['stime'] = query?.start_time ?? ''; |
||||
|
query['etime'] = query?.end_time ?? ''; |
||||
|
delete query.start_time |
||||
|
delete query.end_time |
||||
|
} |
||||
|
return query; |
||||
|
}, |
||||
|
// 格式化数据 |
||||
|
formatRecordLs(ls){ |
||||
|
let { curTab } = this; |
||||
|
// 抖音 |
||||
|
if(curTab === 1){ |
||||
|
return ls.map(item=>{ |
||||
|
let _code = item?.order_codes?.find(e=>e?.code_status == 'used'); |
||||
|
console.log('_code',item); |
||||
|
return { |
||||
|
order_no: item?.order_no ?? '', |
||||
|
user_phone: item?.mobile ?? '', |
||||
|
verify_code: _code?.code ?? '', |
||||
|
verify_method: _code?.verification_method ?? '', |
||||
|
verify_time: _code?.verification_time ?? '', |
||||
|
}; |
||||
|
}) |
||||
|
} |
||||
|
return ls; |
||||
|
}, |
||||
|
// 核销记录列表 - 手动离场 |
||||
|
leaveVerifyOrder({ brand_id, id }){ |
||||
|
showLoad(); |
||||
|
return server.post({ |
||||
|
url: API.leaveVerifyOrder, |
||||
|
data: { brand_id, id }, |
||||
|
isDefaultGet: false, |
||||
|
}) |
||||
|
.then(res => { |
||||
|
hideLoad(); |
||||
|
let _data = res?.data || {}; |
||||
|
if(_data.code === 0){ |
||||
|
showNone(_data?.message || '操作成功！') |
||||
|
return true; |
||||
|
}else{ |
||||
|
return Promise.reject(_data); |
||||
|
} |
||||
|
}) |
||||
|
.catch(err => { |
||||
|
hideLoad(); |
||||
|
showModal({ |
||||
|
title: '提示', |
||||
|
content: err.message || '操作失败！' |
||||
|
}) |
||||
|
console.warn('verification record leaveVerifyOrder err --->', err); |
||||
|
// return Promise.reject(err); |
||||
|
return false; |
||||
|
}) |
||||
|
}, |
||||
|
} |
||||
|
} |
||||
|
</script> |
||||
|
|
||||
|
<style lang="scss"> |
||||
|
.verification-record{ |
||||
|
@include isPd(20upx); |
||||
|
} |
||||
|
.vr-header{ |
||||
|
background: #fff; |
||||
|
.vh-tabs{ |
||||
|
@include ctf(space-around); |
||||
|
.vt-item{ |
||||
|
position: relative; |
||||
|
@include flcw(28upx, 88upx, #2D2D2D); |
||||
|
&.active{ |
||||
|
color: $mColor; |
||||
|
&::after{ |
||||
|
content: ''; |
||||
|
position: absolute; |
||||
|
bottom: 0; |
||||
|
left: 50%; |
||||
|
transform: translateX(-50%); |
||||
|
width: 100%; |
||||
|
height: 4upx; |
||||
|
background: $mColor; |
||||
|
} |
||||
|
} |
||||
|
} |
||||
|
} |
||||
|
} |
||||
|
.vr-time-board{ |
||||
|
padding: 24upx; |
||||
|
@include ctf(space-between); |
||||
|
.vtb-time{ |
||||
|
flex-shrink: 0; |
||||
|
padding: 0 14upx; |
||||
|
height: 62upx; |
||||
|
background: #fff; |
||||
|
@include ctf; |
||||
|
.vt-txt{ |
||||
|
max-width: 400upx; |
||||
|
@include flcw(24upx, 34upx, #1A1A1A, 500); |
||||
|
@include tHide; |
||||
|
} |
||||
|
.vt-icon{ |
||||
|
flex-shrink: 0; |
||||
|
margin-left: 30upx; |
||||
|
width: 32upx; |
||||
|
height: 32upx; |
||||
|
} |
||||
|
} |
||||
|
.vtb-num{ |
||||
|
margin-left: 20upx; |
||||
|
@include flcw(32upx, 44upx, #1A1A1A, 500); |
||||
|
@include tHide; |
||||
|
} |
||||
|
} |
||||
|
.vr-list{ |
||||
|
padding: 0 24upx; |
||||
|
|
||||
|
} |
||||
|
</style> |
||||
@ -0,0 +1,244 @@ |
|||||
|
<template> |
||||
|
<view class="record-search"> |
||||
|
<view class="os-bar"> |
||||
|
<view> |
||||
|
<image mode="aspectFit" src="/subpackage/verification/static/images/search.png"></image> |
||||
|
<input placeholder="请输入手机号/核销码" v-model="searchTxt" confirm-type="search" @confirm="iptConfirm" /> |
||||
|
<image v-if="searchTxt!==''" mode="aspectFit" src="/subpackage/verification/static/images/round_close.png" @click="clearSearch"></image> |
||||
|
</view> |
||||
|
</view> |
||||
|
<view class="rs-ls"> |
||||
|
<block v-for="(e, i) in searchLs" :key="i"> |
||||
|
<site-item |
||||
|
v-if="orderType === 0" |
||||
|
:stadium-name="e.extension&&e.extension.stadium_name" |
||||
|
:order-num="e.order_no" |
||||
|
:order-type="e.type" |
||||
|
:user-phone="e.extension&&e.extension.user_phone" |
||||
|
:user-nickname="e.extension&&e.extension.nickname" |
||||
|
:verify-code="e.verify_code" |
||||
|
:verify-method="e.desc" |
||||
|
:verify-time="e.verify_time" |
||||
|
:verify-leave-time="e.verify_leave_time" |
||||
|
@click:leave="siteLeaveBtn(e, i)" |
||||
|
></site-item> |
||||
|
<dy-item |
||||
|
v-if="orderType === 1" |
||||
|
:order-num="e.order_no" |
||||
|
:user-phone="e.user_phone" |
||||
|
:verify-code="e.verify_code" |
||||
|
:verify-method="e.verify_method" |
||||
|
:verify-time="e.verify_time" |
||||
|
></dy-item> |
||||
|
<mall-item |
||||
|
v-if="orderType === 2" |
||||
|
:order-num="e.product_order_no" |
||||
|
:order-code="e.product_order_self_pickup_info.gcode" |
||||
|
:user-phone="e.product_order_self_pickup_info.phone" |
||||
|
:user-name="e.product_order_self_pickup_info.name" |
||||
|
:goods-str="e.product_order_goods.join('；')" |
||||
|
:opt-user="e.optuname" |
||||
|
:created-at="e.created_at" |
||||
|
></mall-item> |
||||
|
<view class="vl-space" style="height: 24rpx;"></view> |
||||
|
</block> |
||||
|
</view> |
||||
|
</view> |
||||
|
</template> |
||||
|
|
||||
|
<script> |
||||
|
import { formatDate, showLoad, hideLoad, showModal, showNone, debounce, formatTime, routeTo } from "@/utils/util"; |
||||
|
import API from "../js/api.js"; |
||||
|
import server from "../js/server.js"; |
||||
|
import siteItem from "../components/record/site_item.vue"; |
||||
|
import dyItem from "../components/record/dy_item.vue"; |
||||
|
import mallItem from "../components/record/mall_item.vue"; |
||||
|
export default { |
||||
|
components: { siteItem, dyItem, mallItem }, |
||||
|
data(){ |
||||
|
return { |
||||
|
brand_id: '', |
||||
|
orderType: '', |
||||
|
searchTxt: '', |
||||
|
page: 1, |
||||
|
searchLs: [], |
||||
|
} |
||||
|
}, |
||||
|
onLoad(options){ |
||||
|
this.brand_id = options?.brand_id ?? ''; |
||||
|
this.orderType = +(options?.type ?? ''); |
||||
|
}, |
||||
|
onReachBottom(){ |
||||
|
let { searchTxt, page } = this; |
||||
|
this.getRecordLs({ |
||||
|
keyword: searchTxt, |
||||
|
page: ++page |
||||
|
}) |
||||
|
}, |
||||
|
methods: { |
||||
|
clearSearch(){ |
||||
|
this.searchTxt = ''; |
||||
|
}, |
||||
|
iptConfirm(e){ |
||||
|
let { brand_id } = this; |
||||
|
console.log(e); |
||||
|
this.page = 1; |
||||
|
this.searchLs = []; |
||||
|
this.getRecordLs({ |
||||
|
brand_id, |
||||
|
keyword: e?.detail?.value || '' |
||||
|
}) |
||||
|
}, |
||||
|
// 手动离场 |
||||
|
siteLeaveBtn: debounce(function(e, idx){ |
||||
|
showModal({ |
||||
|
content: '是否确认手动离场？', |
||||
|
showCancel: true, |
||||
|
success: async mRes=>{ |
||||
|
if(mRes.confirm){ |
||||
|
let _status = await this.leaveVerifyOrder({ brand_id: e?.brand_id ?? '', id: e?.id ?? '' }); |
||||
|
if(_status)this.searchLs[idx].verify_leave_time = formatTime(new Date()); |
||||
|
this.$forceUpdate(); |
||||
|
} |
||||
|
} |
||||
|
}) |
||||
|
}, 300, true), |
||||
|
// 核销记录列表 - 手动离场 |
||||
|
leaveVerifyOrder({ brand_id, id }){ |
||||
|
showLoad(); |
||||
|
return server.post({ |
||||
|
url: API.leaveVerifyOrder, |
||||
|
data: { brand_id, id }, |
||||
|
isDefaultGet: false, |
||||
|
}) |
||||
|
.then(res => { |
||||
|
hideLoad(); |
||||
|
let _data = res?.data || {}; |
||||
|
if(_data.code === 0){ |
||||
|
showNone(_data?.message || '操作成功！') |
||||
|
return true; |
||||
|
}else{ |
||||
|
return Promise.reject(_data); |
||||
|
} |
||||
|
}) |
||||
|
.catch(err => { |
||||
|
hideLoad(); |
||||
|
showModal({ |
||||
|
title: '提示', |
||||
|
content: err.message || '操作失败！' |
||||
|
}) |
||||
|
console.warn('verification record_search leaveVerifyOrder err --->', err); |
||||
|
// return Promise.reject(err); |
||||
|
return false; |
||||
|
}) |
||||
|
}, |
||||
|
// 商家助手-核销查询列表 |
||||
|
getRecordLs({ brand_id, stadium_id = '', start_time = '', end_time = '', page = 1, page_size = 20, keyword = '' }){ |
||||
|
showLoad(); |
||||
|
return server.post({ |
||||
|
url: this.getRecordLsAPI(), |
||||
|
data: this.formatQuery({ brand_id, stadium_id, start_time, end_time, page, page_size, keyword }), |
||||
|
isDefaultGet: false, |
||||
|
}) |
||||
|
.then(res => { |
||||
|
hideLoad(); |
||||
|
let _data = res?.data || {}; |
||||
|
if(_data.code === 0){ |
||||
|
let _ls = this.formatRecordLs(_data?.data?.list || []); |
||||
|
if(page === 1)return this.searchLs = _ls; |
||||
|
if(!_ls.length)return showNone('没有更多！'); |
||||
|
this.page = page; |
||||
|
this.searchLs = [ ...this.searchLs, ..._ls ]; |
||||
|
return _ls; |
||||
|
}else{ |
||||
|
return Promise.reject(_data); |
||||
|
} |
||||
|
}) |
||||
|
.catch(err => { |
||||
|
hideLoad(); |
||||
|
showModal({ |
||||
|
title: '提示', |
||||
|
content: err.message || '加载数据失败！' |
||||
|
}) |
||||
|
console.warn('verification record_search getRecordLs err --->', err); |
||||
|
// return Promise.reject(err); |
||||
|
}) |
||||
|
}, |
||||
|
getRecordLsAPI(){ |
||||
|
let { orderType } = this; |
||||
|
if(orderType === 0)return API.listVerifyRecord |
||||
|
if(orderType === 1)return API.dyPoiOrderList |
||||
|
if(orderType === 2)return API.shop2WriteoffList |
||||
|
}, |
||||
|
formatQuery(query){ |
||||
|
let { orderType } = this; |
||||
|
if(orderType === 1)query['order_status'] = 'used'; |
||||
|
if(orderType === 2){ |
||||
|
query['stime'] = query?.start_time ?? ''; |
||||
|
query['etime'] = query?.end_time ?? ''; |
||||
|
delete query.start_time |
||||
|
delete query.end_time |
||||
|
} |
||||
|
return query; |
||||
|
}, |
||||
|
formatRecordLs(ls){ |
||||
|
let { orderType } = this; |
||||
|
// 抖音 |
||||
|
if(orderType === 1){ |
||||
|
return ls.map(item=>{ |
||||
|
let _code = item?.order_codes?.find(e=>e?.code_status == 'used'); |
||||
|
return { |
||||
|
order_no: item?.order_no ?? '', |
||||
|
user_phone: item?.mobile ?? '', |
||||
|
verify_code: _code?.code ?? '', |
||||
|
verify_method: _code?.verification_method ?? '', |
||||
|
verify_time: _code?.verification_time ?? '', |
||||
|
}; |
||||
|
}) |
||||
|
} |
||||
|
return ls; |
||||
|
}, |
||||
|
} |
||||
|
} |
||||
|
</script> |
||||
|
|
||||
|
<style lang="scss"> |
||||
|
.record-search{ |
||||
|
@include isPd(20upx); |
||||
|
} |
||||
|
.os-bar{ |
||||
|
margin-bottom: 24upx; |
||||
|
height: 144upx; |
||||
|
background-color: #fff; |
||||
|
@include ctf(center); |
||||
|
>view{ |
||||
|
padding: 0 20upx; |
||||
|
height: 92upx; |
||||
|
width: 702upx; |
||||
|
border-radius: 10upx; |
||||
|
background-color: #f2f2f7; |
||||
|
@include ctf(center); |
||||
|
>image{ |
||||
|
margin-right: 20upx; |
||||
|
flex-shrink: 0; |
||||
|
width: 40upx; |
||||
|
height: 40upx; |
||||
|
} |
||||
|
>input{ |
||||
|
height: 100%; |
||||
|
flex-grow: 1; |
||||
|
@include flcw(32upx, 44upx, #1a1a1a); |
||||
|
&+image{ |
||||
|
flex-shrink: 0; |
||||
|
margin-right: 0; |
||||
|
margin-left: 20upx; |
||||
|
width: 32upx; |
||||
|
height: 32upx; |
||||
|
} |
||||
|
} |
||||
|
} |
||||
|
} |
||||
|
.rs-ls{ |
||||
|
padding: 0 24upx; |
||||
|
} |
||||
|
</style> |
||||
|
After Width: 28 | Height: 28 | Size: 271 B |
|
After Width: 16 | Height: 16 | Size: 369 B |
|
After Width: 200 | Height: 148 | Size: 7.6 KiB |
|
After Width: 185 | Height: 185 | Size: 3.6 KiB |
|
After Width: 185 | Height: 185 | Size: 4.4 KiB |
|
After Width: 32 | Height: 32 | Size: 369 B |
|
After Width: 60 | Height: 60 | Size: 429 B |
|
After Width: 20 | Height: 20 | Size: 245 B |
|
After Width: 64 | Height: 64 | Size: 1001 B |
|
After Width: 64 | Height: 64 | Size: 940 B |
|
After Width: 64 | Height: 64 | Size: 519 B |
@ -0,0 +1,82 @@ |
|||||
|
<template> |
||||
|
<wallet-modal title="充值" :show="isShow" @click:close="hide"> |
||||
|
<view class="recharge-container"> |
||||
|
<view class="rc-balance"> |
||||
|
<text class="rb-txt">钱包余额：</text> |
||||
|
{{ balance || 0 }}元 |
||||
|
</view> |
||||
|
<input type="digit" class="rc-ipt" v-model="iptNum" placeholder="请输入金额"> |
||||
|
<view class="rc-btns"> |
||||
|
<wm-button @click="hide">取消</wm-button> |
||||
|
<wm-button green @click="confirmBtn">确认</wm-button> |
||||
|
</view> |
||||
|
</view> |
||||
|
</wallet-modal> |
||||
|
</template> |
||||
|
|
||||
|
<script> |
||||
|
import walletModal from '../../../components/wallet_modal.vue'; |
||||
|
import wmButton from '../../../components/wm_button.vue'; |
||||
|
import { showNone } from '@/utils/util'; |
||||
|
export default { |
||||
|
props: { |
||||
|
balance: { |
||||
|
type: Number, |
||||
|
default: 0 |
||||
|
} |
||||
|
}, |
||||
|
components: { |
||||
|
walletModal, |
||||
|
wmButton, |
||||
|
}, |
||||
|
data() { |
||||
|
return { |
||||
|
isShow: false, |
||||
|
iptNum: '', |
||||
|
initData: {}, |
||||
|
} |
||||
|
}, |
||||
|
methods: { |
||||
|
show(data){ |
||||
|
this.isShow = true; |
||||
|
this.initData = data ?? {}; |
||||
|
}, |
||||
|
hide(){ |
||||
|
this.isShow = false; |
||||
|
}, |
||||
|
confirmBtn(){ |
||||
|
let { initData, iptNum, hide } = this; |
||||
|
if(!iptNum || isNaN(iptNum) || Number(iptNum) <= 0)return showNone('请输入正确金额！'); |
||||
|
initData?.success?.(iptNum); |
||||
|
hide(); |
||||
|
} |
||||
|
} |
||||
|
} |
||||
|
</script> |
||||
|
|
||||
|
<style lang="scss"> |
||||
|
.recharge-container{ |
||||
|
padding: 0 50upx; |
||||
|
.rc-balance{ |
||||
|
margin-top: 60upx; |
||||
|
@include flcw(28upx, 40upx, $mColor); |
||||
|
@include tHide; |
||||
|
.rb-txt{ |
||||
|
color: #1A1A1A; |
||||
|
} |
||||
|
} |
||||
|
.rc-ipt{ |
||||
|
margin-top: 20upx; |
||||
|
padding: 0 20upx; |
||||
|
display: block; |
||||
|
height: 108upx; |
||||
|
border-radius: 10upx; |
||||
|
background: #F2F2F7; |
||||
|
@include flcw(32upx, 44upx, #1A1A1A); |
||||
|
} |
||||
|
.rc-btns{ |
||||
|
margin-top: 80upx; |
||||
|
@include ctf(space-between); |
||||
|
} |
||||
|
} |
||||
|
</style> |
||||
@ -0,0 +1,137 @@ |
|||||
|
<template> |
||||
|
<view class="recharge-record"> |
||||
|
<filtrate-bar |
||||
|
:filter-list="['全部', '已完成', '已退款']" |
||||
|
ref="filtrateBar" |
||||
|
@change:times="timesChange" |
||||
|
@change:filter="filterBtn" |
||||
|
></filtrate-bar> |
||||
|
<view class="rr-ls"> |
||||
|
<view class="rl-item" v-for="(e, i) in rechargeList" :key="i"> |
||||
|
<record-line name="充值金额" :tag="getTagTxt(e.pay_status)" >{{ e.amount || 0 }}</record-line> |
||||
|
<record-line name="充值单号">{{ e.order_no || '-' }}</record-line> |
||||
|
<record-line name="充值时间">{{ e.pay_time || '-' }}</record-line> |
||||
|
<record-line name="支付方式">{{ e.pay_type || '-' }}</record-line> |
||||
|
<record-line name="交易流水号">{{ e.trans_no || '-' }}</record-line> |
||||
|
<record-line name="充值途径"> |
||||
|
{{ e.optsourse || '-' }} <block v-if="e.optname"> （{{ e.optname }}） </block> |
||||
|
</record-line> |
||||
|
</view> |
||||
|
</view> |
||||
|
</view> |
||||
|
</template> |
||||
|
|
||||
|
<script> |
||||
|
import filtrateBar from '../../components/filtrate_bar.vue'; |
||||
|
import recordLine from '../../components/record_line.vue'; |
||||
|
import { WALLET_API } from '../../js/api'; |
||||
|
import servers from '../../js/server'; |
||||
|
import { routeTo, showLoad, hideLoad, debounce, showModal, showNone } from '@/utils/util'; |
||||
|
export default { |
||||
|
components: { |
||||
|
filtrateBar, |
||||
|
recordLine, |
||||
|
}, |
||||
|
data(){ |
||||
|
return { |
||||
|
rechargeList: [], |
||||
|
page: 1, |
||||
|
brand_id: '', |
||||
|
|
||||
|
stime: '', |
||||
|
etime: '', |
||||
|
status: '' // 0:未支付, 1:已支付, 2:已退款 |
||||
|
} |
||||
|
}, |
||||
|
onLoad(opts){ |
||||
|
let _bid = opts?.brand_id ?? ''; |
||||
|
this.brand_id = _bid; |
||||
|
let { startDate, endDate } = this.$refs.filtrateBar.getTimes(); |
||||
|
this.stime = startDate; |
||||
|
this.etime = endDate; |
||||
|
this.getRechargeList({ brand_id: _bid, stime: startDate, etime: endDate }); |
||||
|
}, |
||||
|
onReachBottom(){ |
||||
|
let { brand_id, page, stime, etime } = this; |
||||
|
this.getRechargeList({ brand_id, page: ++page, stime, etime }); |
||||
|
}, |
||||
|
methods: { |
||||
|
getTagTxt(status = ''){ |
||||
|
return status === 0 ? '未支付' : |
||||
|
status === 1 ? '已完成' : |
||||
|
status === 2 ? '已退款' : ''; |
||||
|
}, |
||||
|
timesChange(e){ |
||||
|
let { startDate, endDate } = e; |
||||
|
this.stime = startDate ?? ''; |
||||
|
this.etime = endDate ?? ''; |
||||
|
this.refreshLs(); |
||||
|
}, |
||||
|
filterBtn(idx) { |
||||
|
let _status = idx === 0 ? '' : idx; |
||||
|
this.status = _status; |
||||
|
this.refreshLs(); |
||||
|
}, |
||||
|
refreshLs(){ |
||||
|
let { brand_id, stime, etime, status } = this; |
||||
|
this.page = 1; |
||||
|
this.rechargeList = []; |
||||
|
this.getRechargeList({ |
||||
|
brand_id: brand_id, |
||||
|
pay_status: status, |
||||
|
stime, |
||||
|
etime, |
||||
|
}); |
||||
|
}, |
||||
|
// 获取充值记录 |
||||
|
getRechargeList({ brand_id, pay_status = '', stime = '', etime = '', page_size = 20, page = 1 }){ |
||||
|
showLoad(); |
||||
|
return servers.post({ |
||||
|
url: WALLET_API.rechargeList, |
||||
|
data: { brand_id, pay_status, stime, etime, page_size, page }, |
||||
|
isDefaultGet: false, |
||||
|
}) |
||||
|
.then(res => { |
||||
|
hideLoad(); |
||||
|
let _data = res?.data || {}; |
||||
|
if(_data.code === 0){ |
||||
|
let _ls = _data?.data?.list || []; |
||||
|
if(page === 1)return this.rechargeList = _ls; |
||||
|
if(_ls?.length <= 0)return showNone('没有更多！'); |
||||
|
this.rechargeList = [ ...this.rechargeList, ..._ls ]; |
||||
|
this.page = page; |
||||
|
}else{ |
||||
|
return Promise.reject(_data); |
||||
|
} |
||||
|
}) |
||||
|
.catch(err => { |
||||
|
hideLoad(); |
||||
|
showModal({ |
||||
|
title: '提示', |
||||
|
content: err.message || '加载失败！' |
||||
|
}) |
||||
|
console.warn('wallet index getPayInfo err --->', err); |
||||
|
// return Promise.reject(err); |
||||
|
}) |
||||
|
}, |
||||
|
|
||||
|
} |
||||
|
} |
||||
|
</script> |
||||
|
|
||||
|
<style lang="scss"> |
||||
|
.recharge-record{ |
||||
|
|
||||
|
} |
||||
|
.rr-ls{ |
||||
|
padding: 24upx; |
||||
|
.rl-item{ |
||||
|
padding: 26upx 20upx; |
||||
|
border-radius: 10upx; |
||||
|
background: #fff; |
||||
|
&+ .rl-item{ |
||||
|
margin-top: 24upx; |
||||
|
} |
||||
|
} |
||||
|
} |
||||
|
</style> |
||||
Write
Preview
Loading…
Cancel
Save
Reference in new issue