From 24ad220b0989e99839cd95b568a60c01bdc4fd2b Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E5=B0=91=E5=B9=B4=E6=A2=A6=E4=B8=8E=E7=A0=96?=
 <2847127106@qq.com>
Date: Tue, 27 Aug 2024 22:39:03 +0800
Subject: [PATCH] =?UTF-8?q?=E4=BC=98=E5=8C=96=E6=95=88=E6=9E=9C,=E6=96=B0?=
 =?UTF-8?q?=E5=A2=9E=E8=8A=82=E7=82=B9=E9=85=8D=E7=BD=AE?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/api/quest/param.js                        |  53 +++
 src/api/tool/gen.js                           |  22 +-
 src/layout/components/Navbar.vue              |   1 +
 src/views/quest/node/Home.vue                 |   8 +-
 src/views/quest/node/components/node-item.vue | 351 ++++++++++++++----
 src/views/quest/node/config/init.js           |  97 +++--
 src/views/quest/node/config/methods.js        |  29 +-
 src/views/quest/task/index.vue                |  25 +-
 8 files changed, 454 insertions(+), 132 deletions(-)
 create mode 100644 src/api/quest/param.js

diff --git a/src/api/quest/param.js b/src/api/quest/param.js
new file mode 100644
index 0000000..2dfe3a1
--- /dev/null
+++ b/src/api/quest/param.js
@@ -0,0 +1,53 @@
+import request from '@/utils/request'
+
+// 查询节点参数列表
+export function listParam(query) {
+  return request({
+    url: '/quest/param/list',
+    method: 'get',
+    params: query
+  })
+}
+
+// 查询节点参数详细
+export function getParam(id) {
+  return request({
+    url: '/quest/param/' + id,
+    method: 'get'
+  })
+}
+
+// 新增节点参数
+export function addParam(data) {
+  return request({
+    url: '/quest/param',
+    method: 'post',
+    data: data
+  })
+}
+
+// 批量新增
+export function batchAdd(data) {
+  return request({
+    url: '/quest/param/batchAdd',
+    method: 'post',
+    data: data
+  })
+}
+
+// 修改节点参数
+export function updateParam(data) {
+  return request({
+    url: '/quest/param',
+    method: 'put',
+    data: data
+  })
+}
+
+// 删除节点参数
+export function delParam(id) {
+  return request({
+    url: '/quest/param/' + id,
+    method: 'delete'
+  })
+}
diff --git a/src/api/tool/gen.js b/src/api/tool/gen.js
index 9793c2b..7cac115 100644
--- a/src/api/tool/gen.js
+++ b/src/api/tool/gen.js
@@ -18,6 +18,14 @@ export function listDbTable(query) {
   })
 }
 
