no message

src/components/stuMan/subscribe/subscribeForm.vue

@@ -128,9 +128,9 @@
                   <q-btn size="sm" color="accent" label="添加" @click="subscribeCourse" />
                 </div>
               </div>
-              <div class="row col-12">
-                <table>
-                  <thead>
+              <div class="row col-12" style="margin-top: 20px;">
+                <table class="col-12 table" style="border-collapse: collapse;" border="0px">
+                  <thead class="thead">
                     <tr>
                       <th>
                         姓名
@@ -149,9 +149,10 @@
                       </th>
                     </tr>
                   </thead>
-                  <tbody v-for="(item,index) in saveMsg.ChooseStuList" :key="index">
+                  <template v-if="saveMsg.ChooseStuList.length>0">
+                  <tbody v-for="(item,index) in saveMsg.ChooseStuList" :key="index" style="text-align: center;">
                     <tr>
-                      <td>
+                      <td width="80px">
                         {{item.StuName}}
                       </td>
                       <td>
@@ -183,14 +184,25 @@
                           </q-select>
                         </template>
                       </td>
-                      <td>
-                        <a v-if="item.AppointmentId==0" @click="DeleteStu(index)">删除</a>
+                      <td width="60px">
+                          <q-btn size="8px" class="SurverDel" 
+                          @click="DeleteStu(index)" 
+                          round color="red"
+                          icon="iconfont icon-shanchu" />
                       </td>
                     </tr>
                   </tbody>
+                  </template>
+                  <tbody v-if="saveMsg.ChooseStuList.length==0" style="text-align: center;">
+                    <tr>
+                      <td colspan="5" style="padding: 20px 0;">暂无数据</td>
+                    </tr>
+                  </tbody>
+                </table>
+                <table class="col-12" style="margin-top: 10px;">
                   <tfoot>
                     <tr>
-                      <td colspan="4">
+                      <td colspan="1" style="text-align: center;">
                         <q-btn size="sm" color="accent" label="保存" @click="SaveStuAppointment" :loading="addLoading" />
                       </td>
                     </tr>
@@ -704,4 +716,15 @@
   .timeItem {
     margin: 10px 0;
   }
+  .table{
+    border-radius: 5px 5px 0 0;
+    background: rgba(0, 0, 0, 0.05);
+    overflow: hidden;
+  }
+  .thead{
+    background: rgba(0, 0, 0, 0.09);
+  }
+  .thead tr th{
+    padding: 10px 0;
+  }
 </style>
\ No newline at end of file