一键部署相关页面优化

src/api/urgentTask.js

@@ -8,6 +8,14 @@ export const getUrgentTaskList = (data) => {
     })
 }
 
+export const getUrgentTaskById = (data) => {
+    return service({
+        url: '/gameTask/getUrgentTaskById',
+        method: 'post',
+        data
+    })
+}
+
 export const getUnusedPc = (data) => {
     return service({
         url: '/gameTask/getUnusedPc',

src/view/gameTask/centralControlConfList.vue

@@ -39,17 +39,30 @@
             </div>
             <el-table :data="tableData" @sort-change="sortChange" @selection-change="handleSelectionChange">
                 <el-table-column type="selection" width="55" />
+                <el-table-column align="left" label="任务id" min-width="150" prop="task_id" sortable="custom" />
+                <el-table-column align="left" label="游戏id" min-width="150" prop="game_id" />
                 <el-table-column align="left" label="镜像" min-width="100" prop="mirror" />
                 <el-table-column align="left" label="脚本" min-width="150" prop="script" />
-                <el-table-column align="left" label="克隆模式" min-width="150" prop="clone_mode" />
-                <el-table-column align="left" label="模拟器类型" min-width="150" prop="simulator_type" />
+                <el-table-column align="left" label="克隆模式" min-width="150" prop="clone_mode">
+                    <template #default="scope">
+                        <div>
+                            {{ cloneModeFiletr(scope.row.clone_mode) }}
+                        </div>
+                    </template>
+                </el-table-column>
+                <el-table-column align="left" label="模拟器类型" min-width="150" prop="simulator_type">
+                    <template #default="scope">
+                        <div>
+                            {{ simulatorTypeFiletr(scope.row.simulator_type) }}
+                        </div>
+                    </template>
+                </el-table-column>
                 <el-table-column align="left" label="分辨率" min-width="150" prop="resolution" />
                 <el-table-column align="left" label="窗口缩放" min-width="150" prop="zoom" />
                 <el-table-column align="left" label="超时时间" min-width="150" prop="timeout" />
                 <el-table-column align="left" label="cpu" min-width="150" prop="cpu" />
                 <el-table-column align="left" label="内存" min-width="150" prop="memory_size" />
-                <el-table-column align="left" label="任务id" min-width="150" prop="task_id" sortable="custom" />
-                <el-table-column align="left" label="游戏id" min-width="150" prop="game_id" />
+
                 <el-table-column align="left" label="优先级" min-width="150" prop="priority" />
                 <el-table-column align="left" label="游戏类型" min-width="150" prop="game_type">
                     <template #default="scope">
@@ -184,6 +197,16 @@ const gameTypeFiletr = (value) => {
     return target && `${target.label}`
 }
 
+const cloneModeFiletr = (value) => {
+    const target = cloneModeOptions.value.filter(item => item.value === value)[0]
+    return target && `${target.label}`
+}
+
+const simulatorTypeFiletr = (value) => {
+    const target = simulatorTypeOptions.value.filter(item => item.value === value)[0]
+    return target && `${target.label}`
+}
+
 const searchOptions = ref([
     {
         value: 'task_id',
@@ -210,42 +233,42 @@ const gameTypeOptions = ref([
 
 const cloneModeOptions = ref([
     {
-        value: '每轮克隆',
+        value: 0,
         label: '每轮克隆'
     },
     {
-        value: '每3轮克隆',
+        value: 1,
         label: '每3轮克隆'
     },
     {
-        value: '从不克隆',
+        value: 2,
         label: '从不克隆'
     }
 ])
 
 const simulatorTypeOptions = ref([
     {
-        value: '雷电模拟器4-32位',
+        value: 0,
         label: '雷电模拟器4-32位'
     },
     {
-        value: '逍遥模拟器',
+        value: 1,
         label: '逍遥模拟器'
     },
     {
-        value: '夜神模拟器',
+        value: 2,
         label: '夜神模拟器'
     },
     {
-        value: '雷电模拟器4-64位',
+        value: 3,
         label: '雷电模拟器4-64位'
     },
     {
-        value: '雷电模拟器9',
+        value: 4,
         label: '雷电模拟器9'
     },
     {
-        value: '夜神模拟器9',
+        value: 5,
         label: '夜神模拟器9'
     },
 ])

src/view/gameTask/urgentTaskList.vue

@@ -65,7 +65,7 @@
                     <el-input v-model="form.task_id" autocomplete="off" />
                 </el-form-item>
                 <el-form-item label="所需租机" prop="pc_code">
-                    <el-select v-model="form.pc_code">
+                    <el-select v-model="form.pc_code" multiple placeholder="租机" style="width: 240px">
                         <el-option v-for="item in pcOptions" :key="item.pc_code" :label="item.pc_code"
                             :value="item.pc_code" />
                     </el-select>
@@ -91,6 +91,7 @@ export default {
 <script setup>
 import {
     getUrgentTaskList,
+    getUrgentTaskById,
     getUnusedPc,
     createUrgentTask,
     updateUrgentTask,
@@ -256,7 +257,9 @@ const closeDialog = () => {
 
 const editTaskFunc = async (row) => {
     const res = await getUrgentTaskById({ id: row.id })
-    form.value = res.data
+    form.value.task_id = res.data.task_id
+    form.value.id = res.data.id
+    form.value.create_date = res.data.create_date
     openDialog('editTask')
 }