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 <span class="label">
34 {{ v.name }} : 35 {{ v.name }} :
35 </div> 36 </span>
36 <div class="rowBox">
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 </div>
46 <div class="rowBox">
47
48 <span>
45 <el-input-number 49 <el-input-number
46 v-model="v.count" :max="v.leftNum" :min="0" :precision="0" class="inputNumber" 50 v-model="v.count" :max="v.leftNum" :min="0" :precision="0" class="inputNumber"
47 @change="countTotal" 51 @change="countTotal"
48 /> 52 />
49 <i class="residue">{{ language == 0 ? '剩余票数' : 'Remaining votes' }}{{ v.leftNum }}</i> 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,11 +358,14 @@ function toSelectClosed() { ...@@ -348,11 +358,14 @@ 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;
352 } 362 }
353 363
354 .rowBox { 364 .ticket-row {
355 display: flex; 365 display: flex;
366 justify-content: space-between;
367 align-items: center;
368 }
356 369
357 .titleTick { 370 .titleTick {
358 color: #493ceb; 371 color: #493ceb;
...@@ -362,10 +375,13 @@ function toSelectClosed() { ...@@ -362,10 +375,13 @@ function toSelectClosed() {
362 margin-right: 30px; 375 margin-right: 30px;
363 height: 40px; 376 height: 40px;
364 line-height: 40px; 377 line-height: 40px;
365 width: 180px;
366 //text-align: center;
367 } 378 }
368 379
380
381 .rowBox {
382 display: flex;
383
384
369 .inputNumber { 385 .inputNumber {
370 height: 35px; 386 height: 35px;
371 margin: 2.5px; 387 margin: 2.5px;
......
Styling with Markdown is supported
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!