no message

src/pages/stuMan/components/stuAppointmentList.vue

 <template>
   <!--学员预约统计-->
-  <div style="padding: 20px 0">
+  <div style="padding: 20px 0;height: 700px;overflow-y: scroll;">
     <div class="page-content">
       <q-table :loading="loading" :pagination="pageMsg" no-data-label="暂无相关数据" flat
         class="sticky-column-table sticky-right-column-table" :data="tableData" :columns="columns" row-key="name"
         hide-bottom>
         <template v-slot:body="props">
           <q-tr :props="props">
-            <q-td key="DateStr">
+            <q-td auto-width key="DateStr">
               {{props.row.DateStr}}
               <br />
               {{props.row.WeekStr}}
             </q-td>
             <q-td key="TimeList" :props="props">
-              <div v-for="item in props.row.TimeList">
-                <div class="border-bottom">
+              <div style="display: flex;">
+                <div class="border-bottom" v-for="item in props.row.TimeList" 
+                style="display: flex;">
                   {{item.StartTime}}-{{item.EndTime}}
+                  <div class="border-bottom num-text"
+                    @click="ShowStuAppoint(item)">
+                    {{item.StuAppointNum}}人
+                  </div> 
                 </div>
               </div>
             </q-td>
-            <q-td key="Num" :props="props">
+            <!-- <q-td key="Num" :props="props">
               <div v-for="item in props.row.TimeList">
                 <div class="border-bottom" style="cursor:pointer;color:blue;text-decoration:underline"
                   @click="ShowStuAppoint(item)">
                   {{item.StuAppointNum}}
                 </div>
               </div>
-            </q-td>
+            </q-td> -->
           </q-tr>
         </template>
       </q-table>
@@ -64,18 +69,18 @@
           },
           {
             name: "TimeList",
-            label: "时段",
+            label: "时段(人数)",
             field: "TimeList",
             align: "left",
             field: row => row.TimeList
           },
-          {
-            name: "Num",
-            label: "预约人数",
-            field: "Num",
-            align: "left",
-            field: row => row.TimeList
-          },
+          // {
+          //   name: "Num",
+          //   label: "预约人数",
+          //   field: "Num",
+          //   align: "left",
+          //   field: row => row.TimeList
+          // },
         ],
         pageMsg: {
           rowsPerPage: 1000
@@ -101,6 +106,15 @@
     },
   };
 </script>
+<style>
+  .num-text{
+    cursor:pointer;
+    color:blue;
+    text-decoration:underline;
+    margin-left: 10px;
+    margin-right: 30px;
+  }
+</style>
 <style lang="sass">
   @import url('~assets/css/table.sass')
 </style>
\ No newline at end of file