Merge branch '世锦赛' of https://code.itechtop.cn/yangyang/dance-pc into 世锦赛

# Conflicts:
#	src/viewsPc/components/homeQuick.vue

@@ -6,23 +6,23 @@
     </div>
     </div>
     <div class="box">
     <div class="box">
       <div class="searchBar">
       <div class="searchBar">
-        <el-input :placeholder="language==0?'请输入关键字搜索':'Search'" v-model="query.name" class="no-border">
+        <el-input v-model="query.name" :placeholder="language==0?'请输入关键字搜索':'Search'" class="no-border">
         </el-input>
         </el-input>
-        <el-button size="large" type="primary" class="btn-lineG" icon="search" @click="getList">
+        <el-button class="btn-lineG" icon="search" size="large" type="primary" @click="getList">
           {{ language == 0 ? '搜索' : 'Search' }}
           {{ language == 0 ? '搜索' : 'Search' }}
         </el-button>
         </el-button>
       </div>
       </div>
     </div>
     </div>
-
-    <div class="box" v-loading="loading">
+    
+    <div v-loading="loading" class="box">
       <el-row :gutter="20">
       <el-row :gutter="20">
-        <el-col :lg="24" :md="24" :sm="24" :xs="24" :xl="24" v-for="(h,index) in list" class="mb20">
+        <el-col v-for="(h,index) in list" :lg="24" :md="24" :sm="24" :xl="24" :xs="24" class="mb20">
           <el-card @click="goDetail(h)">
           <el-card @click="goDetail(h)">
             <!--        酒店列表-->
             <!--        酒店列表-->
-            <el-row class="hotel" align="middle" :gutter="20">
+            <el-row :gutter="20" align="middle" class="hotel">
               <el-col :lg="6" :md="6">
               <el-col :lg="6" :md="6">
                 <div class="imgbox">
                 <div class="imgbox">
-                  <img class="w100" :src="fillImgUrl(h.photos?.split(',')[0])"/>
+                  <img :src="fillImgUrl(h.photos?.split(',')[0])" class="w100"/>
                 </div>
                 </div>
               </el-col>
               </el-col>
               <el-col :lg="12" :md="12">
               <el-col :lg="12" :md="12">
@@ -35,7 +35,7 @@
                   <a v-show="h.label?.split('，').length>4">{{ language == 0 ? '更多' : 'MORE' }} ></a>
                   <a v-show="h.label?.split('，').length>4">{{ language == 0 ? '更多' : 'MORE' }} ></a>
                 </div>
                 </div>
                 <p class="esp addr mt20">
                 <p class="esp addr mt20">
-                  <el-icon size="16" style="position: relative;top: 2px" color="#929AA0">
+                  <el-icon color="#929AA0" size="16" style="position: relative;top: 2px">
                     <LocationFilled/>
                     <LocationFilled/>
                   </el-icon>
                   </el-icon>
                   {{ h.address }}
                   {{ h.address }}
@@ -55,7 +55,7 @@
       <el-empty v-show="!loading&&list.length==0" :image="`/img/order_no.png`" :image-size="228" description=""/>
       <el-empty v-show="!loading&&list.length==0" :image="`/img/order_no.png`" :image-size="228" description=""/>
       <div style="height: 50px"></div>
       <div style="height: 50px"></div>
     </div>
     </div>
-
+  
   </div>
   </div>
 </template>
 </template>
 
 
@@ -74,7 +74,7 @@ const route = useRoute()
 const useStore = useUserStore()
 const useStore = useUserStore()
 const user = useStore.user
 const user = useStore.user
 
 