+// 查询db所有数据库列表
+export function listDbTableAll() {
+  return request({
+    url: '/code/gen/db/listAll',
+    method: 'get'
+  })
+}
+
 // 查询表详细信息
 export function getGenTable(tableId) {
   return request({
@@ -80,9 +88,21 @@ export function synchDb(tableName,dbName) {
 }
 
 // 查询所有数据库名称
-export function selDbNameAll(tableName) {
+export function selDbNameAll() {
   return request({
     url: '/code/gen/selDbNameAll',
     method: 'get'
   })
 }
+
+// 根据数据库名称与表名称查询表字段
+export function selectDbTableColumnsByName(dbName,table) {
+  return request({
+    url: '/code/gen/selectDbTableColumnsByName',
+    method: 'get',
+    params: {
+      dbName: dbName,
+      table: table
+    }
+  })
+}
diff --git a/src/layout/components/Navbar.vue b/src/layout/components/Navbar.vue
index 93aea23..7307fbc 100644
--- a/src/layout/components/Navbar.vue
+++ b/src/layout/components/Navbar.vue
@@ -104,6 +104,7 @@
           </el-descriptions>
         </div>
         <el-dialog
+          :modal="false"
           title="提示"
           :visible.sync="findNoticeFilg"
           width="50%">
diff --git a/src/views/quest/node/Home.vue b/src/views/quest/node/Home.vue
index 333c620..977ed27 100644
--- a/src/views/quest/node/Home.vue
+++ b/src/views/quest/node/Home.vue
@@ -74,7 +74,7 @@ export default {
     };
   },
   mounted() {
-    this.getList();
+    this.getList(); //参数查询方法
     this.jsPlumb = jsPlumb.getInstance();
     this.fixNodesPosition()
     this.$nextTick(() => {
@@ -208,12 +208,12 @@ export default {
       .auxiliary-line-x {
         position: absolute;
         border: .5px dashed #2ab1e8;
-        z-index: 9999;
+        z-index: 1008;
       }
       .auxiliary-line-y {
         position: absolute;
         border: .5px dashed #2ab1e8;
-        z-index: 9999;
+        z-index: 1008;
       }
     }
   }
@@ -222,7 +222,7 @@ export default {
 
 <style lang="less">
 .jtk-connector.active{
-  z-index: 9999;
+  z-index: 1008;
   path {
     stroke: #150042;
     stroke-width: 1.5;
diff --git a/src/views/quest/node/components/node-item.vue b/src/views/quest/node/components/node-item.vue
index 75de7e8..470faca 100644
--- a/src/views/quest/node/components/node-item.vue
+++ b/src/views/quest/node/components/node-item.vue
@@ -1,41 +1,103 @@
 <template>
   <div class="node-item" ref="node"
-    :class="[(isActive || isSelected) ? 'active' : '']"
-    :style="flowNodeContainer"
-    v-click-outside="setNotActive"
-    @click="setActive"
-    @mouseenter="showAnchor"
-    @mouseleave="hideAnchor"
-    @dblclick.prevent="editNode"
-    @contextmenu.prevent="onContextmenu">
+       :class="[(isActive || isSelected) ? 'active' : '']"
+       :style="flowNodeContainer"
+       v-click-outside="setNotActive"
+       @click="setActive"
+       @mouseenter="showAnchor"
+       @mouseleave="hideAnchor"
+       @dblclick.prevent="findDisposition()"
+       @contextmenu.prevent="onContextmenu">
     <div class="log-wrap">
       <img :src="node.logImg" alt="">
     </div>
     <div class="nodeName">{{node.nodeName}}</div>
-      <!--连线用--//触发连线的区域-->
-      <div class="node-anchor anchor-top" v-show="mouseEnter"></div>
-      <div class="node-anchor anchor-right" v-show="mouseEnter"></div>
-      <div class="node-anchor anchor-bottom" v-show="mouseEnter"></div>
-      <div class="node-anchor anchor-left" v-show="mouseEnter"></div>
-<!--    <el-dialog :visible.sync="updNameFlag" width="30%">-->
-<!--      <el-form v-model="node">-->
-<!--        <el-form-item label="节点名称">-->
-<!--          <el-input v-model="newNodeName" placeholder="请输入内容" />-->
-<!--        </el-form-item>-->
-<!--        <el-form-item>-->
-<!--          <el-button type="primary" @click="doUpdName">确 定</el-button>-->
-<!--        </el-form-item>-->
-<!--      </el-form>-->
-<!--    </el-dialog>-->
+    <!--连线用--//触发连线的区域-->
+    <div class="node-anchor anchor-top" v-show="mouseEnter"></div>
+    <div class="node-anchor anchor-right" v-show="mouseEnter"></div>
+    <div class="node-anchor anchor-bottom" v-show="mouseEnter"></div>
+    <div class="node-anchor anchor-left" v-show="mouseEnter"></div>
+    <!-- 节点配置-->
+    <div align="center">
+      <el-dialog :modal="false" title="配置" :visible.sync="disposition.findFlag" width="50%">
+        <span>数据库:&nbsp;&nbsp;{{ disposition.formData.dbName }}</span>
+        <span>数据表:&nbsp;&nbsp;{{ disposition.formData.table }}</span>
+        <span>
+          <el-table ref="table" :data="disposition.formData.fields" height="300px">
+            <el-table-column :show-overflow-tooltip="true" label="字段名称" prop="columnName" />
+            <el-table-column :show-overflow-tooltip="true" label="字段描述" prop="columnComment" />
+            <el-table-column :show-overflow-tooltip="true" label="字段类型" prop="columnType" />
+          </el-table>
+        </span>
+    <el-button @click="disposition.findFlag = false">确认</el-button>
+    <el-button type="primary" @click="editDisposition">修改配置</el-button>
+      </el-dialog>
+      <!-- 自定义表单对话框 -->
+      <el-drawer
+        style="padding-left: 20px; padding-right: 20px;"
+        :modal="false"
+        :visible.sync="disposition.updFlag"
+        direction="rtl"
+        title="节点配置"
+        append-to-body
+        size="60%">
+        <el-form ref="queryForm" :inline="true" :model="queryParams" size="small">
+          <el-form-item label="数据库名称" prop="dbName">
+            <el-select v-model="queryParams.dbName" placeholder="请选择数据库" clearable>
+              <el-option v-for="item in dbNameOptions" :key="item" :label="item" :value="item"/>
+            </el-select>
+          </el-form-item>
+          <el-form-item label="表名称" prop="tableName">
+            <el-input
+              v-model="queryParams.tableName"
+              clearable
+              placeholder="请输入表名称" />
+          </el-form-item>
+          <el-form-item label="表描述" prop="tableComment">
+            <el-input
+              v-model="queryParams.tableComment"
+              clearable
+              placeholder="请输入表描述" />
+          </el-form-item>
+          <el-form-item>
+            <el-button icon="el-icon-search" size="mini" type="primary" @click="handleQuery">查找</el-button>
+            <el-button icon="el-icon-refresh" size="mini" @click="resetQuery">重置</el-button>
+          </el-form-item>
+        </el-form>
+        <el-table ref="table" :data="tableOptions" height="300px">
+          <el-table-column :show-overflow-tooltip="true" label="表名称" prop="tableName" />
+          <el-table-column :show-overflow-tooltip="true" label="表描述" prop="tableComment" />
+          <el-table-column label="操作">
+            <template slot-scope="scope">
+              <el-button type="text" @click="selectTable(scope.row)">选择</el-button>
+            </template>
+          </el-table-column>
+        </el-table>
+        <el-divider />
+        <el-table ref="table" v-show="fieldsOptions" :data="fieldsOptions" height="300px"
+                  @row-click="clickRow" @selection-change="handleSelectionChange">
+          <el-table-column type="selection" width="55" />
+          <el-table-column :show-overflow-tooltip="true" label="字段名称" prop="columnName" />
+          <el-table-column :show-overflow-tooltip="true" label="字段描述" prop="columnComment" />
+          <el-table-column :show-overflow-tooltip="true" label="字段类型" prop="columnType" />
+        </el-table>
+        <el-divider />
+        <div align="center">
+          <el-button type="primary" @click="saveDisposition">确 定</el-button>
+          <el-button @click="disposition.updFlag = false">取 消</el-button>
+        </div>
+      </el-drawer>
+    </div>
   </div>
 </template>
 
 <script>
 import ClickOutside from 'vue-click-outside'
+import {listDbTableAll, selDbNameAll, selectDbTableColumnsByName} from "../../../../api/tool/gen";
 export default {
   name: "nodeItem",
   props: {
-      node: Object
+    node: Object
   },
   directives: {
     ClickOutside
@@ -53,11 +115,35 @@ export default {
   },
   data() {
     return {
-      // updNameFlag: false,
-      // newNodeName: '',
       mouseEnter: false,
       isActive: false,
-      isSelected: false
+      isSelected: false,
+      disposition: {
+        findFlag: false,
+        updFlag: false,
+        formData: {
+          nodeId: undefined,
+          dbName: undefined,
+          table: {},
+          fields: []
+        }
+      },
+      total: 0,
+      queryParams: {
+        pageNum: 1,
+        pageSize: 10,
+        dbName: undefined,
+        tableName: undefined,
+        tableComment: undefined
+      },
+      // 数据库列表
+      dbNameOptions: [],
+      // 展示数据表列表
+      tableOptions: [],
+      // 所有数据库列表
+      tableList: [],
+      // 字段列表
+      fieldsOptions: []
     };
   },
   methods: {
@@ -69,27 +155,30 @@ export default {
     },
     onContextmenu() {
       this.$contextmenu({
-        items: [{
-          label: '修改名称',
-          disabled: false,
-          icon: "",
-          onClick: () => {
-            // this.toUpdName();
-            this.newNodeName = prompt("请输入新名称：");
-            if (this.newNodeName !== null) {
-              this.$emit('setNodeName', this.node.id, this.newNodeName)
-            } else {
-              alert("操作取消!");
+        items: [
+          {
+            label: '修改名称',
+            disabled: false,
+            icon: "",
+            onClick: () => {
+              this.toUpdName();
+            }
+          },{
+            label: '修改配置',
+            disabled: false,
+            icon: "",
+            onClick: () => {
+              this.disposition.updFlag = true;
+            }
+          },{
+            label: '删除节点',
+            disabled: false,
+            icon: "",
+            onClick: () => {
+              this.deleteNode()
             }
           }
-        },{
-          label: '删除节点',
-          disabled: false,
-          icon: "",
-          onClick: () => {
-            this.deleteNode()
-          }
-        }],
+        ],
         event,
         customClass: 'custom-class',
         zIndex: 9999,
@@ -117,24 +206,43 @@ export default {
       this.$emit("changeLineState", this.node.id, false)
       this.isActive = false
     },
-    editNode() {
-      this.newNodeName = prompt("请输入新名称：");
-      if (this.newNodeName !== null) {
-        this.$emit('setNodeName', this.node.id, this.newNodeName)
-      } else {
-        alert("操作取消!");
-      }
+    // 修改名称
+    toUpdName() {
+      this.$prompt('请输入新名称', '更改名称', {
+        confirmButtonText: '确定',
+        cancelButtonText: '取消'
+      }).then(({ value }) => {
+        this.$emit('setNodeName', this.node.id, value)
+        this.$message({
+          type: 'success',
+          message: '修改成功'
+        });
+      }).catch(() => {
+        this.$message({
+          type: 'info',
+          message: '操作取消'
+        });
+      });
     },
+    // 选择删除节点
     deleteNode() {
-      this.$emit("deleteNode", this.node)
+      this.$confirm('确认删除该节点吗?', '删除提示', {
+        confirmButtonText: '确定',
+        cancelButtonText: '取消',
+        type: 'warning'
+      }).then(() => {
+        this.$emit("deleteNode", this.node)
+        this.$message({
+          type: 'success',
+          message: '删除成功'
+        });
+      }).catch(() => {
+        this.$message({
+          type: 'info',
+          message: '操作取消'
+        });
+      });
     },
-    // toUpdName() {
-    //   this.updNameFlag = true
-    // },
-    // doUpdName() {
-    //   this.$emit('setNodeName', this.node.id, this.newNodeName)
-    //   this.updNameFlag = false
-    // },
     /** jsPlumb节点类型 --> 数据库节点类型 */
     toMysqlNode(node,preLine,nextLine){
       return {
@@ -180,7 +288,116 @@ export default {
         node: node,
         line: line
       }
-    }
+    },
+    // 双击触发-查看配置
+    findDisposition() {
+      // 查询节点配置信息
+      this.disposition.formData.nodeId = this.node.id
+      this.disposition.findFlag = true
+    },
+    // 编辑配置
+    editDisposition() {
+      this.selDbNameList()
+      this.getListAll()
+      this.disposition.updFlag = true
+    },
+    // 查询所有数据库名称
+    selDbNameList() {
+      selDbNameAll().then(res => {
+        this.dbNameOptions = res.data
+      })
+    },
+    // 查询表字段
+    getFields(dbName, tableName) {
+      selectDbTableColumnsByName(dbName, tableName).then(res => {
+        this.fieldsOptions = res.data
+      })
+    },
+    // 保存配置按钮
+    saveDisposition() {
+      console.log(this.disposition.formData)
+      const dispositionData = this.disposition.formData
+      const addData = []
+      /**
+       * {
+       *   node_info_code: '',
+       *   node_type: '',
+       *   node_value: ''
+       * }
+       */
+      // 处理数据库信息
+      addData.push({
+        nodeInfoCode: dispositionData.nodeId,
+        nodeType: 'dbName',
+        nodeValue: dispositionData.dbName
+      })
+      // 处理数据表信息
+      addData.push({
+        nodeInfoCode: dispositionData.nodeId,
+        nodeType: 'table',
+        nodeValue: dispositionData.table
+      })
+      // 处理数据字段信息
+      addData.push({
+        nodeInfoCode: dispositionData.nodeId,
+        nodeType: 'fields',
+        nodeValue: dispositionData.fields.toString()
+      })
+      console.log(addData)
+      this.disposition.updFlag = false
+      this.disposition.findFlag = false
+    },
+    // 重置配置信息
+    resetDisposition() {
+      this.disposition.formData = {
+        dbName: undefined,
+        table: {},
+        fields: []
+      }
+    },
+    getListAll() {
+      listDbTableAll().then(res => {
+        this.tableList = res.data;
+        this.tableOptions = res.data;
+      });
+    },
+    /** 搜索按钮操作 */
+    handleQuery() {
+      this.tableOptions = []
+      this.tableList.forEach(table => {
+        const params = this.queryParams
+        if ((table.dbName === params.dbName || !params.dbName) &&
+          (table.tableName.includes(params.tableName) || !params.tableName) &&
+          (table.tableComment.includes(params.tableComment) || !params.tableComment)){
+          this.tableOptions.push(table)
+        }
+      })
+    },
+    /** 重置按钮操作 */
+    resetQuery() {
+      this.resetForm("queryForm");
+      this.resetDisposition()
+      this.handleQuery();
+    },
+    /** 选择表信息*/
+    selectTable(row) {
+      this.disposition.formData.table = row.tableName
+      this.disposition.formData.dbName = row.dbName
+      this.getFields(row.dbName, row.tableName)
+    },
+    clickRow(row) {
+      this.$refs.table.toggleRowSelection(row);
+    },
+    // 多选框选中数据
+    handleSelectionChange(selection) {
+      this.disposition.formData.fields = selection.map(item => {
+        return {
+          fieldName: item.columnName,
+          fieldType: item.columnType,
+          fieldComment: item.columnComment
+        };
+      });
+    },
   }
 };
 </script>
@@ -189,6 +406,10 @@ export default {
 @labelColor: #409eff;
 @nodeSize: 20px;
 @viewSize: 10px;
+.v-modal {
+  width: 50%;
+  display: none !important;
+}
 .node-item {
   position: absolute;
   display: flex;
@@ -200,9 +421,9 @@ export default {
   border-radius: 4px;
   cursor: move;
   box-sizing: content-box;
-  z-index: 9995;
+  z-index: 1006;
   &:hover {
-    z-index: 9998;
+    z-index: 1007;
     .delete-btn{
       display: block;
     }
@@ -228,7 +449,7 @@ export default {
     justify-content: center;
     border-radius: 10px;
     cursor: crosshair;
-    z-index: 9999;
+    z-index: 1008;
     background: -webkit-radial-gradient(sandybrown 10%, white 30%, #9a54ff 60%);
   }
   .anchor-top{
diff --git a/src/views/quest/node/config/init.js b/src/views/quest/node/config/init.js
index a6acd91..2ca9c27 100644
--- a/src/views/quest/node/config/init.js
+++ b/src/views/quest/node/config/init.js
@@ -1,40 +1,63 @@
-const nodeTypeList = [{
-  type: 'start',
-  typeName: '开始',
-  nodeName: '开始',
-  logImg: require('@/assets/svg/1开始.svg'),
-  log_bg_color: 'rgba(0, 128, 0, 0.2)'
-},{
-  type: 'end',
-  typeName: '结束',
-  nodeName: '结束',
-  logImg: require('@/assets/svg/2结束.svg'),
-  log_bg_color: 'rgba(255, 0, 0, 0.2)'
-},{
-  type: 'dataSet',
-  typeName: '文件',
-  nodeName: '文件',
-  logImg: require('@/assets/svg/5文件数据.svg'),
-  log_bg_color: 'rgba(0, 128, 0, 0.2)'
-},{
-  type: 'encode',
-  typeName: '加密',
-  nodeName: '加密',
-  logImg: require('@/assets/svg/6数据校验.svg'),
-  log_bg_color: 'rgba(163, 117, 233, 0.2)'
-},{
-  type: 'personService',
-  typeName: '个人服务',
-  nodeName: '个人服务',
-  logImg: require('@/assets/svg/8个人服务.svg'),
-  log_bg_color: 'rgba(132, 166, 251, 0.2)'
-},{
-  type: 'arrange',
-  typeName: '清洗',
-  nodeName: '清洗',
-  logImg: require('@/assets/svg/15清洗.svg'),
-  log_bg_color: 'rgba(250, 205, 81, 0.2)'
-}]
+const nodeTypeList = [
+  {
+    type: 'start',
+    typeName: '开始',
+    nodeName: '开始',
+    logImg: require('@/assets/svg/1开始.svg'),
+    log_bg_color: 'rgba(0, 128, 0, 0.2)'
+  },{
+    type: 'end',
+    typeName: '结束',
+    nodeName: '结束',
+    logImg: require('@/assets/svg/2结束.svg'),
+    log_bg_color: 'rgba(255, 0, 0, 0.2)'
+  },{
+    type: 'dataSet',
+    typeName: '文件',
+    nodeName: '文件',
+    logImg: require('@/assets/svg/5文件数据.svg'),
+    log_bg_color: 'rgba(0, 128, 0, 0.2)'
+  },{
+    type: 'encode',
+    typeName: '加密',
+    nodeName: '加密',
+    logImg: require('@/assets/svg/6数据校验.svg'),
+    log_bg_color: 'rgba(163, 117, 233, 0.2)'
+  },{
+    type: 'personService',
+    typeName: '个人服务',
+    nodeName: '个人服务',
+    logImg: require('@/assets/svg/8个人服务.svg'),
+    log_bg_color: 'rgba(132, 166, 251, 0.2)'
+  },{
+    type: 'arrange',
+    typeName: '清洗',
+    nodeName: '清洗',
+    logImg: require('@/assets/svg/15清洗.svg'),
+    log_bg_color: 'rgba(250, 205, 81, 0.2)'
+  },
+  {
+    type: 'table',
+    typeName: '表结构',
+    nodeName: '表结构',
+    logImg: require('@/assets/svg/5文件数据.svg'),
+    log_bg_color: 'rgba(0, 128, 0, 0.2)'
+  },
+  {
+    type: 'unite',
+    typeName: '联合查询',
+    nodeName: '联合查询',
+    logImg: require('@/assets/svg/侧边栏测试任务.svg'),
+    log_bg_color: 'rgba(0, 128, 0, 0.2)'
+  },
+  {
+    type: 'exportation',
+    typeName: '数据输出',
+    nodeName: '数据输出',
+    logImg: require('@/assets/svg/19导出.svg'),
+    log_bg_color: 'rgba(0, 128, 0, 0.2)'
+  }
+]
 
 console.log(nodeTypeList)
 
diff --git a/src/views/quest/node/config/methods.js b/src/views/quest/node/config/methods.js
index 45ebef2..5e7e705 100644
--- a/src/views/quest/node/config/methods.js
+++ b/src/views/quest/node/config/methods.js
@@ -146,19 +146,22 @@ const methods = {
   },
   // 确认删除连线
   confirmDelLine(line) {
-    if (confirm("确认删除该连线？")) {
-      this.jsPlumb.deleteConnection(line)
-    } else {
-      // 用户点击了取消
-      alert("操作已取消！");
-    }
-    // this.$Modal.confirm({
-    //   title: '删除连线',
-    //   content: "<p>确认删除该连线？</p>",
-    //   onOk: () => {
-    //     this.jsPlumb.deleteConnection(line)
-    //   }
-    // })
+      this.$confirm('确认删除该连线吗?', '删除提示', {
+        confirmButtonText: '确定',
+        cancelButtonText: '取消',
+        type: 'warning'
+      }).then(() => {
+        this.jsPlumb.deleteConnection(line)
+        this.$message({
+          type: 'success',
+          message: '删除成功'
+        });
+      }).catch(() => {
+        this.$message({
+          type: 'info',
+          message: '操作取消'
+        });
+      });
   },
   // 删除连线
   deleLine(line) {
diff --git a/src/views/quest/task/index.vue b/src/views/quest/task/index.vue
index 777b1cb..d45a840 100644
--- a/src/views/quest/task/index.vue
+++ b/src/views/quest/task/index.vue
@@ -89,24 +89,24 @@
           <el-button
             size="mini"
             type="text"
-            icon="el-icon-edit"
+            icon="el-icon-setting"
             @click="toUpdateTaskNode(scope.row.taskCode)"
             v-hasPermi="['quest:quest:edit']"
-          >管理任务</el-button>
+          >管理</el-button>
           <el-button
             size="mini"
             type="text"
             icon="el-icon-edit"
             @click="handleUpdate(scope.row)"
             v-hasPermi="['quest:quest:edit']"
-          >修改任务</el-button>
+          >修改</el-button>
           <el-button
             size="mini"
             type="text"
             icon="el-icon-delete"
             @click="handleDelete(scope.row)"
             v-hasPermi="['quest:quest:remove']"
-          >删除任务</el-button>
+          >删除</el-button>
         </template>
       </el-table-column>
     </el-table>
@@ -135,14 +135,8 @@
           <editor v-model="form.taskData" :min-height="192"/>
         </el-form-item>
         <el-form-item label="启用状态" prop="state">
-          <el-select v-model="form.state" placeholder="请选择启用状态">
-            <el-option
-              v-for="dict in dict.type.sys_enable_status"
-              :key="dict.value"
-              :label="dict.label"
-              :value="dict.value"
-            ></el-option>
-          </el-select>
+          <el-radio v-model="form.state" label="Y">启用</el-radio>
+          <el-radio v-model="form.state" label="N">禁用</el-radio>
         </el-form-item>
       </el-form>
       <div slot="footer" class="dialog-footer">
@@ -309,6 +303,13 @@ export default {
     // 跳转节点管理页面
     toUpdateTaskNode(taskCode){
       this.$router.push({path: '/quest/node', query: {taskCode: taskCode}})
+    },
+    updState(row){
+      updateQuest(row).then(response => {
+        this.$modal.msgSuccess("修改成功");
+        this.open = false;
+        this.getList();
+      });
     }
   }
 };