旅游

@@ -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">
-                {{ v.name }} :
-              </div>
-              <div class="rowBox">
+              <div class="ticket ticket-row">
+                <span class="label">
+                  {{ v.name }} :
+                </span>
                 <span class="titleTick">
                   {{
                     triggerLanguage(language, v.price, v.priceEn)
@@ -42,11 +42,17 @@
                     triggerLanguage(language, '￥/人', '€/person')
                   }}
                 </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>
+              </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,23 +358,29 @@ function toSelectClosed() {
       .ticket {
         height: 40px;
         line-height: 40px;
-        width: 100px;
+        width: 320px;
+      }
+      
+      .ticket-row {
+        display: flex;
+        justify-content: space-between;
+        align-items: center;
       }
       
+      .titleTick {
+        color: #493ceb;
+        cursor: pointer;
+        font-weight: 600;
+        font-size: 18px;
+        margin-right: 30px;
+        height: 40px;
+        line-height: 40px;
+      }
+      
+      
       .rowBox {
         display: flex;
         
-        .titleTick {
-          color: #493ceb;
-          cursor: pointer;
-          font-weight: 600;
-          font-size: 18px;
-          margin-right: 30px;
-          height: 40px;
-          line-height: 40px;
-          width: 180px;
-          //text-align: center;
-        }
         
         .inputNumber {
           height: 35px;