From 9dfc54bf6e0fdb3c746815707487c6ae50e98905 Mon Sep 17 00:00:00 2001
From: MrShi <1878285526@qq.com>
Date: 星期二, 25 二月 2025 18:30:08 +0800
Subject: [PATCH] 更新
---
bicycle/pages/packageDetails/packageDetails.vue | 70 +++++++++++++++++++++++++---------
1 files changed, 51 insertions(+), 19 deletions(-)
diff --git a/bicycle/pages/packageDetails/packageDetails.vue b/bicycle/pages/packageDetails/packageDetails.vue
index 235fdaf..084ec67 100644
--- a/bicycle/pages/packageDetails/packageDetails.vue
+++ b/bicycle/pages/packageDetails/packageDetails.vue
@@ -1,39 +1,51 @@
<template>
<view class="tcx">
- <view class="tcx_bg">
+ <view class="tcx_bg" v-if="info">
<view class="index_box_vip_row">
<view class="vip1">
- <text>鐢靛崟杞﹀勾鍗�</text>
- <text>365</text>
+ <text>{{info.name || ''}}</text>
+ <text>{{info.price || ''}}</text>
</view>
<view class="vip2">
- <text>365澶╃晠楠戯紝浜彈楠戣溅涔愯叮</text>
- <u>楼699</u>
+ <text>{{info.descs || ''}}</text>
+ <u>楼{{info.linePrice || ''}}</u>
</view>
<view class="vip3">
- <view class="vip3_info">浣庤嚦1鍏�/澶�</view>
+ <view class="vip3_info">浣庤嚦{{info.dayPrice}}鍏�/澶�</view>
</view>
</view>
<view class="info">
<view class="info_title">閫傜敤瑙勫垯</view>
<view class="info_list">
- <view class="info_list_row">路 閫傜敤椤圭洰锛氱數鍔ㄨ溅</view>
- <view class="info_list_row">路 閫傜敤椤圭洰锛氱數鍔ㄨ溅</view>
- <view class="info_list_row">路 閫傜敤椤圭洰锛氱數鍔ㄨ溅</view>
+ <view class="info_list_row">
+ 路 閫傜敤椤圭洰锛�<template v-if="info.isbike === 1">鑷杞�</template>
+ <template v-if="info.isbike === 1 && info.iselecbike === 1"> | </template>
+ <template v-if="info.iselecbike === 1">鐢靛姩杞�</template>
+ </view>
+ <view class="info_list_row">
+ 路 閫傜敤鑼冨洿锛�
+ <tempalte v-if="info.useHoliday === 1">鑺傚亣鏃ュ彲鐢�</tempalte>
+ <template v-if="info.useHoliday === 1 && info.useWorkday === 1"> | </template>
+ <tempalte v-if="info.useWorkday === 1">宸ヤ綔鏃ュ彲鐢�</tempalte>
+ </view>
+ <view class="info_list_row">
+ 路 鐢熸晥鏃堕棿锛�
+ <tempalte v-if="info.useType === 0">{{info.useStartDate}}鑷硔{info.useEndDate}}鍐呮湁鏁�</tempalte>
+ <tempalte v-if="info.useType === 1">璐拱鍚庣敓鏁堬紝鏈夋晥鏈焮{info.useDays}}澶�</tempalte>
+ <tempalte v-if="info.useType === 2">鑷獅{info.useStartDate}}璧穥{info.useDays}}澶╁唴鏈夋晥</tempalte>
+ </view>
</view>
</view>
<view class="info">
<view class="info_title">濂楅璇存槑</view>
<view class="info_text">
- 濂楅璇存槑鍐呭濂楅璇存槑鍐呭濂楅璇存槑鍐呭锛屽椁愯鏄庡唴瀹瑰椁愯鏄庡唴瀹瑰椁愯鏄庡唴瀹癸紝濂楅璇存槑鍐呭濂楅璇存槑鍐呭濂楅璇存槑鍐呭銆�
- 濂楅璇存槑鍐呭濂楅璇存槑鍐呭濂楅璇存槑鍐呭锛屽椁愯鏄庡唴瀹瑰椁愯鏄庡唴瀹瑰椁愯鏄庡唴瀹癸紝濂楅璇存槑鍐呭濂楅璇存槑鍐呭濂楅璇存槑鍐呭锛屽椁愯鏄庡唴瀹瑰椁愯鏄庡唴瀹瑰椁愯鏄庡唴瀹癸紝濂楅璇存槑鍐呭濂楅璇存槑鍐呭濂楅璇存槑鍐呭銆�
- 濂楅璇存槑鍐呭濂楅璇存槑鍐呭濂楅璇存槑鍐呭锛屽椁愯鏄庡唴瀹瑰椁愯鏄庡唴瀹瑰椁愯鏄庡唴瀹癸紝濂楅璇存槑鍐呭濂楅璇存槑鍐呭濂楅璇存槑鍐呭銆�
+ <u-parse :content="info.content"></u-parse>
</view>
</view>
<view style="width: 100%; height: calc(96rpx + 20rpx + env(safe-area-inset-bottom));"></view>
</view>
- <view class="tcx_footer">
- <viwe class="tcx_footer_button" @click="jump">楼365 璐拱濂楅</viwe>
+ <view class="tcx_footer" @click="jump">
+ <viwe class="tcx_footer_button">楼{{info.price || ''}} 璐拱濂楅</viwe>
<view style="padding-bottom: env(safe-area-inset-bottom)"></view>
</view>
</view>
@@ -43,14 +55,33 @@
export default {
data() {
return {
-
+ id: null,
+ info: null
};
},
+ onLoad(options) {
+ this.id = options.id
+ this.getDesc()
+ },
methods: {
+ async getDesc() {
+ let res = await this.$u.api.discountDetail({ id: this.id })
+ if (res.code === 200) {
+ this.info = res.data
+ }
+ },
jump() {
uni.navigateTo({
- url: '/pages/paymentPage/packageDetails'
+ url: `/pages/paymentPage/paymentPage?id=${this.info.id}`
});
+ },
+ calculateDays(startDate, endDate) {
+ if (startDate && endDate) {
+ const start = new Date(startDate).getTime();
+ const end = new Date(endDate).getTime();
+ const days = (end - start) / (1000 * 3600 * 24) + 1;
+ return days;
+ };
}
}
}
@@ -71,7 +102,6 @@
background: linear-gradient(#01B6AD 0%, #F7F7F7 100%);
.index_box_vip_row {
width: 100%;
- height: 226rpx;
background: #FFFFFF;
box-shadow: 0rpx 4rpx 16rpx 0rpx rgba(0,0,0,0.06);
border-radius: 12rpx;
@@ -80,7 +110,7 @@
.vip1 {
width: 100%;
display: flex;
- align-items: center;
+ align-items: start;
justify-content: space-between;
text {
&:nth-child(1) {
@@ -104,7 +134,7 @@
.vip2 {
width: 100%;
display: flex;
- align-items: center;
+ align-items: start;
justify-content: space-between;
margin-top: 10rpx;
margin-bottom: 16rpx;
@@ -117,6 +147,7 @@
font-weight: 400;
font-size: 24rpx;
color: #999999;
+ text-decoration: line-through;
}
}
.vip3 {
@@ -179,6 +210,7 @@
width: 100%;
display: flex;
flex-direction: column;
+ z-index: 999;
.tcx_footer_button {
width: 100%;
height: 96rpx;
--
Gitblit v1.9.3