game switch serverlist

src/views/gameswitch/index.vue

@@ -23,6 +23,14 @@
         prop="remark"
         label="功能描述"
       />
+      <el-table-column
+        prop="serverList"
+        label="服务器列表"
+      >
+        <template slot-scope="scope">
+          <a v-for="server in scope.row.serverList" :key="server" :label="server"> {{ servermap[server] }} </a>
+        </template>
+      </el-table-column>
       <el-table-column
         label="是否开启-审核模式"
 
@@ -66,6 +74,7 @@
       <el-table-column
         fixed="right"
         label="操作"
+        width="100px"
       >
         <template slot-scope="scope">
           <el-button type="text" size="small" @click="handleUpdate(scope.row)">编辑</el-button>
@@ -89,6 +98,13 @@
         <el-form-item label="功能描述" prop="remark">
           <el-input v-model="form.remark" :readonly="true" />
         </el-form-item>
+        <el-form-item label="服务器列表" prop="serverList">
+          <template>
+            <el-checkbox-group v-model="form.serverList" @change="handleCheckServersChange">
+              <el-checkbox v-for="server in servers" :key="server.key" :label="server.key">{{ server.label }}</el-checkbox>
+            </el-checkbox-group>
+          </template>
+        </el-form-item>
         <el-form-item label="是否开启-审核模式">
           <el-switch
             v-model="form.audit_is_open"
@@ -126,6 +142,24 @@
 import { addGameSwitch, updatGameSwitch, getGameSwitchList, refreshGameSwitch } from '@/api/gameswitch'
 import { parseTime } from '@/utils'
 
+const serverOptions = [
+  { key: 1, label: '1服' },
+  { key: 2, label: '2服' },
+  { key: 3, label: '3服' },
+  { key: 4, label: '4服' },
+  { key: 5, label: '5服' },
+  { key: 6, label: '6服' }
+]
+
+const serverMap = {
+  1: '1服',
+  2: '2服',
+  3: '3服',
+  4: '4服',
+  5: '5服',
+  6: '6服'
+}
+
 export default {
   components: {
 
@@ -137,7 +171,8 @@ export default {
         switch_name: '',
         remark: '',
         is_open: 1,
-        audit_is_open: 0
+        audit_is_open: 0,
+        serverList: []
       },
       dialogFormVisible: false,
       dialogStatus: '',
@@ -152,7 +187,9 @@ export default {
       rules: {
         switch_name: [{ required: true, message: 'required', trigger: 'blur' }],
         remark: [{ required: true, message: 'required', trigger: 'blur' }]
-      }
+      },
+      servers: serverOptions,
+      servermap: serverMap
     }
   },
   created() {
@@ -164,10 +201,10 @@ export default {
       // this.getList()
     },
     handleUpdate(row) {
-      console.log(row)
       this.form.is_open = row.is_open
       this.form.switch_name = row.switch_name
       this.form.remark = row.remark
+      this.form.serverList = row.serverList
       this.dialogStatus = 'update'
       this.dialogTitle = '编辑'
       this.dialogFormVisible = true
@@ -278,6 +315,9 @@ export default {
           })
         }
       })
+    },
+    handleCheckServersChange() {
+      return
     }
   }
 }