【食堂大屏】无数据的情况下默认展示

src/views/canteen/menuScreen.vue

@@ -48,12 +48,19 @@
           </el-table-column>
 
           <el-table-column prop="billDate" label="日期" align="center">
+            <template slot-scope="scope">
+              <span>{{
+                new Date(scope.row.billDate).Format("yyyy-MM-dd")
+              }}</span>
+            </template>
           </el-table-column>
         </el-table>
       </div>
     </div>
 
-    <p class="people">园区打卡人数:{{ dakaNum }}人（{{ nowDate }}）</p>
+    <p class="people">
+      园区打卡人数:{{ dakaNum }}人（{{ new Date().Format("yyyy-MM-dd") }}）
+    </p>
   </div>
 </template>
 
@@ -64,9 +71,34 @@ export default {
   data() {
     return {
       tableData: [],
-      nowDate: "",
       intervalId: null,
       dakaNum: "",
+      defaultData: [
+        {
+          billDate: new Date().Format("yyyy-MM-dd"),
+          name: "辣椒炒肉",
+          price: 0,
+          timeFrame: "2",
+        },
+        {
+          billDate: new Date().Format("yyyy-MM-dd"),
+          name: "辣椒炒蛋",
+          price: 0,
+          timeFrame: "2",
+        },
+        {
+          billDate: new Date().Format("yyyy-MM-dd"),
+          name: "芹菜香干",
+          price: 0,
+          timeFrame: "2",
+        },
+        {
+          billDate: new Date().Format("yyyy-MM-dd"),
+          name: "麻婆豆腐",
+          price: 0,
+          timeFrame: "2",
+        },
+      ],
     };
   },
   created() {
@@ -79,33 +111,16 @@ export default {
     this.clear();
   },
   methods: {
-    getList() {
-      this.getNow();
-      // {billDate: this.nowDate}
-      menuList({ pageSize: 100, billDate: this.nowDate }).then((res) => {
-        if (res.code === 200) {
-          this.tableData = res.rows;
-          this.tableData = this.tableData.map((data) => {
-            data.billDate = data.billDate.substring(0, 11);
-            return data;
-          });
-          console.log(this.tableData, "this.tableData");
+    async getList() {
+      try {
+        let { code, rows } = await menuList({
+          pageSize: 100,
+          billDate: new Date().Format("yyyy-MM-dd"),
+        });
+        if (code == 200) {
+          this.tableData = rows.length ? rows : [...this.defaultData];
         }
-      });
-    },
-    getNow() {
-      var date = new Date();
-      var year = date.getFullYear();
-      var month = date.getMonth() + 1;
-      var day = date.getDate();
-      if (month < 10) {
-        month = "0" + month;
-      }
-      if (day < 10) {
-        day = "0" + day;
-      }
-      const nowDate = year + "-" + month + "-" + day;
-      this.nowDate = nowDate;
+      } catch (error) {}
     },
     // 定时刷新数据函数
     dataRefreh() {