|
|
|
@ -2,47 +2,49 @@ |
|
|
|
<view class="ym-card-info"> |
|
|
|
<view class="yci-main"> |
|
|
|
<view class="yci-box ym-card-info"> |
|
|
|
<view class="yci-stadium-name">欧轩智能场馆(羽毛球永泰店)</view> |
|
|
|
<view class="yci-stadium-name">{{ orderInfo.extension.name || '-' }}</view> |
|
|
|
<view class="yci-line"> |
|
|
|
<view>年月卡名称：年卡</view> |
|
|
|
<view>年月卡卡号：124646</view> |
|
|
|
<view>有效期：至2022.08.28</view> |
|
|
|
<view>年月卡名称：{{ orderInfo.card_info.name || '-' }}</view> |
|
|
|
<view>年月卡卡号：{{ orderInfo.card_no || '-' }}</view> |
|
|
|
<view>有效期：至{{ orderInfo.expired_at || '-' }}</view> |
|
|
|
</view> |
|
|
|
<view class="yci-btn"> |
|
|
|
<view>使用记录</view> |
|
|
|
<view @click="toRecord">使用记录</view> |
|
|
|
</view> |
|
|
|
<view class="yci-status-tag"> |
|
|
|
<image mode="aspectFit" :src="getTagImgPath(orderInfo.status)"></image> |
|
|
|
</view> |
|
|
|
<view class="yci-status-tag"></view> |
|
|
|
</view> |
|
|
|
|
|
|
|
<view class="yci-box ym-user"> |
|
|
|
<view class="yci-tit">持卡人信息</view> |
|
|
|
<a-line :value="'18316567789' || '-'"> |
|
|
|
<a-line :value="orderInfo.mobile || '-'"> |
|
|
|
<block slot="name">手机号码：</block> |
|
|
|
</a-line> |
|
|
|
<a-line :value="'yiming' || '-'"> |
|
|
|
<a-line :value="orderInfo.nickname || '-'"> |
|
|
|
<block slot="name">用户昵称：</block> |
|
|
|
</a-line> |
|
|
|
<view class="yu-line">照片：<text>更改照片</text></view> |
|
|
|
<image class="yu-img"></image> |
|
|
|
<view class="yu-line">照片：<text @click="changeFaceImgBtn">更改照片</text></view> |
|
|
|
<image class="yu-img" mode="aspectFit" :src="orderInfo.user_face"></image> |
|
|
|
</view> |
|
|
|
|
|
|
|
<view class="yci-box yci-buy-info"> |
|
|
|
<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">年月卡名称：年卡</view> |
|
|
|
<s-line :keyname="'金额小计'" :value="'￥' + (orderInfo.coupons_amount || '0')"></s-line> |
|
|
|
<s-line :keyname="'积分抵扣'" :value="'￥' + (orderInfo.coupons_amount || '0')"></s-line> |
|
|
|
<s-line :keyname="'折扣金额'" :value="'￥' + (orderInfo.coupons_amount || '0')"></s-line> |
|
|
|
<s-line :keyname="'优惠券优惠'" :value="'￥' + (orderInfo.coupons_amount || '0')"></s-line> |
|
|
|
<view class="ybi-total"><text>合计支付：</text>￥5</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"> |
|
|
|
<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.created_at || '-'" ></p-line> |
|
|
|
<p-line :keyname="'支付方式'" :value="orderInfo.created_at || '-'" ></p-line> |
|
|
|
<p-line :keyname="'支付时间'" :value="orderInfo.created_at || '-'" ></p-line> |
|
|
|
<p-line :keyname="'微信交易号'" :value="orderInfo.created_at || '-'" ></p-line> |
|
|
|
<p-line :keyname="'创建途径'" :value="orderInfo.created_at || '-'" ></p-line> |
|
|
|
<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> |
|
|
|
@ -65,26 +67,103 @@ export default { |
|
|
|
}, |
|
|
|
data(){ |
|
|
|
return { |
|
|
|
orderInfo: {} |
|
|
|
orderInfo: { |
|
|
|
card_info: {}, |
|
|
|
extension: {} |
|
|
|
}, |
|
|
|
optionsQuery: {}, |
|
|
|
} |
|
|
|
}, |
|
|
|
onLoad(options){ |
|
|
|
this.getCardInfo({ |
|
|
|
id: options.id, |
|
|
|
card_no: options.card_no |
|
|
|
}) |
|
|
|
}); |
|
|
|
this.optionsQuery = options || {}; |
|
|
|
}, |
|
|
|
methods: { |
|
|
|
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> |
|
|
|
@ -144,10 +223,14 @@ export default { |
|
|
|
position: absolute; |
|
|
|
right: 0; |
|
|
|
top: 0; |
|
|
|
width: 66upx; |
|
|
|
height: 66upx; |
|
|
|
background-color: skyblue; |
|
|
|
width: 132upx; |
|
|
|
height: 132upx; |
|
|
|
overflow: hidden; |
|
|
|
border-top-right-radius: 10upx; |
|
|
|
>image{ |
|
|
|
width: 100%; |
|
|
|
height: 100%; |
|
|
|
} |
|
|
|
} |
|
|
|
} |
|
|
|
.ym-user{ |
|
|
|
@ -166,7 +249,6 @@ export default { |
|
|
|
width: 218upx; |
|
|
|
height: 218upx; |
|
|
|
border-radius: 10upx; |
|
|
|
background-color: skyblue; |
|
|
|
|
|
|
|
} |
|
|
|
} |
|
|
|
|
