旅游

@@ -2,7 +2,7 @@
   <div>
     <!-- top -->
     <div class="container top">
-      <img :src="fillImgUrl(travel.cover)" alt="" class="cover_img" st>
+      <img :src="fillImgUrl(travel.cover)" alt="" class="cover_img">
       <div class="info">
         <div class="title">{{ travel.name }}</div>
         <div class="select_item_box">
@@ -30,10 +30,10 @@
           <br>
           <div v-for="v in ticketList" v-show="v.leftNum!=0" :key="v.id">
             <div class="select_item_box">
-              <div class="label ticket">
+              <div class="ticket ticket-row">
+                <span class="label">
                   {{ v.name }} :
-              </div>
-              <div class="rowBox">
+                </span>
                 <span class="titleTick">
                   {{
                     triggerLanguage(language, v.price, v.priceEn)
@@ -42,11 +42,17 @@
                     triggerLanguage(language, '￥/人', '€/person')
                   }}
                 </span>
+              </div>
+              <div class="rowBox">
+                
+                <span>
                   <el-input-number
                     v-model="v.count" :max="v.leftNum" :min="0" :precision="0" class="inputNumber"
                     @change="countTotal"
                   />
                   <i class="residue">{{ language == 0 ? '剩余票数' : 'Remaining votes' }}{{ v.leftNum }}</i>
+                </span>
+              
               </div>
             </div>
           </div>
@@ -79,14 +85,18 @@
           </div>
           
           <div
-            v-if="endTime<=0" class="btn" style="margin-left: 40px;opacity: 0.5;cursor: not-allowed;margin-top: 10px"
+            v-if="endTime<=0" class="btn"
+            style="margin-left: 40px;opacity: 0.5;cursor: not-allowed;margin-top: 10px"
             @click="toSelectClosed"
           >
             {{
               triggerLanguage(language, "售票结束", "Sale closed")
             }}
           </div>
-          <div v-else class="btn" style="margin-left: 40px;margin-top: 10px" @click="toSelectSeat()">
+          <div
+            v-else v-show="travel?.dateList?.length>0" class="btn" style="margin-left: 40px;margin-top: 10px"
+            @click="toSelectSeat()"
+          >
             {{
               triggerLanguage(language, "立即购票", "Buy tickets now")
             }}
@@ -202,8 +212,8 @@ function countTotal() {
       })]
     }
   }
-  selectForm.value.price = price
-  selectForm.value.priceEn = priceEn
+  selectForm.value.price = price?.toFixed(2)
+  selectForm.value.priceEn = priceEn?.toFixed(2)
 }
 
 async function toSelectSeat() {
@@ -348,11 +358,14 @@ function toSelectClosed() {
       .ticket {
         height: 40px;
         line-height: 40px;
-        width: 100px;
+        width: 320px;
       }
       
-      .rowBox {
+      .ticket-row {
         display: flex;
+        justify-content: space-between;
+        align-items: center;
+      }
       
       .titleTick {
         color: #493ceb;
@@ -362,10 +375,13 @@ function toSelectClosed() {
         margin-right: 30px;
         height: 40px;
         line-height: 40px;
-          width: 180px;
-          //text-align: center;
       }
       
+      
+      .rowBox {
+        display: flex;
+        
+        
         .inputNumber {
           height: 35px;
           margin: 2.5px;