智慧厨房页面代码2

src/views/kitchen/foodSafety/sampleManage/index.vue

@@ -1,5 +1,14 @@
 <template>
   <div class="app-container">
+    <div style="width: 100%;">
+      <el-tabs v-model="activeName" type="card" @tab-click="handleTabClick">
+        <el-tab-pane label="今日菜品留样" name="1"></el-tab-pane>
+        <el-tab-pane label="昨日菜品留样" name="2"></el-tab-pane>
+        <el-tab-pane label="留样历史记录" name="3"></el-tab-pane>
+      </el-tabs>
+    </div>
+   
+
     <el-form :model="queryParams" ref="queryForm" size="small" :inline="true" v-show="showSearch" label-width="68px">
         <el-form-item label="关键字" prop="searchValue">
             <el-input v-model="queryParams.searchValue" placeholder="请输入菜品名称，编号" maxlength="20" clearable style="width: 240px"/>
@@ -82,7 +91,7 @@ export default {
   data() {
     return {
       // 遮罩层
-      loading: true,
+      loading: false,
       // 选中数组
       ids: [],
       // 非单个禁用
@@ -133,6 +142,10 @@ export default {
           this.resetForm("queryForm");
           this.handleQuery();
       },
+      handleTabClick(tab, event) { 
+            console.log(tab.name,tab.label)
+            this.handleQuery()
+      },
       /** 查询列表 */
       getList() {
           this.loading = true;