no message

 <template>
 <template>
   <div>
   <div>
     <div class="box">
     <div class="box">
-      
+
       <div class="mt20" />
       <div class="mt20" />
       <el-card>
       <el-card>
         <el-row :gutter="20">
         <el-row :gutter="20">
           <el-col :lg="12" :sm="24">
           <el-col :lg="12" :sm="24">
             <!--赛事日历-->
             <!--赛事日历-->
-            
+
             <el-calendar v-model="currentDate">
             <el-calendar v-model="currentDate">
               <template #date-cell="data">
               <template #date-cell="data">
-                
+
                 <div
                 <div
                   :class="data.data.day==query.currentDate?'primaryDate':''" class="date"
                   :class="data.data.day==query.currentDate?'primaryDate':''" class="date"
                   @click="selectDate(data.data.day)"
                   @click="selectDate(data.data.day)"
                 >
                 >
                   {{ data.data.day.slice(8, 10) }}
                   {{ data.data.day.slice(8, 10) }}
                 </div>
                 </div>
-              
+
               </template>
               </template>
             </el-calendar>
             </el-calendar>
-          
+
           </el-col>
           </el-col>
           <el-col :lg="12" :sm="24">
           <el-col :lg="12" :sm="24">
             <div class="calendarList">
             <div class="calendarList">
@@ -32,13 +32,13 @@
                 <el-empty v-if="schList.length== 0" :image="`/img/order_no.png`" :image-size="200" />
                 <el-empty v-if="schList.length== 0" :image="`/img/order_no.png`" :image-size="200" />
               </ul>
               </ul>
             </div>
             </div>
-          
+
           </el-col>
           </el-col>
         </el-row>
         </el-row>
       </el-card>
       </el-card>
       <el-card class="mt20 mb20">
       <el-card class="mt20 mb20">
         <el-table :data="rank" stripe>
         <el-table :data="rank" stripe>
-          <el-table-column align="center" label="名次" type="index">
+          <el-table-column align="center" label="名次" type="index" width="100">
             <template #default="scope">
             <template #default="scope">
               <span v-if="scope.row.mingCi == 1" style="color:#F8A617">{{ scope.row.mingCi }}</span>
               <span v-if="scope.row.mingCi == 1" style="color:#F8A617">{{ scope.row.mingCi }}</span>
               <span v-else-if="scope.row.mingCi == 2" style="color:#778B92">{{ scope.row.mingCi }}</span>
               <span v-else-if="scope.row.mingCi == 2" style="color:#778B92">{{ scope.row.mingCi }}</span>
@@ -46,7 +46,7 @@
               <span v-else>{{ scope.row.mingCi }}</span>
               <span v-else>{{ scope.row.mingCi }}</span>
             </template>
             </template>
           </el-table-column>
           </el-table-column>
-          
+
           <el-table-column label="国家" prop="name">
           <el-table-column label="国家" prop="name">
             <template #default="scope">
             <template #default="scope">
               <div>
               <div>
@@ -85,7 +85,7 @@
             </template>
             </template>
           </el-table-column>
           </el-table-column>
         </el-table>
         </el-table>
-      
+
       </el-card>
       </el-card>
       <el-card v-for="(n,index) in cjList" class="mt20 mb20" hidden>
       <el-card v-for="(n,index) in cjList" class="mt20 mb20" hidden>
         <div class="leftboderTT">{{ language == 0 ? n.title : n.en_title }}</div>
         <div class="leftboderTT">{{ language == 0 ? n.title : n.en_title }}</div>
@@ -116,7 +116,7 @@
             </table>
             </table>
           </div>
           </div>
         </div>
         </div>
-      
+
       </el-card>
       </el-card>
       <br><br>
       <br><br>
     </div>
     </div>
@@ -209,7 +209,7 @@ h3 {
   width: 100%;
   width: 100%;
   max-width: 100%;
   max-width: 100%;
   margin-bottom: 20px;
   margin-bottom: 20px;
-  
+
   td, th {
   td, th {
     padding: 8px;
     padding: 8px;
     font-size: 14px;
     font-size: 14px;
@@ -225,24 +225,24 @@ h3 {
   --el-calendar-cell-width: 51px;
   --el-calendar-cell-width: 51px;
   text-align: center;
   text-align: center;
   --el-text-color-regular: #8E8D94;
   --el-text-color-regular: #8E8D94;
-  
+
   :deep(.el-calendar__header) {
   :deep(.el-calendar__header) {
     justify-content: center;
     justify-content: center;
   }
   }
-  
+
   :deep(.el-calendar__body) {
   :deep(.el-calendar__body) {
     border: 1px solid #F0F0F0;
     border: 1px solid #F0F0F0;
     padding: 0
     padding: 0
   }
   }
-  
+
   :deep(.el-calendar-table .el-calendar-day) {
   :deep(.el-calendar-table .el-calendar-day) {
     padding: 1px;
     padding: 1px;
   }
   }
-  
+
   :deep(.el-calendar-table td.is-selected) {
   :deep(.el-calendar-table td.is-selected) {
     background: transparent;
     background: transparent;
   }
   }
-  
+
   :deep(.el-calendar__button-group) {
   :deep(.el-calendar__button-group) {
     display: none;
     display: none;
   }
   }
@@ -267,12 +267,12 @@ h3 {
   padding: 12px 20px 0;
   padding: 12px 20px 0;
   overflow: hidden;
   overflow: hidden;
   height: 100%;
   height: 100%;
-  
+
   ul {
   ul {
     overflow: auto;
     overflow: auto;
     height: 330px;
     height: 330px;
     margin: 0;
     margin: 0;
-    
+
     li {
     li {
       background: #F6F9FE;
       background: #F6F9FE;
       margin: 7px 0 7px 20px;
       margin: 7px 0 7px 20px;
@@ -282,11 +282,11 @@ h3 {
       font-weight: 500;
       font-weight: 500;
       font-size: 15px;
       font-size: 15px;
       cursor: pointer;
       cursor: pointer;
-      
+
       label {
       label {
         color: #453DEA;
         color: #453DEA;
         margin-right: 15px;
         margin-right: 15px;
-        
+
         &::before {
         &::before {
           content: '';
           content: '';
           background: #fff;
           background: #fff;
@@ -302,7 +302,7 @@ h3 {
         }
         }
       }
       }
     }
     }
-    
+
     li::before {
     li::before {
       content: '';
       content: '';
       background: linear-gradient(0deg, #8623FC, #453DEA);
       background: linear-gradient(0deg, #8623FC, #453DEA);
@@ -316,7 +316,7 @@ h3 {
       margin: auto;
       margin: auto;
       z-index: 1;
       z-index: 1;
     }
     }
-    
+
     li::after {
     li::after {
       content: '';
       content: '';
       left: -16px;
       left: -16px;
@@ -326,11 +326,11 @@ h3 {
       position: absolute;
       position: absolute;
       top: 20px
       top: 20px
     }
     }
-    
+
     li:hover {
     li:hover {
       color: #fff;
       color: #fff;
       background: linear-gradient(-90deg, #8623FC, #453DEA);
       background: linear-gradient(-90deg, #8623FC, #453DEA);
-      
+
       label {
       label {
         color: #fff;
         color: #fff;
       }
       }