Commit 9abdc179f1b337231138e7b3f0fd3ad18e8eedc5
1 parent
969da16d
购买券
Showing
2 changed files
with
66 additions
and
98 deletions
pages/businessCard/buyCard.vue
| 1 | <template> | 1 | <template> |
| 2 | <view> | 2 | <view> |
| 3 | 3 | ||
| 4 | - | ||
| 5 | <uni-section title="2小时(时长券)" type="line" > | 4 | <uni-section title="2小时(时长券)" type="line" > |
| 6 | <uni-card padding="0" spacing="0"> | 5 | <uni-card padding="0" spacing="0"> |
| 7 | <!--<template v-slot:cover>--> | 6 | <!--<template v-slot:cover>--> |
| @@ -55,45 +54,67 @@ | @@ -55,45 +54,67 @@ | ||
| 55 | @close="dialogClose"></uni-popup-dialog> | 54 | @close="dialogClose"></uni-popup-dialog> |
| 56 | </uni-popup> | 55 | </uni-popup> |
| 57 | </view> | 56 | </view> |
| 58 | - <view class="example"> | 57 | + <view class="formWrap"> |
| 59 | <uni-forms ref="baseForm" :modelValue="baseFormData" > | 58 | <uni-forms ref="baseForm" :modelValue="baseFormData" > |
| 60 | <uni-forms-item label="车牌号码" required> | 59 | <uni-forms-item label="车牌号码" required> |
| 61 | <uni-easyinput v-model="baseFormData.name" placeholder="请输入车牌号码" /> | 60 | <uni-easyinput v-model="baseFormData.name" placeholder="请输入车牌号码" /> |
| 62 | </uni-forms-item> | 61 | </uni-forms-item> |
| 63 | - <uni-section :title="'日期时间用法：' + datetimesingle" type="line"></uni-section> | ||
| 64 | - <view class="example-body"> | ||
| 65 | - <uni-datetime-picker type="datetime" v-model="datetimesingle" @change="changeLog" /> | ||
| 66 | - </view> | 62 | + |
| 63 | + <uni-forms-item label="生效时间"> | ||
| 64 | + <uni-datetime-picker :clear-icon="false" type="datetime" return-type="timestamp" v-model="baseFormData.datetimesingle"/> | ||
| 65 | + </uni-forms-item> | ||
| 66 | + <uni-forms-item label="失效时间"> | ||
| 67 | + <uni-datetime-picker :clear-icon="false" type="datetime" return-type="timestamp" v-model="baseFormData.datetimesingle"/> | ||
| 68 | + </uni-forms-item> | ||
| 67 | </uni-forms> | 69 | </uni-forms> |
| 68 | </view> | 70 | </view> |
| 71 | + <uni-section title="24小时(包天券)" type="line" > | ||
| 72 | + <uni-card padding="0" spacing="0"> | ||
| 73 | + <!--<template v-slot:cover>--> | ||
| 74 | + <!--<view class="custom-cover">--> | ||
| 75 | + <!--<image class="cover-image" mode="aspectFill" :src="cover">--> | ||
| 76 | + <!--</image>--> | ||
| 77 | + <!--<view class="cover-content">--> | ||
| 78 | + <!--<text class="uni-subtitle uni-white">今日新闻热点</text>--> | ||
| 79 | + <!--</view>--> | ||
| 80 | + <!--</view>--> | ||
| 81 | + <!--</template>--> | ||
| 82 | + <uni-list> | ||
| 83 | + <uni-list-item title="适应车场" rightText="万达商业广场" > | ||
| 84 | + <text></text> | ||
| 85 | + </uni-list-item> | ||
| 86 | + <uni-list-item title="价格：¥5/张" rightText="商户库存：0张"></uni-list-item> | ||
| 87 | + </uni-list> | ||
| 69 | 88 | ||
| 89 | + </uni-card> | ||
| 90 | + </uni-section> | ||
| 70 | 91 | ||
| 71 | 92 | ||
| 72 | - <!--<view class="uni-list">--> | ||
| 73 | - <!--<view class="uni-list-cell">--> | ||
| 74 | - <!--<view class="uni-list-cell-left">--> | ||
| 75 | - <!--生效时间--> | ||
| 76 | - <!--</view>--> | ||
| 77 | - <!--<view class="uni-list-cell-db">--> | ||
| 78 | - <!--<picker mode="date" :value="date" :start="startDate" :end="endDate" @change="bindStartDateChange">--> | ||
| 79 | - <!--<view class="uni-input">{{benginDate}}</view>--> | ||
| 80 | - <!--</picker>--> | ||
| 81 | - <!--</view>--> | ||
| 82 | - <!--</view>--> | ||
| 83 | - <!--</view>--> | ||
| 84 | 93 | ||
| 85 | - <!--<view class="uni-list">--> | ||
| 86 | - <!--<view class="uni-list-cell">--> | ||
| 87 | - <!--<view class="uni-list-cell-left">--> | ||
| 88 | - <!--失效时间--> | ||
| 89 | - <!--</view>--> | ||
| 90 | - <!--<view class="uni-list-cell-db">--> | ||
| 91 | - <!--<picker mode="date" :value="date" :start="startDate" :end="endDate" @change="bindEndDateChange">--> | ||
| 92 | - <!--<view class="uni-input">{{overDate}}</view>--> | ||
| 93 | - <!--</picker>--> | ||
| 94 | - <!--</view>--> | ||
| 95 | - <!--</view>--> | ||
| 96 | - <!--</view>--> | 94 | + <uni-list > |
| 95 | + <uni-list-item title="购买数量" > | ||
| 96 | + <template v-slot:footer> | ||
| 97 | + <uni-number-box v-model="vModelValue" @blur="blur" @focus="focus" @change="changeValue" /> | ||
| 98 | + </template> | ||
| 99 | + </uni-list-item> | ||
| 100 | + <uni-list-item title="应付金额" > | ||
| 101 | + <template v-slot:footer> | ||
| 102 | + <text style="color: red">¥25.00元</text> | ||
| 103 | + </template> | ||
| 104 | + </uni-list-item> | ||
| 105 | + <uni-list-item title="支付方式" rightText="商户余额" /> | ||
| 106 | + <uni-list-item note="请认真核对购买信息,卡券一经购买概不支持退款" > | ||
| 107 | + <template v-slot:header> | ||
| 108 | + <text style="color: red">温馨提示</text> | ||
| 109 | + </template> | ||
| 110 | + </uni-list-item> | ||
| 111 | + </uni-list> | ||
| 112 | + | ||
| 113 | + <view class="uni-padding-wrap uni-common-mt"> | ||
| 114 | + <button type="primary" @click="dialogToggle('warn')">立即购买</button> | ||
| 115 | + </view> | ||
| 116 | + | ||
| 117 | + | ||
| 97 | 118 | ||
| 98 | </view> | 119 | </view> |
| 99 | </template> | 120 | </template> |
| @@ -154,6 +175,12 @@ export default { | @@ -154,6 +175,12 @@ export default { | ||
| 154 | // .discValue); | 175 | // .discValue); |
| 155 | // GetbillQueryInfo(carnum, orderId, parkCode, cardNo, couponType, disValue) { | 176 | // GetbillQueryInfo(carnum, orderId, parkCode, cardNo, couponType, disValue) { |
| 156 | }, | 177 | }, |
| 178 | + mounted() { | ||
| 179 | + setTimeout(() => { | ||
| 180 | + this.baseFormData.datetimesingle = Date.now() - 2*24*3600*1000 | ||
| 181 | + this.datetimesingle = Date.now() - 2*24*3600*1000 | ||
| 182 | + },500) | ||
| 183 | + }, | ||
| 157 | computed: { | 184 | computed: { |
| 158 | startDate() { | 185 | startDate() { |
| 159 | return this.getDate('start'); | 186 | return this.getDate('start'); |
| @@ -226,7 +253,7 @@ export default { | @@ -226,7 +253,7 @@ export default { | ||
| 226 | </script> | 253 | </script> |
| 227 | 254 | ||
| 228 | <style lang="scss" scoped> | 255 | <style lang="scss" scoped> |
| 229 | - .example { | 256 | + .formWrap { |
| 230 | padding: 15px; | 257 | padding: 15px; |
| 231 | background-color: #fff; | 258 | background-color: #fff; |
| 232 | } | 259 | } |
| @@ -234,71 +261,8 @@ export default { | @@ -234,71 +261,8 @@ export default { | ||
| 234 | /deep/ .uni-section{ | 261 | /deep/ .uni-section{ |
| 235 | padding-bottom: 10px; | 262 | padding-bottom: 10px; |
| 236 | } | 263 | } |
| 237 | - .rechargeWrap{ | ||
| 238 | - position: relative; | ||
| 239 | - .rechargeArrow{ | ||
| 240 | - position: absolute; | ||
| 241 | - right: 10px; | ||
| 242 | - top: 30px; | ||
| 243 | - font-size: 20px; | ||
| 244 | - color: #999; | ||
| 245 | - } | ||
| 246 | - } | ||
| 247 | - .recordCon { | ||
| 248 | - padding-right: 35px; | ||
| 249 | - color: #999; | ||
| 250 | - display: flex; | ||
| 251 | - justify-content: space-between; | ||
| 252 | - } | ||
| 253 | - | ||
| 254 | - .container { | ||
| 255 | - overflow: hidden; | ||
| 256 | - } | ||
| 257 | - | ||
| 258 | - .custom-cover { | ||
| 259 | - flex: 1; | ||
| 260 | - flex-direction: row; | ||
| 261 | - position: relative; | ||
| 262 | - } | ||
| 263 | - | ||
| 264 | - .cover-content { | ||
| 265 | - position: absolute; | ||
| 266 | - bottom: 0; | ||
| 267 | - left: 0; | ||
| 268 | - right: 0; | ||
| 269 | - height: 40px; | ||
| 270 | - background-color: rgba($color: #000000, $alpha: 0.4); | ||
| 271 | - display: flex; | ||
| 272 | - flex-direction: row; | ||
| 273 | - align-items: center; | ||
| 274 | - padding-left: 15px; | ||
| 275 | - font-size: 14px; | ||
| 276 | - color: #fff; | ||
| 277 | - } | 264 | + /*/deep/ .uni-datetime-picker-btn-text{*/ |
| 265 | + /*display: none;*/ | ||
| 266 | + /*}*/ | ||
| 278 | 267 | ||
| 279 | - .card-actions { | ||
| 280 | - display: flex; | ||
| 281 | - flex-direction: row; | ||
| 282 | - justify-content: space-around; | ||
| 283 | - align-items: center; | ||
| 284 | - height: 45px; | ||
| 285 | - border-top: 1px #eee solid; | ||
| 286 | - } | ||
| 287 | - .card-actions-item { | ||
| 288 | - display: flex; | ||
| 289 | - flex-direction: row; | ||
| 290 | - align-items: center; | ||
| 291 | - } | ||
| 292 | - .card-actions-item-text { | ||
| 293 | - font-size: 12px; | ||
| 294 | - color: #666; | ||
| 295 | - margin-left: 5px; | ||
| 296 | - } | ||
| 297 | - .cover-image { | ||
| 298 | - flex: 1; | ||
| 299 | - height: 150px; | ||
| 300 | - } | ||
| 301 | - .no-border { | ||
| 302 | - border-width: 0; | ||
| 303 | - } | ||
| 304 | </style> | 268 | </style> |
uni_modules/uni-datetime-picker/components/uni-datetime-picker/time-picker.vue
| @@ -64,8 +64,12 @@ | @@ -64,8 +64,12 @@ | ||
| 64 | <text v-if="!hideSecond" class="uni-datetime-picker-sign sign-right">:</text> | 64 | <text v-if="!hideSecond" class="uni-datetime-picker-sign sign-right">:</text> |
| 65 | </view> | 65 | </view> |
| 66 | <view class="uni-datetime-picker-btn"> | 66 | <view class="uni-datetime-picker-btn"> |
| 67 | + <!--<view @click="clearTime">--> | ||
| 68 | + <!--<text class="uni-datetime-picker-btn-text">{{clearText}}</text>--> | ||
| 69 | + <!--</view>--> | ||
| 70 | + | ||
| 67 | <view @click="clearTime"> | 71 | <view @click="clearTime"> |
| 68 | - <text class="uni-datetime-picker-btn-text">{{clearText}}</text> | 72 | + <text class="uni-datetime-picker-btn-text"></text> |
| 69 | </view> | 73 | </view> |
| 70 | <view class="uni-datetime-picker-btn-group"> | 74 | <view class="uni-datetime-picker-btn-group"> |
| 71 | <view class="uni-datetime-picker-cancel" @click="tiggerTimePicker"> | 75 | <view class="uni-datetime-picker-cancel" @click="tiggerTimePicker"> |