优化

src/views/application/components/winestorage/record.vue

@@ -55,8 +55,8 @@
                 <el-table-column label="到期时间" prop="expTime"></el-table-column>
                 <el-table-column label="状态" prop="status">
                     <template v-slot="scope">
-                        <el-tag :type="statusList.find(item => item.value == scope.row.status).type">{{
+                        <el-tag :type="statusList.find(item => item.value === scope.row.status).type">{{
-                            statusList.find(item => item.value == scope.row.status).label }}</el-tag>
+                            statusList.find(item => item.value === scope.row.status).label }}</el-tag>
                     </template>
                 </el-table-column>
                 <el-table-column label="操作" width="120">
@@ -93,6 +93,11 @@ export default {
     data() {
         return {
             statusList: [
+                {
+                    value: '',
+                    label: '全部',
+                    type: 'warning'
+                },
                 {
                     value: 0,
                     label: '已取完',
@@ -102,12 +107,17 @@ export default {
                     value: 1,
                     label: '存储中',
                     type: 'primary'
+                },
+                {
+                    value: 2,
+                    label: '已过期',
+                    type: 'info'
                 }
             ],
             query: {
                 name: "",
                 telphone: "",
-                status: 1
+                status: ''
             },
             tableData: {
                 data: [],
@@ -127,7 +137,7 @@ export default {
             this.tableData.page = 0
             this.query.name = ''
             this.query.telphone = ''
-            this.query.status = 1
+            this.query.status = ''
             this.getTableData()
         },
         // 分页回调