台桌列表样式调整

src/views/table/table_list.vue

@@ -47,7 +47,7 @@
           class="item"
           v-for="item in tableList"
           :key="item.id"
-          :class="{ using: item.status == 'using' }"
+          :class="[item.status]"
         >
           <div class="new-top flex u-row-between">
             <span class="name">{{ item.name }}</span>
@@ -116,7 +116,7 @@
                 </template>
                 <template v-else>
                 <el-button
-                  type="primary"
+                  type="info"
                   disabled
                   >开始点餐</el-button
                 >
@@ -207,7 +207,7 @@ export default {
         },
         closed: {
           label: "关台",
-          type: "#F56C6C",
+          type: "rgb(221,221,221)",
         },
         // opening: {
         //   label: "开台中",
@@ -362,6 +362,10 @@ export default {
     &.using {
       background-color: rgb(250, 85, 85);
     }
+    &.closed{
+      background-color: rgb(221, 221, 221);
+      filter: grayscale(1);
+    }
     .new-top {
       height: 30px;
       color: #fff;