11b2e06d by zhangmeng

旅游

1 parent 16efcdfd
...@@ -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;
......
Styling with Markdown is supported
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!