|
@@ -17,7 +17,7 @@
|
|
|
<view class="booking-btn">立即预约</view>
|
|
|
</view>
|
|
|
<!-- 场地 -->
|
|
|
- <view class="c-scheduled-card" v-if="orderPageInfo?.orderType == 0||orderPageInfo?.orderType==1">
|
|
|
+ <view class="c-scheduled-card" v-if="orderPageInfo?.orderType == 0 || orderPageInfo?.orderType == 1">
|
|
|
<view class="title">预定信息</view>
|
|
|
<view class="schedule-address">
|
|
|
<view class="text">场馆</view>
|
|
@@ -27,7 +27,7 @@
|
|
|
<view class="text">场次</view>
|
|
|
<view class="">
|
|
|
<view class="time-box" v-for="item in orderDetailInfo?.proInfoList" :key="item.id">
|
|
|
- <view class="time">{{item.useDateStr}} {{ item.frameTimeStr }} {{ item.productName }}</view>
|
|
|
+ <view class="time">{{ item.useDateStr }} {{ item.frameTimeStr }} {{ item.productName }}</view>
|
|
|
<view class="status" v-if="orderPageInfo?.orderType == 1">已退款</view>
|
|
|
</view>
|
|
|
</view>
|
|
@@ -49,20 +49,31 @@
|
|
|
<image class="shoping-img" :src="orderDetailInfo?.appCourses?.cover" mode="">
|
|
|
</image>
|
|
|
<view class="shoping-info">
|
|
|
- <view class="name">{{ orderDetailInfo?.appCourses?.name }}</view>
|
|
|
+ <view class="name">{{ orderDetailInfo?.appCourses?.name ||
|
|
|
+ orderDetailInfo?.proInfoList[0].productName
|
|
|
+ }} <text style="font-weight: normal;color: #AAAAAA;font-size: 22rpx;">x{{
|
|
|
+ orderDetailInfo?.proInfoList?.length }}</text></view>
|
|
|
+ <!-- refundType:退款类型;0可退/到期自动退 1限时退 2不可退" -->
|
|
|
+ <view class="shoping-refund" v-if="orderDetailInfo?.runType == 0">全天</view>
|
|
|
+ <view class="shoping-refund" v-else>
|
|
|
+ {{ DateUtils.formatDateToHHmm(orderDetailInfo?.createTime) + '-' +
|
|
|
+ DateUtils.formatDateToHHmm(orderDetailInfo?.endTime) }}
|
|
|
+ </view>
|
|
|
+ <view class="shoping-refund">{{ orderDetailInfo?.refundType == 2 ? '不支持退款' : '随时退·过期退' }}</view>
|
|
|
<view class="shoping-price" @click="pricePopup.open()">
|
|
|
- <view class="price">¥{{ orderDetailInfo?.totalPrice }}</view>
|
|
|
+ <view class="price">¥{{ orderDetailInfo?.totalPrice.toFixed(2) }}</view>
|
|
|
<view class="text">
|
|
|
<text>实付</text>
|
|
|
<text class="mini-text">¥</text>
|
|
|
- <text class="price-big">{{ orderDetailInfo?.price }}</text>
|
|
|
+ <text class="price-big">{{ orderDetailInfo?.price.toFixed(2) }}</text>
|
|
|
<zzx-icon name="ashRight" size="10"></zzx-icon>
|
|
|
</view>
|
|
|
</view>
|
|
|
</view>
|
|
|
</view>
|
|
|
<view class="t-shoping-address"
|
|
|
- @click="RouterUtils.to_page(`/pages/index/verificationRecord/index?orderId=${orderDetailInfo?.id}&proInfoList=${JSON.stringify(orderDetailInfo?.proInfoList)}`)">
|
|
|
+ @click="RouterUtils.to_page(`/pages/index/verificationRecord/index?orderId=${orderDetailInfo?.id}&proInfoList=${JSON.stringify(orderDetailInfo?.proInfoList)}`)"
|
|
|
+ v-if="orderPageInfo?.orderType == 5">
|
|
|
<view class="address">上课地点:{{ orderDetailInfo?.courseSiteAddress }}</view>
|
|
|
<view class="course-time">
|
|
|
<text>{{ orderDetailInfo?.appCourses?.classNum }}课时
|
|
@@ -71,13 +82,14 @@
|
|
|
<zzx-icon name="ashRight" size="10"></zzx-icon>
|
|
|
</view>
|
|
|
</view>
|
|
|
- <view class="t-invite">
|
|
|
+ <view class="t-invite" v-if="orderPageInfo?.orderType == 5">
|
|
|
邀请好友报名
|
|
|
</view>
|
|
|
</view>
|
|
|
<!-- 待使用展示 -->
|
|
|
- <view class="t-qrcode-card" v-if="orderPageInfo?.orderType == 2 || orderPageInfo?.orderType == 0|| orderPageInfo?.orderType == 5|| orderPageInfo?.orderType == 1">
|
|
|
- <block v-if="orderDetailInfo?.orSchoolCourse!=1">
|
|
|
+ <view class="t-qrcode-card"
|
|
|
+ v-if="orderPageInfo?.orderType == 2 || orderPageInfo?.orderType == 0 || orderPageInfo?.orderType == 5 || orderPageInfo?.orderType == 1">
|
|
|
+ <block v-if="orderDetailInfo?.orSchoolCourse != 1">
|
|
|
<view class="qrcode-box">
|
|
|
<view class="item-qrcode">
|
|
|
<uv-qrcode ref="qrcode" size="100px" :value="orderDetailInfo?.id"></uv-qrcode>
|
|
@@ -89,7 +101,8 @@
|
|
|
<view class="t-todeused">
|
|
|
<view class="todeused">
|
|
|
<view class="text">待使用</view>
|
|
|
- <view class="time" v-if="orderDetailInfo?.appCourses?.endTime||orderDetailInfo?.endTime">{{ orderDetailInfo?.appCourses?.endTime||orderDetailInfo?.endTime }} 到期</view>
|
|
|
+ <view class="time" v-if="orderDetailInfo?.appCourses?.endTime || orderDetailInfo?.endTime">{{
|
|
|
+ orderDetailInfo?.appCourses?.endTime || orderDetailInfo?.endTime }} 到期</view>
|
|
|
</view>
|
|
|
<view class="order-num" v-for="item in orderDetailInfo?.proInfoList" :key="item.id">
|
|
|
<text>{{ item.ticketNo }} {{ item.userName }}</text>
|
|
@@ -114,7 +127,7 @@
|
|
|
</view>
|
|
|
</view>
|
|
|
<!-- 学校场地预定订单详情展示 -->
|
|
|
- <view class="t-scheduled-card" v-if="orderPageInfo?.orderType == 2">
|
|
|
+ <!-- <view class="t-scheduled-card" v-if="orderPageInfo?.orderType == 2">
|
|
|
<view class="s-title">预定信息</view>
|
|
|
<view class="t-scheduled-list">
|
|
|
<view class="item-list">
|
|
@@ -134,11 +147,11 @@
|
|
|
<view class="list-right">杨锦新 赵四儿</view>
|
|
|
</view>
|
|
|
</view>
|
|
|
- </view>
|
|
|
+ </view> -->
|
|
|
<view class="t-address-card">
|
|
|
<view class="address">
|
|
|
<zzx-icon name="location"></zzx-icon>
|
|
|
- <view class="">{{ orderDetailInfo?.courseSiteAddress||orderDetailInfo?.schoolAddress }}</view>
|
|
|
+ <view class="">{{ orderDetailInfo?.courseSiteAddress || orderDetailInfo?.schoolAddress }}</view>
|
|
|
</view>
|
|
|
<view class="nav-info">
|
|
|
<view class="nav" @click="open_map">
|
|
@@ -161,17 +174,32 @@
|
|
|
<zzx-icon name="ashRight" size="12"></zzx-icon>
|
|
|
</view> -->
|
|
|
</view>
|
|
|
- <view class="t-use-card" v-if="orderPageInfo?.orderType == 0">
|
|
|
+ <view class="t-use-card" v-if="orderPageInfo?.orderType == 0 || orderPageInfo?.orderType == 5">
|
|
|
<view class="use-tips">
|
|
|
<view class="title">参赛意外险</view>
|
|
|
- <view class="text">实际付款:6元(3元/份×2)</view>
|
|
|
- </view>
|
|
|
- <view class="check-all">
|
|
|
- <text>查看详情</text>
|
|
|
- <zzx-icon name="ashRight" size="12"></zzx-icon>
|
|
|
+ <view class="t-use-insureOrder">
|
|
|
+ <view class="insureOrder-title">被保人</view>
|
|
|
+ <view class="insureOrder-text" v-if="orderDetailInfo?.insureOrderInfoList">
|
|
|
+ {{ orderDetailInfo?.insureOrderInfoList.length }}人(<text
|
|
|
+ v-for="name in orderDetailInfo?.insureOrderInfoList"
|
|
|
+ :key="name.id">{{ name.familyUserName }}、</text>)</view>
|
|
|
+ </view>
|
|
|
+ <view class="t-use-insureOrder">
|
|
|
+ <view class="insureOrder-title">生效时间</view>
|
|
|
+ <view class="insureOrder-text" v-if="orderDetailInfo?.insureOrderInfoList">
|
|
|
+ {{ orderDetailInfo?.insureOrderInfoList[0].assertStartTime?.slice(0, 10) }}至{{
|
|
|
+ orderDetailInfo?.insureOrderInfoList[0].assertEndTime?.slice(0, 10) }}
|
|
|
+ </view>
|
|
|
+ </view>
|
|
|
+ <view class="t-use-insureOrder">
|
|
|
+ <view class="insureOrder-title">保费总金额</view>
|
|
|
+ <view class="insureOrder-text" v-if="orderDetailInfo?.insureOrderInfoList">¥{{
|
|
|
+ orderDetailInfo?.insureOrderInfoList.length * orderDetailInfo?.insureOrderInfoList[0].money }}
|
|
|
+ </view>
|
|
|
+ </view>
|
|
|
</view>
|
|
|
</view>
|
|
|
- <view class="t-use-card" v-if="orderPageInfo?.orderType == 2">
|
|
|
+ <view class="t-use-card" v-if="orderPageInfo?.orderType == 5">
|
|
|
<view class="use-tips t-contract-list">
|
|
|
<view class="title">电子合同</view>
|
|
|
<view class="text contract-list">
|
|
@@ -199,7 +227,7 @@
|
|
|
</view>
|
|
|
<view class="info-list">
|
|
|
<view class="item-left">手机号码</view>
|
|
|
- <view class="item-right">{{ orderDetailInfo?.phoneNumber||orderDetailInfo?.phone }}</view>
|
|
|
+ <view class="item-right">{{ orderDetailInfo?.phoneNumber || orderDetailInfo?.phone }}</view>
|
|
|
</view>
|
|
|
<view class="info-list">
|
|
|
<view class="item-left">订单编号</view>
|
|
@@ -324,21 +352,50 @@ onLoad((option) => {
|
|
|
onMounted(() => {
|
|
|
getOrderDetailInfo()
|
|
|
})
|
|
|
-const download_qrcode = () => {//下载二维码
|
|
|
+const download_qrcode = () => { //下载二维码,增加授权判断
|
|
|
+ // #ifdef MP-WEIXIN
|
|
|
+ uni.authorize({
|
|
|
+ scope: 'scope.writePhotosAlbum',
|
|
|
+ success() {
|
|
|
+ uni.showLoading()
|
|
|
+ qrcode.value.save({
|
|
|
+ success: (res: any) => {
|
|
|
+ uni.hideLoading()
|
|
|
+ TipsUtils.tips_toast('下载成功')
|
|
|
+ },
|
|
|
+ fail: (err: any) => {
|
|
|
+ console.log(err, '下载失败');
|
|
|
+ uni.hideLoading()
|
|
|
+ }
|
|
|
+ });
|
|
|
+ },
|
|
|
+ fail() {
|
|
|
+ uni.showModal({
|
|
|
+ title: '提示',
|
|
|
+ content: '需要授权保存到相册,是否去设置?',
|
|
|
+ success: (res: any) => {
|
|
|
+ if (res.confirm) {
|
|
|
+ uni.openSetting();
|
|
|
+ }
|
|
|
+ }
|
|
|
+ });
|
|
|
+ }
|
|
|
+ });
|
|
|
+ // #endif
|
|
|
+ // #ifndef MP-WEIXIN
|
|
|
uni.showLoading()
|
|
|
qrcode.value.save({
|
|
|
- success: (res) => {
|
|
|
+ success: (res: any) => {
|
|
|
uni.hideLoading()
|
|
|
TipsUtils.tips_toast('下载成功')
|
|
|
},
|
|
|
- fail: (err) => {
|
|
|
+ fail: (err: any) => {
|
|
|
console.log(err);
|
|
|
-
|
|
|
uni.hideLoading()
|
|
|
}
|
|
|
});
|
|
|
+ // #endif
|
|
|
}
|
|
|
-
|
|
|
const refund_btn = () => {
|
|
|
RouterUtils.to_page('/pages/index/refundDetail/index')
|
|
|
}
|
|
@@ -409,7 +466,7 @@ const getQueryWaitSignList = (orderId: string) => {
|
|
|
}
|
|
|
|
|
|
|
|
|
-const checkSign = (e) => {
|
|
|
+const checkSign = (e: any) => {
|
|
|
get_UserIdentityInfo(e.familyId)
|
|
|
}
|
|
|
|
|
@@ -631,14 +688,20 @@ const getSignUrl = (signFlowId: string) => {
|
|
|
color: #222222;
|
|
|
}
|
|
|
|
|
|
+ .shoping-refund {
|
|
|
+ margin-top: 10rpx;
|
|
|
+ font-size: 24rpx;
|
|
|
+ color: #AAAAAA;
|
|
|
+ }
|
|
|
+
|
|
|
.shoping-price {
|
|
|
display: flex;
|
|
|
align-items: center;
|
|
|
justify-content: space-between;
|
|
|
|
|
|
.price {
|
|
|
- font-weight: bold;
|
|
|
- font-size: 32rpx;
|
|
|
+ font-weight: 600;
|
|
|
+ font-size: 30rpx;
|
|
|
color: #FB5B5B;
|
|
|
}
|
|
|
|
|
@@ -649,8 +712,8 @@ const getSignUrl = (signFlowId: string) => {
|
|
|
}
|
|
|
|
|
|
.price-big {
|
|
|
- font-weight: 800;
|
|
|
- font-size: 48rpx;
|
|
|
+ font-weight: 600;
|
|
|
+ font-size: 30rpx;
|
|
|
color: #FB5B5B;
|
|
|
}
|
|
|
}
|
|
@@ -854,6 +917,24 @@ const getSignUrl = (signFlowId: string) => {
|
|
|
font-size: 28rpx;
|
|
|
color: #AAAAAA;
|
|
|
}
|
|
|
+
|
|
|
+ .t-use-insureOrder {
|
|
|
+ display: flex;
|
|
|
+ align-items: center;
|
|
|
+ justify-content: space-between;
|
|
|
+ width: 660rpx;
|
|
|
+ margin-top: 20rpx;
|
|
|
+
|
|
|
+ .insureOrder-title {
|
|
|
+ font-size: 28rpx;
|
|
|
+ color: #AAAAAA;
|
|
|
+ }
|
|
|
+
|
|
|
+ .insureOrder-text {
|
|
|
+ font-size: 28rpx;
|
|
|
+ color: #222222;
|
|
|
+ }
|
|
|
+ }
|
|
|
}
|
|
|
|
|
|
.t-contract-list {
|