44 changed files with 1744 additions and 112 deletions
-
11.hbuilderx/launch.json
-
87src/components/order_list/retail/retail.vue
-
63src/components/order_list/ym_card/ym_card.vue
-
10src/components/site/order_modal/order_modal.vue
-
8src/js/api.js
-
2src/js/once_name.js
-
1src/js/server.js
-
36src/pages.json
-
26src/pages/order_list/order_list.vue
-
10src/pages/site/manage/manage.vue
-
6src/pages/write_off/operate/operate.vue
-
127src/pages/write_off/ym_card_gated/ym_card_gated.vue
-
193src/pages/write_off/ym_confirm/ym_confirm.vue
-
477src/subpackage/device/pages/air_conditioner/detail/detail.vue
-
200src/subpackage/device/pages/switch_manage/switch_manage.vue
-
BINsrc/subpackage/device/static/images/air_conditioner/close.png
-
BINsrc/subpackage/device/static/images/air_conditioner/heating.png
-
BINsrc/subpackage/device/static/images/air_conditioner/in_under_heating.png
-
BINsrc/subpackage/device/static/images/air_conditioner/lock.png
-
BINsrc/subpackage/device/static/images/air_conditioner/normal.png
-
BINsrc/subpackage/device/static/images/air_conditioner/open.png
-
BINsrc/subpackage/device/static/images/air_conditioner/refrigeration.png
-
BINsrc/subpackage/device/static/images/air_conditioner/switch.png
-
BINsrc/subpackage/device/static/images/air_conditioner/temp_add.png
-
BINsrc/subpackage/device/static/images/air_conditioner/temp_reduce.png
-
BINsrc/subpackage/device/static/images/air_conditioner/under_heating.png
-
BINsrc/subpackage/device/static/images/air_conditioner/ventilate.png
-
BINsrc/subpackage/device/static/images/air_conditioner/wind_0.png
-
BINsrc/subpackage/device/static/images/air_conditioner/wind_1.png
-
BINsrc/subpackage/device/static/images/air_conditioner/wind_2.png
-
BINsrc/subpackage/device/static/images/air_conditioner/wind_3.png
-
5src/subpackage/order/js/api.js
-
11src/subpackage/order/pages/mall/check_logistic/check_logistic.vue
-
11src/subpackage/order/pages/mall/refund_operate/refund_operate.vue
-
17src/subpackage/order/pages/mall/send_out/send_out.vue
-
4src/subpackage/order/pages/order_manage/order_manage.vue
-
140src/subpackage/order/pages/retail/detail/detail.vue
-
295src/subpackage/order/pages/ym_card/detail/detail.vue
-
112src/subpackage/order/pages/ym_card/use_record/use_record.vue
-
BINsrc/subpackage/order/static/images/order_manage/order_18.png
-
BINsrc/subpackage/order/static/images/order_manage/order_19.png
-
BINsrc/subpackage/order/static/images/ym_card/status_1.png
-
BINsrc/subpackage/order/static/images/ym_card/status_2.png
-
BINsrc/subpackage/order/static/images/ym_card/status_3.png
@ -1,11 +0,0 @@ |
|||||
{ // launch.json 配置了启动调试时相关设置，configurations下节点名称可为 app-plus/h5/mp-weixin/mp-baidu/mp-alipay/mp-qq/mp-toutiao/mp-360/ |
|
||||
// launchtype项可配置值为local或remote, local代表前端连本地云函数，remote代表前端连云端云函数 |
|
||||
"version": "0.0", |
|
||||
"configurations": [{ |
|
||||
"type": "uniCloud", |
|
||||
"default": { |
|
||||
"launchtype": "remote" |
|
||||
} |
|
||||
} |
|
||||
] |
|
||||
} |
|
||||
@ -0,0 +1,87 @@ |
|||||
|
<template> |
||||
|
<view class="retail-order" @click="toInfo"> |
||||
|
<a-header :source="orderInfo.source || '-'" :status="getStatus(orderInfo.pay_status)"></a-header> |
||||
|
<!-- 商品名称: 操作人： 购买时间: --> |
||||
|
<view class="ro-info"> |
||||
|
<a-line :value="orderInfo.order_no || '-'"> |
||||
|
<block slot="name">订单编号：</block> |
||||
|
</a-line> |
||||
|
<a-line :value="getGoodsName || '-'"> |
||||
|
<block slot="name">商品名称：</block> |
||||
|
</a-line> |
||||
|
<a-line :value="orderInfo.sys_optuname || '-'"> |
||||
|
<block slot="name">操作人：</block> |
||||
|
</a-line> |
||||
|
<a-line :value="orderInfo.pay_time || '-'"> |
||||
|
<block slot="name">购买时间：</block> |
||||
|
</a-line> |
||||
|
</view> |
||||
|
<view class="ro-total"><text>合计支付：</text>￥{{ orderInfo.pay_amount || 0 }}</view> |
||||
|
</view> |
||||
|
</template> |
||||
|
|
||||
|
<script> |
||||
|
import util from '../../../utils/util'; |
||||
|
import a_header from '../a_header/a_header.vue'; |
||||
|
import a_line from '../a_line/a_line.vue'; |
||||
|
export default { |
||||
|
computed: { |
||||
|
getGoodsName(){ |
||||
|
let { orderInfo } = this; |
||||
|
let _ls = orderInfo&&orderInfo.retail_order_goods || []; |
||||
|
let _str = _ls.map(e=>e.name).join('；'); |
||||
|
if(_ls.length)_str += '；' |
||||
|
return _str |
||||
|
} |
||||
|
}, |
||||
|
components: { |
||||
|
'a-header': a_header, |
||||
|
'a-line': a_line, |
||||
|
}, |
||||
|
props: { |
||||
|
orderInfo: { |
||||
|
default: {}, |
||||
|
type: Object |
||||
|
} |
||||
|
}, |
||||
|
methods: { |
||||
|
getStatus(status){ |
||||
|
let _obj = { |
||||
|
1: '交易成功' |
||||
|
} |
||||
|
return _obj[status] || '-' |
||||
|
}, |
||||
|
toInfo(){ |
||||
|
let { orderInfo } = this; |
||||
|
util.routeTo(`/subpackage/order/pages/retail/detail/detail?order_no=${orderInfo.order_no}`, 'nT'); |
||||
|
} |
||||
|
} |
||||
|
} |
||||
|
</script> |
||||
|
|
||||
|
<style lang="scss"> |
||||
|
@import '~style/public.scss'; |
||||
|
.retail-order{ |
||||
|
background-color: #fff; |
||||
|
padding: 0 20upx 20upx; |
||||
|
border-radius: 10upx; |
||||
|
} |
||||
|
.ro-info{ |
||||
|
|
||||
|
} |
||||
|
.ro-total{ |
||||
|
line-height: 96upx; |
||||
|
font-size: 28upx; |
||||
|
color: #1a1a1a; |
||||
|
font-weight: 500; |
||||
|
text-align: right; |
||||
|
overflow: hidden; |
||||
|
text-overflow: ellipsis; |
||||
|
white-space: nowrap; |
||||
|
>text{ |
||||
|
color: #9a9a9d; |
||||
|
font-weight: 400; |
||||
|
} |
||||
|
|
||||
|
} |
||||
|
</style> |
||||
@ -0,0 +1,63 @@ |
|||||
|
<template> |
||||
|
<view class="ym-card-container" @click="toInfo"> |
||||
|
<a-header :source="orderInfo.extension.name || '-'" :status="statusTxt(orderInfo.status)"></a-header> |
||||
|
<view class="ycc-info"> |
||||
|
<a-line :value="orderInfo.card_info.name || '-'"> |
||||
|
<block slot="name">卡名称：</block> |
||||
|
</a-line> |
||||
|
<a-line :value="orderInfo.card_no || '-'"> |
||||
|
<block slot="name">年月卡号：</block> |
||||
|
</a-line> |
||||
|
<a-line :value="orderInfo.mobile || '-'"> |
||||
|
<block slot="name">手机号码：</block> |
||||
|
</a-line> |
||||
|
<a-line :value="'至' + (orderInfo.expired_at || '-')"> |
||||
|
<block slot="name">有效期：</block> |
||||
|
</a-line> |
||||
|
</view> |
||||
|
</view> |
||||
|
</template> |
||||
|
|
||||
|
<script> |
||||
|
import util from '../../../utils/util'; |
||||
|
import a_header from '../a_header/a_header.vue'; |
||||
|
import a_line from '../a_line/a_line.vue'; |
||||
|
export default { |
||||
|
components: { |
||||
|
'a-header': a_header, |
||||
|
'a-line': a_line, |
||||
|
}, |
||||
|
props: { |
||||
|
orderInfo: { |
||||
|
default: { |
||||
|
card_info: {}, |
||||
|
extension: {} |
||||
|
}, |
||||
|
} |
||||
|
}, |
||||
|
methods: { |
||||
|
toInfo(){ |
||||
|
let { orderInfo } = this; |
||||
|
util.routeTo(`/subpackage/order/pages/ym_card/detail/detail?id=${orderInfo.id}&card_no=${orderInfo.card_no}`, 'nT'); |
||||
|
}, |
||||
|
statusTxt(status){ |
||||
|
let _obj = { |
||||
|
0: '待激活', |
||||
|
1: '使用中', |
||||
|
2: '已失效', |
||||
|
3: '已退卡', |
||||
|
} |
||||
|
return _obj[status] || '-' |
||||
|
} |
||||
|
} |
||||
|
} |
||||
|
</script> |
||||
|
|
||||
|
<style lang="scss"> |
||||
|
@import '~style/public.scss'; |
||||
|
.ym-card-container{ |
||||
|
background-color: #fff; |
||||
|
padding: 0 20upx 20upx; |
||||
|
border-radius: 10upx; |
||||
|
} |
||||
|
</style> |
||||
@ -0,0 +1,127 @@ |
|||||
|
<template> |
||||
|
<view class="ym-card-gated"> |
||||
|
<view class="ycg-stadium">{{ pageInfo.orderInfo.extension.stadium_name || '-' }}</view> |
||||
|
<view class="ycg-suc-tip">核销成功</view> |
||||
|
<view class="ycg-back-btn" @click="backBtn">返回继续核销</view> |
||||
|
<view class="ycg-open-tip" v-if="pageInfo.gates&&pageInfo.gates.length">如需开门，请点击</view> |
||||
|
<view class="ycg-btn-ls"> |
||||
|
<view class="ybl-item" v-for="(e, i) in pageInfo.gates" :key="i"> |
||||
|
<view class="yi-name">{{ e.hardware_name || '-' }}</view> |
||||
|
<view class="yi-btn" @click="openBtn(e.id)">开门</view> |
||||
|
</view> |
||||
|
</view> |
||||
|
</view> |
||||
|
</template> |
||||
|
|
||||
|
<script> |
||||
|
import { API } from '../../../js/api'; |
||||
|
import { servers } from '../../../js/server'; |
||||
|
import { WRITE_OFF_YM_ORDER_INFO } from '../../../js/once_name'; |
||||
|
import util from '../../../utils/util'; |
||||
|
export default { |
||||
|
data(){ |
||||
|
return { |
||||
|
pageInfo: { |
||||
|
orderInfo: { extension: {} }, |
||||
|
gates: [], |
||||
|
} |
||||
|
} |
||||
|
}, |
||||
|
onLoad(options){ |
||||
|
util.$_once(WRITE_OFF_YM_ORDER_INFO, data => { |
||||
|
console.warn(data) |
||||
|
this.pageInfo = data; |
||||
|
}) |
||||
|
}, |
||||
|
methods: { |
||||
|
backBtn(){ |
||||
|
util.routeTo(); |
||||
|
}, |
||||
|
openBtn: util.debounce(function(id){ |
||||
|
let { pageInfo } = this; |
||||
|
util.showLoad(); |
||||
|
servers.get({ |
||||
|
url: API.writeOff.userMonthlyCardOpenGate, |
||||
|
data: { gate_id: id, card_no: pageInfo.orderInfo.card_no }, |
||||
|
isDefaultGet: false |
||||
|
}) |
||||
|
.then(res=>{ |
||||
|
util.hideLoad(); |
||||
|
if(res.data.code == 0){ |
||||
|
util.showNone(res.data.message || '操作成功！'); |
||||
|
}else{ |
||||
|
util.showNone(res.data.message || '操作失败！'); |
||||
|
} |
||||
|
}) |
||||
|
.catch(util.hideLoad) |
||||
|
}, 300, true) |
||||
|
} |
||||
|
} |
||||
|
</script> |
||||
|
|
||||
|
<style lang="scss"> |
||||
|
@import '~style/public.scss'; |
||||
|
page{ |
||||
|
background-color: #fff; |
||||
|
} |
||||
|
.ym-card-gated{ |
||||
|
padding: 0 30upx; |
||||
|
.ycg-stadium{ |
||||
|
padding: 30upx 0; |
||||
|
font-size: 32upx; |
||||
|
color: #1a1a1a; |
||||
|
border-bottom: 2upx solid #E5E5E5; |
||||
|
} |
||||
|
.ycg-suc-tip{ |
||||
|
padding: 100upx 0 200upx; |
||||
|
text-align: center; |
||||
|
line-height: 60upx; |
||||
|
font-size: 50upx; |
||||
|
color: #333; |
||||
|
} |
||||
|
.ycg-back-btn{ |
||||
|
margin: 0 auto 50upx; |
||||
|
width: 250upx; |
||||
|
height: 88upx; |
||||
|
line-height: 88upx; |
||||
|
text-align: center; |
||||
|
font-size: 32upx; |
||||
|
color: $themeColor; |
||||
|
border: 2upx solid $themeColor; |
||||
|
border-radius: 6upx; |
||||
|
} |
||||
|
.ycg-open-tip{ |
||||
|
margin-bottom: 50upx; |
||||
|
font-size: 24upx; |
||||
|
line-height: 32upx; |
||||
|
color: #9a9a9d; |
||||
|
} |
||||
|
.ycg-btn-ls{ |
||||
|
padding: 0 24upx; |
||||
|
.ybl-item{ |
||||
|
border-bottom: 2upx solid #f2f2f7; |
||||
|
padding: 30upx 0; |
||||
|
@include centerFlex(space-between); |
||||
|
.yi-name{ |
||||
|
flex-grow: 1; |
||||
|
font-size: 28upx; |
||||
|
line-height: 32upx; |
||||
|
color: #333; |
||||
|
@include textHide(1); |
||||
|
} |
||||
|
.yi-btn{ |
||||
|
flex-shrink: 0; |
||||
|
margin-left: 20upx; |
||||
|
width: 128upx; |
||||
|
height: 66upx; |
||||
|
line-height: 66upx; |
||||
|
font-size: 32upx; |
||||
|
text-align: center; |
||||
|
border-radius: 10upx; |
||||
|
background-color: $themeColor; |
||||
|
color: #fff; |
||||
|
} |
||||
|
} |
||||
|
} |
||||
|
} |
||||
|
</style> |
||||
@ -0,0 +1,193 @@ |
|||||
|
<template> |
||||
|
<view class="ym-confirm"> |
||||
|
<view class="yc-header"> |
||||
|
<view class="yh-stadium">{{ orderInfo.extension.stadium_name || '-' }}</view> |
||||
|
<view class="yh-info"> |
||||
|
<view>今天剩余可使用：{{ orderInfo.extension.rest_number || '0' }}次</view> |
||||
|
<view>进场状态：<text>{{ orderInfo.enter_status == 0?'离场':orderInfo.enter_status == 1?'进场':'' }}</text></view> |
||||
|
<view v-if="orderInfo.enter_status == 1">进场时间：{{ orderInfo.latest_enter_time || '-' }}</view> |
||||
|
</view> |
||||
|
</view> |
||||
|
<view class="yc-user-info"> |
||||
|
<view class="yui-tit">持卡人信息</view> |
||||
|
<view class="yui-line">手机号码：{{ orderInfo.mobile || '-' }}</view> |
||||
|
<view class="yui-line">用户昵称：{{ orderInfo.nickname || '-' }}</view> |
||||
|
</view> |
||||
|
<view class="yc-photo" v-if="!!orderInfo.user_face"> |
||||
|
<view>照片</view> |
||||
|
<image mode="aspectFit" @click="previewImg(orderInfo.user_face)" :src="orderInfo.user_face"></image> |
||||
|
</view> |
||||
|
|
||||
|
<view class="yc-card-mes"> |
||||
|
<view class="ycm-tit">年月卡信息</view> |
||||
|
<view class="ycm-line">年月卡名称：{{ orderInfo.card_info.name || '-' }}</view> |
||||
|
<view class="ycm-line">年月卡卡号：{{ orderInfo.card_no || '-' }}</view> |
||||
|
<view class="ycm-line">验证码：{{ orderInfo.verify_code || '-' }}</view> |
||||
|
<view class="ycm-line">生成时间：{{ orderInfo.created_at || '-' }}</view> |
||||
|
<view class="ycm-line">失效时间：{{ orderInfo.expired_at || '-' }}</view> |
||||
|
</view> |
||||
|
<view class="yc-btns"> |
||||
|
<view class="green" @click="confirmBtn">确认核销</view> |
||||
|
<!-- <view>仅核销</view> --> |
||||
|
</view> |
||||
|
</view> |
||||
|
</template> |
||||
|
|
||||
|
<script> |
||||
|
import util from '../../../utils/util'; |
||||
|
import { API } from '../../../js/api'; |
||||
|
import { servers } from '../../../js/server'; |
||||
|
import { WRITE_OFF_YM_ORDER_INFO, WRITE_OFF_ORDER_INFO } from '../../../js/once_name'; |
||||
|
export default { |
||||
|
data(){ |
||||
|
return { |
||||
|
type: '', // verify_code -> 5: 验证码核销(商家助手) | decrypt_text -> 6: 扫码核销(商家助手) |
||||
|
orderInfo: { |
||||
|
extension: {}, |
||||
|
card_info: {} |
||||
|
} |
||||
|
} |
||||
|
}, |
||||
|
onLoad(options){ |
||||
|
if(options.type)this.type = options.type || ''; |
||||
|
util.$_once(WRITE_OFF_ORDER_INFO, data => { |
||||
|
console.warn(data) |
||||
|
this.orderInfo = data; |
||||
|
}) |
||||
|
}, |
||||
|
methods: { |
||||
|
previewImg(url){ |
||||
|
if(!url)return |
||||
|
uni.previewImage({ urls: [ url ] }); |
||||
|
}, |
||||
|
confirmBtn: util.debounce(function(){ |
||||
|
let { orderInfo, type } = this; |
||||
|
servers.post({ |
||||
|
url: API.writeOff.userMonthlyCardVerify, |
||||
|
data: { |
||||
|
brand_id: orderInfo.brand_id, |
||||
|
card_no: orderInfo.card_no, |
||||
|
stadium_id: orderInfo.stadium_id, |
||||
|
type: type == 'verify_code'? 5 : 6, |
||||
|
}, |
||||
|
isDefaultGet: false, |
||||
|
}) |
||||
|
.then(res=>{ |
||||
|
if(res.data.code == 0){ |
||||
|
util.showNone(res.data.message || '操作成功！'); |
||||
|
let { orderInfo } = this; |
||||
|
let _ls = res.data.data&&res.data.data.gates || []; |
||||
|
setTimeout(_=>{ |
||||
|
util.$_emit(WRITE_OFF_YM_ORDER_INFO, { |
||||
|
orderInfo, |
||||
|
gates: _ls |
||||
|
}); |
||||
|
util.routeTo(`/pages/write_off/ym_card_gated/ym_card_gated`, 'rT'); |
||||
|
}, 1200); |
||||
|
}else{ |
||||
|
util.showNone(res.data.message || '操作失败！'); |
||||
|
} |
||||
|
}) |
||||
|
}, 300, true) |
||||
|
} |
||||
|
} |
||||
|
</script> |
||||
|
|
||||
|
<style lang="scss"> |
||||
|
@import '~style/public.scss'; |
||||
|
page{ |
||||
|
background-color: #fff; |
||||
|
} |
||||
|
.ym-confirm{ |
||||
|
padding-bottom: 24upx; |
||||
|
padding-bottom: calc( 24upx + constant(safe-area-inset-bottom)); /* 兼容 iOS < 11.2 */ |
||||
|
padding-bottom: calc( 24upx + env(safe-area-inset-bottom)); /* 兼容 iOS >= 11.2 */ |
||||
|
.yc-header{ |
||||
|
padding: 0 30upx; |
||||
|
border-bottom: 2upx solid #f2f2f7; |
||||
|
.yh-stadium{ |
||||
|
padding: 30upx 0; |
||||
|
font-size: 32upx; |
||||
|
color: #1a1a1a; |
||||
|
border-bottom: 2upx solid #E5E5E5; |
||||
|
} |
||||
|
.yh-info{ |
||||
|
padding: 20upx 0; |
||||
|
>view{ |
||||
|
margin-bottom: 10upx; |
||||
|
font-size: 28upx; |
||||
|
line-height: 52upx; |
||||
|
color: #333333; |
||||
|
@include textHide(1); |
||||
|
>text{ |
||||
|
color: $themeColor; |
||||
|
} |
||||
|
} |
||||
|
} |
||||
|
} |
||||
|
.yc-user-info{ |
||||
|
padding: 30upx; |
||||
|
border-bottom: 2upx solid #f2f2f7; |
||||
|
.yui-tit{ |
||||
|
margin-bottom: 20upx; |
||||
|
font-size: 28upx; |
||||
|
line-height: 52upx; |
||||
|
color: #9C9C9F; |
||||
|
} |
||||
|
.yui-line{ |
||||
|
font-size: 28upx; |
||||
|
line-height: 52upx; |
||||
|
color: #333; |
||||
|
@include textHide(1); |
||||
|
} |
||||
|
} |
||||
|
.yc-photo{ |
||||
|
display: flex; |
||||
|
padding: 30upx; |
||||
|
border-bottom: 2upx solid #f2f2f7; |
||||
|
>view{ |
||||
|
margin-right: 50upx; |
||||
|
font-size: 28upx; |
||||
|
line-height: 52upx; |
||||
|
color: #9c9c9f; |
||||
|
} |
||||
|
>image{ |
||||
|
flex-shrink: 0; |
||||
|
width: 218upx; |
||||
|
height: 218upx; |
||||
|
border-radius: 10upx; |
||||
|
} |
||||
|
} |
||||
|
.yc-card-mes{ |
||||
|
padding: 30upx 30upx 0; |
||||
|
.ycm-tit{ |
||||
|
margin-bottom: 20upx; |
||||
|
line-height: 52upx; |
||||
|
color: #9c9c9f; |
||||
|
} |
||||
|
.ycm-line{ |
||||
|
line-height: 52upx; |
||||
|
font-size: 28upx; |
||||
|
color: #333; |
||||
|
@include textHide(1); |
||||
|
} |
||||
|
} |
||||
|
.yc-btns{ |
||||
|
padding: 152upx 64upx 24upx; |
||||
|
>view{ |
||||
|
margin-bottom: 24upx; |
||||
|
line-height: 108upx; |
||||
|
text-align: center; |
||||
|
border-radius: 10upx; |
||||
|
border: 2upx solid $themeColor; |
||||
|
font-size: 32upx; |
||||
|
color: $themeColor; |
||||
|
&.green{ |
||||
|
background-color: $themeColor; |
||||
|
color: #fff; |
||||
|
} |
||||
|
} |
||||
|
} |
||||
|
|
||||
|
} |
||||
|
</style> |
||||
@ -0,0 +1,477 @@ |
|||||
|
<template> |
||||
|
<view class="air-conditioner-detail"> |
||||
|
<view class="acd-tit">{{ airName || '-' }}</view> |
||||
|
<view class="acd-panel"> |
||||
|
<view class="ap-top-info"> |
||||
|
<view class="ati-box ati-temp"> |
||||
|
<view class="ab-tit">温度</view> |
||||
|
<view class="at-info"> |
||||
|
<view class="ai-btn"> |
||||
|
<image mode="aspectFit" :src="getIconPath('temp_add')" @click="tempBtn('add')"></image> |
||||
|
</view> |
||||
|
<view class="ai-temp"> |
||||
|
<view class="at-num">{{ pageInfo.temperature || 0 }}</view> |
||||
|
<view class="at-unit">℃</view> |
||||
|
</view> |
||||
|
<view class="ai-btn"> |
||||
|
<image mode="aspectFit" :src="getIconPath('temp_reduce')" @click="tempBtn('reduce')"></image> |
||||
|
</view> |
||||
|
</view> |
||||
|
</view> |
||||
|
<view class="ati-box ati-wind"> |
||||
|
<view class="ab-tit">风速</view> |
||||
|
<!-- 1: 低速， 2：中，3：高，4：自动 --> |
||||
|
<view class="aw-txt">{{ getSpeedName(pageInfo.speed || 0) }}</view> |
||||
|
</view> |
||||
|
</view> |
||||
|
<view class="ap-btns"> |
||||
|
<view class="ab-item" @click="operateBtn({ op: 'on' })"> |
||||
|
<image mode="aspectFit" :src="getIconPath('open')"></image> |
||||
|
<view>开</view> |
||||
|
</view> |
||||
|
<view class="ab-item" @click="operateBtn({ op: 'off' })"> |
||||
|
<image mode="aspectFit" :src="getIconPath('close')"></image> |
||||
|
<view>关</view> |
||||
|
</view> |
||||
|
</view> |
||||
|
</view> |
||||
|
<view class="acd-btn-ls"> |
||||
|
<view class="abl-tit">模式</view> |
||||
|
<view class="abl-ls"> |
||||
|
<view class="al-item" hover-class="acd-hover-active" v-for="(e, i) in modelLs" :key="i" @click="operateBtn({ op: 'mode', ext: e.mode })"> |
||||
|
<view class="ai-icon" :class="[e.mode == pageInfo.mode? 'active': '']"> |
||||
|
<image mode="aspectFit" :src="getIconPath(e.icon)"></image> |
||||
|
</view> |
||||
|
<view class="ai-txt">{{ e.name || '-' }}</view> |
||||
|
</view> |
||||
|
</view> |
||||
|
</view> |
||||
|
<view class="acd-btn-ls"> |
||||
|
<view class="abl-tit">风速</view> |
||||
|
<view class="abl-ls"> |
||||
|
<view class="al-item" hover-class="acd-hover-active" v-for="(e, i) in airSpeedLs" :key="i" @click="operateBtn({ op: 'speed', ext: e.speed })"> |
||||
|
<view class="ai-icon" :class="[e.speed == pageInfo.speed? 'active': '']"> |
||||
|
<image mode="aspectFit" :src="getIconPath(e.icon)"></image> |
||||
|
</view> |
||||
|
<view class="ai-txt">{{ e.name || '-' }}</view> |
||||
|
</view> |
||||
|
</view> |
||||
|
</view> |
||||
|
<!-- 后台：水阀的不管 隐藏掉 --> |
||||
|
<!-- <view class="acd-btn-ls"> |
||||
|
<view class="abl-tit">水阀</view> |
||||
|
<view class="abl-ls"> |
||||
|
<view class="al-item" v-for="(e, i) in hydrovalveLs" :key="i"> |
||||
|
<view class="ai-icon"> |
||||
|
<image mode="aspectFit" :src="getIconPath(e.icon)"></image> |
||||
|
</view> |
||||
|
<view class="ai-txt">{{ e.name || '-' }}</view> |
||||
|
</view> |
||||
|
</view> |
||||
|
</view> --> |
||||
|
<view class="acd-btn-ls"> |
||||
|
<view class="abl-tit">允许使用按钮</view> |
||||
|
<view class="abl-ls"> |
||||
|
<view class="al-item" hover-class="acd-hover-active" v-for="(e, i) in allowLs" :key="i" @click="operateBtn({ op: e.op })"> |
||||
|
<view class="ai-icon"> |
||||
|
<image mode="aspectFit" :src="getIconPath(e.icon)"></image> |
||||
|
</view> |
||||
|
<view class="ai-txt">{{ e.name || '-' }}</view> |
||||
|
</view> |
||||
|
</view> |
||||
|
</view> |
||||
|
</view> |
||||
|
</template> |
||||
|
|
||||
|
<script> |
||||
|
import deviceServer from '../../../js/device_server'; |
||||
|
import deviceApi from '../../../js/device_api'; |
||||
|
import util from '../../../../../utils/util'; |
||||
|
|
||||
|
/* |
||||
|
+ info 获取信息状态 |
||||
|
+ st 设置温度(value:{op:"st",ext:"24"}) 10 - 50 |
||||
|
+ mode 模式设置(value:{op:"mode",ext:"1"}) // 0：内机制热， 1：内机地暖同时制热(默认)， 2：地暖制热，3：制冷模式，9：通风模式 |
||||
|
+ speed 风速设置(value:{op:"speed",ext:"1"}) // 1: 低速， 2：中，3：高，4：自动 |
||||
|
+ lock 锁 |
||||
|
+ unlock 解锁 |
||||
|
+ on 开 |
||||
|
+ off 关 |
||||
|
*/ |
||||
|
export default { |
||||
|
computed: { |
||||
|
modelLs(){ |
||||
|
return ([ |
||||
|
{ |
||||
|
id: 1, |
||||
|
name: '内机制热', |
||||
|
icon: 'heating', |
||||
|
mode: 0, |
||||
|
}, |
||||
|
{ |
||||
|
id: 2, |
||||
|
name: '内机地暖 制热', |
||||
|
icon: 'in_under_heating', |
||||
|
mode: 1, |
||||
|
}, |
||||
|
{ |
||||
|
id: 3, |
||||
|
name: '地暖制热', |
||||
|
icon: 'under_heating', |
||||
|
mode: 2, |
||||
|
}, |
||||
|
{ |
||||
|
id: 4, |
||||
|
name: '制冷', |
||||
|
icon: 'refrigeration', |
||||
|
mode: 3, |
||||
|
}, |
||||
|
{ |
||||
|
id: 5, |
||||
|
name: '通风', |
||||
|
icon: 'ventilate', |
||||
|
mode: 9, |
||||
|
}, |
||||
|
]) |
||||
|
}, |
||||
|
airSpeedLs(){ |
||||
|
return ([ |
||||
|
{ |
||||
|
id: 1, |
||||
|
name: '高', |
||||
|
icon: 'wind_3', |
||||
|
speed: 3, |
||||
|
}, |
||||
|
{ |
||||
|
id: 2, |
||||
|
name: '中', |
||||
|
icon: 'wind_2', |
||||
|
speed: 2, |
||||
|
}, |
||||
|
{ |
||||
|
id: 3, |
||||
|
name: '低', |
||||
|
icon: 'wind_1', |
||||
|
speed: 1, |
||||
|
}, |
||||
|
{ |
||||
|
id: 4, |
||||
|
name: '自动', |
||||
|
icon: 'wind_0', |
||||
|
speed: 4, |
||||
|
}, |
||||
|
]) |
||||
|
}, |
||||
|
hydrovalveLs(){ |
||||
|
return ([ |
||||
|
{ |
||||
|
id: 1, |
||||
|
name: '开', |
||||
|
icon: 'open' |
||||
|
}, |
||||
|
{ |
||||
|
id: 2, |
||||
|
name: '关', |
||||
|
icon: 'close' |
||||
|
}, |
||||
|
]) |
||||
|
}, |
||||
|
allowLs(){ |
||||
|
return ([ |
||||
|
|
||||
|
{ |
||||
|
id: 2, |
||||
|
name: '开机', |
||||
|
icon: 'switch', |
||||
|
op: 'on', |
||||
|
}, |
||||
|
{ |
||||
|
id: 3, |
||||
|
name: '关机', |
||||
|
icon: 'close', |
||||
|
op: 'off', |
||||
|
}, |
||||
|
{ |
||||
|
id: 1, |
||||
|
name: '解锁', |
||||
|
icon: 'normal', |
||||
|
op: 'unlock', |
||||
|
}, |
||||
|
{ |
||||
|
id: 4, |
||||
|
name: '全锁', |
||||
|
icon: 'lock', |
||||
|
op: 'lock', |
||||
|
}, |
||||
|
]) |
||||
|
}, |
||||
|
}, |
||||
|
data(){ |
||||
|
return { |
||||
|
subpackInfo: {}, |
||||
|
pageInfo: {}, |
||||
|
airName: '' |
||||
|
} |
||||
|
}, |
||||
|
onLoad(options){ |
||||
|
console.warn('qrstr', options.qrstr); |
||||
|
if(options.name)this.airName = options.name; |
||||
|
let _qyObj = null; |
||||
|
try{ |
||||
|
_qyObj = util.jsonPar(options.qrstr); |
||||
|
}catch(err){ |
||||
|
console.warn('json ERR', err); |
||||
|
} |
||||
|
if(!_qyObj)return; |
||||
|
console.warn('_qyObj', _qyObj); |
||||
|
_qyObj = this.setExt({ query: _qyObj, value: '', }); |
||||
|
this.subpackInfo = _qyObj; |
||||
|
this.operateReq({ data: _qyObj, isTip: false }); |
||||
|
}, |
||||
|
methods: { |
||||
|
tempBtn: util.debounce(function(type){ |
||||
|
let { pageInfo } = this; |
||||
|
let _num = pageInfo.temperature || 0; |
||||
|
_num = type == 'add' ? ++_num : type == 'reduce' ? --_num : _num; |
||||
|
this.operateReq({ data: this.getOperateData({ op: 'st', ext: _num }), isTip: false }); |
||||
|
|
||||
|
}, 300, true), |
||||
|
|
||||
|
operateBtn: util.debounce(function({ op='', ext='' }){ |
||||
|
let { subpackInfo } = this; |
||||
|
this.operateReq({ |
||||
|
data: this.getOperateData({ op, ext }) |
||||
|
}) |
||||
|
.then(res=>{ |
||||
|
if(res == 'success'){ |
||||
|
setTimeout(_=>{ |
||||
|
this.operateReq({ data: this.getOperateData({ op: 'st', }), isTip: false }); |
||||
|
}, 1200) |
||||
|
} |
||||
|
}) |
||||
|
}, 300, true), |
||||
|
getOperateData({ op='', ext='' }){ |
||||
|
let { subpackInfo } = this; |
||||
|
let _obj = null; |
||||
|
_obj = this.setOp({ query: subpackInfo, value: op, }); |
||||
|
_obj = this.setExt({ query: subpackInfo, value: ext, }); |
||||
|
return _obj; |
||||
|
}, |
||||
|
getSpeedName(speed){ |
||||
|
switch(+speed){ |
||||
|
case 1: |
||||
|
return '低速' |
||||
|
case 2: |
||||
|
return '中速' |
||||
|
case 3: |
||||
|
return '高速' |
||||
|
case 4: |
||||
|
return '自动' |
||||
|
default: |
||||
|
return '-' |
||||
|
} |
||||
|
}, |
||||
|
setExt({query, value}){ |
||||
|
if(query.data.toString() !== '[object Object]')query.data = {}; |
||||
|
if(query.data.value.toString() !== '[object Object]')query.data.value = {}; |
||||
|
query.data&&query.data.value&&(query.data.value.ext = value); |
||||
|
return query; |
||||
|
}, |
||||
|
setOp({query, value}){ |
||||
|
if(query.data.toString() !== '[object Object]')query.data = {}; |
||||
|
if(query.data.value.toString() !== '[object Object]')query.data.value = {}; |
||||
|
query.data&&query.data.value&&(query.data.value.op = value); |
||||
|
return query; |
||||
|
}, |
||||
|
getIconPath(iconName){ |
||||
|
if(!iconName)return ''; |
||||
|
return `/subpackage/device/static/images/air_conditioner/${iconName}.png` |
||||
|
}, |
||||
|
// 操作接口请求 |
||||
|
operateReq({data, isTip=true, isLoad=true}){ |
||||
|
if(isLoad)util.showLoad(); |
||||
|
return deviceServer.post({ |
||||
|
url: deviceApi.ouxuanac, |
||||
|
data: data, |
||||
|
isDefaultGet: false, |
||||
|
}) |
||||
|
.then(res=>{ |
||||
|
if(isLoad)util.hideLoad(); |
||||
|
if(res.data.code == 0){ |
||||
|
if(isTip)util.showNone(res.data.message || '操作成功！'); |
||||
|
if(data.data&&data.data.value&&data.data.value.op === 'info')this.pageInfo = res.data.data || {}; |
||||
|
return 'success' |
||||
|
}else{ |
||||
|
if(isTip)util.showNone(res.data.message || '操作失败！'); |
||||
|
return 'fail'; |
||||
|
} |
||||
|
}) |
||||
|
.catch(err=>{if(isLoad)util.hideLoad()}) |
||||
|
}, |
||||
|
} |
||||
|
} |
||||
|
</script> |
||||
|
|
||||
|
<style lang="scss"> |
||||
|
@import '~style/public.scss'; |
||||
|
.air-conditioner-detail{ |
||||
|
padding: 40upx; |
||||
|
.acd-tit{ |
||||
|
margin-bottom: 40upx; |
||||
|
font-size: 44upx; |
||||
|
font-weight: 500; |
||||
|
color: #333; |
||||
|
} |
||||
|
.acd-panel{ |
||||
|
margin-bottom: 60upx; |
||||
|
padding: 24upx 14upx 50upx; |
||||
|
border-radius: 10upx; |
||||
|
background-color: #fff; |
||||
|
.ap-top-info{ |
||||
|
margin-bottom: 64upx; |
||||
|
flex-wrap: nowrap; |
||||
|
@include centerFlex(center); |
||||
|
.ati-box{ |
||||
|
flex-shrink: 0; |
||||
|
max-width: 50%; |
||||
|
margin: 0 10upx; |
||||
|
padding: 12upx 20upx; |
||||
|
flex-grow: 1; |
||||
|
height: 178upx; |
||||
|
border-radius: 4upx; |
||||
|
background-color: #f2f2f7; |
||||
|
.ab-tit{ |
||||
|
font-size: 28upx; |
||||
|
line-height: 40upx; |
||||
|
color: #9c9c9f; |
||||
|
} |
||||
|
} |
||||
|
.ati-temp{ |
||||
|
.at-info{ |
||||
|
@include centerFlex(space-between); |
||||
|
.ai-btn{ |
||||
|
flex-shrink: 0; |
||||
|
width: 24upx; |
||||
|
height: 24upx; |
||||
|
>image{ |
||||
|
width: 100%; |
||||
|
height: 100%; |
||||
|
} |
||||
|
} |
||||
|
.ai-temp{ |
||||
|
display: flex; |
||||
|
justify-content: center; |
||||
|
align-items: center; |
||||
|
.at-num{ |
||||
|
line-height: 112upx; |
||||
|
font-weight: 500; |
||||
|
font-size: 80upx; |
||||
|
color: $themeColor; |
||||
|
@include textHide(1); |
||||
|
} |
||||
|
.at-unit{ |
||||
|
flex-shrink: 0; |
||||
|
padding-top: 10upx; |
||||
|
align-self: flex-start; |
||||
|
font-size: 28upx; |
||||
|
line-height: 40upx; |
||||
|
color: $themeColor; |
||||
|
} |
||||
|
} |
||||
|
} |
||||
|
} |
||||
|
.ati-wind{ |
||||
|
.aw-txt{ |
||||
|
line-height: 90upx; |
||||
|
text-align: center; |
||||
|
font-weight: 500; |
||||
|
font-size: 64upx; |
||||
|
color: $themeColor; |
||||
|
|
||||
|
} |
||||
|
} |
||||
|
} |
||||
|
|
||||
|
.ap-btns{ |
||||
|
@include centerFlex(center); |
||||
|
.ab-item{ |
||||
|
margin: 0 60upx; |
||||
|
>image{ |
||||
|
margin: 0 auto 20upx; |
||||
|
display: block; |
||||
|
width: 100upx; |
||||
|
height: 100upx; |
||||
|
} |
||||
|
>view{ |
||||
|
margin: 0 auto; |
||||
|
text-align: center; |
||||
|
font-size: 24upx; |
||||
|
line-height: 34upx; |
||||
|
color: #9a9a9d; |
||||
|
} |
||||
|
} |
||||
|
} |
||||
|
} |
||||
|
.acd-btn-ls{ |
||||
|
width: 100%; |
||||
|
margin-bottom: 50upx; |
||||
|
.abl-tit{ |
||||
|
margin-bottom: 28upx; |
||||
|
line-height: 40upx; |
||||
|
font-size: 28upx; |
||||
|
color: #9c9c9f; |
||||
|
} |
||||
|
.abl-ls{ |
||||
|
display: flex; |
||||
|
flex-wrap: wrap; |
||||
|
.al-item{ |
||||
|
margin-bottom: 24upx; |
||||
|
width: 116upx; |
||||
|
flex-shrink: 0; |
||||
|
flex-grow: 0; |
||||
|
&:not(:nth-child(5n)){ |
||||
|
margin-right: 20upx; |
||||
|
} |
||||
|
&.acd-hover-active{ |
||||
|
.ai-icon{ |
||||
|
&::after{ |
||||
|
position: absolute; |
||||
|
content: ''; |
||||
|
left: 0; |
||||
|
top: 0; |
||||
|
right: 0; |
||||
|
bottom: 0; |
||||
|
background-color: rgba($color: #000000, $alpha: .3); |
||||
|
} |
||||
|
} |
||||
|
} |
||||
|
.ai-icon{ |
||||
|
position: relative; |
||||
|
margin: 0 auto 14upx; |
||||
|
width: 116upx; |
||||
|
height: 116upx; |
||||
|
border-radius: 10upx; |
||||
|
background-color: #fff; |
||||
|
overflow: hidden; |
||||
|
@include centerFlex(center); |
||||
|
>image{ |
||||
|
width: 60upx; |
||||
|
height: 60upx; |
||||
|
} |
||||
|
&.active{ |
||||
|
border: 2upx solid $themeColor; |
||||
|
} |
||||
|
} |
||||
|
.ai-txt{ |
||||
|
text-align: center; |
||||
|
text-align: center; |
||||
|
line-height: 40upx; |
||||
|
font-size: 28upx; |
||||
|
color: #1a1a1a; |
||||
|
@include textHide(2); |
||||
|
} |
||||
|
} |
||||
|
} |
||||
|
} |
||||
|
} |
||||
|
</style> |
||||
|
After Width: 200 | Height: 200 | Size: 4.2 KiB |
|
After Width: 120 | Height: 120 | Size: 1.8 KiB |
|
After Width: 120 | Height: 120 | Size: 2.1 KiB |
|
After Width: 120 | Height: 120 | Size: 1.1 KiB |
|
After Width: 120 | Height: 120 | Size: 2.4 KiB |
|
After Width: 200 | Height: 200 | Size: 3.1 KiB |
|
After Width: 120 | Height: 120 | Size: 1.4 KiB |
|
After Width: 120 | Height: 120 | Size: 1.1 KiB |
|
After Width: 56 | Height: 56 | Size: 291 B |
|
After Width: 48 | Height: 48 | Size: 193 B |
|
After Width: 120 | Height: 120 | Size: 920 B |
|
After Width: 120 | Height: 120 | Size: 940 B |
|
After Width: 120 | Height: 120 | Size: 719 B |
|
After Width: 120 | Height: 120 | Size: 656 B |
|
After Width: 120 | Height: 120 | Size: 795 B |
|
After Width: 120 | Height: 120 | Size: 691 B |
@ -0,0 +1,140 @@ |
|||||
|
<template> |
||||
|
<view class="retail-container"> |
||||
|
<view class="rc-header"> |
||||
|
<a-header :source="orderInfo.source || '-'" :status="getStatus(orderInfo.pay_status)"></a-header> |
||||
|
<view class="rh-name"> |
||||
|
<a-line :value="orderInfo.sys_optuname || '-'"> |
||||
|
<block slot="name">操作人：</block> |
||||
|
</a-line> |
||||
|
</view> |
||||
|
</view> |
||||
|
<view class="rc-goods-info" v-if="orderInfo.retail_order_goods&&orderInfo.retail_order_goods.length"> |
||||
|
<view class="rgi-tit">商品详情</view> |
||||
|
<view class="rgi-goods-ls"> |
||||
|
<view class="rgl-item" v-for="(e, i) in orderInfo.retail_order_goods" :key="i"> |
||||
|
<!-- 商品名称 ：咖啡（小） 数量：1 价格：￥3 --> |
||||
|
<a-line :value="e.name || '-'"> |
||||
|
<block slot="name">商品名称：</block> |
||||
|
</a-line> |
||||
|
<a-line :value="e.nums || '0'"> |
||||
|
<block slot="name">数量：</block> |
||||
|
</a-line> |
||||
|
<a-line :value="'￥' + (e.price || '0')"> |
||||
|
<block slot="name">价格：</block> |
||||
|
</a-line> |
||||
|
</view> |
||||
|
</view> |
||||
|
<view class="rgi-total"><text>合计支付：</text>￥{{ orderInfo.pay_amount || 0 }}</view> |
||||
|
</view> |
||||
|
<view class="rc-pay-info"> |
||||
|
<!-- 订单编号 --> |
||||
|
<view class="rpi-tit">支付详情</view> |
||||
|
<p-line :keyname="'订单编号'" :value="orderInfo.order_no || '-'" isbtn></p-line> |
||||
|
<p-line :keyname="'支付方式'" :value="payTypeTxt(orderInfo.pay_type)"></p-line> |
||||
|
<p-line :keyname="'支付时间'" :value="orderInfo.pay_time || '-'"></p-line> |
||||
|
</view> |
||||
|
</view> |
||||
|
</template> |
||||
|
|
||||
|
<script> |
||||
|
import { ORDER_API } from '../../../js/api'; |
||||
|
import server from '../../../js/server'; |
||||
|
import util from '../../../../../utils/util'; |
||||
|
import a_header from '../../../../../components/order_list/a_header/a_header.vue'; |
||||
|
import a_line from '../../../../../components/order_list/a_line/a_line.vue'; |
||||
|
import s_line from '../../../components/s_line/s_line.vue'; |
||||
|
import p_line from '../../../components/p_line/p_line.vue'; |
||||
|
export default { |
||||
|
components: { |
||||
|
'a-line': a_line, |
||||
|
'a-header': a_header, |
||||
|
's-line': s_line, |
||||
|
'p-line': p_line, |
||||
|
}, |
||||
|
data(){ |
||||
|
return { |
||||
|
orderInfo: {} |
||||
|
} |
||||
|
}, |
||||
|
onLoad(options){ |
||||
|
this.getOrderInfo(options.order_no); |
||||
|
}, |
||||
|
methods: { |
||||
|
payTypeTxt: util.order_pay_type_txt, |
||||
|
getStatus(status){ |
||||
|
let _obj = { |
||||
|
1: '交易成功' |
||||
|
} |
||||
|
return _obj[status] || '-' |
||||
|
}, |
||||
|
getOrderInfo(order_no){ |
||||
|
util.showLoad(); |
||||
|
server.get({ |
||||
|
url: ORDER_API.retailOrderInfo, |
||||
|
data: { order_no }, |
||||
|
failMsg: '加载失败！' |
||||
|
}) |
||||
|
.then(res=>{ |
||||
|
util.hideLoad(); |
||||
|
this.orderInfo = res || {}; |
||||
|
}) |
||||
|
}, |
||||
|
|
||||
|
} |
||||
|
} |
||||
|
</script> |
||||
|
|
||||
|
<style lang="scss"> |
||||
|
@import '~style/public.scss'; |
||||
|
.retail-container{ |
||||
|
|
||||
|
} |
||||
|
.rc-header{ |
||||
|
margin-bottom: 26upx; |
||||
|
padding: 0 24upx; |
||||
|
background-color: #fff; |
||||
|
.rh-name{ |
||||
|
padding: 30upx 0; |
||||
|
} |
||||
|
} |
||||
|
.rc-goods-info{ |
||||
|
margin-bottom: 24upx; |
||||
|
padding: 0 24upx; |
||||
|
background-color: #fff; |
||||
|
.rgi-tit{ |
||||
|
padding-top: 20upx; |
||||
|
font-size: 32upx; |
||||
|
color: #1a1a1a; |
||||
|
} |
||||
|
.rgi-goods-ls{ |
||||
|
.rgl-item{ |
||||
|
padding: 30upx 0; |
||||
|
border-bottom: 2upx solid #D8D8D8; |
||||
|
} |
||||
|
} |
||||
|
.rgi-total{ |
||||
|
text-align: right; |
||||
|
line-height: 106upx; |
||||
|
font-weight: 500; |
||||
|
font-size: 28upx; |
||||
|
color: #1a1a1a; |
||||
|
white-space: nowrap; |
||||
|
text-overflow: ellipsis; |
||||
|
overflow: hidden; |
||||
|
>text{ |
||||
|
color: #9a9a9d; |
||||
|
font-weight: 400; |
||||
|
} |
||||
|
} |
||||
|
} |
||||
|
.rc-pay-info{ |
||||
|
padding: 30upx; |
||||
|
background-color: #fff; |
||||
|
.rpi-tit{ |
||||
|
margin-bottom: 16upx; |
||||
|
line-height: 44upx; |
||||
|
font-size: 32upx; |
||||
|
color: #333; |
||||
|
} |
||||
|
} |
||||
|
</style> |
||||
@ -0,0 +1,295 @@ |
|||||
|
<template> |
||||
|
<view class="ym-card-info"> |
||||
|
<view class="yci-main"> |
||||
|
<view class="yci-box ym-card-info"> |
||||
|
<view class="yci-stadium-name">{{ orderInfo.extension.name || '-' }}</view> |
||||
|
<view class="yci-line"> |
||||
|
<view>年月卡名称：{{ orderInfo.card_info.name || '-' }}</view> |
||||
|
<view>年月卡卡号：{{ orderInfo.card_no || '-' }}</view> |
||||
|
<view>有效期：至{{ orderInfo.expired_at || '-' }}</view> |
||||
|
</view> |
||||
|
<view class="yci-btn"> |
||||
|
<view @click="toRecord">使用记录</view> |
||||
|
</view> |
||||
|
<view class="yci-status-tag"> |
||||
|
<image mode="aspectFit" :src="getTagImgPath(orderInfo.status)"></image> |
||||
|
</view> |
||||
|
</view> |
||||
|
|
||||
|
<view class="yci-box ym-user"> |
||||
|
<view class="yci-tit">持卡人信息</view> |
||||
|
<a-line :value="orderInfo.mobile || '-'"> |
||||
|
<block slot="name">手机号码：</block> |
||||
|
</a-line> |
||||
|
<a-line :value="orderInfo.nickname || '-'"> |
||||
|
<block slot="name">用户昵称：</block> |
||||
|
</a-line> |
||||
|
<view class="yu-line">照片：<text @click="changeFaceImgBtn" v-if="orderInfo.status ==1">更改照片</text></view> |
||||
|
<image |
||||
|
class="yu-img" |
||||
|
mode="aspectFit" |
||||
|
v-if="orderInfo.user_face" |
||||
|
:src="orderInfo.user_face" |
||||
|
@click="previewImg(orderInfo.user_face)" |
||||
|
></image> |
||||
|
</view> |
||||
|
|
||||
|
<view class="yci-box yci-buy-info" v-if="orderInfo.status == 1 || orderInfo.status == 2 || orderInfo.status == 3"> |
||||
|
<view class="yci-tit">购卡信息</view> |
||||
|
<view class="ybi-name">年月卡名称：{{ orderInfo.card_info.name || '-' }}</view> |
||||
|
<s-line :keyname="'金额小计'" :value="'￥' + (orderInfo.extension.amount || '0')"></s-line> |
||||
|
<s-line :keyname="'积分抵扣'" :value="'￥' + (orderInfo.extension.deduction_amount|| '0')"></s-line> |
||||
|
<s-line :keyname="'折扣金额'" :value="'￥' + (orderInfo.extension.discount_amount || '0')"></s-line> |
||||
|
<s-line :keyname="'优惠券优惠'" :value="'￥' + (orderInfo.extension.coupons_amount || '0')"></s-line> |
||||
|
<view class="ybi-total"><text>合计支付：</text>￥ {{ orderInfo.extension.pay_amount || '0' }}</view> |
||||
|
</view> |
||||
|
|
||||
|
<view class="yci-box yci-pay-info" v-if="orderInfo.status == 1 || orderInfo.status == 2 || orderInfo.status == 3"> |
||||
|
<view class="yci-tit">支付信息</view> |
||||
|
<p-line :keyname="'订单编号'" :value="orderInfo.order_no || '-'" ></p-line> |
||||
|
<p-line :keyname="'支付方式'" :value="orderInfo.extension.pay_type_text || '-'" ></p-line> |
||||
|
<p-line :keyname="'支付时间'" :value="orderInfo.extension.pay_time || '-'" ></p-line> |
||||
|
<p-line :keyname="'微信交易号'" :value="orderInfo.extension.trade_no || '-'" ></p-line> |
||||
|
<p-line :keyname="'创建途径'" :value="orderInfo.source || '-'" ></p-line> |
||||
|
</view> |
||||
|
|
||||
|
</view> |
||||
|
</view> |
||||
|
</template> |
||||
|
|
||||
|
<script> |
||||
|
/* |
||||
|
InactiveCardStatus CardStatusType = iota // 待激活 0 |
||||
|
ActiveCardStatus // 使用中 1 |
||||
|
InvalidCardStatus // 已失效 2 |
||||
|
ReturnCardStatus // 已退卡 3 |
||||
|
*/ |
||||
|
import a_line from '../../../../../components/order_list/a_line/a_line.vue'; |
||||
|
import s_line from '../../../components/s_line/s_line.vue'; |
||||
|
import p_line from '../../../components/p_line/p_line.vue'; |
||||
|
import util from '../../../../../utils/util'; |
||||
|
import { ORDER_API } from '../../../js/api'; |
||||
|
import server from '../../../js/server'; |
||||
|
export default { |
||||
|
components: { |
||||
|
'a-line': a_line, |
||||
|
's-line': s_line, |
||||
|
'p-line': p_line, |
||||
|
|
||||
|
}, |
||||
|
data(){ |
||||
|
return { |
||||
|
orderInfo: { |
||||
|
card_info: {}, |
||||
|
extension: {} |
||||
|
}, |
||||
|
optionsQuery: {}, |
||||
|
} |
||||
|
}, |
||||
|
onLoad(options){ |
||||
|
this.getCardInfo({ |
||||
|
id: options.id, |
||||
|
card_no: options.card_no |
||||
|
}); |
||||
|
this.optionsQuery = options || {}; |
||||
|
}, |
||||
|
methods: { |
||||
|
previewImg(url){ |
||||
|
if(!url)return |
||||
|
uni.previewImage({ urls: [ url ] }); |
||||
|
}, |
||||
|
changeFaceImgBtn(){ |
||||
|
uni.chooseImage({ |
||||
|
count: 1, |
||||
|
success: imgRes =>{ |
||||
|
this.upLoadImg(imgRes || {}); |
||||
|
}, |
||||
|
failMsg: imgErr => { |
||||
|
console.warn('chooseImage err --->' , imgErr); |
||||
|
util.showNone('选择图片失败！'); |
||||
|
} |
||||
|
}) |
||||
|
}, |
||||
|
upLoadImg(imgRes){ |
||||
|
util.showLoad(); |
||||
|
server.uploadFile({ |
||||
|
url: ORDER_API.ymCardInfoFace, |
||||
|
filePath: imgRes.tempFilePaths[0] || '', |
||||
|
}) |
||||
|
.then(e=>{ |
||||
|
util.hideLoad(); |
||||
|
let _res = util.jsonPar(e.data); |
||||
|
if(_res.code == 0){ |
||||
|
let _url = _res.data.url || ''; |
||||
|
this.saveFaceImg(_url); |
||||
|
}else{ |
||||
|
console.error('上传图片失败--->',_res); |
||||
|
util.showNone(_res.message || '上传图片失败，请重试！') |
||||
|
} |
||||
|
}) |
||||
|
.catch(err=>{ |
||||
|
util.hideLoad(); |
||||
|
console.error('上传图片失败--->',err); |
||||
|
util.showNone('上传图片失败，稍后重试！') |
||||
|
}) |
||||
|
}, |
||||
|
saveFaceImg(faceUrl){ |
||||
|
let { optionsQuery } = this; |
||||
|
util.showLoad(); |
||||
|
server.post({ |
||||
|
url: ORDER_API.ymCardInfoFaceSave, |
||||
|
data: { |
||||
|
card_no: optionsQuery.card_no, |
||||
|
face: faceUrl, |
||||
|
}, |
||||
|
isDefaultGet: false, |
||||
|
}) |
||||
|
.then(res=>{ |
||||
|
util.hideLoad(); |
||||
|
if(res.data.code == 0){ |
||||
|
util.showNone(res.data.message || '操作成功！'); |
||||
|
let { optionsQuery } = this; |
||||
|
setTimeout(_=>{ |
||||
|
this.getCardInfo({ |
||||
|
id: optionsQuery.id, |
||||
|
card_no: optionsQuery.card_no |
||||
|
}); |
||||
|
}, 1200); |
||||
|
}else{ |
||||
|
util.showNone(res.data.message || '操作失败！'); |
||||
|
} |
||||
|
}) |
||||
|
}, |
||||
|
getTagImgPath(status){ |
||||
|
if(!status)return '' |
||||
|
return `/subpackage/order/static/images/ym_card/status_${status}.png` |
||||
|
}, |
||||
|
getCardInfo({id, card_no}){ |
||||
|
util.showLoad(); |
||||
|
server.get({ |
||||
|
url: ORDER_API.userMonthlyCardInfo, |
||||
|
data: { id, card_no }, |
||||
|
failMsg: '加载失败！' |
||||
|
}) |
||||
|
.then(res=>{ |
||||
|
util.hideLoad(); |
||||
|
this.orderInfo = res || {}; |
||||
|
}) |
||||
|
}, |
||||
|
toRecord(){ |
||||
|
let { optionsQuery } = this; |
||||
|
util.routeTo(`/subpackage/order/pages/ym_card/use_record/use_record?card_no=${optionsQuery.card_no}`, 'nT'); |
||||
|
}, |
||||
|
} |
||||
|
} |
||||
|
</script> |
||||
|
|
||||
|
<style lang="scss"> |
||||
|
@import '~style/public.scss'; |
||||
|
.ym-card-info{ |
||||
|
|
||||
|
} |
||||
|
.yci-box{ |
||||
|
padding: 30upx; |
||||
|
margin-bottom: 24upx; |
||||
|
border-radius: 10upx; |
||||
|
background-color: #fff; |
||||
|
} |
||||
|
.yci-tit{ |
||||
|
margin-bottom: 20upx; |
||||
|
line-height: 40upx; |
||||
|
font-size: 28upx; |
||||
|
color: #9C9C9F; |
||||
|
} |
||||
|
.yci-main{ |
||||
|
padding: 24upx; |
||||
|
.ym-card-info{ |
||||
|
position: relative; |
||||
|
.yci-stadium-name{ |
||||
|
margin-bottom: 22upx; |
||||
|
padding-bottom: 26upx; |
||||
|
line-height: 40upx; |
||||
|
font-size: 28upx; |
||||
|
font-weight: 500; |
||||
|
border-bottom: 2upx solid #D8D8D8; |
||||
|
@include textHide(1); |
||||
|
} |
||||
|
.yci-line{ |
||||
|
margin-bottom: 32upx; |
||||
|
>view{ |
||||
|
line-height: 48upx; |
||||
|
font-size: 28upx; |
||||
|
color: #333; |
||||
|
@include textHide(1); |
||||
|
} |
||||
|
} |
||||
|
.yci-btn{ |
||||
|
@include centerFlex(flex-end); |
||||
|
>view{ |
||||
|
width: 176upx; |
||||
|
line-height: 80upx; |
||||
|
text-align: center; |
||||
|
border-radius: 10upx; |
||||
|
border: 2upx solid #9A9A9D; |
||||
|
font-size: 32upx; |
||||
|
color: #9A9A9D; |
||||
|
} |
||||
|
} |
||||
|
.yci-status-tag{ |
||||
|
position: absolute; |
||||
|
right: 0; |
||||
|
top: 0; |
||||
|
width: 132upx; |
||||
|
height: 132upx; |
||||
|
overflow: hidden; |
||||
|
border-top-right-radius: 10upx; |
||||
|
>image{ |
||||
|
width: 100%; |
||||
|
height: 100%; |
||||
|
} |
||||
|
} |
||||
|
} |
||||
|
.ym-user{ |
||||
|
.yu-line{ |
||||
|
margin-bottom: 16upx; |
||||
|
font-size: 28upx; |
||||
|
line-height: 52upx; |
||||
|
color: #9a9a9d; |
||||
|
>text{ |
||||
|
color: $themeColor; |
||||
|
text-decoration: underline; |
||||
|
} |
||||
|
} |
||||
|
.yu-img{ |
||||
|
display: block; |
||||
|
width: 218upx; |
||||
|
height: 218upx; |
||||
|
border-radius: 10upx; |
||||
|
|
||||
|
} |
||||
|
} |
||||
|
.yci-buy-info{ |
||||
|
.ybi-name{ |
||||
|
margin-bottom: 22upx; |
||||
|
padding-bottom: 30upx; |
||||
|
font-size: 28upx; |
||||
|
line-height: 40upx; |
||||
|
color: #1a1a1a; |
||||
|
border-bottom: 2upx solid #D8D8D8; |
||||
|
|
||||
|
} |
||||
|
.ybi-total{ |
||||
|
text-align: right; |
||||
|
font-size: 28upx; |
||||
|
font-weight: 500; |
||||
|
line-height: 40upx; |
||||
|
color: #333; |
||||
|
@include textHide(1); |
||||
|
>text{ |
||||
|
color: #9A9A9D; |
||||
|
} |
||||
|
} |
||||
|
} |
||||
|
} |
||||
|
|
||||
|
</style> |
||||
@ -0,0 +1,112 @@ |
|||||
|
<template> |
||||
|
<view class="use-record"> |
||||
|
<view class="ur-list"> |
||||
|
<view class="ul-item" v-for="(e, i) in recordLs" :key="i"> |
||||
|
<view class="ui-header"> |
||||
|
<image class="uh-img" mode="aspectFit" :src="e.stadium_logo"></image> |
||||
|
<view>{{ e.stadium_name || '-' }}</view> |
||||
|
</view> |
||||
|
<view class="uh-lines"> |
||||
|
<view><text>验证方式：</text>{{ e.enter_desc || '-' }}</view> |
||||
|
<view><text>核销时间：</text>{{ e.enter_time || '-' }}</view> |
||||
|
<view><text>离场时间：</text>{{ e.leave_time || '-' }}</view> |
||||
|
</view> |
||||
|
</view> |
||||
|
</view> |
||||
|
</view> |
||||
|
</template> |
||||
|
|
||||
|
<script> |
||||
|
import util from '../../../../../utils/util'; |
||||
|
import { ORDER_API } from '../../../js/api'; |
||||
|
import server from '../../../js/server'; |
||||
|
export default { |
||||
|
data(){ |
||||
|
return { |
||||
|
recordLs: [], |
||||
|
page: 1, |
||||
|
card_no: '', |
||||
|
} |
||||
|
}, |
||||
|
onLoad(options){ |
||||
|
this.card_no = options.card_no || ''; |
||||
|
this.getRecordLs({ |
||||
|
card_no: options.card_no, |
||||
|
}); |
||||
|
}, |
||||
|
onReachBottom(){ |
||||
|
let { card_no, page } = this; |
||||
|
this.getRecordLs({ |
||||
|
card_no: card_no, |
||||
|
page: ++page, |
||||
|
}) |
||||
|
}, |
||||
|
methods: { |
||||
|
getRecordLs({ |
||||
|
card_no, |
||||
|
page = 1, |
||||
|
page_size = 15 |
||||
|
}){ |
||||
|
util.showLoad(); |
||||
|
server.get({ |
||||
|
url: ORDER_API.ymCardUsage, |
||||
|
data: { card_no, page_size, page }, |
||||
|
failMsg: '加载失败！' |
||||
|
}) |
||||
|
.then(res=>{ |
||||
|
util.hideLoad(); |
||||
|
let _ls = res.list || []; |
||||
|
if(page == 1)return this.recordLs = _ls; |
||||
|
if(!_ls.length)return util.showNone('没有更多！'); |
||||
|
this.page = page; |
||||
|
this.recordLs = [...this.recordLs, ..._ls]; |
||||
|
}) |
||||
|
}, |
||||
|
} |
||||
|
} |
||||
|
</script> |
||||
|
|
||||
|
<style lang="scss"> |
||||
|
@import '~style/public.scss'; |
||||
|
.use-record{ |
||||
|
.ur-list{ |
||||
|
.ul-item{ |
||||
|
margin-bottom: 24upx; |
||||
|
padding: 30upx; |
||||
|
background-color: #fff; |
||||
|
.ui-header{ |
||||
|
height: 100upx; |
||||
|
border-bottom: 2upx solid #f2f2f7; |
||||
|
@include centerFlex(space-between); |
||||
|
.uh-img{ |
||||
|
flex-shrink: 0; |
||||
|
flex-grow: 0; |
||||
|
margin-right: 10upx; |
||||
|
width: 30upx; |
||||
|
height: 30upx; |
||||
|
} |
||||
|
>view{ |
||||
|
flex-grow: 1; |
||||
|
line-height: 44upx; |
||||
|
font-size: 32upx; |
||||
|
color: #333; |
||||
|
@include textHide(1); |
||||
|
} |
||||
|
} |
||||
|
.uh-lines{ |
||||
|
padding: 14upx 16upx 10upx; |
||||
|
>view{ |
||||
|
font-size: 28upx; |
||||
|
line-height: 50upx; |
||||
|
color: #333; |
||||
|
@include textHide(1); |
||||
|
>text{ |
||||
|
color: #9A9A9D; |
||||
|
} |
||||
|
} |
||||
|
} |
||||
|
|
||||
|
} |
||||
|
} |
||||
|
} |
||||
|
</style> |
||||
|
After Width: 60 | Height: 60 | Size: 537 B |
|
After Width: 120 | Height: 120 | Size: 811 B |
|
After Width: 132 | Height: 132 | Size: 13 KiB |
|
After Width: 132 | Height: 132 | Size: 2.0 KiB |
|
After Width: 132 | Height: 132 | Size: 2.1 KiB |
Write
Preview
Loading…
Cancel
Save
Reference in new issue