台桌状态台桌清理中改为待清台

src/views/table/components/table-edit.vue

@@ -8,7 +8,7 @@
           </el-form-item>
           <el-form-item label="台桌状态" prop="status" v-if="form.id">
               <el-select v-model="form.status" placeholder="请选择台桌状态">
-                  <el-option :label="item.name" :value="item.value" v-for="item in status" :key="item.value"></el-option>
+                  <el-option :label="item.label" :value="item.value" v-for="item in status" :key="item.value"></el-option>
               </el-select>
           </el-form-item>
           <el-form-item label="台桌名称">
@@ -48,22 +48,15 @@
 
 <script>
 import { tbShopTable, tbShopAreaGet } from '@/api/table'
+import $status from "../status.js";
+
 export default {
   data() {
       return {
           dialogVisible: false,
           resetForm: '',
           loading: false,
-          status:[
+          status:[],
-              {value:'pending',name:'挂单中'},
-              {value:'using',name:'开台中'},
-              {value:'paying',name:'结算中'},
-              {value:'idle',name:'空闲'},
-              {value:'subscribe',name:'预定'},
-              {value:'closed',name:'关台'},
-              // {value:'opening',name:'开台中'},
-              {value:'cleaning',name:'台桌清理中'},
-          ],
           form: {
               id: '',
               name: '',
@@ -90,6 +83,9 @@ export default {
   },
   mounted() {
       this.resetForm = { ...this.form }
+      this.status = Object.keys($status).map(key =>{
+        return  {...$status[key],value:key}
+      }); 
   },
   methods: {
       onSubmitHandle() {

src/views/table/status.js

@@ -17,7 +17,7 @@ export default {
     },
     subscribe: {
         label: "预定",
-        type: "#E6A23C",
+        type: "rgb(34, 191, 100)",
     },
     closed: {
         label: "关台",