台桌列表增加编辑台桌里可修改台桌状态

src/views/table/components/addTable.vue

@@ -6,6 +6,11 @@
                     <el-option :label="item.name" :value="item.id" v-for="item in areaList" :key="item.id"></el-option>
                 </el-select>
             </el-form-item>
+            <el-form-item label="台桌状态" prop="status">
+                <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-select>
+            </el-form-item>
             <el-form-item label="台桌名称">
                 <el-input v-model="form.name" placeholder="请输入台桌名称"></el-input>
             </el-form-item>
@@ -43,6 +48,16 @@ export default {
             dialogVisible: false,
             resetForm: '',
             loading: false,
+            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: '',