-const flag = useRouteQuery('flag')
+// const flag = useRouteQuery('flag')
 
 
 const language = useStorage('language', 0)
 const language = useStorage('language', 0)
 const query = ref({
 const query = ref({
@@ -90,13 +90,11 @@ onMounted(() => {
 
 
 function getList() {
 function getList() {
   loading.value = true
   loading.value = true
-  booking.getHotelList(Object.assign({
-    meeting: flag.value,
-  },query.value)).then(res => {
+  booking.getHotelList(Object.assign({}, query.value)).then(res => {
     list.value = res.rows
     list.value = res.rows
     loading.value = false
     loading.value = false
     console.log(list.value)
     console.log(list.value)
-
+    
   }).catch(e => {
   }).catch(e => {
     loading.value = false
     loading.value = false
   })
   })
@@ -107,73 +105,84 @@ function goDetail(item) {
     useStore.setVisitor()
     useStore.setVisitor()
     return
     return
   }
   }
-  if (item.meeting == '1') {
-    ElMessageBox.confirm(item.meetText, '', {
-      cancelButtonText: language.value == 1 ? 'Close ' : '关闭',
-      confirmButtonText: language.value == 1 ? 'Continue to book' : '继续预订',
-      dangerouslyUseHTMLString: true,
-      type: 'warning',
-    }).then((res) => {
-      router.push({
-        name: 'hotelDetail',
-        params: {
-          hotelId: item.hotelId,
-        },
-        query: {
-          id: item.id
-        }
-      })
-    })
-  } else {
-    router.push({
-      name: 'hotelDetail',
-      params: {
-        hotelId: item.hotelId,
-      },
-      query: {
-        id: item.id
-      }
-    })
-  }
+  
+  router.push({
+    name: 'hotelDetail',
+    params: {
+      hotelId: item.hotelId,
+    },
+    query: {
+      id: item.id
+    }
+  })
+  
+  // if (item.meeting == '1') {
+  //   ElMessageBox.confirm(item.meetText, '', {
+  //     cancelButtonText: language.value == 1 ? 'Close ' : '关闭',
+  //     confirmButtonText: language.value == 1 ? 'Continue to book' : '继续预订',
+  //     dangerouslyUseHTMLString: true,
+  //     type: 'warning',
+  //   }).then((res) => {
+  //     router.push({
+  //       name: 'hotelDetail',
+  //       params: {
+  //         hotelId: item.hotelId,
+  //       },
+  //       query: {
+  //         id: item.id
+  //       }
+  //     })
+  //   })
+  // } else {
+  //   router.push({
+  //     name: 'hotelDetail',
+  //     params: {
+  //       hotelId: item.hotelId,
+  //     },
+  //     query: {
+  //       id: item.id
+  //     }
+  //   })
+  // }
 }
 }
 </script>
 </script>
 
 
-<style scoped lang="scss">
+<style lang="scss" scoped>
 .hotel {
 .hotel {
   h3 {
   h3 {
     margin: 0 0 10px;
     margin: 0 0 10px;
   }
   }
-
+  
   img.w100 {
   img.w100 {
     object-fit: cover;
     object-fit: cover;
     aspect-ratio: 16/9
     aspect-ratio: 16/9
   }
   }
-
+  
   .addr {
   .addr {
     font-size: 14px;
     font-size: 14px;
     color: #929AA0;
     color: #929AA0;
     font-weight: 400;
     font-weight: 400;
     margin: 0 0 10px;
     margin: 0 0 10px;
   }
   }
-
+  
   .price {
   .price {
     margin: 0 0 8px;
     margin: 0 0 8px;
     color: #FF8124;
     color: #FF8124;
     font-size: 18px;
     font-size: 18px;
-
+    
     span {
     span {
       font-size: 36px;
       font-size: 36px;
       margin: 0 8px;
       margin: 0 8px;
       font-family: 'DINAlternate-Bold';
       font-family: 'DINAlternate-Bold';
       font-weight: 600;
       font-weight: 600;
     }
     }
-
+    
     i {
     i {
       font-style: normal;
       font-style: normal;
       color: #929AA0;
       color: #929AA0;
     }
     }
   }
   }
-
+  
   .blackBtn {
   .blackBtn {
     background: #000;
     background: #000;
     border: #000;
     border: #000;
@@ -188,7 +197,7 @@ function goDetail(item) {
   display: flex;
   display: flex;
   align-items: center;
   align-items: center;
   justify-content: center;
   justify-content: center;
-
+  
   img {
   img {
     display: block;
     display: block;
     margin: -30px auto 0;
     margin: -30px auto 0;
@@ -208,7 +217,7 @@ function goDetail(item) {
 .no-border {
 .no-border {
   border: none;
   border: none;
   background: #F5F7F9;
   background: #F5F7F9;
-
+  
   :deep(.el-input__wrapper) {
   :deep(.el-input__wrapper) {
     border: none;
     border: none;
     box-shadow: none;
     box-shadow: none;
@@ -220,12 +229,12 @@ function goDetail(item) {
   width: 100%;
   width: 100%;
   height: 100%;
   height: 100%;
   position: relative;
   position: relative;
-
+  
   img {
   img {
     width: 100%;
     width: 100%;
     height: 100%;
     height: 100%;
   }
   }
-
+  
   .starBox {
   .starBox {
     position: absolute;
     position: absolute;
     bottom: 0;
     bottom: 0;
@@ -240,7 +249,7 @@ function goDetail(item) {
 
 
 .starBox {
 .starBox {
   border-radius: 14px 0 0 0;
   border-radius: 14px 0 0 0;
-
+  
   img {
   img {
     display: inline-block;
     display: inline-block;
     margin-right: 4px;
     margin-right: 4px;
@@ -250,12 +259,12 @@ function goDetail(item) {
 
 
 .tagbox {
 .tagbox {
   margin: 10px 0;
   margin: 10px 0;
-
+  
   a {
   a {
     color: #AFB5B9;
     color: #AFB5B9;
     font-size: 12px;
     font-size: 12px;
   }
   }
-
+  
   span {
   span {
     border-radius: 13px;
     border-radius: 13px;
     font-size: 12px;
     font-size: 12px;
@@ -263,22 +272,22 @@ function goDetail(item) {
     margin-right: 10px;
     margin-right: 10px;
     font-weight: 400;
     font-weight: 400;
   }
   }
-
+  
   span:nth-child(4n) {
   span:nth-child(4n) {
     background: rgba(50, 177, 108, 0.2);
     background: rgba(50, 177, 108, 0.2);
     color: rgba(50, 177, 108, 1);
     color: rgba(50, 177, 108, 1);
   }
   }
-
+  
   span:nth-child(4n+1) {
   span:nth-child(4n+1) {
     background: rgba(243, 152, 0, 0.2);
     background: rgba(243, 152, 0, 0.2);
     color: rgba(243, 152, 0, 1);
     color: rgba(243, 152, 0, 1);
   }
   }
-
+  
   span:nth-child(4n+2) {
   span:nth-child(4n+2) {
     background: rgba(0, 160, 233, 0.2);
     background: rgba(0, 160, 233, 0.2);
     color: rgba(0, 160, 233, 1);
     color: rgba(0, 160, 233, 1);
   }
   }
-
+  
   span:nth-child(4n+3) {
   span:nth-child(4n+3) {
     background: rgba(247, 64, 166, 0.2);
     background: rgba(247, 64, 166, 0.2);
     color: rgba(247, 64, 166, 1);
     color: rgba(247, 64, 166, 1);

@@ -155,13 +155,13 @@
                   <!--                    }}{{ language == 0 ? '元' : 'Euro' }} x 1-->
                   <!--                    }}{{ language == 0 ? '元' : 'Euro' }} x 1-->
                   <!--                    {{ language == 0 ? '张' : 'Tickets' }}-->
                   <!--                    {{ language == 0 ? '张' : 'Tickets' }}-->
                   <!--                  </el-col>-->
                   <!--                  </el-col>-->
-
+                
                 </el-row>
                 </el-row>
               </div>
               </div>
             </div>
             </div>
-
+            
             <div class="leftboderTT">{{ language == 0 ? '预订信息' : 'Booking information' }}</div>
             <div class="leftboderTT">{{ language == 0 ? '预订信息' : 'Booking information' }}</div>
-
+            
             <div class="border-info mt20">
             <div class="border-info mt20">
               <el-row v-if="type == 'hotel'">
               <el-row v-if="type == 'hotel'">
                 <el-col :lg="8" :md="12" :sm="12" :xs="24">
                 <el-col :lg="8" :md="12" :sm="12" :xs="24">
@@ -184,12 +184,12 @@
                         <el-tag class="mr10">{{ car.carSeat }} {{ language == 0 ? '座 ' : 'Sets' }}</el-tag>
                         <el-tag class="mr10">{{ car.carSeat }} {{ language == 0 ? '座 ' : 'Sets' }}</el-tag>
                         <el-tag>{{ car.carColor }}</el-tag>
                         <el-tag>{{ car.carColor }}</el-tag>
                       </div>
                       </div>
-
+                      
                       <span v-if="car.num > 0">	{{ car.num }}{{
                       <span v-if="car.num > 0">	{{ car.num }}{{
                           language == 0 ? '辆' : 'Cars'
                           language == 0 ? '辆' : 'Cars'
                         }} * {{ language == 0 ? '¥' : '$' }}{{ car.price }}</span>
                         }} * {{ language == 0 ? '¥' : '$' }}{{ car.price }}</span>
                     </div>
                     </div>
-
+                    
                     <div>{{ language == 0 ? '人数' : 'People' }}： {{ form.pickUpBo.count }}</div>
                     <div>{{ language == 0 ? '人数' : 'People' }}： {{ form.pickUpBo.count }}</div>
                     <div>{{ language == 0 ? '航班/火车班次' : 'Flight/Train' }}： {{ form.pickUpBo.no }}</div>
                     <div>{{ language == 0 ? '航班/火车班次' : 'Flight/Train' }}： {{ form.pickUpBo.no }}</div>
                     <div>{{ language == 0 ? '接机/接站地点' : 'Pick-up/Drop-off Place' }}：
                     <div>{{ language == 0 ? '接机/接站地点' : 'Pick-up/Drop-off Place' }}：
@@ -211,7 +211,7 @@
                         <el-tag class="mr10">{{ car.carSeat }} {{ language == 0 ? '座 ' : 'Sets' }}</el-tag>
                         <el-tag class="mr10">{{ car.carSeat }} {{ language == 0 ? '座 ' : 'Sets' }}</el-tag>
                         <el-tag>{{ car.carColor }}</el-tag>
                         <el-tag>{{ car.carColor }}</el-tag>
                       </div>
                       </div>
-
+                      
                       <span v-if="car.num > 0">	{{ car.num }}{{
                       <span v-if="car.num > 0">	{{ car.num }}{{
                           language == 0 ? '辆' : 'Cars'
                           language == 0 ? '辆' : 'Cars'
                         }} * {{ language == 0 ? '¥' : '$' }}{{ car.price }}</span>
                         }} * {{ language == 0 ? '¥' : '$' }}{{ car.price }}</span>
@@ -344,18 +344,19 @@
                     }}{{ Number(totalFee).toFixed(2) }}
                     }}{{ Number(totalFee).toFixed(2) }}
                   </el-col>
                   </el-col>
                 </el-row>
                 </el-row>
-
+              
               </el-row>
               </el-row>
-
+            
             </div>
             </div>
-
+            
             <el-row align="middle" justify="space-between">
             <el-row align="middle" justify="space-between">
               <el-col :lg="12">
               <el-col :lg="12">
                 <div v-if="form.payDate">{{ language == 0 ? '支付时间' : 'Payment Time' }}：{{ form.payDate }}</div>
                 <div v-if="form.payDate">{{ language == 0 ? '支付时间' : 'Payment Time' }}：{{ form.payDate }}</div>
                 <div class="mt10">{{ language == 0 ? '支付方式' : 'Payment Method' }}：
                 <div class="mt10">{{ language == 0 ? '支付方式' : 'Payment Method' }}：
                   <span v-if="form.paymentType=='1'">{{ language == 0 ? '微信支付' : 'WePay' }}</span>
                   <span v-if="form.paymentType=='1'">{{ language == 0 ? '微信支付' : 'WePay' }}</span>
                   <span v-else-if="form.paymentType=='3'">PayPal</span>
                   <span v-else-if="form.paymentType=='3'">PayPal</span>
-                  <span v-else-if="form.paymentType=='4'|| form.paymentType=='5'">{{language == 0 ?'对公转账':'Bank Transfer'}}</span>
+                  <span
+                    v-else-if="form.paymentType=='4'|| form.paymentType=='5'">{{ language == 0 ? '对公转账' : 'Bank Transfer' }}</span>
                   <span v-else>--</span>
                   <span v-else>--</span>
                 </div>
                 </div>
               </el-col>
               </el-col>
@@ -411,9 +412,11 @@
             {{ language == 0 ? '登录后查看明细' : 'View detailed information after logging in' }}
             {{ language == 0 ? '登录后查看明细' : 'View detailed information after logging in' }}
           </el-button>
           </el-button>
         </div>
         </div>
-
-        <div v-if="form.viewStatus == '0'&&(form.surplus!='0,0'&&form.surplus!='0')&&form.paymentType!='4'&&form.paymentType!='5'" class="pd20">
-
+        
+        <div
+          v-if="form.viewStatus == '0'&&(form.surplus!='0,0'&&form.surplus!='0')&&form.paymentType!='4'&&form.paymentType!='5'"
+          class="pd20">
+          
           <div class="leftboderTT">{{ language == 0 ? '选择支付方式' : 'Choose payment method' }}</div>
           <div class="leftboderTT">{{ language == 0 ? '选择支付方式' : 'Choose payment method' }}</div>
           <div class="mt20">
           <div class="mt20">
             <el-radio-group v-model="payType">
             <el-radio-group v-model="payType">
@@ -459,10 +462,10 @@
                     fill="#003087" p-id="22662"></path>
                     fill="#003087" p-id="22662"></path>
                 </svg>
                 </svg>
               </el-radio>
               </el-radio>
-              <el-radio value="4" v-if="language==0&&type=='hotel'" border>
-                对公打款
-              </el-radio>
-              <el-radio value="5" v-if="language==1&&type=='hotel'" border>
+              <!--              <el-radio value="4" v-if="language==0&&type=='hotel'" border>-->
+              <!--                对公打款-->
+              <!--              </el-radio>-->
+              <el-radio v-if="language==1&&type=='hotel'" border value="5">
                 Corporate payment
                 Corporate payment
               </el-radio>
               </el-radio>
             </el-radio-group>
             </el-radio-group>
@@ -489,29 +492,29 @@
             </div>
             </div>
           </div>
           </div>
         </div>
         </div>
-
+        
         <!--        线下支付且待支付状态-->
         <!--        线下支付且待支付状态-->
         <el-row v-if="(form.paymentType=='4'|| form.paymentType=='5')&&form.viewStatus=='0'" class="proofBox">
         <el-row v-if="(form.paymentType=='4'|| form.paymentType=='5')&&form.viewStatus=='0'" class="proofBox">
           <el-col :lg="12">
           <el-col :lg="12">
             <div class="flex">
             <div class="flex">
               <label style="width: 10em">
               <label style="width: 10em">
-                {{ language==0?'上传缴费凭证：':'Upload proof:' }}
+                {{ language == 0 ? '上传缴费凭证：' : 'Upload proof:' }}
               </label>
               </label>
-              <file-upload :is-show-tip="false" v-model="form.pic" :limit="1"/>
+              <file-upload v-model="form.pic" :is-show-tip="false" :limit="1"/>
             </div>
             </div>
           </el-col>
           </el-col>
           <el-col :lg="12">
           <el-col :lg="12">
-            <el-button class="fr" text type="primary" @click="downOfflineInvoice" icon="download">
+            <el-button class="fr" icon="download" text type="primary" @click="downOfflineInvoice">
               {{ language == 0 ? '下载缴费单' : 'Download Invoice' }}
               {{ language == 0 ? '下载缴费单' : 'Download Invoice' }}
             </el-button>
             </el-button>
           </el-col>
           </el-col>
-<!--          如果没审批通过-->
+          <!--          如果没审批通过-->
           <el-col :lg="24" align="center" justify="center">
           <el-col :lg="24" align="center" justify="center">
             <el-button round type="primary" @click="submitProof">提交凭证</el-button>
             <el-button round type="primary" @click="submitProof">提交凭证</el-button>
           </el-col>
           </el-col>
         </el-row>
         </el-row>
-
-
+        
+        
         <el-row align="middle" class="mt20 mb60" justify="center">
         <el-row align="middle" class="mt20 mb60" justify="center">
           <el-col :span="24" class="text-center">
           <el-col :span="24" class="text-center">
             <el-button v-if="!hideconfirmbtn&&form.viewStatus == '0'" class="btn-lineG w200px" round type="primary"
             <el-button v-if="!hideconfirmbtn&&form.viewStatus == '0'" class="btn-lineG w200px" round type="primary"
@@ -524,10 +527,10 @@
             <el-button v-if="form.viewStatus == '0'" class="underline" link @click="cancel">
             <el-button v-if="form.viewStatus == '0'" class="underline" link @click="cancel">
               {{ language == 0 ? '取消订单' : 'Cancel Order' }}
               {{ language == 0 ? '取消订单' : 'Cancel Order' }}
             </el-button>
             </el-button>
-
+          
           </el-col>
           </el-col>
         </el-row>
         </el-row>
-
+        
         <div v-if="form.payDate&&form.viewStatus=='1'">
         <div v-if="form.payDate&&form.viewStatus=='1'">
           <div class="text-center">
           <div class="text-center">
             <el-icon color="#32B16C" size="80">
             <el-icon color="#32B16C" size="80">
@@ -539,7 +542,7 @@
         </div>
         </div>
       </el-card>
       </el-card>
     </div>
     </div>
-
+    
     <div v-if="errorBox" class="box">
     <div v-if="errorBox" class="box">
       <el-result
       <el-result
         :sub-title="language==0?'请确认订单号是否正确':'Please confirm if the order number is correct'"
         :sub-title="language==0?'请确认订单号是否正确':'Please confirm if the order number is correct'"
@@ -554,7 +557,7 @@
       </el-result>
       </el-result>
     </div>
     </div>
     <Dialog ref="DialogRef"/>
     <Dialog ref="DialogRef"/>
-
+    
     <el-dialog v-model="showSJDialog" :close-on-click-modal="false" :close-on-press-escape="false"
     <el-dialog v-model="showSJDialog" :close-on-click-modal="false" :close-on-press-escape="false"
                :title="language==0?'开收据':'Issue a receipt'" width="460px">
                :title="language==0?'开收据':'Issue a receipt'" width="460px">
       <div class="flex">
       <div class="flex">
@@ -574,9 +577,9 @@
     </el-dialog>
     </el-dialog>
     <el-dialog v-model="showOfflineSuccessDialog" :title="language==0?'提示':'Tip'" width="460px">
     <el-dialog v-model="showOfflineSuccessDialog" :title="language==0?'提示':'Tip'" width="460px">
       <el-result
       <el-result
-          :sub-title="language==0?'请在7日内上传凭证，否则订单取消':'Please upload the payment receipt within 7 days, otherwise the order will be cancelled'"
-          :title="language==0?'订单已提交':'Order submitted'"
-          icon="success"
+        :sub-title="language==0?'请在7日内上传凭证，否则订单取消':'Please upload the payment receipt within 7 days, otherwise the order will be cancelled'"
+        :title="language==0?'订单已提交':'Order submitted'"
+        icon="success"
       >
       >
         <template #extra>
         <template #extra>
           <el-button class="btn-lineG w200px" round type="primary" @click="downOfflineInvoice">
           <el-button class="btn-lineG w200px" round type="primary" @click="downOfflineInvoice">
@@ -726,7 +729,7 @@ function getData() {
       form.value.extJsonObj = JSON.parse(form.value.extJson) || {}
       form.value.extJsonObj = JSON.parse(form.value.extJson) || {}
       matchId.value = form.value.extJsonObj?.activeId
       matchId.value = form.value.extJsonObj?.activeId
       //如果对公打款-
       //如果对公打款-
-      if(form.value.paymentType=='4' || form.value.paymentType=='5'){
+      if (form.value.paymentType == '4' || form.value.paymentType == '5') {
         hideconfirmbtn.value = true
         hideconfirmbtn.value = true
       }
       }
     }).catch(err => {
     }).catch(err => {
@@ -759,15 +762,15 @@ async function getTicketOrderInfoFN() {
     form.value.extJson.message = JSON.parse(form.value.extJson.message)
     form.value.extJson.message = JSON.parse(form.value.extJson.message)
     await getDetail(form.value.extJson.ticketDate.activityId)
     await getDetail(form.value.extJson.ticketDate.activityId)
     matchId.value = form.value.extJson.ticketDate.activityId
     matchId.value = form.value.extJson.ticketDate.activityId
-
+    
     totalFee.value = language.value == 0 ? form.value.total : form.value.totalEn
     totalFee.value = language.value == 0 ? form.value.total : form.value.totalEn
   } catch (e) {
   } catch (e) {
     console.log(e)
     console.log(e)
   } finally {
   } finally {
-
+  
   }
   }
   console.log(form.value)
   console.log(form.value)
-
+  
 }
 }
 
 
 async function getDetail(activeId) {
 async function getDetail(activeId) {
@@ -797,13 +800,13 @@ function goPay() {
     })
     })
   }
   }
   if (payType.value == '4' || payType.value == '5') {
   if (payType.value == '4' || payType.value == '5') {
-  //对公打款
+    //对公打款
     booking.createOfflinePay({orderId: orderId.value}).then(res => {
     booking.createOfflinePay({orderId: orderId.value}).then(res => {
       console.log(res)
       console.log(res)
       // booking.getRoomBillPayment({orderId: orderId.value}).then(res => {
       // booking.getRoomBillPayment({orderId: orderId.value}).then(res => {
-        // 显示付款单信息-上传凭证
-        hideconfirmbtn.value = true
-        showOfflineSuccessDialog.value = true
+      // 显示付款单信息-上传凭证
+      hideconfirmbtn.value = true
+      showOfflineSuccessDialog.value = true
       // })
       // })
     })
     })
   }
   }
@@ -949,7 +952,7 @@ function exportPdf() {
       ...obj
       ...obj
     }, `Hotel Reservation.pdf`)
     }, `Hotel Reservation.pdf`)
   }
   }
-
+  
 }
 }
 
 
 // 套餐详情
 // 套餐详情
@@ -1003,7 +1006,7 @@ const showSJ = () => {
   // proxy.download(`/ota/norder/getReceipt/${obj.orderId}`, {
   // proxy.download(`/ota/norder/getReceipt/${obj.orderId}`, {
   //   ...obj
   //   ...obj
   // }, `Receipt_${new Date().getTime()}.pdf`)
   // }, `Receipt_${new Date().getTime()}.pdf`)
-
+  
   // 报名
   // 报名
   proxy.download(`/ota/norder/getReceipt/${obj.orderId}`, {
   proxy.download(`/ota/norder/getReceipt/${obj.orderId}`, {
     ...obj
     ...obj
@@ -1023,7 +1026,7 @@ const downOfflineInvoice = () => {
 }
 }
 const submitProof = () => {
 const submitProof = () => {
   //提交凭证
   //提交凭证
-  if(!form.value.pic){
+  if (!form.value.pic) {
     ElMessage.warning(language.value == 0 ? '请上传凭证' : 'Please upload a voucher')
     ElMessage.warning(language.value == 0 ? '请上传凭证' : 'Please upload a voucher')
     return
     return
   }
   }
@@ -1081,27 +1084,27 @@ const submitProof = () => {
   width: 100%;
   width: 100%;
   max-width: 1000px;
   max-width: 1000px;
   margin: 20px auto;
   margin: 20px auto;
-
+  
   .head {
   .head {
     background: #EFF2F7;
     background: #EFF2F7;
     height: 50px;
     height: 50px;
     font-size: 16px;
     font-size: 16px;
     font-weight: 400;
     font-weight: 400;
   }
   }
-
+  
   th {
   th {
     background: #FAFBFD;
     background: #FAFBFD;
     font-size: 14px;
     font-size: 14px;
     border-bottom: 1px solid #E5E5E5;
     border-bottom: 1px solid #E5E5E5;
     border-right: 1px solid #E5E5E5;
     border-right: 1px solid #E5E5E5;
   }
   }
-
+  
   td {
   td {
     border-bottom: 1px solid #E5E5E5;
     border-bottom: 1px solid #E5E5E5;
     border-right: 1px solid #E5E5E5;
     border-right: 1px solid #E5E5E5;
     padding: 10px;
     padding: 10px;
   }
   }
-
+  
   &.table-border {
   &.table-border {
     border-top: 1px solid #E5E5E5;
     border-top: 1px solid #E5E5E5;
     border-left: 1px solid #E5E5E5;
     border-left: 1px solid #E5E5E5;
@@ -1120,23 +1123,23 @@ const submitProof = () => {
 
 
 .result {
 .result {
   font-size: 22px;
   font-size: 22px;
-
+  
   .flex {
   .flex {
     display: flex;
     display: flex;
     align-items: center;
     align-items: center;
     font-weight: 500;
     font-weight: 500;
-
+    
     img {
     img {
       margin-right: 10px
       margin-right: 10px
     }
     }
   }
   }
-
+  
   .priceb {
   .priceb {
     color: #7B7F83;
     color: #7B7F83;
     font-size: 16px;
     font-size: 16px;
     text-align: right;
     text-align: right;
     line-height: 50px;
     line-height: 50px;
-
+    
     span {
     span {
       font-weight: bold;
       font-weight: bold;
       font-size: 22px;
       font-size: 22px;
@@ -1149,7 +1152,7 @@ const submitProof = () => {
 .skeletonBox {
 .skeletonBox {
   position: relative;
   position: relative;
   overflow: hidden;
   overflow: hidden;
-
+  
   .btn-lineG {
   .btn-lineG {
     position: absolute;
     position: absolute;
     left: 0;
     left: 0;
@@ -1159,7 +1162,7 @@ const submitProof = () => {
     bottom: 0;
     bottom: 0;
     width: 200px;
     width: 200px;
     box-shadow: 0 0 1000px 500px rgba(255, 255, 255, 0.5);
     box-shadow: 0 0 1000px 500px rgba(255, 255, 255, 0.5);
-
+    
   }
   }
 }
 }
 
 
@@ -1171,26 +1174,26 @@ const submitProof = () => {
 
 
 .priceBar {
 .priceBar {
   padding: 0 0 20px;
   padding: 0 0 20px;
-
+  
   .flex {
   .flex {
     display: flex;
     display: flex;
     justify-content: right;
     justify-content: right;
     align-items: baseline;
     align-items: baseline;
-
+    
     .item {
     .item {
       font-size: 16px;
       font-size: 16px;
       margin-right: 15px;
       margin-right: 15px;
-
+      
       label {
       label {
         color: #95A1A6;
         color: #95A1A6;
       }
       }
-
+      
       span {
       span {
         font-family: DIN Alternate;
         font-family: DIN Alternate;
       }
       }
     }
     }
   }
   }
-
+  
   .size26 {
   .size26 {
     font-size: 26px;
     font-size: 26px;
   }
   }
@@ -1205,5 +1208,10 @@ const submitProof = () => {
 .price {
 .price {
   color: orange;
   color: orange;
 }
 }
-.proofBox{padding: 20px;margin: 0 20px;border: 1px dashed #999;}
+
+.proofBox {
+  padding: 20px;
+  margin: 0 20px;
+  border: 1px dashed #999;
+}
 </style>
 </style>

 <template>
 <template>
-  <div class="itemBox" v-if="language === 0">
+  <div v-if="language === 0" class="itemBox">
     <el-row :gutter="20">
     <el-row :gutter="20">
-      <el-col :sm="12" :lg="4" :xs="12">
+      <el-col :lg="4" :sm="12" :xs="12">
         <div class="item" @click="popRemark(0)"><img src="@/assets/dance/btn01.png">签证服务</div>
         <div class="item" @click="popRemark(0)"><img src="@/assets/dance/btn01.png">签证服务</div>
       </el-col>
       </el-col>
-      <el-col :sm="12" :lg="4" :xs="12">
+      <el-col :lg="4" :sm="12" :xs="12">
         <div class="item" @click="popRemark(1)"><img src="@/assets/dance/btn02.png">酒店预订</div>
         <div class="item" @click="popRemark(1)"><img src="@/assets/dance/btn02.png">酒店预订</div>
       </el-col>
       </el-col>
-      <el-col :sm="12" :lg="4" :xs="12">
+      <el-col :lg="4" :sm="12" :xs="12">
         <div class="item" @click="popRemark(2)"><img src="@/assets/dance/btn03.png">接送服务</div>
         <div class="item" @click="popRemark(2)"><img src="@/assets/dance/btn03.png">接送服务</div>
       </el-col>
       </el-col>
-      <el-col :sm="12" :lg="4" :xs="12">
+      <el-col :lg="4" :sm="12" :xs="12">
         <div class="item" @click="popRemark(10)"><img src="@/assets/dance/btn04.png">票务服务</div>
         <div class="item" @click="popRemark(10)"><img src="@/assets/dance/btn04.png">票务服务</div>
       </el-col>
       </el-col>
-      <el-col :sm="12" :lg="4" :xs="12">
+      <el-col :lg="4" :sm="12" :xs="12">
         <div class="item" @click="goMedia"><img src="@/assets/dance/btn07.png">媒体注册</div>
         <div class="item" @click="goMedia"><img src="@/assets/dance/btn07.png">媒体注册</div>
       </el-col>
       </el-col>
       <!--      <el-col :sm="12" :lg="4" :xs="12">-->
       <!--      <el-col :sm="12" :lg="4" :xs="12">-->
@@ -24,27 +24,27 @@
       <!--      </el-col>-->
       <!--      </el-col>-->
     </el-row>
     </el-row>
   </div>
   </div>
-  <div class="itemBox_en" v-else>
+  <div v-else class="itemBox_en">
     <el-row :gutter="20" justify="space-around">
     <el-row :gutter="20" justify="space-around">
-      <el-col :sm="12" :lg="4" :xs="12">
+      <el-col :lg="4" :sm="12" :xs="12">
         <div class="item" @click="popRemark(0)"><img src="@/assets/dance/btn01.png">Visa Services</div>
         <div class="item" @click="popRemark(0)"><img src="@/assets/dance/btn01.png">Visa Services</div>
       </el-col>
       </el-col>
-      <el-col :sm="12" :lg="4" :xs="12">
+      <el-col :lg="4" :sm="12" :xs="12">
         <div class="item" @click="popRemark(1)"><img src="@/assets/dance/btn02.png">HOTEL RESERVATION</div>
         <div class="item" @click="popRemark(1)"><img src="@/assets/dance/btn02.png">HOTEL RESERVATION</div>
       </el-col>
       </el-col>
-      <el-col :sm="12" :lg="4" :xs="12">
+      <el-col :lg="4" :sm="12" :xs="12">
         <div class="item" @click="popRemark(2)"><img src="@/assets/dance/btn03.png">TRANSPORTATION RESERVATION</div>
         <div class="item" @click="popRemark(2)"><img src="@/assets/dance/btn03.png">TRANSPORTATION RESERVATION</div>
       </el-col>
       </el-col>
-      <el-col :sm="12" :lg="4" :xs="12">
+      <el-col :lg="4" :sm="12" :xs="12">
         <div class="item" @click="popRemark(10)"><img src="@/assets/dance/btn04.png">TICKET SERVICES</div>
         <div class="item" @click="popRemark(10)"><img src="@/assets/dance/btn04.png">TICKET SERVICES</div>
       </el-col>
       </el-col>
-      <el-col :sm="12" :lg="4" :xs="12">
+      <el-col :lg="4" :sm="12" :xs="12">
         <div class="item" @click="goMedia"><img src="@/assets/dance/btn07.png">Media Registration</div>
         <div class="item" @click="goMedia"><img src="@/assets/dance/btn07.png">Media Registration</div>
       </el-col>
       </el-col>
       <!--      <el-col :sm="12" :lg="4" :xs="12">-->
       <!--      <el-col :sm="12" :lg="4" :xs="12">-->
       <!--        <div class="item" @click="goAround"><img src="@/assets/dance/btn06.png">Around Activity</div>-->
       <!--        <div class="item" @click="goAround"><img src="@/assets/dance/btn06.png">Around Activity</div>-->
       <!--      </el-col>-->
       <!--      </el-col>-->
-
+      
       <!--      <el-col :sm="12" :lg="4" :xs="12">-->
       <!--      <el-col :sm="12" :lg="4" :xs="12">-->
       <!--        <div class="item" @click="liveClick"><img src="@/assets/dance/btn05.png">live streaming</div>-->
       <!--        <div class="item" @click="liveClick"><img src="@/assets/dance/btn05.png">live streaming</div>-->
       <!--      </el-col>-->
       <!--      </el-col>-->
@@ -100,7 +100,7 @@ watch(matchId, (val) => {
       console.log(err)
       console.log(err)
       form.value = null
       form.value = null
     })
     })
-
+    
     match.getInfoByCptId({cptId: props.matchId}).then((res) => {
     match.getInfoByCptId({cptId: props.matchId}).then((res) => {
       liveData.value = res.data || {}
       liveData.value = res.data || {}
     })
     })
@@ -109,9 +109,9 @@ watch(matchId, (val) => {
 
 
 const liveClick = () => {
 const liveClick = () => {
   if (liveData.value.videoStatus == "1") {
   if (liveData.value.videoStatus == "1") {
-
+    
     if (language.value == 0) {
     if (language.value == 0) {
-
+      
       window.open(liveData.value.videoUrlCn)
       window.open(liveData.value.videoUrlCn)
     } else {
     } else {
       window.open(liveData.value.videoUrlEn)
       window.open(liveData.value.videoUrlEn)
@@ -135,7 +135,7 @@ onMounted(() => {
 
 
 function building() {
 function building() {
   ElMessage.warning(language.value == 0 ? '感谢您对本次比赛的关注，该服务暂无可预订信息，敬请期待。' : 'Thank you for your attention to this competition. The service is currently unavailable for booking. Please stay tuned.')
   ElMessage.warning(language.value == 0 ? '感谢您对本次比赛的关注，该服务暂无可预订信息，敬请期待。' : 'Thank you for your attention to this competition. The service is currently unavailable for booking. Please stay tuned.')
-  return
+  
 }
 }
 
 
 function applyInvitation() {
 function applyInvitation() {
@@ -149,9 +149,12 @@ function applyInvitation() {
 const user = useUserStore().user
 const user = useUserStore().user
 
 
 function goMedia() {
 function goMedia() {
-  proxy.$modal.msgWarning(language.value == 0 ? '暂未开放' : 'Not yet open')
-  return;
-
+  // proxy.$modal.msgWarning(language.value == 0 ? '暂未开放' : 'Not yet open')
+  // return;
+  if (form.value.isMedia == 0) {
+    building()
+    return
+  }
   //如果没登录
   //如果没登录
   if (!user) {
   if (!user) {
     ElMessage({
     ElMessage({
@@ -160,7 +163,7 @@ function goMedia() {
     })
     })
     return
     return
   }
   }
-
+  
   proxy.$refs['mediaRegisterRef'].open({cptId: matchId.value})
   proxy.$refs['mediaRegisterRef'].open({cptId: matchId.value})
 }
 }
 
 
@@ -169,15 +172,20 @@ function popRemark(type) {
     building()
     building()
     return
     return
   }
   }
-
+  
   if (type == '0') {
   if (type == '0') {
-    ElMessage.warning('The visa invitation letter application will be available soon. Thank you for your patience.')
-    return;
+    // ElMessage.warning('The visa invitation letter application will be available soon. Thank you for your patience.')
+    // return;
     // 签证
     // 签证
-    if (language.value === 0) {
+    if (language.value == 0) {
       ElMessage.warning('请切换英文页面办理')
       ElMessage.warning('请切换英文页面办理')
       return
       return
     } else {
     } else {
+      if (form.value.isVisa == 0) {
+        building()
+        return
+      }
+      
       if (!user) {
       if (!user) {
         ElMessage({
         ElMessage({
           type: 'warning',
           type: 'warning',
@@ -185,34 +193,29 @@ function popRemark(type) {
         })
         })
         return
         return
       }
       }
-
+      
       applyInvitation()
       applyInvitation()
       return
       return
     }
     }
   }
   }
-
-  if (type == '1') {
-    proxy.$modal.msgWarning(language.value == 0 ? '暂未开放' : 'Not yet open')
-    return;
-  }
-
+  
   if ((form.value.isJdView == 0 && type == '1')
   if ((form.value.isJdView == 0 && type == '1')
-      || (form.value.isCarView == 0 && type == '2')
-      || (form.value.isFoodView == 0 && type == '3')
-      || (form.value.isMealView == 0 && type == '4')
-      || (form.value.isPhotoView == 0 && type == '5')
-      || (form.value.isTicketView == 0 && type == '10')
+    || (form.value.isCarView == 0 && type == '2')
+    || (form.value.isFoodView == 0 && type == '3')
+    || (form.value.isMealView == 0 && type == '4')
+    || (form.value.isPhotoView == 0 && type == '5')
+    || (form.value.isTicketView == 0 && type == '10')
   ) {
   ) {
     building()
     building()
     return
     return
   }
   }
-
+  
   if (type == '2') {
   if (type == '2') {
     emit("pickUp")
     emit("pickUp")
     return;
     return;
   }
   }
-
-
+  
+  
   const params = {
   const params = {
     matchId: props.matchId,
     matchId: props.matchId,
     title: language.value == 0 ? '预订说明' : 'Booking Instructions',
     title: language.value == 0 ? '预订说明' : 'Booking Instructions',
@@ -220,13 +223,15 @@ function popRemark(type) {
     cptName: props.cptName
     cptName: props.cptName
   }
   }
   proxy.$refs['orderRemarkRef'].open(params)
   proxy.$refs['orderRemarkRef'].open(params)
+  
+  // goBooking(type)
 }
 }
 
 
 function goBooking(n, f) {
 function goBooking(n, f) {
   switch (n) {
   switch (n) {
     case 10:
     case 10:
       // 票务
       // 票务
-
+      
       // router.push({
       // router.push({
       // path: `/booking/ticket/${props.matchId}`,
       // path: `/booking/ticket/${props.matchId}`,
       // params: {id:props.matchId},
       // params: {id:props.matchId},
@@ -235,7 +240,10 @@ function goBooking(n, f) {
       break;
       break;
     case 1:
     case 1:
       //酒店
       //酒店
-      router.push({path: `/booking/hotel/${props.matchId}`, query: {flag: f}})
+      router.push({
+        path: `/booking/hotel/${props.matchId}`
+        // , query: {flag: f}
+      })
       break;
       break;
     case 2:
     case 2:
       //车辆
       //车辆
@@ -257,7 +265,7 @@ function goBooking(n, f) {
 }
 }
 </script>
 </script>
 
 
-<style scoped lang="scss">
+<style lang="scss" scoped>
 .itemBox, .itemBox_en {
 .itemBox, .itemBox_en {
   padding: 20px;
   padding: 20px;
   background: #fff;
   background: #fff;
@@ -281,7 +289,7 @@ function goBooking(n, f) {
   background-size: 100% 100%;
   background-size: 100% 100%;
   border-radius: 15px;
   border-radius: 15px;
   gap: 10px;
   gap: 10px;
-
+  
   img {
   img {
     object-fit: contain;
     object-fit: contain;
     width: 75px;
     width: 75px;
@@ -294,19 +302,19 @@ function goBooking(n, f) {
   text-align: center;
   text-align: center;
   text-transform: uppercase;
   text-transform: uppercase;
   height: 100%;
   height: 100%;
-
+  
   img {
   img {
     position: relative;
     position: relative;
     transition: all 0.2s;
     transition: all 0.2s;
   }
   }
-
+  
   &:hover {
   &:hover {
     box-shadow: 0 0 10px #eee;
     box-shadow: 0 0 10px #eee;
-
+    
     img {
     img {
       transform: rotateY(180deg);
       transform: rotateY(180deg);
     }
     }
-
+    
     p {
     p {
       color: #000;
       color: #000;
     }
     }
@@ -322,7 +330,7 @@ function goBooking(n, f) {
     height: auto !important;
     height: auto !important;
     padding: 15px 0;
     padding: 15px 0;
     margin: 10px 0;
     margin: 10px 0;
-
+    
     img {
     img {
       width: 50px;
       width: 50px;
       height: 50px
       height: 50px

 <template>
 <template>
- <el-dialog :title="title" v-model="show" @close="close">
-   <div>
-     <h2 class="text-warning text-center" v-if="cptName">{{cptName}}</h2>
-
-     <div v-if="type==1" class="plr20" v-html="form.reserveDes"></div>
-     <div v-if="type==2" class="plr20" v-html="form.reserveDesCar"></div>
-     <div v-if="type==3" class="plr20" v-html="form.reserveDesFood"></div>
-     <div v-if="type==4" class="plr20" v-html="form.reserveDesMeal"></div>
-     <div v-if="type==5" class="plr20" v-html="form.reserveDesPhoto"></div>
-     <div v-if="type==10" class="plr20" v-html="form.reserveDesTitck"></div>
-
-
-     <el-row v-if="type==1" justify="center">
-       <el-radio-group v-model="hotelType">
-         <el-radio label="0">{{language==0?'运动队酒店':'Team Hotel Reservation'}}</el-radio>
-         <el-radio label="1">{{language==0?'执委大会酒店':'Conference Hotel Reservation'}}</el-radio>
-       </el-radio-group>
-     </el-row>
-
-   </div>
-       <template #footer>
-         <div class="dialog-footer text-center">
-           <el-button type="primary" class="btn-lineG w200px" round @click="ok">{{language==0?'确定':'Confirm'}}</el-button>
-         </div>
-       </template>
- </el-dialog>
+  <el-dialog v-model="show" :title="title" @close="close">
+    <div>
+      <h2 v-if="cptName" class="text-warning text-center">{{ cptName }}</h2>
+      
+      <div v-if="type==1" class="plr20" v-html="form.reserveDes"></div>
+      <div v-if="type==2" class="plr20" v-html="form.reserveDesCar"></div>
+      <div v-if="type==3" class="plr20" v-html="form.reserveDesFood"></div>
+      <div v-if="type==4" class="plr20" v-html="form.reserveDesMeal"></div>
+      <div v-if="type==5" class="plr20" v-html="form.reserveDesPhoto"></div>
+      <div v-if="type==10" class="plr20" v-html="form.reserveDesTitck"></div>
+      
+      
+      <!--     <el-row v-if="type==1" justify="center">-->
+      <!--       <el-radio-group v-model="hotelType">-->
+      <!--         <el-radio label="0">{{language==0?'运动队酒店':'Team Hotel Reservation'}}</el-radio>-->
+      <!--         <el-radio label="1">{{language==0?'执委大会酒店':'Conference Hotel Reservation'}}</el-radio>-->
+      <!--       </el-radio-group>-->
+      <!--     </el-row>-->
+    
+    </div>
+    <template #footer>
+      <div class="dialog-footer text-center">
+        <el-button class="btn-lineG w200px" round type="primary" @click="ok">{{ language == 0 ? '确定' : 'Confirm' }}
+        </el-button>
+      </div>
+    </template>
+  </el-dialog>
 </template>
 </template>
 
 
 <script setup>
 <script setup>
 import {getBaseInfoByActiveId} from "@/apiPc/booking";
 import {getBaseInfoByActiveId} from "@/apiPc/booking";
 import {getCurrentInstance} from "@vue/runtime-core";
 import {getCurrentInstance} from "@vue/runtime-core";
 import {useStorage} from "@vueuse/core/index";
 import {useStorage} from "@vueuse/core/index";
-const emit = defineEmits([ 'submit'])
+
+const emit = defineEmits(['submit'])
 const {proxy} = getCurrentInstance()
 const {proxy} = getCurrentInstance()
-const language= useStorage('language',0)
+const language = useStorage('language', 0)
 import useUserStore from "@/store/modules/user";
 import useUserStore from "@/store/modules/user";
+
 const user = useUserStore().user
 const user = useUserStore().user
 const title = ref('')
 const title = ref('')
 const cptName = ref('')
 const cptName = ref('')
 const show = ref(false)
 const show = ref(false)
 const form = ref({})
 const form = ref({})
-const hotelType= ref('1')
+const hotelType = ref('1')
 
 
 let matchId = ''
 let matchId = ''
 let type = ''
 let type = ''
@@ -58,28 +61,30 @@ defineExpose({
 
 
 function getData() {
 function getData() {
   console.log(matchId)
   console.log(matchId)
-  getBaseInfoByActiveId(matchId).then(res=>{
+  getBaseInfoByActiveId(matchId).then(res => {
     form.value = res.data || {}
     form.value = res.data || {}
     console.log(form.value)
     console.log(form.value)
-  }).catch(err=>{
+  }).catch(err => {
     console.log(err)
     console.log(err)
   })
   })
 }
 }
+
 function close() {
 function close() {
   show.value = false
   show.value = false
 }
 }
+
 function ok() {
 function ok() {
   // type
   // type
   show.value = false
   show.value = false
-
+  
   // if(!user){
   // if(!user){
   //   useUserStore().setVisitor()
   //   useUserStore().setVisitor()
   // } else {
   // } else {
-    emit('submit', type, hotelType.value)
+  emit('submit', type, hotelType.value)
   // }
   // }
 }
 }
 </script>
 </script>
 
 
-<style scoped lang="scss">
+<style lang="scss" scoped>
 
 
 </style>
 </style>

 <template>
 <template>
   <el-dialog
   <el-dialog
-      v-model="show" :close-on-click-modal="false" :title="title" append-to-body center class="pcloginpop"
-      close-icon="CircleClose" destroy-on-close
-      width="900px"
+    v-model="show" :close-on-click-modal="false" :title="title" append-to-body center class="pcloginpop"
+    close-icon="CircleClose" destroy-on-close
+    width="900px"
   >
   >
     <div class="boxInvitation pd20">
     <div class="boxInvitation pd20">
       <div v-if="!showR">
       <div v-if="!showR">
@@ -22,20 +22,20 @@
           </div>
           </div>
           <div v-if="form.type?.some(v=>v==1)">
           <div v-if="form.type?.some(v=>v==1)">
             <h3 class="leftboderTT">{{ language == 0 ? '接机信息' : 'Pick-up information' }}</h3>
             <h3 class="leftboderTT">{{ language == 0 ? '接机信息' : 'Pick-up information' }}</h3>
-<!--            <el-form-item :label="language==0?'抵达人员身份':'Role of Person-Arrival'" prop="pickUpBo.standing"-->
-<!--                          required>-->
-<!--              <el-checkbox-group v-model="form.pickUpBo.standing">-->
-<!--                <el-checkbox :label="language==0?'运动员':'Athlete'" name="1"/>-->
-<!--                <el-checkbox :label="language==0?'随队人员':'Accompanying Person'" name="2"/>-->
-<!--                <el-checkbox :label="language==0?'官员':'Official'" name="3"/>-->
-<!--                <el-checkbox :label="language==0?'其他':'Others'" name="4"/>-->
-<!--              </el-checkbox-group>-->
-<!--            </el-form-item>-->
-
+            <!--            <el-form-item :label="language==0?'抵达人员身份':'Role of Person-Arrival'" prop="pickUpBo.standing"-->
+            <!--                          required>-->
+            <!--              <el-checkbox-group v-model="form.pickUpBo.standing">-->
+            <!--                <el-checkbox :label="language==0?'运动员':'Athlete'" name="1"/>-->
+            <!--                <el-checkbox :label="language==0?'随队人员':'Accompanying Person'" name="2"/>-->
+            <!--                <el-checkbox :label="language==0?'官员':'Official'" name="3"/>-->
+            <!--                <el-checkbox :label="language==0?'其他':'Others'" name="4"/>-->
+            <!--              </el-checkbox-group>-->
+            <!--            </el-form-item>-->
+            
             <el-form-item :label="language==0?'队伍俱乐部':'Team/Club Name'" prop="pickUpBo.standing" required>
             <el-form-item :label="language==0?'队伍俱乐部':'Team/Club Name'" prop="pickUpBo.standing" required>
               <el-input v-model="form.pickUpBo.standing"/>
               <el-input v-model="form.pickUpBo.standing"/>
             </el-form-item>
             </el-form-item>
-
+            
             <el-form-item :label="language==0?'国家/地区':'Country/Region'" prop="pickUpBo.nationalitys" required>
             <el-form-item :label="language==0?'国家/地区':'Country/Region'" prop="pickUpBo.nationalitys" required>
               <el-select v-model="form.pickUpBo.nationalitys" filterable multiple style="width: 100%;">
               <el-select v-model="form.pickUpBo.nationalitys" filterable multiple style="width: 100%;">
                 <el-option v-for="item in countrys"
                 <el-option v-for="item in countrys"
@@ -53,23 +53,23 @@
             <el-form-item :label="language==0?'接机人数':'Number of People'" prop="pickUpBo.counts" required>
             <el-form-item :label="language==0?'接机人数':'Number of People'" prop="pickUpBo.counts" required>
               <el-input-number v-model="form.pickUpBo.counts"/>
               <el-input-number v-model="form.pickUpBo.counts"/>
               <span
               <span
-                  style="color: red;margin-left: 10px">{{
+                style="color: red;margin-left: 10px">{{
                   language == 0 ? '(填写的人数需是乘坐同一航班/车次)' : 'The number of people to be filled in must be on the same flight/train'
                   language == 0 ? '(填写的人数需是乘坐同一航班/车次)' : 'The number of people to be filled in must be on the same flight/train'
                 }}</span>
                 }}</span>
             </el-form-item>
             </el-form-item>
             <!--            <div style="padding-left: 48px;color: red;margin-bottom: 18px">-->
             <!--            <div style="padding-left: 48px;color: red;margin-bottom: 18px">-->
             <!--              {{language==0?'填写的人数需是乘坐同一航班/车次':'The number of people to be filled in must be on the same flight/train'}}-->
             <!--              {{language==0?'填写的人数需是乘坐同一航班/车次':'The number of people to be filled in must be on the same flight/train'}}-->
-
+            
             <!--            </div>-->
             <!--            </div>-->
             <el-form-item :label="language==0?'抵达日期':'Flight/Train Arrival Date'"
             <el-form-item :label="language==0?'抵达日期':'Flight/Train Arrival Date'"
                           prop="pickUpBo.arrivalDate"
                           prop="pickUpBo.arrivalDate"
                           required>
                           required>
               <div style="padding: 1px">
               <div style="padding: 1px">
                 <el-date-picker
                 <el-date-picker
-                    :disabled-date="disabledDateRZ" default-value="'2024-09-27'"
-                    v-model="form.pickUpBo.arrivalDate" format="YYYY-MM-DD"
-                    placeholder="YYYY-MM-DD"
-                    style="width: 100%;" type="date" value-format="YYYY-MM-DD"
+                  v-model="form.pickUpBo.arrivalDate" :disabled-date="disabledDateRZ"
+                  default-value="'2024-09-27'" format="YYYY-MM-DD"
+                  placeholder="YYYY-MM-DD"
+                  style="width: 100%;" type="date" value-format="YYYY-MM-DD"
                 />
                 />
               </div>
               </div>
             </el-form-item>
             </el-form-item>
@@ -80,10 +80,10 @@
               <!--                format="YYYY-MM-DD" placeholder="YYYY-MM-DD"-->
               <!--                format="YYYY-MM-DD" placeholder="YYYY-MM-DD"-->
               <!--                style="width: 100%;" type="date" value-format="YYYY-MM-DD"-->
               <!--                style="width: 100%;" type="date" value-format="YYYY-MM-DD"-->
               <!--              />-->
               <!--              />-->
-              <el-time-picker v-model="form.pickUpBo.arrivaTime" placeholder="HH:mm:ss" value-format="HH:mm:ss"
-                              format="HH:mm:ss" style="width: 100%;"/>
+              <el-time-picker v-model="form.pickUpBo.arrivaTime" format="HH:mm:ss" placeholder="HH:mm:ss"
+                              style="width: 100%;" value-format="HH:mm:ss"/>
             </el-form-item>
             </el-form-item>
-
+            
             <el-form-item :label="language==0?'航班/车次':'Flight/Train Number'" prop="pickUpBo.flight" required>
             <el-form-item :label="language==0?'航班/车次':'Flight/Train Number'" prop="pickUpBo.flight" required>
               <el-input v-model="form.pickUpBo.flight"/>
               <el-input v-model="form.pickUpBo.flight"/>
             </el-form-item>
             </el-form-item>
@@ -102,35 +102,35 @@
                             :is-show-tip="false"
                             :is-show-tip="false"
                             :limit="1"/>
                             :limit="1"/>
             </el-form-item>
             </el-form-item>
-
+            
             <el-form-item :label="language==0?'酒店预订单':'Hotel Reservation'" prop="pickUpBo.hotleFile" required>
             <el-form-item :label="language==0?'酒店预订单':'Hotel Reservation'" prop="pickUpBo.hotleFile" required>
               <image-upload v-model="form.pickUpBo.hotleFile" :button-text="language==0?'上传':'Upload'"
               <image-upload v-model="form.pickUpBo.hotleFile" :button-text="language==0?'上传':'Upload'"
                             :is-show-tip="false"
                             :is-show-tip="false"
                             :limit="1"/>
                             :limit="1"/>
             </el-form-item>
             </el-form-item>
-
+          
           </div>
           </div>
-
+          
           <div v-if="form.type?.some(v=>v==2)">
           <div v-if="form.type?.some(v=>v==2)">
             <!--            <el-form-item :label="language == 0 ? '送机信息' : 'Delivery information' ">-->
             <!--            <el-form-item :label="language == 0 ? '送机信息' : 'Delivery information' ">-->
             <!--            </el-form-item>-->
             <!--            </el-form-item>-->
             <h3 class="leftboderTT">{{ language == 0 ? '送机信息' : 'Delivery information' }}</h3>
             <h3 class="leftboderTT">{{ language == 0 ? '送机信息' : 'Delivery information' }}</h3>
-<!--            <el-form-item-->
-<!--                :label="language==0?'离会人员身份':'Role of Person-Departure'"-->
-<!--                prop="downOffBo.standing" required>-->
-<!--              &lt;!&ndash;              <el-input v-model="form.downOffBo.standing"/>&ndash;&gt;-->
-<!--              <el-checkbox-group v-model="form.downOffBo.standing">-->
-<!--                <el-checkbox :label="language==0?'运动员':'Athlete'" name="1"/>-->
-<!--                <el-checkbox :label="language==0?'随队人员':'Accompanying Person'" name="2"/>-->
-<!--                <el-checkbox :label="language==0?'官员':'Official'" name="3"/>-->
-<!--                <el-checkbox :label="language==0?'其他':'Others'" name="4"/>-->
-<!--              </el-checkbox-group>-->
-<!--            </el-form-item>-->
-
+            <!--            <el-form-item-->
+            <!--                :label="language==0?'离会人员身份':'Role of Person-Departure'"-->
+            <!--                prop="downOffBo.standing" required>-->
+            <!--              &lt;!&ndash;              <el-input v-model="form.downOffBo.standing"/>&ndash;&gt;-->
+            <!--              <el-checkbox-group v-model="form.downOffBo.standing">-->
+            <!--                <el-checkbox :label="language==0?'运动员':'Athlete'" name="1"/>-->
+            <!--                <el-checkbox :label="language==0?'随队人员':'Accompanying Person'" name="2"/>-->
+            <!--                <el-checkbox :label="language==0?'官员':'Official'" name="3"/>-->
+            <!--                <el-checkbox :label="language==0?'其他':'Others'" name="4"/>-->
+            <!--              </el-checkbox-group>-->
+            <!--            </el-form-item>-->
+            
             <el-form-item :label="language==0?'队伍俱乐部':'Team/Club Name'" prop="pickUpBo.standing" required>
             <el-form-item :label="language==0?'队伍俱乐部':'Team/Club Name'" prop="pickUpBo.standing" required>
               <el-input v-model="form.pickUpBo.standing"/>
               <el-input v-model="form.pickUpBo.standing"/>
             </el-form-item>
             </el-form-item>
-
+            
             <el-form-item :label="language==0?'国家/地区':'Country/Region'" prop="downOffBo.nationalitys" required>
             <el-form-item :label="language==0?'国家/地区':'Country/Region'" prop="downOffBo.nationalitys" required>
               <el-select v-model="form.downOffBo.nationalitys" filterable multiple style="width: 100%;">
               <el-select v-model="form.downOffBo.nationalitys" filterable multiple style="width: 100%;">
                 <el-option v-for="item in countrys"
                 <el-option v-for="item in countrys"
@@ -147,27 +147,27 @@
             </el-form-item>
             </el-form-item>
             <el-form-item :label="language==0?'送机人数':'Number of People'" prop="downOffBo.counts" required>
             <el-form-item :label="language==0?'送机人数':'Number of People'" prop="downOffBo.counts" required>
               <el-input-number v-model="form.downOffBo.counts"/>
               <el-input-number v-model="form.downOffBo.counts"/>
-
+              
               <span
               <span
-                  style="color: red;margin-left: 10px">{{
+                style="color: red;margin-left: 10px">{{
                   language == 0 ? '(填写的人数需是乘坐同一航班/车次)' : 'The number of people to be filled in must be on the same flight/train'
                   language == 0 ? '(填写的人数需是乘坐同一航班/车次)' : 'The number of people to be filled in must be on the same flight/train'
                 }}</span>
                 }}</span>
             </el-form-item>
             </el-form-item>
             <!--            <div style="padding-left: 48px;color: red;margin-bottom: 18px">-->
             <!--            <div style="padding-left: 48px;color: red;margin-bottom: 18px">-->
             <!--              {{language==0?'填写的人数需是乘坐同一航班/车次':'The number of people to be filled in must be on the same flight/train'}}-->
             <!--              {{language==0?'填写的人数需是乘坐同一航班/车次':'The number of people to be filled in must be on the same flight/train'}}-->
-
+            
             <!--            </div>-->
             <!--            </div>-->
             <el-form-item :label="language==0?'离开日期':'Departure Date from Hotel'" prop="downOffBo.arrivalDate"
             <el-form-item :label="language==0?'离开日期':'Departure Date from Hotel'" prop="downOffBo.arrivalDate"
                           required>
                           required>
               <div style="padding: 1px">
               <div style="padding: 1px">
                 <el-date-picker
                 <el-date-picker
-                    v-model="form.downOffBo.arrivalDate" format="YYYY-MM-DD"
-                    placeholder="YYYY-MM-DD" :disabled-date="disabledDateDP"
-                    default-value="'2024-09-30'"
-                    style="width: 100%;" type="date" value-format="YYYY-MM-DD"
+                  v-model="form.downOffBo.arrivalDate" :disabled-date="disabledDateDP"
+                  default-value="'2024-09-30'" format="YYYY-MM-DD"
+                  placeholder="YYYY-MM-DD"
+                  style="width: 100%;" type="date" value-format="YYYY-MM-DD"
                 />
                 />
               </div>
               </div>
-
+            
             </el-form-item>
             </el-form-item>
             <el-form-item :label="language==0?'离开时间':'Departure Time from Hotel'" prop="downOffBo.arrivaTime"
             <el-form-item :label="language==0?'离开时间':'Departure Time from Hotel'" prop="downOffBo.arrivaTime"
                           required>
                           required>
@@ -176,10 +176,10 @@
               <!--                format="YYYY-MM-DD" placeholder="YYYY-MM-DD"-->
               <!--                format="YYYY-MM-DD" placeholder="YYYY-MM-DD"-->
               <!--                style="width: 100%;" type="date" value-format="YYYY-MM-DD"-->
               <!--                style="width: 100%;" type="date" value-format="YYYY-MM-DD"-->
               <!--              />-->
               <!--              />-->
-              <el-time-picker v-model="form.downOffBo.arrivaTime" placeholder="HH:mm:ss" value-format="HH:mm:ss"
-                              format="HH:mm:ss" style="width: 100%;"/>
+              <el-time-picker v-model="form.downOffBo.arrivaTime" format="HH:mm:ss" placeholder="HH:mm:ss"
+                              style="width: 100%;" value-format="HH:mm:ss"/>
             </el-form-item>
             </el-form-item>
-
+            
             <el-form-item :label="language==0?'航班/车次':'Flight/Train Number'" prop="downOffBo.flight" required>
             <el-form-item :label="language==0?'航班/车次':'Flight/Train Number'" prop="downOffBo.flight" required>
               <el-input v-model="form.downOffBo.flight"/>
               <el-input v-model="form.downOffBo.flight"/>
             </el-form-item>
             </el-form-item>
@@ -198,15 +198,15 @@
                             :is-show-tip="false"
                             :is-show-tip="false"
                             :limit="1"/>
                             :limit="1"/>
             </el-form-item>
             </el-form-item>
-
+            
             <el-form-item :label="language==0?'酒店预订单':'Hotel Reservation'" prop="pickUpBo.hotleFile" required>
             <el-form-item :label="language==0?'酒店预订单':'Hotel Reservation'" prop="pickUpBo.hotleFile" required>
               <image-upload v-model="form.pickUpBo.hotleFile" :button-text="language==0?'上传':'Upload'"
               <image-upload v-model="form.pickUpBo.hotleFile" :button-text="language==0?'上传':'Upload'"
                             :is-show-tip="false"
                             :is-show-tip="false"
                             :limit="1"/>
                             :limit="1"/>
             </el-form-item>
             </el-form-item>
-
+          
           </div>
           </div>
-
+          
           <div class="text-center">
           <div class="text-center">
             <el-button class="btn-lineG" round size="large" type="primary" @click="submitForm()">
             <el-button class="btn-lineG" round size="large" type="primary" @click="submitForm()">
               {{ language == 0 ? '提交' : 'submit' }}
               {{ language == 0 ? '提交' : 'submit' }}
@@ -263,137 +263,137 @@ const countrys = ref([])
 const courseList = ref([])
 const courseList = ref([])
 const cptId = ref('')
 const cptId = ref('')
 const rules = ref(
 const rules = ref(
-    {
-      type: [{required: true, trigger: 'change', message: language.value == 0 ? '请选择' : 'Please choose'},],
-      'pickUpBo.standing': [{
-        required: true,
-        trigger: 'change',
-        message: language.value == 0 ? '请选择' : 'Please choose'
-      },],
-      'pickUpBo.nationalitys': [{
-        required: true,
-        trigger: 'blur',
-        message: language.value == 0 ? '请选择' : 'Please choose'
-      },],
-      'pickUpBo.name': [{required: true, trigger: 'change', message: language.value == 0 ? '请输入' : 'Please enter'},],
-      'pickUpBo.phone': [{
-        required: true,
-        trigger: 'change',
-        message: language.value == 0 ? '请输入' : 'Please enter'
-      },],
-      'pickUpBo.counts': [{
-        required: true,
-        trigger: 'change',
-        message: language.value == 0 ? '请输入' : 'Please enter'
-      },],
-      'pickUpBo.arrivalDate': [{
-        required: true,
-        trigger: 'change',
-        message: language.value == 0 ? '请选择' : 'Please choose'
-      },],
-      'pickUpBo.arrivaTime': [{
-        required: true,
-        trigger: 'change',
-        message: language.value == 0 ? '请选择' : 'Please choose'
-      },],
-      'pickUpBo.flight': [{
-        required: true,
-        trigger: 'change',
-        message: language.value == 0 ? '请输入' : 'Please enter'
-      },],
-      'pickUpBo.stationName': [{
-        required: true,
-        trigger: 'change',
-        message: language.value == 0 ? '请输入' : 'Please enter'
-      },],
-      'pickUpBo.terminal': [{
-        required: true,
-        trigger: 'change',
-        message: language.value == 0 ? '请输入' : 'Please enter'
-      },],
-      'pickUpBo.hotle': [{
-        required: true,
-        trigger: 'change',
-        message: language.value == 0 ? '请输入' : 'Please enter'
-      },],
-      'pickUpBo.itinerary': [{
-        required: true,
-        trigger: 'change',
-        message: language.value == 0 ? '请选择' : 'Please choose'
-      },],
-      'downOffBo.nationalitys': [{
-        required: true,
-        trigger: 'blur',
-        message: language.value == 0 ? '请选择' : 'Please choose'
-      },],
-      'downOffBo.standing': [{
-        required: true,
-        trigger: 'change',
-        message: language.value == 0 ? '请选择' : 'Please choose'
-      },],
-      'downOffBo.name': [{
-        required: true,
-        trigger: 'change',
-        message: language.value == 0 ? '请输入' : 'Please enter'
-      },],
-      'downOffBo.phone': [{
-        required: true,
-        trigger: 'change',
-        message: language.value == 0 ? '请输入' : 'Please enter'
-      },],
-      'downOffBo.counts': [{
-        required: true,
-        trigger: 'change',
-        message: language.value == 0 ? '请选择' : 'Please choose'
-      },],
-      'downOffBo.arrivalDate': [{
-        required: true,
-        trigger: 'change',
-        message: language.value == 0 ? '请选择' : 'Please choose'
-      },],
-      'downOffBo.arrivaTime': [{
-        required: true,
-        trigger: 'change',
-        message: language.value == 0 ? '请选择' : 'Please choose'
-      },],
-      'downOffBo.flight': [{
-        required: true,
-        trigger: 'change',
-        message: language.value == 0 ? '请输入' : 'Please enter'
-      },],
-      'downOffBo.stationName': [{
-        required: true,
-        trigger: 'change',
-        message: language.value == 0 ? '请输入' : 'Please enter'
-      },],
-      'downOffBo.terminal': [{
-        required: true,
-        trigger: 'change',
-        message: language.value == 0 ? '请输入' : 'Please enter'
-      },],
-      'downOffBo.hotle': [{
-        required: true,
-        trigger: 'change',
-        message: language.value == 0 ? '请输入' : 'Please enter'
-      },],
-      'downOffBo.itinerary': [{
-        required: true,
-        trigger: 'change',
-        message: language.value == 0 ? '请选择' : 'Please choose'
-      },],
-
-    })
+  {
+    type: [{required: true, trigger: 'change', message: language.value == 0 ? '请选择' : 'Please choose'},],
+    'pickUpBo.standing': [{
+      required: true,
+      trigger: 'change',
+      message: language.value == 0 ? '请选择' : 'Please choose'
+    },],
+    'pickUpBo.nationalitys': [{
+      required: true,
+      trigger: 'blur',
+      message: language.value == 0 ? '请选择' : 'Please choose'
+    },],
+    'pickUpBo.name': [{required: true, trigger: 'change', message: language.value == 0 ? '请输入' : 'Please enter'},],
+    'pickUpBo.phone': [{
+      required: true,
+      trigger: 'change',
+      message: language.value == 0 ? '请输入' : 'Please enter'
+    },],
+    'pickUpBo.counts': [{
+      required: true,
+      trigger: 'change',
+      message: language.value == 0 ? '请输入' : 'Please enter'
+    },],
+    'pickUpBo.arrivalDate': [{
+      required: true,
+      trigger: 'change',
+      message: language.value == 0 ? '请选择' : 'Please choose'
+    },],
+    'pickUpBo.arrivaTime': [{
+      required: true,
+      trigger: 'change',
+      message: language.value == 0 ? '请选择' : 'Please choose'
+    },],
+    'pickUpBo.flight': [{
+      required: true,
+      trigger: 'change',
+      message: language.value == 0 ? '请输入' : 'Please enter'
+    },],
+    'pickUpBo.stationName': [{
+      required: true,
+      trigger: 'change',
+      message: language.value == 0 ? '请输入' : 'Please enter'
+    },],
+    'pickUpBo.terminal': [{
+      required: true,
+      trigger: 'change',
+      message: language.value == 0 ? '请输入' : 'Please enter'
+    },],
+    'pickUpBo.hotle': [{
+      required: true,
+      trigger: 'change',
+      message: language.value == 0 ? '请输入' : 'Please enter'
+    },],
+    'pickUpBo.itinerary': [{
+      required: true,
+      trigger: 'change',
+      message: language.value == 0 ? '请选择' : 'Please choose'
+    },],
+    'downOffBo.nationalitys': [{
+      required: true,
+      trigger: 'blur',
+      message: language.value == 0 ? '请选择' : 'Please choose'
+    },],
+    'downOffBo.standing': [{
+      required: true,
+      trigger: 'change',
+      message: language.value == 0 ? '请选择' : 'Please choose'
+    },],
+    'downOffBo.name': [{
+      required: true,
+      trigger: 'change',
+      message: language.value == 0 ? '请输入' : 'Please enter'
+    },],
+    'downOffBo.phone': [{
+      required: true,
+      trigger: 'change',
+      message: language.value == 0 ? '请输入' : 'Please enter'
+    },],
+    'downOffBo.counts': [{
+      required: true,
+      trigger: 'change',
+      message: language.value == 0 ? '请选择' : 'Please choose'
+    },],
+    'downOffBo.arrivalDate': [{
+      required: true,
+      trigger: 'change',
+      message: language.value == 0 ? '请选择' : 'Please choose'
+    },],
+    'downOffBo.arrivaTime': [{
+      required: true,
+      trigger: 'change',
+      message: language.value == 0 ? '请选择' : 'Please choose'
+    },],
+    'downOffBo.flight': [{
+      required: true,
+      trigger: 'change',
+      message: language.value == 0 ? '请输入' : 'Please enter'
+    },],
+    'downOffBo.stationName': [{
+      required: true,
+      trigger: 'change',
+      message: language.value == 0 ? '请输入' : 'Please enter'
+    },],
+    'downOffBo.terminal': [{
+      required: true,
+      trigger: 'change',
+      message: language.value == 0 ? '请输入' : 'Please enter'
+    },],
+    'downOffBo.hotle': [{
+      required: true,
+      trigger: 'change',
+      message: language.value == 0 ? '请输入' : 'Please enter'
+    },],
+    'downOffBo.itinerary': [{
+      required: true,
+      trigger: 'change',
+      message: language.value == 0 ? '请选择' : 'Please choose'
+    },],
+    
+  })
 const open = (params) => {
 const open = (params) => {
   show.value = true
   show.value = true
   showR.value = false
   showR.value = false
   form.value = {
   form.value = {
     pickUpBo: {
     pickUpBo: {
       serviceType: 1,
       serviceType: 1,
-      arrivalDate:'2024-09-27'
+      arrivalDate: '2024-09-27'
     },
     },
     downOffBo: {
     downOffBo: {
       serviceType: 2,
       serviceType: 2,
-      arrivalDate:'2024-09-30'
+      arrivalDate: '2024-09-30'
     },
     },
     type: ['1'],
     type: ['1'],
   }
   }
@@ -426,30 +426,30 @@ function setActive(n) {
 
 
 function submitForm() {
 function submitForm() {
   proxy.$refs['iformRef'].validate(async valid => {
   proxy.$refs['iformRef'].validate(async valid => {
-        if (valid) {
-          form.value.pickUpBo.cptId = cptId.value
-          form.value.downOffBo.cptId = cptId.value
-          // form.value.pickUpBo.serviceType=1
-          // form.value.downOffBo.serviceType=2
-          console.log(form.value)
-          let forms = JSON.parse(JSON.stringify(form.value))
-          forms.pickUpBo.nationalitys = forms.pickUpBo.nationalitys?.join(',')
-          forms.pickUpBo.standing = forms.pickUpBo.standing?.join(',')
-          forms.downOffBo.nationalitys = forms.downOffBo.nationalitys?.join(',')
-          forms.downOffBo.standing = forms.downOffBo.standing?.join(',')
-          forms.type = null
-          if (!form.value.type.includes('1')) forms.pickUpBo = {}
-          if (!form.value.type.includes('2')) forms.downOffBo = {}
-          const res = await addPickup(forms)
-          if (res.code == 200) {
-            proxy.$modal.msgSuccess('操作成功！')
-            showR.value = true
-            // show.value=false
-          }
-        } else {
-          proxy.$modal.msgError(language.value == 0 ? '请完善信息！' : 'Please complete the information!')
+      if (valid) {
+        form.value.pickUpBo.cptId = cptId.value
+        form.value.downOffBo.cptId = cptId.value
+        // form.value.pickUpBo.serviceType=1
+        // form.value.downOffBo.serviceType=2
+        console.log(form.value)
+        let forms = {...form.value}
+        forms.pickUpBo.nationalitys = forms.pickUpBo.nationalitys?.join(',')
+        // forms.pickUpBo.standing = forms.pickUpBo.standing?.join(',')
+        forms.downOffBo.nationalitys = forms.downOffBo.nationalitys?.join(',')
+        // forms.downOffBo.standing = forms.downOffBo.standing?.join(',')
+        forms.type = null
+        if (!form.value.type.includes('1')) forms.pickUpBo = {}
+        if (!form.value.type.includes('2')) forms.downOffBo = {}
+        const res = await addPickup(forms)
+        if (res.code == 200) {
+          proxy.$modal.msgSuccess('操作成功！')
+          showR.value = true
+          // show.value=false
         }
         }
+      } else {
+        proxy.$modal.msgError(language.value == 0 ? '请完善信息！' : 'Please complete the information!')
       }
       }
+    }
   )
   )
 }
 }
 
 

 <template>
 <template>
   <div class="syBg">
   <div class="syBg">
     <div class="banner">
     <div class="banner">
-      <el-carousel class="forPc" autoplay :interval="2000" height="450px" :autoplay="false" arrow="hover"
+      <el-carousel :autoplay="false" :interval="2000" arrow="hover" autoplay class="forPc" height="450px"
                    @change="carouselChange">
                    @change="carouselChange">
-        <el-carousel-item style="height: 450px;" v-for="n in maList" :key="n.id">
+        <el-carousel-item v-for="n in maList" :key="n.id" style="height: 450px;">
           <div class="bannerItem">
           <div class="bannerItem">
             <div class="h100" @click.stop="goMatch(n)">
             <div class="h100" @click.stop="goMatch(n)">
-              <img class="bannerImg" :src="fillImgUrl(n.bgImgUrl)">
+              <img :src="fillImgUrl(n.bgImgUrl)" class="bannerImg">
               <div class="box forPc" style="position: absolute;top: 0;left: 0;right: 0;margin: auto;">
               <div class="box forPc" style="position: absolute;top: 0;left: 0;right: 0;margin: auto;">
                 <img class="slogen" src="@/assets/logo/banner-text.png"/>
                 <img class="slogen" src="@/assets/logo/banner-text.png"/>
-
+                
                 <div class="btabs">
                 <div class="btabs">
                   <div v-for="tab in tabList" @click.stop="goMatchWithTab(n,tab.id)">{{ tab.customTitle }}</div>
                   <div v-for="tab in tabList" @click.stop="goMatchWithTab(n,tab.id)">{{ tab.customTitle }}</div>
                 </div>
                 </div>
-
-
+                
+                
                 <div v-if="!liveData || liveData.videoStatus==0">
                 <div v-if="!liveData || liveData.videoStatus==0">
                   <!--                  <div class="banner-count bb"></div>-->
                   <!--                  <div class="banner-count bb"></div>-->
                 </div>
                 </div>
-                <div class="banner-count" v-if="currentDateTime < liveData.videoStart" @click.stop="goliveUrl">
+                <div v-if="currentDateTime < liveData.videoStart &&form.isLiveVideo==1" class="banner-count"
+                     @click.stop="goliveUrl">
                   距离直播开始
                   距离直播开始
                   <van-count-down :time="liveStartTime" format="DD 天 HH 时 mm 分 ss 秒">
                   <van-count-down :time="liveStartTime" format="DD 天 HH 时 mm 分 ss 秒">
                     <template #default="timeData">
                     <template #default="timeData">
@@ -42,33 +43,33 @@
                 </div>
                 </div>
                 <!--如果有直播-->
                 <!--如果有直播-->
                 <div v-if="liveData&& liveData.videoStatus==1" @click.stop="goliveUrl">
                 <div v-if="liveData&& liveData.videoStatus==1" @click.stop="goliveUrl">
-                  <div class="banner-count bb"
-                       v-if="(currentDateTime>liveData.videoStart)&&(currentDateTime<liveData.videoEnd)">直播进行中
+                  <div v-if="(currentDateTime>liveData.videoStart)&&(currentDateTime<liveData.videoEnd)"
+                       class="banner-count bb">直播进行中
                   </div>
                   </div>
-                  <div class="banner-count bb" v-if="currentDateTime > liveData.videoEnd">直播已结束</div>
+                  <div v-if="currentDateTime > liveData.videoEnd" class="banner-count bb">直播已结束</div>
                   <!--                  <div class="banner-count bb" v-if="currentDateTime < liveData.videoStart">直播即将开始</div>-->
                   <!--                  <div class="banner-count bb" v-if="currentDateTime < liveData.videoStart">直播即将开始</div>-->
                 </div>
                 </div>
-                <div v-if="liveData&& liveData.picStatus==1" @click.stop="gopicliveUrl">
-                  <div class="picliveBtn" v-if="(currentDateTime>liveData.picStart)&&(currentDateTime<liveData.picEnd)">
+                <div v-if="liveData&& liveData.picStatus==1&&form.isLivePic==1" @click.stop="gopicliveUrl">
+                  <div v-if="(currentDateTime>liveData.picStart)&&(currentDateTime<liveData.picEnd)" class="picliveBtn">
                     图片直播中
                     图片直播中
                   </div>
                   </div>
-                  <div class="picliveBtn" v-if="currentDateTime > liveData.picEnd">图片直播</div>
-                  <div class="picliveBtn" v-if="currentDateTime < liveData.picStart">图片直播</div>
+                  <div v-if="currentDateTime > liveData.picEnd" class="picliveBtn">图片直播</div>
+                  <div v-if="currentDateTime < liveData.picStart" class="picliveBtn">图片直播</div>
                 </div>
                 </div>
               </div>
               </div>
             </div>
             </div>
           </div>
           </div>
         </el-carousel-item>
         </el-carousel-item>
       </el-carousel>
       </el-carousel>
-      <el-carousel class="forWei" height="160px" autoplay arrow="hover" @change="carouselChange">
-        <el-carousel-item style="height: 160px;" v-for="n in maList" :key="n.id">
+      <el-carousel arrow="hover" autoplay class="forWei" height="160px" @change="carouselChange">
+        <el-carousel-item v-for="n in maList" :key="n.id" style="height: 160px;">
           <div class="bannerItem" style="height:100%">
           <div class="bannerItem" style="height:100%">
             <div class="h100" style="position: relative">
             <div class="h100" style="position: relative">
-              <img class="bannerImg" :src="fillImgUrl(n.bgImgUrl)">
+              <img :src="fillImgUrl(n.bgImgUrl)" class="bannerImg">
               <div style="position: absolute;left: 0;right: 0;bottom: 0;margin: auto;">
               <div style="position: absolute;left: 0;right: 0;bottom: 0;margin: auto;">
                 <!--                <img class="slogen" src="@/assets/logo/banner-text.png"/>-->
                 <!--                <img class="slogen" src="@/assets/logo/banner-text.png"/>-->
-
-                <div class="banner-count" v-if="currentDateTime < liveData.videoStart" @click="goliveUrl">
+                
+                <div v-if="currentDateTime < liveData.videoStart" class="banner-count" @click="goliveUrl">
                   距离直播开始
                   距离直播开始
                   <van-count-down :time="liveStartTime" format="DD 天 HH 时 mm 分 ss 秒">
                   <van-count-down :time="liveStartTime" format="DD 天 HH 时 mm 分 ss 秒">
                     <template #default="timeData">
                     <template #default="timeData">
@@ -91,10 +92,10 @@
                   </van-count-down>
                   </van-count-down>
                 </div>
                 </div>
                 <div v-if="liveData&& liveData.videoStatus==1" @click.stop="goliveUrl">
                 <div v-if="liveData&& liveData.videoStatus==1" @click.stop="goliveUrl">
-                  <div class="banner-count"
-                       v-if="(currentDateTime>liveData.videoStart)&&(currentDateTime<liveData.videoEnd)">直播进行中
+                  <div v-if="(currentDateTime>liveData.videoStart)&&(currentDateTime<liveData.videoEnd)"
+                       class="banner-count">直播进行中
                   </div>
                   </div>
-                  <div class="banner-count" v-if="currentDateTime > liveData.videoEnd">直播已结束</div>
+                  <div v-if="currentDateTime > liveData.videoEnd" class="banner-count">直播已结束</div>
                 </div>
                 </div>
               </div>
               </div>
             </div>
             </div>
@@ -102,18 +103,18 @@
         </el-carousel-item>
         </el-carousel-item>
       </el-carousel>
       </el-carousel>
     </div>
     </div>
-
+    
     <div class="mb30">
     <div class="mb30">
       <home-weather-bar/>
       <home-weather-bar/>
     </div>
     </div>
-
+    
     <div class="box">
     <div class="box">
-      <HomeQuick :match-id="matchData?.id" :cpt-name="matchData?.name" @pick-up="handlePickup"/>
+      <HomeQuick :cpt-name="matchData?.name" :match-id="matchData?.id" @pick-up="handlePickup"/>
     </div>
     </div>
-
+    
     <div id="part0" class="box part">
     <div id="part0" class="box part">
       <el-row :gutter="20">
       <el-row :gutter="20">
-        <el-col :sm="24" :lg="12">
+        <el-col :lg="12" :sm="24">
           <div class="indexTitle">
           <div class="indexTitle">
             <h3 class="leftboderTT">通知公告</h3>
             <h3 class="leftboderTT">通知公告</h3>
             <a class="more" href="#/notice">MORE</a>
             <a class="more" href="#/notice">MORE</a>
@@ -125,7 +126,7 @@
             </div>
             </div>
           </el-card>
           </el-card>
         </el-col>
         </el-col>
-        <el-col :sm="24" :lg="12">
+        <el-col :lg="12" :sm="24">
           <div class="indexTitle">
           <div class="indexTitle">
             <h3 class="leftboderTT">竞赛日程</h3>
             <h3 class="leftboderTT">竞赛日程</h3>
             <a class="more" href="#/saiC">MORE</a>
             <a class="more" href="#/saiC">MORE</a>
@@ -135,12 +136,12 @@
             <home-calendar/>
             <home-calendar/>
           </el-card>
           </el-card>
         </el-col>
         </el-col>
-
+      
       </el-row>
       </el-row>
     </div>
     </div>
     <!--  新闻  -->
     <!--  新闻  -->
     <div id="part1" class="part">
     <div id="part1" class="part">
-
+      
       <div class="box">
       <div class="box">
         <div class="indexTitle">
         <div class="indexTitle">
           <h3 class="leftboderTT">新闻资讯</h3>
           <h3 class="leftboderTT">新闻资讯</h3>
@@ -148,9 +149,9 @@
         </div>
         </div>
         <el-row :gutter="20">
         <el-row :gutter="20">
           <el-col
           <el-col
-              v-for="(n,index) in newest2"
-              :key="n.id" :xs="24" :sm="8"
-              :lg="8"
+            v-for="(n,index) in newest2"
+            :key="n.id" :lg="8" :sm="8"
+            :xs="24"
           >
           >
             <div class="activeItem" @click="goDetail(n)">
             <div class="activeItem" @click="goDetail(n)">
               <div class="imgbox">
               <div class="imgbox">
@@ -213,9 +214,9 @@
             <el-col :lg="16">
             <el-col :lg="16">
               <div class="swiperPic">
               <div class="swiperPic">
                 <swiper
                 <swiper
-                    class="swiper-wrapper" :modules="modules" :slides-per-view="3" :space-between="20"
-                    :navigation="navigationPic"
-                    :autoplay="true" :loop="true"
+                  :autoplay="true" :loop="true" :modules="modules" :navigation="navigationPic"
+                  :slides-per-view="3"
+                  :space-between="20" class="swiper-wrapper"
                 >
                 >
                   <swiper-slide v-for="(n,i) in picList" :key="i">
                   <swiper-slide v-for="(n,i) in picList" :key="i">
                     <div class="picbox" @click="goDetail(n)">
                     <div class="picbox" @click="goDetail(n)">
@@ -229,7 +230,7 @@
             </el-col>
             </el-col>
           </el-row>
           </el-row>
           <el-row class="news-l-r">
           <el-row class="news-l-r">
-            <el-col v-for="(n,index) in livelist" :lg="8" v-show="index>0">
+            <el-col v-for="(n,index) in livelist" v-show="index>0" :lg="8">
               <div class="item" style="padding: 0;margin: 20px 0 0" @click="goDetail(n)">
               <div class="item" style="padding: 0;margin: 20px 0 0" @click="goDetail(n)">
                 <div class="imgbox">
                 <div class="imgbox">
                   <i class="playIcon"></i>
                   <i class="playIcon"></i>
@@ -247,7 +248,7 @@
         </el-card>
         </el-card>
       </div>
       </div>
     </div>
     </div>
-
+    
     <div class="box">
     <div class="box">
       <el-row :gutter="20">
       <el-row :gutter="20">
         <el-col :lg="12">
         <el-col :lg="12">
@@ -261,9 +262,9 @@
             </div>
             </div>
             <div class="mt30 text-center">
             <div class="mt30 text-center">
               <a class="btn-black" href="#/about/wuDao" style="display: inline-flex;align-items: center;">了解更多<img
               <a class="btn-black" href="#/about/wuDao" style="display: inline-flex;align-items: center;">了解更多<img
-                  style="filter: brightness(2);height: 8px" src="@/assets/v1/more.png"/></a>
+                src="@/assets/v1/more.png" style="filter: brightness(2);height: 8px"/></a>
             </div>
             </div>
-
+          
           </div>
           </div>
         </el-col>
         </el-col>
         <el-col :lg="12">
         <el-col :lg="12">
@@ -290,13 +291,13 @@
         </el-col>
         </el-col>
       </el-row>
       </el-row>
     </div>
     </div>
-
+    
     <div class="box">
     <div class="box">
       <div class="indexTitle">
       <div class="indexTitle">
         <h3 class="leftboderTT">合作伙伴</h3>
         <h3 class="leftboderTT">合作伙伴</h3>
       </div>
       </div>
       <el-row :gutter="20">
       <el-row :gutter="20">
-        <el-col :lg="6" :sm="6" :xs="12" v-for="p in partners">
+        <el-col v-for="p in partners" :lg="6" :sm="6" :xs="12">
           <div class="logobox">
           <div class="logobox">
             <img :src="fillImgUrl(JSON.parse(p.picUrl))">
             <img :src="fillImgUrl(JSON.parse(p.picUrl))">
           </div>
           </div>
@@ -321,6 +322,7 @@ import {dayjs, ElMessage} from 'element-plus'
 import * as match from "@/apiPc/match";
 import * as match from "@/apiPc/match";
 import {getAboutUs, getInfoByCptId, getppInfo, getZNList} from "@/apiPc/match";
 import {getAboutUs, getInfoByCptId, getppInfo, getZNList} from "@/apiPc/match";
 import HomeWeatherBar from "@/viewsPc/components/homeWeatherBar";
 import HomeWeatherBar from "@/viewsPc/components/homeWeatherBar";
+import {getBaseInfoByActiveId} from "@/apiPc/booking";
 
 
 const modules = [Autoplay, Navigation]
 const modules = [Autoplay, Navigation]
 const navigationPic = ref({
 const navigationPic = ref({
@@ -352,6 +354,7 @@ const partners = ref([])
 const liveData = ref({})
 const liveData = ref({})
 const aboutUsContent = ref('')
 const aboutUsContent = ref('')
 const liveStartTime = ref(0)
 const liveStartTime = ref(0)
+const form = ref({})
 
 
 onMounted(() => {
 onMounted(() => {
   init()
   init()
@@ -362,35 +365,41 @@ const init = () => {
   time.value = dayjs('2024-07-17 07:00:00').diff(today, 'millisecond')
   time.value = dayjs('2024-07-17 07:00:00').diff(today, 'millisecond')
   etime.value = dayjs('2024-07-22 12:00:00').diff(today, 'millisecond')
   etime.value = dayjs('2024-07-22 12:00:00').diff(today, 'millisecond')
   getNewsListById({
   getNewsListById({
-        pageSize: time.value > 0 ? 3 : 4,
-        pageNum: 1,
-        sortId: '30000006'
-      }
+      pageSize: time.value > 0 ? 3 : 4,
+      pageNum: 1,
+      sortId: '30000006'
+    }
   ).then(res => {
   ).then(res => {
     livelist.value = res.rows
     livelist.value = res.rows
   })
   })
   getNewsListById({
   getNewsListById({
-        pageSize: 5,
-        pageNum: 1,
-        sortId: '30000007'
-      }
+      pageSize: 5,
+      pageNum: 1,
+      sortId: '30000007'
+    }
   ).then(res => {
   ).then(res => {
     picList.value = res.rows
     picList.value = res.rows
   })
   })
   getNewsList({
   getNewsList({
-        pageSize: 3,
-        pageNum: 1,
-        language: 1,
-        code: '1000'
-      }
+      pageSize: 3,
+      pageNum: 1,
+      language: 1,
+      code: '1000'
+    }
   ).then(res => {
   ).then(res => {
     newest2.value = res.rows
     newest2.value = res.rows
   })
   })
-
+  
   getNewsListById({pageSize: 6, pageNum: 1, sortId: '20000000'}).then(res => {
   getNewsListById({pageSize: 6, pageNum: 1, sortId: '20000000'}).then(res => {
     newsList.value = res.rows
     newsList.value = res.rows
   })
   })
-
+  
+  async function getMatchSet(id) {
+    const res = await getBaseInfoByActiveId(id)
+    form.value = res.data ?? null
+    console.log(form.value)
+  }
+  
   match.getMaList({topFlag: 1}).then((res) => {
   match.getMaList({topFlag: 1}).then((res) => {
     maList.value = res.rows
     maList.value = res.rows
     for (let n of maList.value) {
     for (let n of maList.value) {
@@ -408,8 +417,9 @@ const init = () => {
     }
     }
     matchData.value = maList.value[0]
     matchData.value = maList.value[0]
     getMatchInfo(matchData.value.id)
     getMatchInfo(matchData.value.id)
+    getMatchSet(matchData.value.id)
   })
   })
-
+  
   match.getLabelList().then(res => {
   match.getLabelList().then(res => {
     tabList.value = res.data
     tabList.value = res.data
   })
   })
@@ -514,8 +524,8 @@ const handlePickup = () => {
 }
 }
 
 
 const goliveUrl = () => {
 const goliveUrl = () => {
-    ElMessage.warning('暂未开放')
-
+  ElMessage.warning('暂未开放')
+  
   // if (liveData.value.videoStatus == "1") {
   // if (liveData.value.videoStatus == "1") {
   //   window.open(liveData.value.videoUrlCn)
   //   window.open(liveData.value.videoUrlCn)
   // } else {
   // } else {
@@ -525,7 +535,7 @@ const goliveUrl = () => {
 const gopicliveUrl = () => {
 const gopicliveUrl = () => {
   proxy.$modal.msgWarning('暂未开放')
   proxy.$modal.msgWarning('暂未开放')
   return
   return
-
+  
   if (liveData.value.picStatus == "1") {
   if (liveData.value.picStatus == "1") {
     window.open(liveData.value.picUrlCn)
     window.open(liveData.value.picUrlCn)
   } else {
   } else {
@@ -535,7 +545,7 @@ const gopicliveUrl = () => {
 
 
 </script>
 </script>
 
 
-<style scoped lang="scss">
+<style lang="scss" scoped>
 .syBg {
 .syBg {
   background: url("@/assets/dance/logo_l.png") no-repeat bottom left,
   background: url("@/assets/dance/logo_l.png") no-repeat bottom left,
   url("@/assets/dance/logo_r1.png") no-repeat bottom right;
   url("@/assets/dance/logo_r1.png") no-repeat bottom right;
@@ -546,7 +556,7 @@ const gopicliveUrl = () => {
   position: absolute;
   position: absolute;
   bottom: 60px;
   bottom: 60px;
   gap: 10px;
   gap: 10px;
-
+  
   div {
   div {
     color: #fff;
     color: #fff;
     background-color: rgba(0, 0, 0, 0.5);
     background-color: rgba(0, 0, 0, 0.5);
@@ -555,7 +565,7 @@ const gopicliveUrl = () => {
     border-radius: 50px;
     border-radius: 50px;
     padding: 6px 20px;
     padding: 6px 20px;
   }
   }
-
+  
   div:hover {
   div:hover {
     cursor: pointer;
     cursor: pointer;
     background: #fff;
     background: #fff;
@@ -574,18 +584,18 @@ const gopicliveUrl = () => {
 .zn-Box {
 .zn-Box {
   .bgbg {
   .bgbg {
     padding: 5%;
     padding: 5%;
-
+    
     img {
     img {
       margin: 5% 0
       margin: 5% 0
     }
     }
   }
   }
-
+  
   .itemBox {
   .itemBox {
     padding: 20px 0;
     padding: 20px 0;
   }
   }
-
+  
   border-radius: 15px;
   border-radius: 15px;
-
+  
   .zn-btn {
   .zn-btn {
     background: #FFFFFF;
     background: #FFFFFF;
     font-size: 18px;
     font-size: 18px;
@@ -595,8 +605,8 @@ const gopicliveUrl = () => {
     display: inline-flex;
     display: inline-flex;
     align-items: center;
     align-items: center;
   }
   }
-
-
+  
+  
 }
 }
 
 
 .app-main {
 .app-main {
@@ -613,12 +623,12 @@ const gopicliveUrl = () => {
   height: 450px;
   height: 450px;
   background: #000;
   background: #000;
   position: relative;
   position: relative;
-
+  
   .slogen {
   .slogen {
     position: relative;
     position: relative;
     top: 130px;
     top: 130px;
   }
   }
-
+  
   .picliveBtn {
   .picliveBtn {
     position: absolute;
     position: absolute;
     cursor: pointer;
     cursor: pointer;
@@ -630,7 +640,7 @@ const gopicliveUrl = () => {
     border: 2px solid rgba(255, 255, 255, 0.5);
     border: 2px solid rgba(255, 255, 255, 0.5);
     border-radius: 50px;
     border-radius: 50px;
   }
   }
-
+  
   .banner-count {
   .banner-count {
     cursor: pointer;
     cursor: pointer;
     position: absolute;
     position: absolute;
@@ -645,7 +655,7 @@ const gopicliveUrl = () => {
     flex-wrap: nowrap;
     flex-wrap: nowrap;
     right: 5%;
     right: 5%;
     color: #fff;
     color: #fff;
-
+    
     .van-count-down {
     .van-count-down {
       display: flex;
       display: flex;
       color: #fff;
       color: #fff;
@@ -653,7 +663,7 @@ const gopicliveUrl = () => {
       width: 360px;
       width: 360px;
       font-size: 41px;
       font-size: 41px;
     }
     }
-
+    
     .block {
     .block {
       color: #fff;
       color: #fff;
       text-align: center;
       text-align: center;
@@ -661,7 +671,7 @@ const gopicliveUrl = () => {
       font-size: 41px;
       font-size: 41px;
       font-family: DIN Alternate;
       font-family: DIN Alternate;
     }
     }
-
+    
     .colon {
     .colon {
       color: #fff;
       color: #fff;
       display: block;
       display: block;
@@ -669,27 +679,27 @@ const gopicliveUrl = () => {
       font-size: 20px;
       font-size: 20px;
     }
     }
   }
   }
-
+  
   .bb {
   .bb {
     width: 580px;
     width: 580px;
     justify-content: center;
     justify-content: center;
     height: 100px;
     height: 100px;
     font-size: 30px;
     font-size: 30px;
   }
   }
-
+  
   .banner-count.bb:hover {
   .banner-count.bb:hover {
     box-shadow: 0 0 20px #453DEA;
     box-shadow: 0 0 20px #453DEA;
     border-radius: 100px;
     border-radius: 100px;
     background: #000
     background: #000
   }
   }
-
+  
   .box {
   .box {
     position: absolute;
     position: absolute;
     height: 100%;
     height: 100%;
     left: 0;
     left: 0;
     right: 0;
     right: 0;
   }
   }
-
+  
   h3 {
   h3 {
     position: absolute;
     position: absolute;
     color: #fff;
     color: #fff;
@@ -698,7 +708,7 @@ const gopicliveUrl = () => {
     bottom: 50px;
     bottom: 50px;
     font-size: 3vw;
     font-size: 3vw;
   }
   }
-
+  
   video {
   video {
     width: 100%;
     width: 100%;
     height: 100%;
     height: 100%;
@@ -713,26 +723,26 @@ const gopicliveUrl = () => {
 .banner {
 .banner {
   position: relative;
   position: relative;
   margin: 0 0 30px;
   margin: 0 0 30px;
-
+  
   :deep(.el-carousel__arrow) {
   :deep(.el-carousel__arrow) {
     border-radius: 0;
     border-radius: 0;
-
+    
     .el-icon {
     .el-icon {
       color: transparent;
       color: transparent;
     }
     }
-
+    
     &:hover {
     &:hover {
       filter: brightness(1.5)
       filter: brightness(1.5)
     }
     }
   }
   }
-
+  
   :deep(.el-carousel__arrow--left) {
   :deep(.el-carousel__arrow--left) {
     background: url("@/assets/images/prev2@2x.png") no-repeat center;
     background: url("@/assets/images/prev2@2x.png") no-repeat center;
     width: 78px;
     width: 78px;
     height: 45px;
     height: 45px;
     background-size: contain;
     background-size: contain;
   }
   }
-
+  
   :deep(.el-carousel__arrow--right) {
   :deep(.el-carousel__arrow--right) {
     background: url("@/assets/images/next2@2x.png") no-repeat center;
     background: url("@/assets/images/next2@2x.png") no-repeat center;
     width: 78px;
     width: 78px;
@@ -753,7 +763,7 @@ const gopicliveUrl = () => {
 .ggbond {
 .ggbond {
   height: 230px;
   height: 230px;
   position: relative;
   position: relative;
-
+  
   img {
   img {
     height: 100%;
     height: 100%;
     object-fit: cover;
     object-fit: cover;
@@ -771,17 +781,17 @@ const gopicliveUrl = () => {
   position: relative;
   position: relative;
   border-radius: 10px;
   border-radius: 10px;
   overflow: hidden;
   overflow: hidden;
-
+  
   .imgbox {
   .imgbox {
     background: linear-gradient(0, #C8AAFC, #fff)
     background: linear-gradient(0, #C8AAFC, #fff)
   }
   }
-
+  
   img {
   img {
     height: 350px;
     height: 350px;
     width: 100%;
     width: 100%;
     object-fit: cover;
     object-fit: cover;
   }
   }
-
+  
   h3 {
   h3 {
     color: #fff;
     color: #fff;
     background: url("@/assets/dance/name_bg.png") no-repeat center;
     background: url("@/assets/dance/name_bg.png") no-repeat center;
@@ -794,7 +804,7 @@ const gopicliveUrl = () => {
     width: 100%;
     width: 100%;
     bottom: 30px;
     bottom: 30px;
   }
   }
-
+  
   p {
   p {
     text-align: center;
     text-align: center;
     margin: 25px 0 0;
     margin: 25px 0 0;
@@ -805,7 +815,7 @@ const gopicliveUrl = () => {
 @media screen and (max-width: 1650px) {
 @media screen and (max-width: 1650px) {
   .teacher {
   .teacher {
     height: 320px;
     height: 320px;
-
+    
     .imgbox {
     .imgbox {
       img {
       img {
         height: 260px
         height: 260px
@@ -818,7 +828,7 @@ const gopicliveUrl = () => {
   .teacher {
   .teacher {
     height: 450px;
     height: 450px;
     margin: 0 0 20px;
     margin: 0 0 20px;
-
+    
     .imgbox {
     .imgbox {
       img {
       img {
         height: 390px
         height: 390px
@@ -831,7 +841,7 @@ const gopicliveUrl = () => {
   .teacher {
   .teacher {
     height: 400px;
     height: 400px;
     margin: 0 0 20px;
     margin: 0 0 20px;
-
+    
     .imgbox {
     .imgbox {
       img {
       img {
         height: 340px
         height: 340px
@@ -844,7 +854,7 @@ const gopicliveUrl = () => {
   .teacher {
   .teacher {
     height: 400px;
     height: 400px;
     margin: 0 0 20px;
     margin: 0 0 20px;
-
+    
     .imgbox {
     .imgbox {
       img {
       img {
         height: 260px
         height: 260px
@@ -859,7 +869,7 @@ const gopicliveUrl = () => {
   background-size: cover;
   background-size: cover;
   padding: 40px 60px;
   padding: 40px 60px;
   position: relative;
   position: relative;
-
+  
   .content {
   .content {
     font-size: 18px;
     font-size: 18px;
     line-height: 2.2;
     line-height: 2.2;
@@ -868,7 +878,7 @@ const gopicliveUrl = () => {
     text-align: left;
     text-align: left;
     text-indent: 2em;
     text-indent: 2em;
   }
   }
-
+  
   .shadowbox {
   .shadowbox {
     position: absolute;
     position: absolute;
     left: 0;
     left: 0;
@@ -877,7 +887,7 @@ const gopicliveUrl = () => {
     width: 100%;
     width: 100%;
     background: linear-gradient(0deg, rgba(255, 255, 255, 1), rgba(255, 255, 255, 0));
     background: linear-gradient(0deg, rgba(255, 255, 255, 1), rgba(255, 255, 255, 0));
   }
   }
-
+  
   .btn-lineG {
   .btn-lineG {
   }
   }
 }
 }
@@ -889,7 +899,7 @@ const gopicliveUrl = () => {
   padding: 1px;
   padding: 1px;
   position: relative;
   position: relative;
   display: flex;
   display: flex;
-
+  
   .content {
   .content {
     background: #fff;
     background: #fff;
     width: 60%;
     width: 60%;
@@ -901,33 +911,33 @@ const gopicliveUrl = () => {
     bottom: 0;
     bottom: 0;
     margin: auto;
     margin: auto;
   }
   }
-
+  
   div {
   div {
     padding-left: 60px;
     padding-left: 60px;
   }
   }
-
+  
   .phone {
   .phone {
     background: url("@/assets/dance/map01.png") no-repeat left;
     background: url("@/assets/dance/map01.png") no-repeat left;
     background-size: 30px;
     background-size: 30px;
   }
   }
-
+  
   .address {
   .address {
     background: url("@/assets/dance/map02.png") no-repeat left;
     background: url("@/assets/dance/map02.png") no-repeat left;
     background-size: 30px;
     background-size: 30px;
     margin: 50px 0;
     margin: 50px 0;
   }
   }
-
+  
   .email {
   .email {
     background: url("@/assets/dance/map03.png") no-repeat left;
     background: url("@/assets/dance/map03.png") no-repeat left;
     background-size: 30px;
     background-size: 30px;
   }
   }
-
+  
   h4 {
   h4 {
     margin: 0;
     margin: 0;
     font-size: 16px;
     font-size: 16px;
     color: #AAAAAA;
     color: #AAAAAA;
   }
   }
-
+  
   p {
   p {
     margin: 13px 0 0;
     margin: 13px 0 0;
   }
   }
@@ -938,7 +948,7 @@ const gopicliveUrl = () => {
   height: 180px;
   height: 180px;
   border-radius: 10px;
   border-radius: 10px;
   margin: 0 0 30px;
   margin: 0 0 30px;
-
+  
   img {
   img {
     width: 100%;
     width: 100%;
     height: 100%;
     height: 100%;
@@ -951,7 +961,7 @@ const gopicliveUrl = () => {
   position: relative;
   position: relative;
   height: 100%;
   height: 100%;
   padding: 20px 45px;
   padding: 20px 45px;
-
+  
   .picprev {
   .picprev {
     position: absolute;
     position: absolute;
     left: 5px;
     left: 5px;
@@ -960,12 +970,12 @@ const gopicliveUrl = () => {
     margin: auto;
     margin: auto;
     height: 33px;
     height: 33px;
     cursor: pointer;
     cursor: pointer;
-
+    
     &:hover {
     &:hover {
       filter: brightness(2)
       filter: brightness(2)
     }
     }
   }
   }
-
+  
   .picnext {
   .picnext {
     position: absolute;
     position: absolute;
     right: 5px;
     right: 5px;
@@ -974,7 +984,7 @@ const gopicliveUrl = () => {
     margin: auto;
     margin: auto;
     height: 33px;
     height: 33px;
     cursor: pointer;
     cursor: pointer;
-
+    
     &:hover {
     &:hover {
       filter: brightness(2)
       filter: brightness(2)
     }
     }
@@ -985,7 +995,7 @@ const gopicliveUrl = () => {
   .teacher {
   .teacher {
     height: 460px;
     height: 460px;
     margin: 0 0 20px;
     margin: 0 0 20px;
-
+    
     img {
     img {
       height: 400px
       height: 400px
     }
     }
@@ -996,11 +1006,11 @@ const gopicliveUrl = () => {
   .box {
   .box {
     width: 94%
     width: 94%
   }
   }
-
-
+  
+  
   .calendarList {
   .calendarList {
     padding: 0;
     padding: 0;
-
+    
     ul {
     ul {
       li {
       li {
         margin: 10px
         margin: 10px
@@ -1016,7 +1026,7 @@ const gopicliveUrl = () => {
   .teacher {
   .teacher {
     height: 320px;
     height: 320px;
     margin: 0 0 20px;
     margin: 0 0 20px;
-
+    
     img {
     img {
       height: 260px
       height: 260px
     }
     }
@@ -1028,17 +1038,17 @@ const gopicliveUrl = () => {
     div {
     div {
       padding-left: 40px;
       padding-left: 40px;
     }
     }
-
+    
     .content {
     .content {
       width: 80%;
       width: 80%;
       left: 10%;
       left: 10%;
       padding: 10px 20px 0 20px;
       padding: 10px 20px 0 20px;
     }
     }
-
+    
     .address {
     .address {
       margin: 30px 0;
       margin: 30px 0;
     }
     }
-
+    
     p {
     p {
       text-align: left;
       text-align: left;
       word-break: break-all;
       word-break: break-all;
@@ -1053,19 +1063,19 @@ const gopicliveUrl = () => {
     width: auto;
     width: auto;
     left: 0;
     left: 0;
     right: 0;
     right: 0;
-
+    
     .van-count-down {
     .van-count-down {
       margin: 30px 0 0;
       margin: 30px 0 0;
     }
     }
   }
   }
-
+  
   .bgbg {
   .bgbg {
     text-align: center;
     text-align: center;
-
+    
     img {
     img {
       max-width: 100%;
       max-width: 100%;
     }
     }
-
+    
     h1 {
     h1 {
       text-align: center
       text-align: center
     }
     }
@@ -1078,7 +1088,7 @@ const gopicliveUrl = () => {
   z-index: 2;
   z-index: 2;
   background: #F04035;
   background: #F04035;
   padding: 2px 4px;
   padding: 2px 4px;
-
+  
   &::after {
   &::after {
     content: '';
     content: '';
     width: 0;
     width: 0;
@@ -1089,12 +1099,12 @@ const gopicliveUrl = () => {
     border-top: 24px solid #F04035;
     border-top: 24px solid #F04035;
     border-right: 15px solid transparent;
     border-right: 15px solid transparent;
   }
   }
-
+  
   .van-count-down {
   .van-count-down {
     display: flex;
     display: flex;
     color: #fff;
     color: #fff;
     font-size: 14px;
     font-size: 14px;
-
+    
     .block {
     .block {
       color: #fff;
       color: #fff;
       text-align: center;
       text-align: center;
@@ -1110,7 +1120,7 @@ const gopicliveUrl = () => {
   height: 56px;
   height: 56px;
   justify-content: space-between;
   justify-content: space-between;
   cursor: pointer;
   cursor: pointer;
-
+  
   h3 {
   h3 {
     font-weight: 400;
     font-weight: 400;
     margin: 0;
     margin: 0;
@@ -1121,13 +1131,13 @@ const gopicliveUrl = () => {
     font-size: 18px;
     font-size: 18px;
     color: #030303;
     color: #030303;
   }
   }
-
+  
   span {
   span {
     font-weight: 400;
     font-weight: 400;
     font-size: 14px;
     font-size: 14px;
     color: #B4B6B8;
     color: #B4B6B8;
   }
   }
-
+  
   &:hover {
   &:hover {
     background: #F7F8FC;
     background: #F7F8FC;
   }
   }
@@ -1142,12 +1152,12 @@ const gopicliveUrl = () => {
   }
   }
   .newline {
   .newline {
     height: 40px;
     height: 40px;
-
+    
     h3 {
     h3 {
       width: 70%;
       width: 70%;
       font-size: 14px;
       font-size: 14px;
     }
     }
-
+    
     span {
     span {
       font-size: 12px;
       font-size: 12px;
     }
     }

 <template>
 <template>
   <div class="syBg">
   <div class="syBg">
     <div class="banner">
     <div class="banner">
-      <el-carousel height="450px"  autoplay :interval="2000" class="forPc" :autoplay="false" arrow="hover"  @change="carouselChange">
-        <el-carousel-item style="height: 450px;" v-for="n in maList" :key="n.id">
+      <el-carousel :autoplay="false" :interval="2000" arrow="hover" autoplay class="forPc" height="450px"
+                   @change="carouselChange">
+        <el-carousel-item v-for="n in maList" :key="n.id" style="height: 450px;">
           <div class="bannerItem">
           <div class="bannerItem">
-            <div class="h100"  @click.stop="goMatch(n)">
-              <img class="bannerImg" :src="fillImgUrl(n.bgImgUrl)">
+            <div class="h100" @click.stop="goMatch(n)">
+              <img :src="fillImgUrl(n.bgImgUrl)" class="bannerImg">
               <div class="box" style="position: absolute;top: 0;left: 0;right: 0;margin: auto;">
               <div class="box" style="position: absolute;top: 0;left: 0;right: 0;margin: auto;">
                 <img class="slogen" src="@/assets/logo/banner-text.png"/>
                 <img class="slogen" src="@/assets/logo/banner-text.png"/>
-
+                
                 <div class="btabs">
                 <div class="btabs">
-                  <div v-for="tab in tabList" @click.stop="goMatchWithTab(n,tab.id)">{{tab.customTitle}}</div>
+                  <div v-for="tab in tabList" @click.stop="goMatchWithTab(n,tab.id)">{{ tab.customTitle }}</div>
                 </div>
                 </div>
-                <div class="banner-count" v-if="currentDateTime < liveData.videoStart" @click.stop="goliveUrl">
+                <div v-if="currentDateTime < liveData.videoStart&&form.isLiveVideo==1" class="banner-count"
+                     @click.stop="goliveUrl">
                   Live Countdown
                   Live Countdown
                   <van-count-down :time="liveStartTime" format="DD 天 HH 时 mm 分 ss 秒">
                   <van-count-down :time="liveStartTime" format="DD 天 HH 时 mm 分 ss 秒">
                     <template #default="timeData">
                     <template #default="timeData">
@@ -34,12 +36,13 @@
                     </template>
                     </template>
                   </van-count-down>
                   </van-count-down>
                 </div>
                 </div>
-
-                <div v-if="liveData&& liveData.videoStatus==1" @click.stop="goliveUrl">
-                  <div class="banner-count" v-if="(currentDateTime>liveData.videoStart)&&(currentDateTime<liveData.videoEnd)">
+                
+                <div v-if="liveData&& liveData.videoStatus==1&&form.isLivePic==1" @click.stop="goliveUrl">
+                  <div v-if="(currentDateTime>liveData.videoStart)&&(currentDateTime<liveData.videoEnd)"
+                       class="banner-count">
                     Live Now
                     Live Now
                   </div>
                   </div>
-                  <div class="banner-count" v-if="currentDateTime > liveData.videoEnd">
+                  <div v-if="currentDateTime > liveData.videoEnd" class="banner-count">
                     Live End
                     Live End
                   </div>
                   </div>
                 </div>
                 </div>
@@ -48,36 +51,40 @@
           </div>
           </div>
         </el-carousel-item>
         </el-carousel-item>
       </el-carousel>
       </el-carousel>
-      <el-carousel class="forWei" height="160px" autoplay arrow="hover" @change="carouselChange">
-        <el-carousel-item style="height: 160px;" v-for="n in maList" :key="n.id">
+      <el-carousel arrow="hover" autoplay class="forWei" height="160px" @change="carouselChange">
+        <el-carousel-item v-for="n in maList" :key="n.id" style="height: 160px;">
           <div class="bannerItem" style="height:100%">
           <div class="bannerItem" style="height:100%">
             <div class="h100" style="position: relative">
             <div class="h100" style="position: relative">
-              <img class="bannerImg" :src="fillImgUrl(n.bgImgUrl)">
+              <img :src="fillImgUrl(n.bgImgUrl)" class="bannerImg">
               <div style="position: absolute;left: 0;right: 0;bottom: 0;margin: auto;">
               <div style="position: absolute;left: 0;right: 0;bottom: 0;margin: auto;">
-                <div class="banner-count" v-if="currentDateTime < liveData.videoStart" @click="goliveUrl">
+                <div v-if="currentDateTime < liveData.videoStart" class="banner-count" @click="goliveUrl">
                   Live Countdown
                   Live Countdown
                   <van-count-down :time="liveStartTime" format="DD 天 HH 时 mm 分 ss 秒">
                   <van-count-down :time="liveStartTime" format="DD 天 HH 时 mm 分 ss 秒">
                     <template #default="timeData">
                     <template #default="timeData">
                       <div class="block">{{ timeData.days }}
                       <div class="block">{{ timeData.days }}
                         <span class="colon">Days</span>
                         <span class="colon">Days</span>
-                      </div>：
+                      </div>
+                      ：
                       <div class="block">{{ timeData.hours }}
                       <div class="block">{{ timeData.hours }}
                         <span class="colon">Hrs</span>
                         <span class="colon">Hrs</span>
-                      </div>：
+                      </div>
+                      ：
                       <div class="block">{{ timeData.minutes }}
                       <div class="block">{{ timeData.minutes }}
                         <span class="colon">Min</span>
                         <span class="colon">Min</span>
-                      </div>：
+                      </div>
+                      ：
                       <div class="block">{{ timeData.seconds }}
                       <div class="block">{{ timeData.seconds }}
                         <span class="colon">Sec</span>
                         <span class="colon">Sec</span>
                       </div>
                       </div>
                     </template>
                     </template>
                   </van-count-down>
                   </van-count-down>
                 </div>
                 </div>
-                <div v-if="liveData&& liveData.videoStatus==1" @click.stop="goliveUrl">
-                  <div class="banner-count" v-if="(currentDateTime>liveData.videoStart)&&(currentDateTime<liveData.videoEnd)">
+                <div v-if="liveData&& liveData.videoStatus==1 &&form.isLivePic==1" @click.stop="goliveUrl">
+                  <div v-if="(currentDateTime>liveData.videoStart)&&(currentDateTime<liveData.videoEnd)"
+                       class="banner-count">
                     Live Now
                     Live Now
                   </div>
                   </div>
-                  <div class="banner-count" v-if="currentDateTime > liveData.videoEnd">
+                  <div v-if="currentDateTime > liveData.videoEnd" class="banner-count">
                     Live End
                     Live End
                   </div>
                   </div>
                 </div>
                 </div>
@@ -87,19 +94,19 @@
         </el-carousel-item>
         </el-carousel-item>
       </el-carousel>
       </el-carousel>
     </div>
     </div>
-
+    
     <div class="mb30">
     <div class="mb30">
       <home-weather-bar :lang="1"/>
       <home-weather-bar :lang="1"/>
     </div>
     </div>
-
+    
     <div class="box">
     <div class="box">
-      <HomeQuick :match-id="matchData?.id" :cpt-name="matchData?.name" @pick-up="handlePickup"/>
+      <HomeQuick :cpt-name="matchData?.name" :match-id="matchData?.id" @pick-up="handlePickup"/>
     </div>
     </div>
-
-
+    
+    
     <div id="part0" class="box part">
     <div id="part0" class="box part">
       <el-row :gutter="20">
       <el-row :gutter="20">
-        <el-col :sm="24" :lg="12">
+        <el-col :lg="12" :sm="24">
           <div class="indexTitle">
           <div class="indexTitle">
             <h3 class="leftboderTT">NOTICEBOARD</h3>
             <h3 class="leftboderTT">NOTICEBOARD</h3>
             <a class="more" href="#/notice">MORE</a>
             <a class="more" href="#/notice">MORE</a>
@@ -107,11 +114,11 @@
           <el-card :body-style="{'padding':'10px 20px 18px'}">
           <el-card :body-style="{'padding':'10px 20px 18px'}">
             <div v-for="(n,index) in newsList" :key="index" class="newline" @click="goDetail(n)">
             <div v-for="(n,index) in newsList" :key="index" class="newline" @click="goDetail(n)">
               <h3>{{ n.name }}</h3>
               <h3>{{ n.name }}</h3>
-              <span class="date">{{n.belongTime}}</span>
+              <span class="date">{{ n.belongTime }}</span>
             </div>
             </div>
           </el-card>
           </el-card>
         </el-col>
         </el-col>
-        <el-col :sm="24" :lg="12">
+        <el-col :lg="12" :sm="24">
           <div class="indexTitle">
           <div class="indexTitle">
             <h3 class="leftboderTT">COMPETITION SCHEDULE</h3>
             <h3 class="leftboderTT">COMPETITION SCHEDULE</h3>
             <a class="more" @click="gosaiC">MORE</a>
             <a class="more" @click="gosaiC">MORE</a>
@@ -121,12 +128,12 @@
             <home-calendar/>
             <home-calendar/>
           </el-card>
           </el-card>
         </el-col>
         </el-col>
-
+      
       </el-row>
       </el-row>
     </div>
     </div>
     <!--  NEWS  -->
     <!--  NEWS  -->
     <div id="part1" class="part">
     <div id="part1" class="part">
-
+      
       <div class="box">
       <div class="box">
         <div class="indexTitle">
         <div class="indexTitle">
           <h3 class="leftboderTT">NEWS</h3>
           <h3 class="leftboderTT">NEWS</h3>
@@ -135,20 +142,20 @@
         <el-row :gutter="20">
         <el-row :gutter="20">
           <el-col
           <el-col
             v-for="(n,index) in newest2"
             v-for="(n,index) in newest2"
-            :key="n.id" :xs="24" :sm="8"
-            :lg="8"
+            :key="n.id" :lg="8" :sm="8"
+            :xs="24"
           >
           >
-            <div class="activeItem"  @click="goNewsDetail(n)">
+            <div class="activeItem" @click="goNewsDetail(n)">
               <div class="imgbox">
               <div class="imgbox">
                 <img :src="fillImgUrl_webSite(n.picUrl)">
                 <img :src="fillImgUrl_webSite(n.picUrl)">
               </div>
               </div>
               <div class="info">
               <div class="info">
                 <div class="date">
                 <div class="date">
-                  {{ n.sortName }}  ｜ {{ n.belongTime }}
+                  {{ n.sortName }} ｜ {{ n.belongTime }}
                 </div>
                 </div>
                 <h3 class="esp">{{ n.name }}</h3>
                 <h3 class="esp">{{ n.name }}</h3>
                 <p class="esp_2" style="height: 40px">
                 <p class="esp_2" style="height: 40px">
-                  {{n.subName}}
+                  {{ n.subName }}
                 </p>
                 </p>
                 <a>DETAIL</a>
                 <a>DETAIL</a>
               </div>
               </div>
@@ -176,14 +183,14 @@
               </a>
               </a>
             </el-col>
             </el-col>
             <el-col :lg="16">
             <el-col :lg="16">
-
+              
               <div class="swiperPic forPx">
               <div class="swiperPic forPx">
                 <swiper
                 <swiper
-                  class="swiper-wrapper" :modules="modules" :slides-per-view="3" :space-between="20"
-                  :navigation="navigationPic"
-                  :autoplay="true" :loop="true"
+                  :autoplay="true" :loop="true" :modules="modules" :navigation="navigationPic"
+                  :slides-per-view="3"
+                  :space-between="20" class="swiper-wrapper"
                 >
                 >
-                  <swiper-slide v-for="(n,i) in picList" :key="i" >
+                  <swiper-slide v-for="(n,i) in picList" :key="i">
                     <div class="picbox" @click="goNewsDetail(n)">
                     <div class="picbox" @click="goNewsDetail(n)">
                       <img :src="fillImgUrl_webSite(n.picUrl)">
                       <img :src="fillImgUrl_webSite(n.picUrl)">
                     </div>
                     </div>
@@ -192,29 +199,30 @@
                 <div class="picprev"><img src="@/assets/dance/prev1.png"></div>
                 <div class="picprev"><img src="@/assets/dance/prev1.png"></div>
                 <div class="picnext"><img src="@/assets/dance/next1.png"></div>
                 <div class="picnext"><img src="@/assets/dance/next1.png"></div>
               </div>
               </div>
-
+            
             </el-col>
             </el-col>
           </el-row>
           </el-row>
           <el-row class="news-l-r">
           <el-row class="news-l-r">
             <el-col v-for="(n,index) in livelist" v-show="index>0" :lg="8">
             <el-col v-for="(n,index) in livelist" v-show="index>0" :lg="8">
               <div class="item" style="padding: 0;margin: 20px 0 0" @click="goNewsDetail(n)">
               <div class="item" style="padding: 0;margin: 20px 0 0" @click="goNewsDetail(n)">
                 <div class="imgbox">
                 <div class="imgbox">
-                  <i class="playIcon" />
+                  <i class="playIcon"/>
                   <img :src="fillImgUrl_webSite(n.picUrl)"></div>
                   <img :src="fillImgUrl_webSite(n.picUrl)"></div>
                 <div class="info">
                 <div class="info">
                   <div class="text-primary small-size">
                   <div class="text-primary small-size">
-                    <span v-if="n.subName">{{n.subName  +  ' | '}}</span>
-                    {{ n.belongTime }}</div>
+                    <span v-if="n.subName">{{ n.subName + ' | ' }}</span>
+                    {{ n.belongTime }}
+                  </div>
                   <h2 class="esp_2">{{ n.name }}</h2>
                   <h2 class="esp_2">{{ n.name }}</h2>
                 </div>
                 </div>
               </div>
               </div>
             </el-col>
             </el-col>
           </el-row>
           </el-row>
         </el-card>
         </el-card>
-
+      
       </div>
       </div>
     </div>
     </div>
-
+    
     <div hidden>
     <div hidden>
       <div class="box">
       <div class="box">
         <div class="indexTitle">
         <div class="indexTitle">
@@ -222,8 +230,8 @@
         </div>
         </div>
         <el-row :gutter="20">
         <el-row :gutter="20">
           <el-col
           <el-col
-            v-for="n in personList" :key="n.name" :sm="8" :xl="4" :xs="12"
-            :lg="4"
+            v-for="n in personList" :key="n.name" :lg="4" :sm="8" :xl="4"
+            :xs="12"
           >
           >
             <div class="teacher">
             <div class="teacher">
               <div class="imgbox"><img :src="n.src"></div>
               <div class="imgbox"><img :src="n.src"></div>
@@ -234,7 +242,7 @@
         </el-row>
         </el-row>
       </div>
       </div>
     </div>
     </div>
-
+    
     <div class="box">
     <div class="box">
       <el-row :gutter="20">
       <el-row :gutter="20">
         <el-col :lg="12">
         <el-col :lg="12">
@@ -245,18 +253,19 @@
           <div class="aboutBox">
           <div class="aboutBox">
             <div class="content">
             <div class="content">
               <div v-html="aboutUsContent"></div>
               <div v-html="aboutUsContent"></div>
-              <div class="shadowbox" />
+              <div class="shadowbox"/>
             </div>
             </div>
             <div class="mt30 text-center">
             <div class="mt30 text-center">
-              <a class="btn-lineG" href="#/about/wuDao" style="display: inline-flex;align-items: center;">Learn more <img style="filter: brightness(2);height: 8px;margin-left: 10px" src="@/assets/v1/more.png"></a>
+              <a class="btn-lineG" href="#/about/wuDao" style="display: inline-flex;align-items: center;">Learn more
+                <img src="@/assets/v1/more.png" style="filter: brightness(2);height: 8px;margin-left: 10px"></a>
             </div>
             </div>
-
+          
           </div>
           </div>
         </el-col>
         </el-col>
         <el-col :lg="12">
         <el-col :lg="12">
           <div class="indexTitle">
           <div class="indexTitle">
             <h3 class="leftboderTT">CONTACT US</h3>
             <h3 class="leftboderTT">CONTACT US</h3>
-            <a class="more" style="filter: brightness(10)" href="#/about/wuDao">MORE</a>
+            <a class="more" href="#/about/wuDao" style="filter: brightness(10)">MORE</a>
           </div>
           </div>
           <div class="mapBox">
           <div class="mapBox">
             <div class="content">
             <div class="content">
@@ -277,58 +286,60 @@
         </el-col>
         </el-col>
       </el-row>
       </el-row>
     </div>
     </div>
-
+    
     <div class="box">
     <div class="box">
       <div class="indexTitle">
       <div class="indexTitle">
         <h3 class="leftboderTT">PARTNERS</h3>
         <h3 class="leftboderTT">PARTNERS</h3>
       </div>
       </div>
       <el-row :gutter="20">
       <el-row :gutter="20">
-        <el-col :lg="6" :sm="12" :xs="6" v-for="p in partners">
+        <el-col v-for="p in partners" :lg="6" :sm="12" :xs="6">
           <div class="logobox">
           <div class="logobox">
             <img :src="fillImgUrl(JSON.parse(p.picUrl))">
             <img :src="fillImgUrl(JSON.parse(p.picUrl))">
           </div>
           </div>
         </el-col>
         </el-col>
       </el-row>
       </el-row>
     </div>
     </div>
-
-
+  
+  
   </div>
   </div>
 </template>
 </template>
 <script setup>
 <script setup>
-import { ref, nextTick, onMounted, watch } from 'vue'
-import { getCurrentInstance } from '@vue/runtime-core'
-import { getNewsListById, getNewsList,getWeather} from '@/apiPc/webSite'
-import { useRouter } from 'vue-router'
+import {ref, nextTick, onMounted, watch} from 'vue'
+import {getCurrentInstance} from '@vue/runtime-core'
+import {getNewsListById, getNewsList, getWeather} from '@/apiPc/webSite'
+import {useRouter} from 'vue-router'
 import _ from 'lodash'
 import _ from 'lodash'
 import HomeQuick from '@/viewsPc/components/homeQuick'
 import HomeQuick from '@/viewsPc/components/homeQuick'
 import HomeCalendar from '@/viewsPc/components/homeCalendar'
 import HomeCalendar from '@/viewsPc/components/homeCalendar'
-import { Swiper, SwiperSlide } from 'swiper/vue'
-import { Autoplay, Navigation } from 'swiper'
+import {Swiper, SwiperSlide} from 'swiper/vue'
+import {Autoplay, Navigation} from 'swiper'
 import 'swiper/css'
 import 'swiper/css'
 import {dayjs, ElMessage} from 'element-plus'
 import {dayjs, ElMessage} from 'element-plus'
 import * as match from "@/apiPc/match";
 import * as match from "@/apiPc/match";
 import HomeWeatherBar from "@/viewsPc/components/homeWeatherBar";
 import HomeWeatherBar from "@/viewsPc/components/homeWeatherBar";
 
 
+import {getBaseInfoByActiveId} from "/@/apiPc/booking";
 
 
 import {rankList} from '@/assets/js/data'
 import {rankList} from '@/assets/js/data'
+
 const modules = [Autoplay, Navigation]
 const modules = [Autoplay, Navigation]
 const navigationPic = ref({
 const navigationPic = ref({
   nextEl: '.picnext',
   nextEl: '.picnext',
   prevEl: '.picprev'
   prevEl: '.picprev'
 })
 })
 const router = useRouter()
 const router = useRouter()
-const { proxy } = getCurrentInstance()
-const emit = defineEmits(['pop','backNumber','schSearch'])
+const {proxy} = getCurrentInstance()
+const emit = defineEmits(['pop', 'backNumber', 'schSearch'])
 const time = ref(0)
 const time = ref(0)
 const etime = ref(0)
 const etime = ref(0)
 
 
 const personList = ref([
 const personList = ref([
-  { name: 'Wolfgang Eliasch', pp: 'Chairperson for Latin  AUT', src: '/img/1.png' },
-  { name: 'Nenad Jeftic', pp: 'Chairperson for Standard  SRB', src: '/img/2.png' },
-  { name: 'Dorel Bagiu', pp: 'ROU', src: '/img/3.png' },
-  { name: 'Eduard Korotin', pp: ' EST', src: '/img/4.png' },
-  { name: 'Ana Cristina Silva', pp: 'POR', src: '/img/5.png'},
-  { name: 'Dallas  Leslie Williams', pp: 'Scrutineer  AUS', src: '/img/6.png' }
+  {name: 'Wolfgang Eliasch', pp: 'Chairperson for Latin  AUT', src: '/img/1.png'},
+  {name: 'Nenad Jeftic', pp: 'Chairperson for Standard  SRB', src: '/img/2.png'},
+  {name: 'Dorel Bagiu', pp: 'ROU', src: '/img/3.png'},
+  {name: 'Eduard Korotin', pp: ' EST', src: '/img/4.png'},
+  {name: 'Ana Cristina Silva', pp: 'POR', src: '/img/5.png'},
+  {name: 'Dallas  Leslie Williams', pp: 'Scrutineer  AUS', src: '/img/6.png'}
 ])
 ])
 const activeNews = ref(0)
 const activeNews = ref(0)
 const banners = ref([])
 const banners = ref([])
@@ -352,7 +363,7 @@ const newsList = ref([])
 const currentDateTime = dayjs().format('YYYY-MM-DD HH:mm:ss')
 const currentDateTime = dayjs().format('YYYY-MM-DD HH:mm:ss')
 const liveStartTime = ref(0)
 const liveStartTime = ref(0)
 const liveData = ref({})
 const liveData = ref({})
-
+const form = ref({})
 const matchData = ref({})
 const matchData = ref({})
 onMounted(() => {
 onMounted(() => {
   init()
   init()
@@ -360,53 +371,68 @@ onMounted(() => {
 
 
 const init = () => {
 const init = () => {
   var today = dayjs().format('YYYY-MM-DD HH:mm:ss')
   var today = dayjs().format('YYYY-MM-DD HH:mm:ss')
-  getNewsListById({pageSize: 6, pageNum: 1,sortId: '20000001'}).then(res => {
+  getNewsListById({pageSize: 6, pageNum: 1, sortId: '20000001'}).then(res => {
     newsList.value = res.rows
     newsList.value = res.rows
   })
   })
   getNewsListById(
   getNewsListById(
-    { pageSize: 4,
+    {
+      pageSize: 4,
       pageNum: 1,
       pageNum: 1,
-      sortId: '30000008' }
+      sortId: '30000008'
+    }
   ).then(res => {
   ).then(res => {
     livelist.value = res.rows
     livelist.value = res.rows
   })
   })
-  getNewsListById({ pageSize: 5,
+  getNewsListById({
+      pageSize: 5,
       pageNum: 1,
       pageNum: 1,
-      sortId: '30000009' }
+      sortId: '30000009'
+    }
   ).then(res => {
   ).then(res => {
     picList.value = res.rows
     picList.value = res.rows
   })
   })
-  getNewsList({ pageSize: 3,
-        pageNum: 1,
-        language:2,
-        code: '1000' }
+  getNewsList({
+      pageSize: 3,
+      pageNum: 1,
+      language: 2,
+      code: '1000'
+    }
   ).then(res => {
   ).then(res => {
     newest2.value = res.rows
     newest2.value = res.rows
   })
   })
-  match.getMaList({topFlag:1}).then((res) => {
+  match.getMaList({topFlag: 1}).then((res) => {
     maList.value = res.rows
     maList.value = res.rows
     matchData.value = maList.value[0]
     matchData.value = maList.value[0]
     getMatchInfo(matchData.value.id)
     getMatchInfo(matchData.value.id)
+    getMatchSet(matchData.value.id)
+    
   })
   })
-  match.getLabelList().then(res=> {
+  match.getLabelList().then(res => {
     tabList.value = res.data
     tabList.value = res.data
   })
   })
-
+  
   getpartners()
   getpartners()
 }
 }
 const getMatchInfo = (id) => {
 const getMatchInfo = (id) => {
-  match.getInfoByCptId({ cptId:id }).then((res) => {
+  match.getInfoByCptId({cptId: id}).then((res) => {
     liveData.value = res.data || {}
     liveData.value = res.data || {}
-    if(liveData.value.videoStart){
+    if (liveData.value.videoStart) {
       liveStartTime.value = dayjs(liveData.value.videoStart).diff(currentDateTime.value, 'millisecond')
       liveStartTime.value = dayjs(liveData.value.videoStart).diff(currentDateTime.value, 'millisecond')
     }
     }
   })
   })
 }
 }
+
+async function getMatchSet(id) {
+  const res = await getBaseInfoByActiveId(id)
+  form.value = res.data ?? null
+  console.log(form.value)
+}
+
 const getpartners = () => {
 const getpartners = () => {
   match.getAboutUs().then((res) => {
   match.getAboutUs().then((res) => {
     aboutUsContent.value = res.data.contextEn
     aboutUsContent.value = res.data.contextEn
   })
   })
-  match.getZNList({sortId:'2000',language:2}).then((res) => {
+  match.getZNList({sortId: '2000', language: 2}).then((res) => {
     partners.value = res.rows
     partners.value = res.rows
   })
   })
 }
 }
@@ -459,38 +485,38 @@ const building = () => {
 const goGuide = () => {
 const goGuide = () => {
   router.push({
   router.push({
     path: `/guide`,
     path: `/guide`,
-    query:{
-      index:8
+    query: {
+      index: 8
     }
     }
   })
   })
 }
 }
 const popMaster = () => {
 const popMaster = () => {
   var params = {
   var params = {
-    cptId:matchData.value.id
+    cptId: matchData.value.id
   }
   }
-  emit('pop',params)
+  emit('pop', params)
 }
 }
 const backNumberSearch = () => {
 const backNumberSearch = () => {
   var params = {
   var params = {
-    cptId:matchData.value.id
+    cptId: matchData.value.id
   }
   }
-  emit('backNumber',params)
+  emit('backNumber', params)
 }
 }
 const schSearchSearch = () => {
 const schSearchSearch = () => {
   var params = {
   var params = {
-    cptId:matchData.value.id
+    cptId: matchData.value.id
   }
   }
-  emit('schSearch',params)
+  emit('schSearch', params)
 }
 }
-const handlePickup=()=>{
-  const params={
-    cptId :matchData.value.id
+const handlePickup = () => {
+  const params = {
+    cptId: matchData.value.id
   }
   }
-  emit('pickup',params)
+  emit('pickup', params)
 }
 }
 
 
 const goliveUrl = () => {
 const goliveUrl = () => {
-  ElMessage.warning('This function is temporarily closed.' )
+  ElMessage.warning('This function is temporarily closed.')
   // if (liveData.value.videoStatus=="1") {
   // if (liveData.value.videoStatus=="1") {
   //   window.open(liveData.value.videoUrlCn)
   //   window.open(liveData.value.videoUrlCn)
   // } else {
   // } else {
@@ -498,10 +524,10 @@ const goliveUrl = () => {
   // }
   // }
 }
 }
 const gopicliveUrl = () => {
 const gopicliveUrl = () => {
-  if (liveData.value.picStatus=="1") {
+  if (liveData.value.picStatus == "1") {
     window.open(liveData.value.picUrlCn)
     window.open(liveData.value.picUrlCn)
   } else {
   } else {
-    ElMessage.warning( 'No live' )
+    ElMessage.warning('No live')
   }
   }
 }
 }
 
 
@@ -516,46 +542,110 @@ const goDetail = (n) => {
 }
 }
 </script>
 </script>
 
 
-<style scoped lang="scss">
-.syBg{
+<style lang="scss" scoped>
+.syBg {
   background: url("@/assets/dance/logo_l.png") no-repeat left 98%,
   background: url("@/assets/dance/logo_l.png") no-repeat left 98%,
   url("@/assets/dance/logo_r1.png") no-repeat right 98%;
   url("@/assets/dance/logo_r1.png") no-repeat right 98%;
   background-size: 30%;
   background-size: 30%;
 }
 }
-.btabs{display: flex;position: absolute;bottom: 60px;gap: 10px;
-  div{color: #fff;  background-color: rgba(0, 0, 0, 0.5);
-    backdrop-filter: blur(4px);border: 2px solid #9ba6d4;border-radius: 50px;
-    padding:6px 20px;
+
+.btabs {
+  display: flex;
+  position: absolute;
+  bottom: 60px;
+  gap: 10px;
+  
+  div {
+    color: #fff;
+    background-color: rgba(0, 0, 0, 0.5);
+    backdrop-filter: blur(4px);
+    border: 2px solid #9ba6d4;
+    border-radius: 50px;
+    padding: 6px 20px;
   }
   }
-  div:hover{cursor: pointer;background: #fff;color: #000;border:2px solid #fff;}
+  
+  div:hover {
+    cursor: pointer;
+    background: #fff;
+    color: #000;
+    border: 2px solid #fff;
+  }
+}
+
+.zn-bg {
+  background: linear-gradient(90deg, #8623FC, #8623FC, #8623FC, #8623FC, #8623FC, #8623FC, #453DEA, #8623FC);
+  border-radius: 15px;
 }
 }
-.zn-bg{background: linear-gradient(90deg, #8623FC, #8623FC, #8623FC, #8623FC, #8623FC, #8623FC, #453DEA, #8623FC);
-  border-radius: 15px;}
-.zn-Box{background-size: contain;position: relative;overflow: hidden;
-  .bbbg{position: absolute;width: 100%;height: 100%;object-fit: cover;}
-  .bgbg{height: 100%;
-    padding: 5%;display: flex;
+
+.zn-Box {
+  background-size: contain;
+  position: relative;
+  overflow: hidden;
+  
+  .bbbg {
+    position: absolute;
+    width: 100%;
+    height: 100%;
+    object-fit: cover;
+  }
+  
+  .bgbg {
+    height: 100%;
+    padding: 5%;
+    display: flex;
     flex-direction: column;
     flex-direction: column;
     justify-content: center;
     justify-content: center;
-    img{margin: 5% 0}
+    
+    img {
+      margin: 5% 0
+    }
   }
   }
-  .itemBox{
+  
+  .itemBox {
     padding: 20px 40px;
     padding: 20px 40px;
-    p{margin: 0;height: 40px;line-height: 20px;display: flex;align-items: center;}
+    
+    p {
+      margin: 0;
+      height: 40px;
+      line-height: 20px;
+      display: flex;
+      align-items: center;
+    }
   }
   }
+  
   border-radius: 15px;
   border-radius: 15px;
-  .zn-btn{background: #FFFFFF;text-transform: uppercase;
-    font-size: 16px;    width: fit-content; margin: 5px 5px 5px 0;
+  
+  .zn-btn {
+    background: #FFFFFF;
+    text-transform: uppercase;
+    font-size: 16px;
+    width: fit-content;
+    margin: 5px 5px 5px 0;
     color: #453DEA;
     color: #453DEA;
-    border-radius: 23px;padding: 10px 20px;display: inline-flex;align-items: center;}
-  .item{box-shadow: 0px 0px 21px 0px rgba(41,23,101,0.14);margin: 40px 0 0;
-    display: flex;align-items: center;text-align: center;
-    font-size: 18px;    flex-direction: column;padding: 35px 10px 20px;
-    background:url("@/assets/dance/znbb.png") no-repeat left #FFFFFF;
+    border-radius: 23px;
+    padding: 10px 20px;
+    display: inline-flex;
+    align-items: center;
+  }
+  
+  .item {
+    box-shadow: 0px 0px 21px 0px rgba(41, 23, 101, 0.14);
+    margin: 40px 0 0;
+    display: flex;
+    align-items: center;
+    text-align: center;
+    font-size: 18px;
+    flex-direction: column;
+    padding: 35px 10px 20px;
+    background: url("@/assets/dance/znbb.png") no-repeat left #FFFFFF;
     background-size: cover;
     background-size: cover;
     position: relative;
     position: relative;
     border-radius: 15px;
     border-radius: 15px;
-    img{position: absolute;top: -30px}
+    
+    img {
+      position: absolute;
+      top: -30px
+    }
   }
   }
 }
 }
 
 
@@ -568,14 +658,29 @@ const goDetail = (n) => {
   clear: both;
   clear: both;
   overflow: hidden;
   overflow: hidden;
 }
 }
-.banner-pp{ position: absolute;  bottom: 40%;right: 5%;width: 200px;}
+
+.banner-pp {
+  position: absolute;
+  bottom: 40%;
+  right: 5%;
+  width: 200px;
+}
 
 
 .bannerItem {
 .bannerItem {
   height: 450px;
   height: 450px;
-  background: #000;position: relative;
-  .slogen{position: relative;top: 130px;}
-    .banner-count{position: absolute;padding: 20px 40px;
-    font-size: 20px;align-items: center;
+  background: #000;
+  position: relative;
+  
+  .slogen {
+    position: relative;
+    top: 130px;
+  }
+  
+  .banner-count {
+    position: absolute;
+    padding: 20px 40px;
+    font-size: 20px;
+    align-items: center;
     overflow: hidden;
     overflow: hidden;
     background: url("@/assets/dance/time_bg.png") no-repeat center;
     background: url("@/assets/dance/time_bg.png") no-repeat center;
     background-size: 100% 100%;
     background-size: 100% 100%;
@@ -585,29 +690,56 @@ const goDetail = (n) => {
     //border-image-width:4px;
     //border-image-width:4px;
     //border-image-outset:4px;
     //border-image-outset:4px;
     //background: rgba(0,0,0,0.3);
     //background: rgba(0,0,0,0.3);
-    bottom: 40%;display: flex;flex-wrap: nowrap;
+    bottom: 40%;
+    display: flex;
+    flex-wrap: nowrap;
     right: 5%;
     right: 5%;
     color: #fff;
     color: #fff;
-    .van-count-down{display: flex;color: #fff;margin: 0 0 0 20px;
+    
+    .van-count-down {
+      display: flex;
+      color: #fff;
+      margin: 0 0 0 20px;
       width: 360px;
       width: 360px;
-      font-size: 41px;}
-    .block{ color: #fff;text-align: center;width: 3em;
       font-size: 41px;
       font-size: 41px;
-      font-family: DIN Alternate;}
-    .colon{ color: #fff;display: block;margin: 20px 0 0;
-      font-size: 20px;}
+    }
+    
+    .block {
+      color: #fff;
+      text-align: center;
+      width: 3em;
+      font-size: 41px;
+      font-family: DIN Alternate;
+    }
+    
+    .colon {
+      color: #fff;
+      display: block;
+      margin: 20px 0 0;
+      font-size: 20px;
+    }
+  }
+  
+  .bb {
+    width: 580px;
+    justify-content: center;
+    height: 100px;
+    font-size: 30px;
   }
   }
-  .bb{width: 580px;justify-content: center;height: 100px;font-size: 30px;}
-  .banner-count.bb:hover{box-shadow: 0 0 20px #453DEA;border-radius: 100px;
+  
+  .banner-count.bb:hover {
+    box-shadow: 0 0 20px #453DEA;
+    border-radius: 100px;
     background: #000
     background: #000
   }
   }
+  
   .box {
   .box {
     position: absolute;
     position: absolute;
     height: 100%;
     height: 100%;
     left: 0;
     left: 0;
     right: 0;
     right: 0;
   }
   }
-
+  
   h3 {
   h3 {
     position: absolute;
     position: absolute;
     color: #fff;
     color: #fff;
@@ -616,7 +748,7 @@ const goDetail = (n) => {
     bottom: 50px;
     bottom: 50px;
     font-size: 3vw;
     font-size: 3vw;
   }
   }
-
+  
   video {
   video {
     width: 100%;
     width: 100%;
     height: 100%;
     height: 100%;
@@ -629,27 +761,28 @@ const goDetail = (n) => {
 }
 }
 
 
 .banner {
 .banner {
-  position: relative;margin:0 0 30px;
-
+  position: relative;
+  margin: 0 0 30px;
+  
   :deep(.el-carousel__arrow) {
   :deep(.el-carousel__arrow) {
     border-radius: 0;
     border-radius: 0;
-
+    
     .el-icon {
     .el-icon {
       color: transparent;
       color: transparent;
     }
     }
-
+    
     &:hover {
     &:hover {
       filter: brightness(1.5)
       filter: brightness(1.5)
     }
     }
   }
   }
-
+  
   :deep(.el-carousel__arrow--left) {
   :deep(.el-carousel__arrow--left) {
     background: url("@/assets/images/prev2@2x.png") no-repeat center;
     background: url("@/assets/images/prev2@2x.png") no-repeat center;
     width: 78px;
     width: 78px;
     height: 45px;
     height: 45px;
     background-size: contain;
     background-size: contain;
   }
   }
-
+  
   :deep(.el-carousel__arrow--right) {
   :deep(.el-carousel__arrow--right) {
     background: url("@/assets/images/next2@2x.png") no-repeat center;
     background: url("@/assets/images/next2@2x.png") no-repeat center;
     width: 78px;
     width: 78px;
@@ -657,41 +790,121 @@ const goDetail = (n) => {
     background-size: contain
     background-size: contain
   }
   }
 }
 }
-.el-calendar{--el-calendar-border:none;--el-calendar-cell-width:40px;text-align:center;
-  --el-text-color-regular:#8E8D94;
-  :deep(.el-calendar__header){justify-content: center;padding: 0 0 10px}
-  :deep(.el-calendar__body){border: 1px solid #F0F0F0;padding: 0}
-  :deep(.el-calendar-table .el-calendar-day){padding: 1px;}
-  :deep(.el-calendar-table td.is-selected){background: transparent;}
-  :deep(.el-calendar__button-group){display: none;}
-  :deep(.el-calendar-table thead th){padding: 5px 0 0}
-  .primaryDate{color: #fff;
-    background: #000;}
-  .date{  margin:auto;border-radius: 50%;width: 30px;height: 30px;line-height: 30px;
+
+.el-calendar {
+  --el-calendar-border: none;
+  --el-calendar-cell-width: 40px;
+  text-align: center;
+  --el-text-color-regular: #8E8D94;
+  
+  :deep(.el-calendar__header) {
+    justify-content: center;
+    padding: 0 0 10px
+  }
+  
+  :deep(.el-calendar__body) {
+    border: 1px solid #F0F0F0;
+    padding: 0
+  }
+  
+  :deep(.el-calendar-table .el-calendar-day) {
+    padding: 1px;
+  }
+  
+  :deep(.el-calendar-table td.is-selected) {
+    background: transparent;
+  }
+  
+  :deep(.el-calendar__button-group) {
+    display: none;
+  }
+  
+  :deep(.el-calendar-table thead th) {
+    padding: 5px 0 0
+  }
+  
+  .primaryDate {
+    color: #fff;
+    background: #000;
+  }
+  
+  .date {
+    margin: auto;
+    border-radius: 50%;
+    width: 30px;
+    height: 30px;
+    line-height: 30px;
     font-weight: bold;
     font-weight: bold;
   }
   }
 }
 }
 
 
-.calendarList{border: 1px solid #F0F0F0;padding:12px 20px;overflow: auto;height: 233px;
-  ul{
-    li{background: #F6F9FE;margin:7px 0 7px 0;position: relative;padding: 13px;
+.calendarList {
+  border: 1px solid #F0F0F0;
+  padding: 12px 20px;
+  overflow: auto;
+  height: 233px;
+  
+  ul {
+    li {
+      background: #F6F9FE;
+      margin: 7px 0 7px 0;
+      position: relative;
+      padding: 13px;
       border-radius: 10px;
       border-radius: 10px;
       font-weight: 500;
       font-weight: 500;
       font-size: 15px;
       font-size: 15px;
-      label{color: #000;margin-right: 15px;
-        &::before{content: '';background:#fff;left: -17px;top: 0px;bottom: 0;margin: auto;
-          border-radius: 50%;width: 2px;height: 2px;position: absolute;z-index: 1}
+      
+      label {
+        color: #000;
+        margin-right: 15px;
+        
+        &::before {
+          content: '';
+          background: #fff;
+          left: -17px;
+          top: 0px;
+          bottom: 0;
+          margin: auto;
+          border-radius: 50%;
+          width: 2px;
+          height: 2px;
+          position: absolute;
+          z-index: 1
+        }
       }
       }
     }
     }
-    li::before{content: '';background: #000;
-      border-radius: 50%;width: 8px;height: 8px;position: absolute;
-      left: -20px;top: 0;bottom: 0;margin: auto;z-index: 1;
+    
+    li::before {
+      content: '';
+      background: #000;
+      border-radius: 50%;
+      width: 8px;
+      height: 8px;
+      position: absolute;
+      left: -20px;
+      top: 0;
+      bottom: 0;
+      margin: auto;
+      z-index: 1;
+    }
+    
+    li::after {
+      content: '';
+      left: -16px;
+      width: 1px;
+      height: 100%;
+      background: #EBEBEB;
+      position: absolute;
+      top: 20px
     }
     }
-    li::after{content: ''; left: -16px;width: 1px;height: 100%;
-      background: #EBEBEB;    position: absolute;top: 20px}
-    li:hover{color: #fff;
+    
+    li:hover {
+      color: #fff;
       background: #000;
       background: #000;
-      label{color: #fff;}
+      
+      label {
+        color: #fff;
+      }
     }
     }
   }
   }
 }
 }
@@ -705,7 +918,7 @@ const goDetail = (n) => {
 .ggbond {
 .ggbond {
   height: 230px;
   height: 230px;
   position: relative;
   position: relative;
-
+  
   img {
   img {
     height: 100%;
     height: 100%;
     object-fit: cover;
     object-fit: cover;
@@ -717,131 +930,336 @@ const goDetail = (n) => {
   }
   }
 }
 }
 
 
-.teacher{height: 410px;background: #fff;
-  position: relative;border-radius: 10px;overflow: hidden;
-  .imgbox{background: linear-gradient(0,#C8AAFC,#fff)}
-  img{height: 350px;width: 100%;object-fit: cover;}
-  h3{color: #fff;background: url("@/assets/dance/name_bg.png") no-repeat center;
-    background-size:110% 100%;text-align: center;height: 30px;line-height: 30px;
-    font-size: 18px;position: absolute;width: 100%;bottom: 30px;}
-  p{text-align: center;margin: 25px 0 0;
-    font-size: 14px;}
+.teacher {
+  height: 410px;
+  background: #fff;
+  position: relative;
+  border-radius: 10px;
+  overflow: hidden;
+  
+  .imgbox {
+    background: linear-gradient(0, #C8AAFC, #fff)
+  }
+  
+  img {
+    height: 350px;
+    width: 100%;
+    object-fit: cover;
+  }
+  
+  h3 {
+    color: #fff;
+    background: url("@/assets/dance/name_bg.png") no-repeat center;
+    background-size: 110% 100%;
+    text-align: center;
+    height: 30px;
+    line-height: 30px;
+    font-size: 18px;
+    position: absolute;
+    width: 100%;
+    bottom: 30px;
+  }
+  
+  p {
+    text-align: center;
+    margin: 25px 0 0;
+    font-size: 14px;
+  }
 }
 }
+
 @media screen and (max-width: 1650px) {
 @media screen and (max-width: 1650px) {
-  .teacher{height: 320px;
-    .imgbox{
-      img{height: 260px}
+  .teacher {
+    height: 320px;
+    
+    .imgbox {
+      img {
+        height: 260px
+      }
     }
     }
   }
   }
 }
 }
+
 @media screen and (max-width: 1200px) {
 @media screen and (max-width: 1200px) {
-  .teacher{height: 450px;margin: 0 0 20px;
-    .imgbox{
-      img{height: 390px}
+  .teacher {
+    height: 450px;
+    margin: 0 0 20px;
+    
+    .imgbox {
+      img {
+        height: 390px
+      }
     }
     }
   }
   }
 }
 }
+
 @media screen and (max-width: 900px) {
 @media screen and (max-width: 900px) {
-  .teacher{height: 400px;margin: 0 0 20px;
-    .imgbox{
-      img{height: 340px}
+  .teacher {
+    height: 400px;
+    margin: 0 0 20px;
+    
+    .imgbox {
+      img {
+        height: 340px
+      }
     }
     }
   }
   }
 }
 }
+
 @media screen and (max-width: 800px) {
 @media screen and (max-width: 800px) {
-  .teacher{height: 400px;margin: 0 0 20px;
-    .imgbox{
-      img{height: 260px}
+  .teacher {
+    height: 400px;
+    margin: 0 0 20px;
+    
+    .imgbox {
+      img {
+        height: 260px
+      }
     }
     }
   }
   }
 }
 }
-.aboutBox{background: url("@/assets/dance/about_bg.png") no-repeat center;height: 375px;
-  background-size: cover;padding: 40px 60px;  position: relative;
-  .content{font-size: 18px;line-height: 2.2;height: 240px;overflow: hidden;
-    text-align: left;text-indent: 2em;}
-  .shadowbox{position: absolute;left: 0;bottom: 90px;height: 100px;width: 100%;
-    background: linear-gradient(0deg,rgba(255,255,255,1),rgba(255,255,255,0));
+
+.aboutBox {
+  background: url("@/assets/dance/about_bg.png") no-repeat center;
+  height: 375px;
+  background-size: cover;
+  padding: 40px 60px;
+  position: relative;
+  
+  .content {
+    font-size: 18px;
+    line-height: 2.2;
+    height: 240px;
+    overflow: hidden;
+    text-align: left;
+    text-indent: 2em;
+  }
+  
+  .shadowbox {
+    position: absolute;
+    left: 0;
+    bottom: 90px;
+    height: 100px;
+    width: 100%;
+    background: linear-gradient(0deg, rgba(255, 255, 255, 1), rgba(255, 255, 255, 0));
+  }
+  
+  .btn-lineG {
   }
   }
-  .btn-lineG{}
 }
 }
-.mapBox{background: url("@/assets/dance/map.png") no-repeat center;height: 375px;
-  background-size: cover;padding: 1px;position: relative;display: flex;
-  .content{background: #fff;width: 60%;left: 40px;padding: 30px;
-    position: absolute;height: 90%;top: 0;bottom: 0;margin: auto;
+
+.mapBox {
+  background: url("@/assets/dance/map.png") no-repeat center;
+  height: 375px;
+  background-size: cover;
+  padding: 1px;
+  position: relative;
+  display: flex;
+  
+  .content {
+    background: #fff;
+    width: 60%;
+    left: 40px;
+    padding: 30px;
+    position: absolute;
+    height: 90%;
+    top: 0;
+    bottom: 0;
+    margin: auto;
+  }
+  
+  div {
+    padding-left: 60px;
+  }
+  
+  .phone {
+    background: url("@/assets/dance/map01.png") no-repeat left;
+    background-size: 30px;
   }
   }
-  div{padding-left: 60px;}
-  .phone{background: url("@/assets/dance/map01.png") no-repeat left;background-size: 30px;}
-  .address{background: url("@/assets/dance/map02.png") no-repeat left;background-size: 30px;
-    margin:50px 0;
+  
+  .address {
+    background: url("@/assets/dance/map02.png") no-repeat left;
+    background-size: 30px;
+    margin: 50px 0;
   }
   }
-  .email{background: url("@/assets/dance/map03.png") no-repeat left;background-size: 30px;}
-  h4{margin: 0;
+  
+  .email {
+    background: url("@/assets/dance/map03.png") no-repeat left;
+    background-size: 30px;
+  }
+  
+  h4 {
+    margin: 0;
     font-size: 16px;
     font-size: 16px;
-    color: #AAAAAA;}
-  p{margin: 13px 0 0;}
+    color: #AAAAAA;
+  }
+  
+  p {
+    margin: 13px 0 0;
+  }
 }
 }
-.logobox{background: #fff;height: 180px;border-radius: 10px;margin: 0 0 30px;
-  img{width: 100%;height: 100%;object-fit: contain;}
+
+.logobox {
+  background: #fff;
+  height: 180px;
+  border-radius: 10px;
+  margin: 0 0 30px;
+  
+  img {
+    width: 100%;
+    height: 100%;
+    object-fit: contain;
+  }
 }
 }
-.swiperPic{background: #F3F1FE;position: relative;    height: 100%;
+
+.swiperPic {
+  background: #F3F1FE;
+  position: relative;
+  height: 100%;
   padding: 20px 45px;
   padding: 20px 45px;
-  .picprev{position: absolute; left: 5px;top: 0;bottom:0;margin: auto;height: 33px;
+  
+  .picprev {
+    position: absolute;
+    left: 5px;
+    top: 0;
+    bottom: 0;
+    margin: auto;
+    height: 33px;
     cursor: pointer;
     cursor: pointer;
-    &:hover{filter:brightness(2)}
+    
+    &:hover {
+      filter: brightness(2)
+    }
   }
   }
-  .picnext{position: absolute;right: 5px;top: 0;bottom:0;margin: auto;height: 33px;
+  
+  .picnext {
+    position: absolute;
+    right: 5px;
+    top: 0;
+    bottom: 0;
+    margin: auto;
+    height: 33px;
     cursor: pointer;
     cursor: pointer;
-    &:hover{filter:brightness(2)}}
+    
+    &:hover {
+      filter: brightness(2)
+    }
+  }
 }
 }
-.newline{display: flex;align-items: center;height: 56px;justify-content: space-between;
+
+.newline {
+  display: flex;
+  align-items: center;
+  height: 56px;
+  justify-content: space-between;
   cursor: pointer;
   cursor: pointer;
-  h3{font-weight: 400;margin: 0;width: 80%;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;
+  
+  h3 {
+    font-weight: 400;
+    margin: 0;
+    width: 80%;
+    text-overflow: ellipsis;
+    white-space: nowrap;
+    overflow: hidden;
     font-size: 18px;
     font-size: 18px;
-    color: #030303;}
-  span{font-weight: 400;
+    color: #030303;
+  }
+  
+  span {
+    font-weight: 400;
     font-size: 14px;
     font-size: 14px;
-    color: #B4B6B8;}
-  &:hover{
+    color: #B4B6B8;
+  }
+  
+  &:hover {
     background: #F7F8FC;
     background: #F7F8FC;
   }
   }
 }
 }
 
 
 @media (max-width: 800px) {
 @media (max-width: 800px) {
-  .newline{height: 40px;
-    h3{width: 70%;font-size: 14px;}
-    span{font-size: 12px;}
+  .newline {
+    height: 40px;
+    
+    h3 {
+      width: 70%;
+      font-size: 14px;
+    }
+    
+    span {
+      font-size: 12px;
+    }
   }
   }
-  .box{width: 94%}
-  .calendarList{padding: 0;
-    ul{
-      li{margin: 10px}
+  .box {
+    width: 94%
+  }
+  .calendarList {
+    padding: 0;
+    
+    ul {
+      li {
+        margin: 10px
+      }
     }
     }
   }
   }
-  .aboutBox{padding: 20px 30px;}
-  .indexTitle{margin: 30px 0 20px}
-  .teacher{height: 320px;margin: 0 0 20px;
-    img{height: 260px}
+  .aboutBox {
+    padding: 20px 30px;
   }
   }
-  .activeItem{margin: 0 0 20px;}
-  .mapBox{
-    div{padding-left: 40px;}
-    .content{    width: 80%;left: 10%;padding:10px 20px 0 20px;}
-    .address{margin: 30px 0;}
-    p{text-align: left;word-break: break-all;}
+  .indexTitle {
+    margin: 30px 0 20px
+  }
+  .teacher {
+    height: 320px;
+    margin: 0 0 20px;
+    
+    img {
+      height: 260px
+    }
+  }
+  .activeItem {
+    margin: 0 0 20px;
+  }
+  .mapBox {
+    div {
+      padding-left: 40px;
+    }
+    
+    .content {
+      width: 80%;
+      left: 10%;
+      padding: 10px 20px 0 20px;
+    }
+    
+    .address {
+      margin: 30px 0;
+    }
+    
+    p {
+      text-align: left;
+      word-break: break-all;
+    }
   }
   }
   .fixed_gg {
   .fixed_gg {
     display: none;
     display: none;
   }
   }
-  .bannerItem .banner-count{flex-direction: column;
-    transform: scale(0.5);      width: auto;
+  .bannerItem .banner-count {
+    flex-direction: column;
+    transform: scale(0.5);
+    width: auto;
     left: 0;
     left: 0;
     right: 0;
     right: 0;
-    .van-count-down{margin: 30px 0 0;}
+    
+    .van-count-down {
+      margin: 30px 0 0;
+    }
   }
   }
-  .bgbg{    text-align: center;
-    h1{text-align: center}
+  .bgbg {
+    text-align: center;
+    
+    h1 {
+      text-align: center
+    }
   }
   }
 }
 }
+
 :deep(.btn-q) {
 :deep(.btn-q) {
   //background: #FFFFFF;
   //background: #FFFFFF;
   //font-size: 18px;
   //font-size: 18px;
@@ -850,7 +1268,7 @@ const goDetail = (n) => {
   //padding: 10px 20px;
   //padding: 10px 20px;
   //display: inline-flex;
   //display: inline-flex;
   //align-items: center;
   //align-items: center;
-
+  
   padding: 20px 40px;
   padding: 20px 40px;
   font-size: 20px;
   font-size: 20px;
   align-items: center;
   align-items: center;
@@ -864,16 +1282,16 @@ const goDetail = (n) => {
   box-sizing: inherit;
   box-sizing: inherit;
 }
 }
 
 
-.btn-q:hover{
+.btn-q:hover {
   box-shadow: 0 0 20px #453DEA;
   box-shadow: 0 0 20px #453DEA;
   border-radius: 100px;
   border-radius: 100px;
   background: #000 !important;
   background: #000 !important;
 }
 }
 
 
-.ding{
+.ding {
   position: fixed;
   position: fixed;
-  right:0px;
-  z-index:99;
+  right: 0px;
+  z-index: 99;
   top: 40%;
   top: 40%;
   background: #000 !important;
   background: #000 !important;
   box-shadow: none;
   box-shadow: none;
@@ -882,16 +1300,34 @@ const goDetail = (n) => {
   //height: 100px;
   //height: 100px;
   padding: 20px;
   padding: 20px;
 }
 }
-.mb30{margin-bottom: 30px;}
-.livetimecount{position: absolute;top: 0;z-index: 2;background:  #F04035;
+
+.mb30 {
+  margin-bottom: 30px;
+}
+
+.livetimecount {
+  position: absolute;
+  top: 0;
+  z-index: 2;
+  background: #F04035;
   padding: 2px 4px;
   padding: 2px 4px;
-  &::after{content: '';  width: 0;
-    height: 0;position: absolute;right: -15px;top: 0;
+  
+  &::after {
+    content: '';
+    width: 0;
+    height: 0;
+    position: absolute;
+    right: -15px;
+    top: 0;
     border-top: 24px solid #F04035;
     border-top: 24px solid #F04035;
-    border-right: 15px solid transparent;}
-  .van-count-down { display: flex;
+    border-right: 15px solid transparent;
+  }
+  
+  .van-count-down {
+    display: flex;
     color: #fff;
     color: #fff;
     font-size: 14px;
     font-size: 14px;
+    
     .block {
     .block {
       color: #fff;
       color: #fff;
       text-align: center;
       text-align: center;
@@ -900,13 +1336,23 @@ const goDetail = (n) => {
     }
     }
   }
   }
 }
 }
+
 @media (max-width: 500px) {
 @media (max-width: 500px) {
-  .forPc{display: none!important;}
-  .zn-Box .bgbg{padding: 10px 0 0;
-    .mb30{margin: 0}
-    .zn-btn{margin-top: 10px}
+  .forPc {
+    display: none !important;
+  }
+  .zn-Box .bgbg {
+    padding: 10px 0 0;
+    
+    .mb30 {
+      margin: 0
+    }
+    
+    .zn-btn {
+      margin-top: 10px
+    }
   }
   }
-  .logobox{
+  .logobox {
     height: 60px;
     height: 60px;
   }
   }
 }
 }

@@ -9,7 +9,7 @@
         <div v-if="isLogin">
         <div v-if="isLogin">
           <group-info-row v-if="groupId" :group-id="groupId" :match-id="matchId"/>
           <group-info-row v-if="groupId" :group-id="groupId" :match-id="matchId"/>
           <coach-info-row v-if="groupId" :group-id="groupId" :match-id="matchId"/>
           <coach-info-row v-if="groupId" :group-id="groupId" :match-id="matchId"/>
-
+          
           <div v-if="user.utype=='1'&&myMemberTable.length>0" class="pd20">
           <div v-if="user.utype=='1'&&myMemberTable.length>0" class="pd20">
             <div class="leftboderTT">{{ language == 0 ? '随行人员清单' : 'List of accompanying personnel' }}
             <div class="leftboderTT">{{ language == 0 ? '随行人员清单' : 'List of accompanying personnel' }}
             </div>
             </div>
@@ -75,7 +75,7 @@
                 </el-icon>
                 </el-icon>
                 {{ language == 0 ? '导出设项报名清单' : 'Export LIST OF REGISTERED COMPETITIONS' }}
                 {{ language == 0 ? '导出设项报名清单' : 'Export LIST OF REGISTERED COMPETITIONS' }}
               </el-link>
               </el-link>
-
+              
               <el-link type="primary" @click="exportPdf">
               <el-link type="primary" @click="exportPdf">
                 <el-icon>
                 <el-icon>
                   <Upload/>
                   <Upload/>
@@ -105,7 +105,7 @@
           </el-button>
           </el-button>
         </div>
         </div>
       </el-card>
       </el-card>
-
+      
       <el-card class="mt20 mb20">
       <el-card class="mt20 mb20">
         <el-row class="result">
         <el-row class="result">
           <el-col :lg="12">
           <el-col :lg="12">
@@ -227,7 +227,7 @@
               </svg>
               </svg>
             </el-radio>
             </el-radio>
           </el-radio-group>
           </el-radio-group>
-
+          
           <div v-if="payType == '2'&&wePayCodeUrl">
           <div v-if="payType == '2'&&wePayCodeUrl">
             <div class="payImgbox flexCenter">
             <div class="payImgbox flexCenter">
               <div>
               <div>
@@ -249,9 +249,10 @@
               please refresh the page
               please refresh the page
             </div>
             </div>
           </div>
           </div>
-
+          
           <div v-if="payType == '3'">
           <div v-if="payType == '3'">
             <table cellpadding="0" cellspacing="0" class="table-border table">
             <table cellpadding="0" cellspacing="0" class="table-border table">
+              <tbody>
               <tr>
               <tr>
                 <th class="head" colspan="2">
                 <th class="head" colspan="2">
                   {{ language == 0 ? '线下缴费的收款信息' : 'Offline Payment Collection Information' }}
                   {{ language == 0 ? '线下缴费的收款信息' : 'Offline Payment Collection Information' }}
@@ -313,8 +314,8 @@
                   <span v-else class="text-danger size12">*You can confirm with the contact person by phone after uploading the remittance form. The specific payment results can be viewed in the My Registration section of the personal center to check the progress</span>
                   <span v-else class="text-danger size12">*You can confirm with the contact person by phone after uploading the remittance form. The specific payment results can be viewed in the My Registration section of the personal center to check the progress</span>
                 </td>
                 </td>
               </tr>
               </tr>
+              </tbody>
             </table>
             </table>
-
             <div class="text-center">
             <div class="text-center">
               <el-button class="btn-lineG w200px" round type="primary" @click="upRR">{{
               <el-button class="btn-lineG w200px" round type="primary" @click="upRR">{{
                   language == 0 ? '保存' : 'Save'
                   language == 0 ? '保存' : 'Save'
@@ -336,7 +337,7 @@
           </el-icon>
           </el-icon>
           <p class="text-success">{{ language == 0 ? '支付成功' : 'successful!' }}</p>
           <p class="text-success">{{ language == 0 ? '支付成功' : 'successful!' }}</p>
           <h3 class="wePrice">{{ language == 0 ? '¥' : '$' }}{{ form.totalFee || 0 }}</h3>
           <h3 class="wePrice">{{ language == 0 ? '¥' : '$' }}{{ form.totalFee || 0 }}</h3>
-
+          
           <el-button v-if="language != 0" class="btn-lineG w200px" round type="primary" @click="downInvoice">
           <el-button v-if="language != 0" class="btn-lineG w200px" round type="primary" @click="downInvoice">
             {{ language == 0 ? '下载收据' : 'DownLoad Invoice' }}
             {{ language == 0 ? '下载收据' : 'DownLoad Invoice' }}
           </el-button>
           </el-button>
@@ -357,7 +358,7 @@
         </div>
         </div>
       </el-card>
       </el-card>
     </div>
     </div>
-
+    
     <div v-if="errorBox" class="box">
     <div v-if="errorBox" class="box">
       <el-result
       <el-result
         :sub-title="language==0?'请确认订单号是否正确':'Please confirm if the order number is correct'"
         :sub-title="language==0?'请确认订单号是否正确':'Please confirm if the order number is correct'"
@@ -371,7 +372,7 @@
         </template>
         </template>
       </el-result>
       </el-result>
     </div>
     </div>
-
+    
     <el-dialog v-model="showSJDialog" :close-on-click-modal="false" :close-on-press-escape="false"
     <el-dialog v-model="showSJDialog" :close-on-click-modal="false" :close-on-press-escape="false"
                :title="language==0?'开收据':'Issue a receipt'" width="460px">
                :title="language==0?'开收据':'Issue a receipt'" width="460px">
       <div class="flex">
       <div class="flex">
@@ -389,7 +390,7 @@
         </div>
         </div>
       </div>
       </div>
     </el-dialog>
     </el-dialog>
-
+  
   </div>
   </div>
 </template>
 </template>
 
 
@@ -460,7 +461,7 @@ onMounted(() => {
   }
   }
   var is_mobile = navigator.userAgent.toLowerCase().match(/(ipod|ipad|iphone|android|coolpad|mmp|smartphone|midp|wap|xoom|symbian|j2me|blackberry|wince)/i) != null;
   var is_mobile = navigator.userAgent.toLowerCase().match(/(ipod|ipad|iphone|android|coolpad|mmp|smartphone|midp|wap|xoom|symbian|j2me|blackberry|wince)/i) != null;
   console.log(is_mobile)
   console.log(is_mobile)
-
+  
   if (is_mobile) {
   if (is_mobile) {
     isphone.value = true
     isphone.value = true
   } else {
   } else {
@@ -524,7 +525,7 @@ function getSignList() {
   }).catch(err => {
   }).catch(err => {
     if (isLogin.value) {
     if (isLogin.value) {
       router.push({name: 'myMatch'})
       router.push({name: 'myMatch'})
-
+      
     }
     }
   })
   })
 }
 }
@@ -617,7 +618,7 @@ function exportSignList(n) {
       ...obj
       ...obj
     }, `${fileName}_${new Date().getTime()}.xlsx`)
     }, `${fileName}_${new Date().getTime()}.xlsx`)
   }
   }
-
+  
 }
 }
 
 
 function exportPdf() {
 function exportPdf() {
@@ -637,7 +638,7 @@ function exportPdf() {
       ...obj
       ...obj
     }, `${fileName}_${new Date().getTime()}.pdf`)
     }, `${fileName}_${new Date().getTime()}.pdf`)
   }
   }
-
+  
 }
 }
 
 
 function copy(str) {
 function copy(str) {
@@ -747,27 +748,27 @@ const showSJ = () => {
   width: 100%;
   width: 100%;
   max-width: 1000px;
   max-width: 1000px;
   margin: 20px auto;
   margin: 20px auto;
-
+  
   .head {
   .head {
     background: #EFF2F7;
     background: #EFF2F7;
     height: 50px;
     height: 50px;
     font-size: 16px;
     font-size: 16px;
     font-weight: 400;
     font-weight: 400;
   }
   }
-
+  
   th {
   th {
     background: #FAFBFD;
     background: #FAFBFD;
     font-size: 14px;
     font-size: 14px;
     border-bottom: 1px solid #E5E5E5;
     border-bottom: 1px solid #E5E5E5;
     border-right: 1px solid #E5E5E5;
     border-right: 1px solid #E5E5E5;
   }
   }
-
+  
   td {
   td {
     border-bottom: 1px solid #E5E5E5;
     border-bottom: 1px solid #E5E5E5;
     border-right: 1px solid #E5E5E5;
     border-right: 1px solid #E5E5E5;
     padding: 10px;
     padding: 10px;
   }
   }
-
+  
   &.table-border {
   &.table-border {
     border-top: 1px solid #E5E5E5;
     border-top: 1px solid #E5E5E5;
     border-left: 1px solid #E5E5E5;
     border-left: 1px solid #E5E5E5;
@@ -786,23 +787,23 @@ const showSJ = () => {
 
 
 .result {
 .result {
   font-size: 22px;
   font-size: 22px;
-
+  
   .flex {
   .flex {
     display: flex;
     display: flex;
     align-items: center;
     align-items: center;
     font-weight: 500;
     font-weight: 500;
-
+    
     img {
     img {
       margin-right: 10px
       margin-right: 10px
     }
     }
   }
   }
-
+  
   .priceb {
   .priceb {
     color: #7B7F83;
     color: #7B7F83;
     font-size: 16px;
     font-size: 16px;
     text-align: right;
     text-align: right;
     line-height: 50px;
     line-height: 50px;
-
+    
     span {
     span {
       font-weight: bold;
       font-weight: bold;
       font-size: 22px;
       font-size: 22px;
@@ -815,7 +816,7 @@ const showSJ = () => {
 .skeletonBox {
 .skeletonBox {
   position: relative;
   position: relative;
   overflow: hidden;
   overflow: hidden;
-
+  
   .btn-lineG {
   .btn-lineG {
     position: absolute;
     position: absolute;
     left: 0;
     left: 0;
@@ -825,7 +826,7 @@ const showSJ = () => {
     bottom: 0;
     bottom: 0;
     width: 200px;
     width: 200px;
     box-shadow: 0 0 1000px 500px rgba(255, 255, 255, 0.5);
     box-shadow: 0 0 1000px 500px rgba(255, 255, 255, 0.5);
-
+    
   }
   }
 }
 }
 
 
@@ -837,26 +838,26 @@ const showSJ = () => {
 
 
 .priceBar {
 .priceBar {
   padding: 0 0 20px;
   padding: 0 0 20px;
-
+  
   .flex {
   .flex {
     display: flex;
     display: flex;
     justify-content: right;
     justify-content: right;
     align-items: baseline;
     align-items: baseline;
-
+    
     .item {
     .item {
       font-size: 16px;
       font-size: 16px;
       margin-right: 15px;
       margin-right: 15px;
-
+      
       label {
       label {
         color: #95A1A6;
         color: #95A1A6;
       }
       }
-
+      
       span {
       span {
         font-family: DIN Alternate;
         font-family: DIN Alternate;
       }
       }
     }
     }
   }
   }
-
+  
   .size26 {
   .size26 {
     font-size: 26px;
     font-size: 26px;
   }
   }

-import { defineConfig, loadEnv } from 'vite'
-import path, { resolve } from 'path'
+import {defineConfig, loadEnv} from 'vite'
+import path, {resolve} from 'path'
 import createVitePlugins from './vite/plugins'
 import createVitePlugins from './vite/plugins'
 import inject from '@rollup/plugin-inject'
 import inject from '@rollup/plugin-inject'
 import commonjs from '@rollup/plugin-commonjs'
 import commonjs from '@rollup/plugin-commonjs'
 // import legacy from '@vitejs/plugin-legacy'
 // import legacy from '@vitejs/plugin-legacy'
 
 
 // https://vitejs.dev/config/
 // https://vitejs.dev/config/
-export default defineConfig(({ mode, command }) => {
+export default defineConfig(({mode, command}) => {
   const env = loadEnv(mode, process.cwd())
   const env = loadEnv(mode, process.cwd())
   return {
   return {
     // 部署生产环境和开发环境下的URL。
     // 部署生产环境和开发环境下的URL。
@@ -76,24 +76,24 @@ export default defineConfig(({ mode, command }) => {
           rewrite: (p) => p.replace(/^\/dev-api\/ztx-match/, '')
           rewrite: (p) => p.replace(/^\/dev-api\/ztx-match/, '')
         },
         },
         '/dev-api/ztx-webSite': {
         '/dev-api/ztx-webSite': {
-          target: 'http://192.168.1.118:8082/',
-          // target: 'https://ces.2025wtcwuxi.com/stage-api/',
+          // target: 'http://192.168.1.118:8082/',
+          target: 'https://ces.2025wtcwuxi.com/stage-api/',
           changeOrigin: true,
           changeOrigin: true,
           rewrite: (p) => p.replace(/^\/dev-api\/ztx-webSite/, '')
           rewrite: (p) => p.replace(/^\/dev-api\/ztx-webSite/, '')
         },
         },
         '/dev-api': {
         '/dev-api': {
-          target: 'http://192.168.1.118:8082/',
+          // target: 'http://192.168.1.118:8082/',
           // target: 'http://192.168.1.131:8081/',
           // target: 'http://192.168.1.131:8081/',
           // target: 'https://ces.2025wtcwuxi.com/stage-api/',
           // target: 'https://ces.2025wtcwuxi.com/stage-api/',
           // target: 'http://124.70.181.90:1880/stage-api',
           // target: 'http://124.70.181.90:1880/stage-api',
-          // target: 'https://wdsfwuxicenter.com/stage-api/',
+          target: 'https://sys.2025wtcwuxi.com/stage-api/',
           changeOrigin: true,
           changeOrigin: true,
           rewrite: (p) => p.replace(/^\/dev-api/, '')
           rewrite: (p) => p.replace(/^\/dev-api/, '')
         },
         },
         '/ticket': {
         '/ticket': {
           // target: 'http://192.168.1.131:8098/',
           // target: 'http://192.168.1.131:8098/',
-          // target: 'http://192.168.1.131:8081/',
-          target: 'https://jijin.wtwuxicenter.com/h5/',
+          target: 'http://36.153.235.222:8899/',
+          // target: 'https://jijin.wtwuxicenter.com/h5/',
           // target: 'https://ticketh5.wdsfwuxicenter.com/h5/',
           // target: 'https://ticketh5.wdsfwuxicenter.com/h5/',
           changeOrigin: true,
           changeOrigin: true,
           rewrite: (p) => p.replace(/^\/ticket/, '')
           rewrite: (p) => p.replace(/^\/ticket/, '')