旅游
Showing
1 changed file
with
42 additions
and
26 deletions
| ... | @@ -2,7 +2,7 @@ | ... | @@ -2,7 +2,7 @@ |
| 2 | <div> | 2 | <div> |
| 3 | <!-- top --> | 3 | <!-- top --> |
| 4 | <div class="container top"> | 4 | <div class="container top"> |
| 5 | <img :src="fillImgUrl(travel.cover)" alt="" class="cover_img" st> | 5 | <img :src="fillImgUrl(travel.cover)" alt="" class="cover_img"> |
| 6 | <div class="info"> | 6 | <div class="info"> |
| 7 | <div class="title">{{ travel.name }}</div> | 7 | <div class="title">{{ travel.name }}</div> |
| 8 | <div class="select_item_box"> | 8 | <div class="select_item_box"> |
| ... | @@ -30,10 +30,10 @@ | ... | @@ -30,10 +30,10 @@ |
| 30 | <br> | 30 | <br> |
| 31 | <div v-for="v in ticketList" v-show="v.leftNum!=0" :key="v.id"> | 31 | <div v-for="v in ticketList" v-show="v.leftNum!=0" :key="v.id"> |
| 32 | <div class="select_item_box"> | 32 | <div class="select_item_box"> |
| 33 | <div class="label ticket"> | 33 | <div class="ticket ticket-row"> |
| 34 | {{ v.name }} : | 34 | <span class="label"> |
| 35 | </div> | 35 | {{ v.name }} : |
| 36 | <div class="rowBox"> | 36 | </span> |
| 37 | <span class="titleTick"> | 37 | <span class="titleTick"> |
| 38 | {{ | 38 | {{ |
| 39 | triggerLanguage(language, v.price, v.priceEn) | 39 | triggerLanguage(language, v.price, v.priceEn) |
| ... | @@ -42,11 +42,17 @@ | ... | @@ -42,11 +42,17 @@ |
| 42 | triggerLanguage(language, '¥/人', '€/person') | 42 | triggerLanguage(language, '¥/人', '€/person') |
| 43 | }} | 43 | }} |
| 44 | </span> | 44 | </span> |
| 45 | <el-input-number | 45 | </div> |
| 46 | v-model="v.count" :max="v.leftNum" :min="0" :precision="0" class="inputNumber" | 46 | <div class="rowBox"> |
| 47 | @change="countTotal" | 47 | |
| 48 | /> | 48 | <span> |
| 49 | <i class="residue">{{ language == 0 ? '剩余票数' : 'Remaining votes' }}{{ v.leftNum }}</i> | 49 | <el-input-number |
| 50 | v-model="v.count" :max="v.leftNum" :min="0" :precision="0" class="inputNumber" | ||
| 51 | @change="countTotal" | ||
| 52 | /> | ||
| 53 | <i class="residue">{{ language == 0 ? '剩余票数' : 'Remaining votes' }}{{ v.leftNum }}</i> | ||
| 54 | </span> | ||
| 55 | |||
| 50 | </div> | 56 | </div> |
| 51 | </div> | 57 | </div> |
| 52 | </div> | 58 | </div> |
| ... | @@ -79,14 +85,18 @@ | ... | @@ -79,14 +85,18 @@ |
| 79 | </div> | 85 | </div> |
| 80 | 86 | ||
| 81 | <div | 87 | <div |
| 82 | v-if="endTime<=0" class="btn" style="margin-left: 40px;opacity: 0.5;cursor: not-allowed;margin-top: 10px" | 88 | v-if="endTime<=0" class="btn" |
| 89 | style="margin-left: 40px;opacity: 0.5;cursor: not-allowed;margin-top: 10px" | ||
| 83 | @click="toSelectClosed" | 90 | @click="toSelectClosed" |
| 84 | > | 91 | > |
| 85 | {{ | 92 | {{ |
| 86 | triggerLanguage(language, "售票结束", "Sale closed") | 93 | triggerLanguage(language, "售票结束", "Sale closed") |
| 87 | }} | 94 | }} |
| 88 | </div> | 95 | </div> |
| 89 | <div v-else class="btn" style="margin-left: 40px;margin-top: 10px" @click="toSelectSeat()"> | 96 | <div |
| 97 | v-else v-show="travel?.dateList?.length>0" class="btn" style="margin-left: 40px;margin-top: 10px" | ||
| 98 | @click="toSelectSeat()" | ||
| 99 | > | ||
| 90 | {{ | 100 | {{ |
| 91 | triggerLanguage(language, "立即购票", "Buy tickets now") | 101 | triggerLanguage(language, "立即购票", "Buy tickets now") |
| 92 | }} | 102 | }} |
| ... | @@ -202,8 +212,8 @@ function countTotal() { | ... | @@ -202,8 +212,8 @@ function countTotal() { |
| 202 | })] | 212 | })] |
| 203 | } | 213 | } |
| 204 | } | 214 | } |
| 205 | selectForm.value.price = price | 215 | selectForm.value.price = price?.toFixed(2) |
| 206 | selectForm.value.priceEn = priceEn | 216 | selectForm.value.priceEn = priceEn?.toFixed(2) |
| 207 | } | 217 | } |
| 208 | 218 | ||
| 209 | async function toSelectSeat() { | 219 | async function toSelectSeat() { |
| ... | @@ -348,23 +358,29 @@ function toSelectClosed() { | ... | @@ -348,23 +358,29 @@ function toSelectClosed() { |
| 348 | .ticket { | 358 | .ticket { |
| 349 | height: 40px; | 359 | height: 40px; |
| 350 | line-height: 40px; | 360 | line-height: 40px; |
| 351 | width: 100px; | 361 | width: 320px; |
| 362 | } | ||
| 363 | |||
| 364 | .ticket-row { | ||
| 365 | display: flex; | ||
| 366 | justify-content: space-between; | ||
| 367 | align-items: center; | ||
| 352 | } | 368 | } |
| 353 | 369 | ||
| 370 | .titleTick { | ||
| 371 | color: #493ceb; | ||
| 372 | cursor: pointer; | ||
| 373 | font-weight: 600; | ||
| 374 | font-size: 18px; | ||
| 375 | margin-right: 30px; | ||
| 376 | height: 40px; | ||
| 377 | line-height: 40px; | ||
| 378 | } | ||
| 379 | |||
| 380 | |||
| 354 | .rowBox { | 381 | .rowBox { |
| 355 | display: flex; | 382 | display: flex; |
| 356 | 383 | ||
| 357 | .titleTick { | ||
| 358 | color: #493ceb; | ||
| 359 | cursor: pointer; | ||
| 360 | font-weight: 600; | ||
| 361 | font-size: 18px; | ||
| 362 | margin-right: 30px; | ||
| 363 | height: 40px; | ||
| 364 | line-height: 40px; | ||
| 365 | width: 180px; | ||
| 366 | //text-align: center; | ||
| 367 | } | ||
| 368 | 384 | ||
| 369 | .inputNumber { | 385 | .inputNumber { |
| 370 | height: 35px; | 386 | height: 35px; | ... | ... |
-
Please register or sign in to post a comment