【食堂菜单大屏】：菜单调整表体调整

src/views/canteen/menuScreen.vue

@@ -15,6 +15,7 @@
           :cell-style="{ color: '#fff' }"
           :header-cell-style="{ color: '#fff' }"
           :data="tableData"
+          :show-header="true"
           style="
             width: 100%;
             height: calc(100vh - 30vh);
@@ -24,7 +25,7 @@
           "
           ref="tableBox"
         >
-          <el-table-column prop="timeFrame" align="center" label="">
+          <el-table-column prop="timeFrame" align="center" label="时段">
             <template slot-scope="scope">
               <span>{{
                 scope.row.timeFrame == "1"
@@ -36,16 +37,16 @@
             </template>
           </el-table-column>
 
-          <el-table-column prop="name" label="" align="center">
+          <el-table-column prop="name" label="菜名" align="center">
           </el-table-column>
 
-          <el-table-column prop="price" align="center" label="">
+          <el-table-column prop="price" align="center" label="价格">
             <template slot-scope="scope">
               <span>￥{{ scope.row.price }}</span>
             </template>
           </el-table-column>
 
-          <el-table-column prop="billDate" label="" align="center">
+          <el-table-column prop="billDate" label="日期" align="center">
           </el-table-column>
         </el-table>
       </div>
@@ -167,9 +168,9 @@ export default {
   font-size: 6vh;
   font-weight: 600;
   color: #fff;
-  width: 80%;
+  width: 100%;
   color: #fff;
-  margin: 2% auto;
+  // margin: 2% 2%;
   display: flex;
   justify-content: space-around;
   // text-shadow: 0 0 5px #fff,