no message

@@ -13,11 +13,11 @@
         </el-button>
         </el-button>
       </div>
       </div>
     </div>
     </div>
-    
+
     <div v-loading="loading" class="box">
     <div v-loading="loading" class="box">
       <el-row :gutter="20">
       <el-row :gutter="20">
         <el-col v-for="(h,index) in list" :lg="24" :md="24" :sm="24" :xl="24" :xs="24" 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>
             <!--        酒店列表-->
             <!--        酒店列表-->
             <el-row :gutter="20" align="middle" class="hotel">
             <el-row :gutter="20" align="middle" class="hotel">
               <el-col :lg="6" :md="6">
               <el-col :lg="6" :md="6">
@@ -45,7 +45,8 @@
                 <div class="price">{{ language == 0 ? '¥' : '$' }}<span>{{ h.price }}</span>
                 <div class="price">{{ language == 0 ? '¥' : '$' }}<span>{{ h.price }}</span>
                   <i v-if="language==0">起</i>
                   <i v-if="language==0">起</i>
                 </div>
                 </div>
-                <el-button class="w200px blackBtn" round type="primary">{{ language == 0 ? '立即预订' : 'Select' }} ⇀
+                <el-button @click="goDetail(h)" class="w200px blackBtn" round type="primary">
+                  {{ language == 0 ? '立即预订' : 'Select' }} ⇀
                 </el-button>
                 </el-button>
               </el-col>
               </el-col>
             </el-row>
             </el-row>
@@ -55,7 +56,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>
 
 
@@ -94,7 +95,7 @@ function getList() {
     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
   })
   })
@@ -105,7 +106,7 @@ function goDetail(item) {
     useStore.setVisitor()
     useStore.setVisitor()
     return
     return
   }
   }
-  
+
   router.push({
   router.push({
     name: 'hotelDetail',
     name: 'hotelDetail',
     params: {
     params: {
@@ -115,7 +116,7 @@ function goDetail(item) {
       id: item.id
       id: item.id
     }
     }
   })
   })
-  
+
   // if (item.meeting == '1') {
   // if (item.meeting == '1') {
   //   ElMessageBox.confirm(item.meetText, '', {
   //   ElMessageBox.confirm(item.meetText, '', {
   //     cancelButtonText: language.value == 1 ? 'Close ' : '关闭',
   //     cancelButtonText: language.value == 1 ? 'Close ' : '关闭',
@@ -152,37 +153,37 @@ function goDetail(item) {
   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;
@@ -197,7 +198,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;
@@ -217,7 +218,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;
@@ -229,12 +230,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;
@@ -249,7 +250,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;
@@ -259,12 +260,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;
@@ -272,22 +273,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);

@@ -44,7 +44,7 @@
       <!--      <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>-->
@@ -57,14 +57,10 @@
 </template>
 </template>
 
 
 <script setup>
 <script setup>
-import {useRouter} from "vue-router";
-
-const router = useRouter()
 import OrderRemark from '@/viewsPc/components/orderRemark'
 import OrderRemark from '@/viewsPc/components/orderRemark'
 import AffixInvitation from '@/viewsPc/match/components/affix-invitation'
 import AffixInvitation from '@/viewsPc/match/components/affix-invitation'
 import MediaRegister from '@/viewsPc/components/mediaRegister.vue'
 import MediaRegister from '@/viewsPc/components/mediaRegister.vue'
-
-const {proxy} = getCurrentInstance()
+import {useRouter} from "vue-router";
 import {useStorage} from "@vueuse/core/index";
 import {useStorage} from "@vueuse/core/index";
 import {ElMessage} from "element-plus";
 import {ElMessage} from "element-plus";
 import {getCurrentInstance} from "@vue/runtime-core";
 import {getCurrentInstance} from "@vue/runtime-core";
@@ -73,6 +69,11 @@ import {getBaseInfoByActiveId} from "@/apiPc/booking";
 import * as match from "@/apiPc/match";
 import * as match from "@/apiPc/match";
 import useUserStore from "@/store/modules/user";
 import useUserStore from "@/store/modules/user";
 
 
+
+const router = useRouter()
+const {proxy} = getCurrentInstance()
+const useStore = useUserStore()
+
 const emit = defineEmits(['pickUp'])
 const emit = defineEmits(['pickUp'])
 
 
 const props = defineProps({
 const props = defineProps({
@@ -100,7 +101,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 +110,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 +136,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.')
-  
+
 }
 }
 
 
 function applyInvitation() {
 function applyInvitation() {
@@ -146,8 +147,6 @@ function applyInvitation() {
   proxy.$refs['dialogInvitationRef'].open(obj)
   proxy.$refs['dialogInvitationRef'].open(obj)
 }
 }
 
 
-const user = useUserStore().user
-
 function goMedia() {
 function goMedia() {
   // proxy.$modal.msgWarning(language.value == 0 ? '暂未开放' : 'Not yet open')
   // proxy.$modal.msgWarning(language.value == 0 ? '暂未开放' : 'Not yet open')
   // return;
   // return;
@@ -156,14 +155,15 @@ function goMedia() {
     return
     return
   }
   }
   //如果没登录
   //如果没登录
-  if (!user) {
-    ElMessage({
-      type: 'warning',
-      message: language.value == 0 ? '请先登录' : 'Please login first',
-    })
+  if (!useStore.user) {
+    // ElMessage({
+    //   type: 'warning',
+    //   message: language.value == 0 ? '请先登录' : 'Please login first',
+    // })
+    useStore.setVisitor()
     return
     return
   }
   }
-  
+
   proxy.$refs['mediaRegisterRef'].open({cptId: matchId.value})
   proxy.$refs['mediaRegisterRef'].open({cptId: matchId.value})
 }
 }
 
 
@@ -172,7 +172,7 @@ 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.')
     // ElMessage.warning('The visa invitation letter application will be available soon. Thank you for your patience.')
     // return;
     // return;
@@ -185,20 +185,21 @@ function popRemark(type) {
         building()
         building()
         return
         return
       }
       }
-      
-      if (!user) {
-        ElMessage({
-          type: 'warning',
-          message: language.value == 0 ? '请先登录' : 'Please login first',
-        })
+
+      if (!useStore.user) {
+        // ElMessage({
+        //   type: 'warning',
+        //   message: language.value == 0 ? '请先登录' : 'Please login first',
+        // })
+        useStore.setVisitor()
         return
         return
       }
       }
-      
+
       applyInvitation()
       applyInvitation()
       return
       return
     }
     }
   }
   }
-  
+
   if ((form.value.isJdView == 0 && type == '1')
   if ((form.value.isJdView == 0 && type == '1')
     || (form.value.isCarView == 0 && type == '2')
     || (form.value.isCarView == 0 && type == '2')
     || (form.value.isFoodView == 0 && type == '3')
     || (form.value.isFoodView == 0 && type == '3')
@@ -209,13 +210,13 @@ function popRemark(type) {
     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',
@@ -223,7 +224,7 @@ function popRemark(type) {
     cptName: props.cptName
     cptName: props.cptName
   }
   }
   proxy.$refs['orderRemarkRef'].open(params)
   proxy.$refs['orderRemarkRef'].open(params)
-  
+
   // goBooking(type)
   // goBooking(type)
 }
 }
 
 
@@ -231,7 +232,7 @@ 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},
@@ -289,7 +290,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;
@@ -302,19 +303,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;
     }
     }
@@ -330,7 +331,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