服务器页面开发

src/views/server/gameTable/index.vue

@@ -23,8 +23,8 @@
     <el-dialog v-model="dialogVisible" :title='title' width="50%">
       <el-form ref="ruleFormRef" :model="ruleForm" :rules="rules" label-width="120px" class="demo-ruleForm"
         :size="formSize">
-        <el-form-item label="ID" prop="id">
-          <el-input readonly :value="ruleForm.id" />
+        <el-form-item label="ID" prop="_id">
+          <el-input readonly :value="ruleForm._id" />
         </el-form-item>
         <el-form-item label="推荐权重" prop="weight">
           <el-input v-model="ruleForm.weight" />
@@ -62,24 +62,36 @@ import { ref, reactive, onMounted, nextTick } from 'vue'
 import * as dayjs from 'dayjs'
 import { ElMessage, ElMessageBox } from 'element-plus'
 import type { FormInstance } from 'element-plus'
+import serverApi from '@/api/server'
+
 const loading = ref(true)
 const appContainer = ref(null)
 import ServerPropTable from '@/components/Table/ServerPropTable/index.vue'
-const data = []
-for (let i = 0; i < 100; i++) {
-  data.push({
-    id: i + 1,
-    name: 'S' + i,
-    gmAddr: '127.0.0.1:2002',
-    weight: 100 + i,
-    gatewayId: 1,
-    state: i % 3,
-    openTime: '2023-08-17 10:00:00'
+// const data = []
+// for (let i = 0; i < 100; i++) {
+//   data.push({
+//     _id: i + 1,
+//     name: 'S' + i,
+//     gmAddr: '127.0.0.1:2002',
+//     weight: 100 + i,
+//     gatewayId: 1,
+//     state: i % 3,
+//     openTime: '2023-08-17 10:00:00'
+//   })
+// }
+
+const data = ref([])
+
+onBeforeMount(()=> {
+    serverApi.getAll("game").then(res => {
+    data.value = res.data.result;
+    console.log(data)
   })
-}
+})
+
 const column = [
   { type: 'selection', width: 60, fixed: 'left' },
-  { name: 'id', label: 'ID', inSearch: true, valueType: 'input', width: 80 },
+  { name: '_id', label: 'ID', inSearch: true, valueType: 'input', width: 80 },
   { name: 'name', label: '名称'},
   { name: 'gmAddr', label: 'GM地址'},
   { name: 'weight', label: '推荐权重', inSearch: true, valueType: 'input'},
@@ -148,11 +160,21 @@ const handleClose = async (done: () => void) => {
   await ruleFormRef.value.validate((valid, fields) => {
     if (valid) {
       list.value.forEach((item) => {
-        if (item.id === rowObj.value.id) {
-          item.weight = ruleForm.weight
-          item.state = ruleForm.state
-          item.openTime = ruleForm.openTime
-        }
+          let updateParams = reactive({
+            serverName: "game",
+            serverId: ruleForm._id,
+            update: ruleForm
+          })
+          serverApi.update(updateParams).then(res=>{
+              if (res.data.result > 0) {
+                item.weight = ruleForm.weight
+                item.state = ruleForm.state
+                item.openTime = ruleForm.openTime
+                return ElMessage.success('修改成功')
+              } else {
+                return ElMessage.error('修改失败')
+              }
+          })
       })
       dialogVisible.value = false
       console.log('submit!', ruleForm.weight, ruleForm.state)
@@ -173,7 +195,7 @@ const batchDelete = () => {
     draggable: true,
   })
     .then(() => {
-      ElMessage.success('模拟删除成功')
+      ElMessage.success('批量删除成功')
       list.value = list.value.concat([])
     })
     .catch(() => { })
@@ -185,7 +207,7 @@ const selectionChange = (val) => {
 const edit = (row) => {
   rowObj.value = row
   dialogVisible.value = true
-  ruleForm.id = row.id
+  ruleForm._id = row._id
   ruleForm.weight = row.weight
   ruleForm.state = row.state
   ruleForm.openTime = row.openTime
@@ -200,7 +222,12 @@ const del = (row) => {
     draggable: true,
   })
     .then(() => {
-      list.value = list.value.filter((item) => item.id !== row.id)
+      list.value = list.value.filter((item) => item._id !== row._id)
+      let deleteParams = reactive({
+        serverName: "game",
+        serverId: row._id
+      })
+      serverApi.delete(deleteParams)
       ElMessage.success('删除成功')
       loading.value = true
       setTimeout(() => {

src/views/server/gatewayTable/index.vue

@@ -163,7 +163,7 @@ const batchDelete = () => {
     draggable: true,
   })
     .then(() => {
-      ElMessage.success('模拟删除成功')
+      ElMessage.success('批量删除成功')
       list.value = list.value.concat([])
     })
     .catch(() => { })
@@ -190,6 +190,7 @@ const del = (row) => {
     .then(() => {
       list.value = list.value.filter((item) => item._id !== row._id)
       let deleteParams = reactive({
+        serverName: "gateway",
         serverId: row._id
       })
       serverApi.delete(deleteParams)