From 4f26dec9a4105609703af774aacd712fc6eee9a3 Mon Sep 17 00:00:00 2001
From: hyt <958868763@qq.com>
Date: Wed, 8 May 2024 08:56:31 +0800
Subject: [PATCH] =?UTF-8?q?=E9=9B=86=E6=88=90=E4=BB=BB=E5=8A=A1=E9=83=A8?=
 =?UTF-8?q?=E7=BD=B2=E5=BC=80=E5=8F=91=E5=AE=8C=E6=88=90(curd)?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../compoments/baseMenuTree.vue               |   1 -
 src/views/intergrationTask/index.vue          | 567 ++++++-----
 src/views/intergrationTask/taskAdd.vue        | 938 +++++++++---------
 3 files changed, 770 insertions(+), 736 deletions(-)

diff --git a/src/views/intergrationTask/compoments/baseMenuTree.vue b/src/views/intergrationTask/compoments/baseMenuTree.vue
index db5ea1e..ac07645 100644
--- a/src/views/intergrationTask/compoments/baseMenuTree.vue
+++ b/src/views/intergrationTask/compoments/baseMenuTree.vue
@@ -375,7 +375,6 @@ export default {
     },
     // 点击事件
     handleNodeClick(data,b,c) {
-      console.log(data,b,c)
       this.$emit("handleNodeClick", data);
     },
   },
diff --git a/src/views/intergrationTask/index.vue b/src/views/intergrationTask/index.vue
index 6ad7001..effb820 100644
--- a/src/views/intergrationTask/index.vue
+++ b/src/views/intergrationTask/index.vue
@@ -2,32 +2,32 @@
   <div class="wraaap">
     <div class="left">
       <BaseMenuTree
-        :menuData="treeData"
-        :filterShow="true"
-        :Allshow="false"
-        :treeButton="true"
-        :filterButtonShow="true"
-        style="height: 100%"
-        :treeProps="treeProps"
-        @handleNodeClick="homeHandleNodeClick"
-        ref="menuTree"
-        @add="treeAddHandle"
-        @append="treeAppendHandle"
-        @revise="treeReviseHandle"
-        @remove="treeRemoveHandle"
+          :menuData="treeData"
+          :filterShow="true"
+          :Allshow="false"
+          :treeButton="false"
+          :filterButtonShow="false"
+          style="height: 100%"
+          :treeProps="treeProps"
+          @handleNodeClick="homeHandleNodeClick"
+          ref="menuTree"
+          @add="treeAddHandle"
+          @append="treeAppendHandle"
+          @revise="treeReviseHandle"
+          @remove="treeRemoveHandle"
       ></BaseMenuTree>
     </div>
     <div class="right">
       <header style="background: #fff; padding: 20px">
         <div class="search">
           <BaseNewForm
-            :spanNumber="8"
-            refName="searchForm"
-            :formRow="SearchformRow"
-            :formRule="false"
-            :ruleForm="searchForm"
-            :newFlag="true"
-            :isFunBtn="false"
+              :spanNumber="8"
+              refName="searchForm"
+              :formRow="SearchformRow"
+              :formRule="false"
+              :ruleForm="searchForm"
+              :newFlag="true"
+              :isFunBtn="false"
           ></BaseNewForm>
         </div>
         <div class="btn">
@@ -41,39 +41,46 @@
         </div>
         <div>
           <BaseTable
-            ref="mainTable"
-            :tableData="tableData"
-            :tableColumn="tableColumn"
-            :funData="funData"
-            :funWidth="funWidth"
-            :showIndex="true"
-            :tabLoading="mainTabLoading"
-            @onFunc="tableButtonHandle"
-            :tableHeight="'60vh'"
-            :border="false"
-          ></BaseTable>
+              ref="mainTable"
+              :tableData="tableData"
+              :tableColumn="tableColumn"
+              :funData="funData"
+              :funWidth="funWidth"
+              :showIndex="true"
+              :tabLoading="mainTabLoading"
+              @onFunc="tableButtonHandle"
+              :tableHeight="'53vh'"
+              :border="false"
+          >
+            <template #taskStatus="{row}">
+              {{ row.taskStatus == 1 ? '启用' : '停用' }}
+            </template>
+            <template #taskPlugin="{row}">
+              {{ pluginDist[row.taskPlugin] }}
+            </template>
+          </BaseTable>
         </div>
       </main>
       <footer>
         <basePage
-          :pageModel="pageModel"
-          @update:pageModel="currentChangeHandle"
+            :pageModel="pageModel"
+            @update:pageModel="currentChangeHandle"
         ></basePage>
       </footer>
     </div>
     <baseRightDialog
-      @handleConfirmClick="handleConfirmClick"
-      :dialogVisible="rightDialogSwitch"
-      :title="treeTitle"
-      @handleClose="rightDialogSwitch = false"
+        @handleConfirmClick="handleConfirmClick"
+        :dialogVisible="rightDialogSwitch"
+        :title="treeTitle"
+        @handleClose="rightDialogSwitch = false"
     >
       <div class="treeChunk" v-if="treeRuleForm.class_superiors_name">
         <div class="text">上级节点：</div>
         <div class="input">
           <el-input
-            :disabled="true"
-            v-model="treeRuleForm.class_superiors_name"
-            placeholder=""
+              :disabled="true"
+              v-model="treeRuleForm.class_superiors_name"
+              placeholder=""
           ></el-input>
         </div>
       </div>
@@ -81,8 +88,8 @@
         <div class="text">节点名：</div>
         <div class="input">
           <el-input
-            v-model="treeRuleForm.class_name"
-            placeholder="请输入节点名"
+              v-model="treeRuleForm.class_name"
+              placeholder="请输入节点名"
           ></el-input>
         </div>
       </div>
@@ -91,12 +98,14 @@
 </template>
 
 <script>
-import basePage from "./compoments/basePage.vue";
-import BaseMenuTree from "./compoments/baseMenuTree";
-import BaseNewForm from "./compoments/baseNewForm";
-import BaseTable from "./compoments/baseTable";
-import { getUserModuleApi } from "@/api/integrationOption/integrationOption.js";
-import baseRightDialog from "@/components/base/baseRightDialog";
+import basePage from './compoments/basePage.vue'
+import BaseMenuTree from './compoments/baseMenuTree'
+import BaseNewForm from './compoments/baseNewForm'
+import BaseTable from './compoments/baseTable'
+import { getUserModuleApi } from '@/api/integrationOption/integrationOption.js'
+import baseRightDialog from '@/components/base/baseRightDialog'
+import { authApi } from '@/api/apis/auth'
+
 export default {
   data() {
     return {
@@ -107,326 +116,375 @@ export default {
         //页码控制
         pageIndex: 1,
         total: 10,
-        limit: 10,
+        limit: 10
       },
       mainTabLoading: false, //表格loding控制
       treeData: [
         //左侧分类数据
         {
-          label: "测试",
+          label: '测试',
           id: 1,
           children: [
             {
               id: 3,
-              label: "哈哈",
-            },
-          ],
-        },
+              label: '哈哈'
+            }
+          ]
+        }
       ],
-      treeForm: { class_name: "", class_superiors: "", class_code: "" },
+      treeForm: { class_name: '', class_superiors: '', class_code: '' },
       searchForm: {}, //搜索框数据
       SearchformRow: [
         //搜索框数据
         {
           elCol: [
             {
-              type: "input",
-              title: "任务编码",
-              id: "task_code",
-              row: 8,
+              type: 'input',
+              title: '任务编码',
+              id: 'taskCode',
+              row: 8
             },
             {
-              type: "input",
-              title: "任务名称",
-              id: "task_name",
-              row: 8,
+              type: 'input',
+              title: '任务名称',
+              id: 'taskName',
+              row: 8
             },
-          ],
-        },
+            {
+              type: 'radio',
+              title: '任务状态',
+              id: 'taskStatus',
+              row: 8,
+              options: [
+                {
+                  label: '启用',
+                  id: '1'
+                },
+                {
+                  label: '停用',
+                  id: '2'
+                }
+              ]
+            }
+          ]
+        }
+        ,
+        {
+          elCol: [
+            {
+              type: 'select',
+              title: '插件',
+              id: 'taskPlugin',
+              row: 8,
+              options: []
+            }
+          ]
+        }
       ],
       funData: [
         //table操作
         {
-          type: "edit",
-          text: "编辑",
-          color: "#5a9cf8",
+          type: 'edit',
+          text: '编辑',
+          color: '#5a9cf8'
         },
         {
-          type: "view",
-          text: "查看",
-          color: "#5a9cf8",
+          type: 'view',
+          text: '查看',
+          color: '#5a9cf8'
         },
         {
-          type: "dele",
-          text: "删除",
-          color: "#e47470",
-        },
+          type: 'dele',
+          text: '删除',
+          color: '#e47470'
+        }
       ],
-      tableData: [{ taskCode: "测试", taskName: "123" }], //table主表数据
+      tableData: [], //table主表数据
       tableColumn: [
         //数据咧数据
         {
-          id: "task_code",
-          title: "任务编码",
+          id: 'taskName',
+          title: '任务名称'
         },
         {
-          id: "task_name",
-          title: "任务名称",
+          id: 'taskCode',
+          title: '任务编码'
         },
         {
-          id: "task_classes",
-          title: "任务分类",
+          id: 'taskStatus',
+          title: '任务状态'
         },
         {
-          id: "task_cron",
-          title: "任务策略",
+          id: 'taskPlugin',
+          title: '插件'
         },
         {
-          id: "fun_info",
-          title: "功能介绍",
-        },
-        {
-          id: "remark",
-          title: "备注",
-        },
+          id: 'taskCron',
+          title: '任务策略'
+        }
       ],
       treeProps: {
-        children: "childClassifications",
-        label: "class_name",
+        children: 'childClassifications',
+        label: 'name'
       },
-      treeTitle: "",
+      treeTitle: '',
       treeRuleForm: {},
       treeAddFlag: false,
-    };
+      appId: '',//左侧树id
+      pluginDist: {}//插件字典用于列表显示
+    }
   },
   methods: {
     // 右dialog提交
     async handleConfirmClick() {
       if (!this.treeRuleForm.class_name) {
         this.$message({
-          type: "error",
-          message: "请输入树名称",
-        });
-        return;
+          type: 'error',
+          message: '请输入树名称'
+        })
+        return
       }
       if (this.treeAddFlag) {
         const res = await getUserModuleApi(
-          {
-            tl: "integrationTaskClassificationService",
-            as: "integrationTaskClassification",
-            dj: "saveTaskClassification",
-          },
-          this.treeRuleForm
-        );
+            {
+              tl: 'integrationTaskClassificationService',
+              as: 'integrationTaskClassification',
+              dj: 'saveTaskClassification'
+            },
+            this.treeRuleForm
+        )
         if (res.status == 200) {
           this.$message({
-            type: "success",
-            message: "保存成功",
-          });
-          this.rightDialogSwitch = false;
-          this.initTreeData();
+            type: 'success',
+            message: '保存成功'
+          })
+          this.rightDialogSwitch = false
+          this.initTreeData()
         }
       } else {
         const res = await getUserModuleApi(
-          {
-            tl: "integrationTaskClassificationService",
-            as: "integrationTaskClassification",
-            dj: "updateTaskClassification",
-          },
-          this.treeRuleForm
-        );
+            {
+              tl: 'integrationTaskClassificationService',
+              as: 'integrationTaskClassification',
+              dj: 'updateTaskClassification'
+            },
+            this.treeRuleForm
+        )
         if (res.status == 200) {
           this.$message({
-            type: "success",
-            message: "保存成功",
-          });
-          this.rightDialogSwitch = false;
-          this.initTreeData();
+            type: 'success',
+            message: '保存成功'
+          })
+          this.rightDialogSwitch = false
+          this.initTreeData()
         }
       }
     },
     // 树初始化
     async initTreeData() {
       const res = await getUserModuleApi(
-        {
-          tl: "integrationTaskClassificationService",
-          as: "integrationTaskClassification",
-          dj: "queryTaskClassification",
-        },
-        {}
-      );
+          {
+            tl: 'sysApplicationService',
+            as: '',
+            dj: 'queryEntity'
+          },
+          {}
+      )
       if (res.status == 200) {
-        this.treeData = res.attribute;
+        console.log(res)
+        this.treeData = res.attribute
+        this.$nextTick(() => {
+          this.$refs.menuTree.clickFirst()
+        })
       }
-      console.log(res, "🌲");
+      console.log(res, '🌲')
     },
     // 树添加
     treeAppendHandle(data) {
-      this.treeRuleForm = {};
-      this.treeTitle = "子节点增加";
-      this.treeAddFlag = true;
-      this.$set(this.treeRuleForm, "class_superiors_name", data.class_name);
-      this.$set(this.treeRuleForm, "class_superiors", data.id);
-      this.$set(this.treeRuleForm, "class_code", data.class_code);
-      this.$set(this.treeRuleForm, "lvl", String(data.lvl * 1 + 1));
-      this.rightDialogSwitch = true;
+      this.treeRuleForm = {}
+      this.treeTitle = '子节点增加'
+      this.treeAddFlag = true
+      this.$set(this.treeRuleForm, 'class_superiors_name', data.class_name)
+      this.$set(this.treeRuleForm, 'class_superiors', data.id)
+      this.$set(this.treeRuleForm, 'class_code', data.class_code)
+      this.$set(this.treeRuleForm, 'lvl', String(data.lvl * 1 + 1))
+      this.rightDialogSwitch = true
     },
     treeReviseHandle(data) {
-      this.treeRuleForm = {};
-      this.treeAddFlag = false;
-      this.rightDialogSwitch = true;
-      this.$set(this.treeRuleForm, "id", data.id);
-      this.$set(this.treeRuleForm, "class_code", data.class_code);
-      this.$set(this.treeRuleForm, "class_name", data.class_name);
-      this.$set(this.treeRuleForm, "lvl", String(data.lvl));
-      this.treeTitle = "子节点编辑";
+      this.treeRuleForm = {}
+      this.treeAddFlag = false
+      this.rightDialogSwitch = true
+      this.$set(this.treeRuleForm, 'id', data.id)
+      this.$set(this.treeRuleForm, 'class_code', data.class_code)
+      this.$set(this.treeRuleForm, 'class_name', data.class_name)
+      this.$set(this.treeRuleForm, 'lvl', String(data.lvl))
+      this.treeTitle = '子节点编辑'
     },
     treeRemoveHandle(data) {
-      this.$confirm("确认删除？")
-        .then(async () => {
-          console.log(1);
-          const res = await getUserModuleApi(
-            {
-              tl: "integrationTaskClassificationService",
-              as: "integrationTaskClassification",
-              dj: "updateTaskClassificationSts",
-            },
-            {
-              id: data.id, //任务id
+      this.$confirm('确认删除？')
+          .then(async() => {
+            console.log(1)
+            const res = await getUserModuleApi(
+                {
+                  tl: 'integrationTaskClassificationService',
+                  as: 'integrationTaskClassification',
+                  dj: 'updateTaskClassificationSts'
+                },
+                {
+                  id: data.id //任务id
+                }
+            )
+            console.log(res)
+            if (res.status == 200) {
+              this.$nextTick(() => {
+                this.initTreeData()
+              })
             }
-          );
-          console.log(res);
-          if (res.status == 200) {
-            this.$nextTick(() => {
-              this.initTreeData();
-            });
-          }
-        })
-        .catch(() => {});
+          })
+          .catch(() => {
+          })
     },
     // 左侧树加号点击事件
     treeAddHandle() {
-      this.treeRuleForm = {};
-      this.treeAddFlag = true;
-      this.rightDialogSwitch = true;
-      this.treeTitle = "根节点增加";
-      this.$set(this.treeRuleForm, "class_code", new Date().getTime());
-      this.$set(this.treeRuleForm, "lvl", "0");
+      this.treeRuleForm = {}
+      this.treeAddFlag = true
+      this.rightDialogSwitch = true
+      this.treeTitle = '根节点增加'
+      this.$set(this.treeRuleForm, 'class_code', new Date().getTime())
+      this.$set(this.treeRuleForm, 'lvl', '0')
     },
     // 初始化表单
     async initTableData(obj = {}) {
       const res = await getUserModuleApi(
-        {
-          tl: "integrationTaskService",
-          as: "integrationTask",
-          dj: "queryListJson",
-        },
-        {
-          pageNum: this.pageModel.pageIndex,
-          pageSize: this.pageModel.limit,
-          query_condition: { ...obj },
-        }
-      );
-      console.log(res);
+          {
+            tl: 'integrationTaskService',
+            as: '',
+            dj: 'queryEntityPage'
+          },
+          {
+            pageNum: this.pageModel.pageIndex,
+            pageSize: this.pageModel.limit,
+            task_app: this.appId,
+            ...obj,
+          }
+      )
+      console.log(res, 'tabledata')
       if (res.status == 200) {
-        this.tableData = res.attribute;
+        this.tableData = res.attribute.list
+        this.pageModel.total = res.attribute.total
       }
     },
     // 搜索按钮
     searchHandle() {
-      this.initTableData({ ...this.searchForm });
+      this.initTableData({ ...this.searchForm })
     },
     // 重置按钮
     resizeSearchHandle() {
-      this.searchForm = {};
+      this.searchForm = {}
     },
     // 新建路由跳转
     newPage() {
-      this.$router.push({ name: "taskAdd" });
+      this.$router.push({ name: 'taskAdd' })
     },
-    // 暂无作用
+    // 树点击事件
     homeHandleNodeClick(data) {
-      this.pageModel.pageIndex = 1;
-      this.pageModel.total = 0;
-      this.pageModel.limit = 10;
-      this.searchForm = {};
-      this.tableData = [];
-      this.lookFlag = false;
-      this.newFlag = false;
+      console.log(data, 'data')
+      this.pageModel.pageIndex = 1
+      this.pageModel.total = 0
+      this.pageModel.limit = 10
+      this.appId = data.id
+      this.searchForm = {}
+      this.tableData = []
+      this.lookFlag = false
+      this.newFlag = false
+      //树点击完毕后调用插件查询接口
+      this.plugSelectInit()
+      //初始化表单
+      this.initTableData()
+    },
+    //查询条件下啦接口
+    async plugSelectInit() {
+      const res = await authApi('sysApplicationPluginService', '', 'queryEntity', '', {
+        appId: this.appId
+      })
+      if (res.status === '200') {
+        this.pluginDist = {}
+        res.attribute.forEach(item => {
+          item.label = item.pluginName
+          this.$set(this.pluginDist, item.id, item.label)
+        })
+        this.SearchformRow[1].elCol[0].options = res.attribute
+        console.log(this.SearchformRow[1].elCol[0], 'this.SearchformRow[1].elCol[0]')
+      }
+      console.log(res, '拿到插件列表')
     },
     // 页面
     currentChangeHandle(pageModel) {
-      this.pageModel = pageModel;
+      this.pageModel = pageModel
       this.$nextTick(() => {
-        this.initTableData({ ...this.searchForm });
-      });
+        this.initTableData({ ...this.searchForm })
+      })
     },
     // 表格按钮
     tableButtonHandle(val, item) {
-      if (item.type === "view") {
+      if (item.type === 'view') {
         this.$router.push({
-          name: "taskAdd",
-          query: { id: val.id, lookFlag: true },
-        });
-      } else if (item.type === "dele") {
-        console.log(111);
-        this.$confirm("确认删除？")
-          .then(async () => {
-            const res = await getUserModuleApi(
-              {
-                tl: "integrationTaskService",
-                as: "integrationTask",
-                dj: "updateIntegrationTaskSts",
-              },
-              {
-                id: val.id, //任务id
+          name: 'taskAdd',
+          query: { id: val.id, lookFlag: true }
+        })
+      } else if (item.type === 'dele') {
+        console.log(111)
+        this.$confirm('确认删除？')
+            .then(async() => {
+              const res = await getUserModuleApi(
+                  {
+                    tl: 'integrationTaskService',
+                    as: 'integrationTask',
+                    dj: 'updateIntegrationTaskSts'
+                  },
+                  {
+                    id: val.id //任务id
+                  }
+              )
+              if (res.status == 200) {
+                if (
+                    this.pageModel.total - 1 + this.pageModel.limit <=
+                    this.pageModel.pageIndex * this.pageModel.limit
+                ) {
+                  this.pageModel.pageIndex--
+                }
+                this.$nextTick(() => {
+                  this.initTableData({ ...this.searchForm })
+                })
               }
-            );
-            if (res.status == 200) {
-              if (
-                this.pageModel.total - 1 + this.pageModel.limit <=
-                this.pageModel.pageIndex * this.pageModel.limit
-              ) {
-                this.pageModel.pageIndex--;
-              }
-              this.$nextTick(() => {
-                this.initTableData({ ...this.searchForm });
-              });
-            }
-          })
-          .catch((err) => {
-            console.log(err);
-          });
-      } else if (item.type === "edit") {
-        this.$router.push({ name: "taskAdd", query: { id: val.id } });
+            })
+            .catch((err) => {
+              console.log(err)
+            })
+      } else if (item.type === 'edit') {
+        this.$router.push({ name: 'taskAdd', query: { id: val.id } })
       }
-    },
+    }
   },
   components: {
     BaseMenuTree,
     BaseNewForm,
     BaseTable,
     basePage,
-    baseRightDialog,
-  },
-  computed: {
-    // 操作框的宽度
-    funWidth() {
-      return this.funData.length * 70;
-    },
+    baseRightDialog
   },
   mounted() {
     // this.$refs.menuTree.clickFirst();
-    this.initTableData();
-    this.initTreeData();
+    // this.initTableData()
+    this.initTreeData()
   },
   computed: {
     // 操作框的宽度
     funWidth() {
-      return this.funData.length * 70;
-    },
-  },
-};
+      return this.funData.length * 70
+    }
+  }
+}
 </script>
 
 <style scoped lang="scss">
@@ -434,38 +492,47 @@ export default {
   padding: 20px;
   display: flex;
   align-items: center;
+
   > .text {
     flex: 1;
   }
+
   > .input {
     flex: 5;
   }
 }
+
 .wraaap {
   display: flex;
+
   .right {
     width: 85%;
     margin-left: 20px;
     border-radius: 20px !important;
   }
+
   .left {
     border-radius: 20px;
     width: 15%;
     background-color: #fff;
   }
+
   .btn {
     display: flex;
     justify-content: flex-end;
   }
+
   main {
     margin-top: 20px;
     border-radius: 20px;
   }
+
   footer {
     margin-top: 15px;
   }
+
   header {
     border-radius: 20px;
   }
 }
-</style>
\ No newline at end of file
+</style>
diff --git a/src/views/intergrationTask/taskAdd.vue b/src/views/intergrationTask/taskAdd.vue
index b536dce..ee891af 100644
--- a/src/views/intergrationTask/taskAdd.vue
+++ b/src/views/intergrationTask/taskAdd.vue
@@ -16,23 +16,23 @@
             :formRule="!lookFlag"
             @onSubmit="onSubmitHandle"
             @onChangeRadio="onChangeRadioHandle"
-            @selectChange="selectChangeHandle"
+            @onSelect="selectChangeHandle"
         ></baseNewForm>
       </div>
     </header>
     <main>
       <div>
-        <div class="title">
-          <h1>执行策略</h1>
-        </div>
-        <baseNewForm
-            :spanNumber="24"
-            :formRow="mainFormRow"
-            :ruleForm="mainRuleForm"
-            :isFunBtn="false"
-            :lookFlag="lookFlag"
-        ></baseNewForm>
-        <template v-if="mainRuleForm.now_execution == 'N'">
+        <!--        <div class="title">-->
+        <!--          <h1>执行策略</h1>-->
+        <!--        </div>-->
+        <!--        <baseNewForm-->
+        <!--            :spanNumber="24"-->
+        <!--            :formRow="mainFormRow"-->
+        <!--            :ruleForm="mainRuleForm"-->
+        <!--            :isFunBtn="false"-->
+        <!--            :lookFlag="lookFlag"-->
+        <!--        ></baseNewForm>-->
+        <template v-if="true">
           <div class="timeEdit">
             <div class="title">
               <h1>编辑发生时间</h1>
@@ -40,7 +40,7 @@
             <div class="timepick">
               <div class="Timebox">
                 crontab完整表达式：{{
-                  ruleForm.task_cron ? ruleForm.task_cron : "无"
+                  ruleForm.taskCron ? ruleForm.taskCron : '无'
                 }}
               </div>
               <el-button round @click="showDialog" :disabled="lookFlag"
@@ -78,714 +78,682 @@
 </template>
 
 <script>
-import FishCrontab from "fish-crontab";
-import BaseLink from "./compoments/baseLink/index.vue";
-import BaseNewForm from "./compoments/baseNewForm";
-import baseTableForm from "./compoments/baseTableForm_v2.vue";
-import {getApiModuleApi} from "@/api/apiChunks/index.js";
+import FishCrontab from 'fish-crontab'
+import BaseLink from './compoments/baseLink/index.vue'
+import BaseNewForm from './compoments/baseNewForm'
+import baseTableForm from './compoments/baseTableForm_v2.vue'
+import { getApiModuleApi } from '@/api/apiChunks/index.js'
+import { authApi } from '@/api/apis/auth'
 
 export default {
   data() {
     return {
       commitLoading: false,
-      timeCron: "",
-      expression: "",
+      timeCron: '',
+      expression: '',
       showCron: false,
       lookFlag: false,
-      activeIndex: "1",
+      activeIndex: '1',
       ruleForm: {
-        plug: "1",
-        task_cron: "",
+        plug: '1',
+        taskCron: ''
       },
       formRow: [
         {
           elCol: [
             {
-              type: "input",
-              title: "任务编码",
-              id: "task_code",
+              type: 'input',
+              title: '任务编码',
+              id: 'taskCode',
+              row: 8,
+              disabled: true
+            },
+            {
+              type: 'input',
+              title: '任务名称',
+              id: 'taskName',
+              row: 8,
+              required: true
+            },
+            {
+              type: 'input',
+              title: '任务策略',
+              id: 'taskCron',
               row: 8,
               disabled: true,
-            },
+              placeholder: '请选择时间策略'
+            }
+          ]
+        },
+        {
+          elCol: [
             {
-              type: "input",
-              title: "任务名称",
-              id: "task_name",
-              row: 8,
-              required: true,
-            },
-            {
-              type: "select",
-              title: "任务分类",
-              id: "task_classes",
+              type: 'select',
+              title: '任务状态',
+              id: 'taskStatus',
               row: 8,
               required: true,
               options: [
-                {
-                  label: "测试",
-                  id: 1,
-                },
-              ],
-            },
-          ],
-        },
-        {
-          elCol: [
-            {
-              type: "input",
-              title: "任务策略",
-              id: "task_cron",
-              row: 8,
-              disabled: true,
-              placeholder: "请选择时间策略",
+                { id: '1', label: '启用' },
+                { id: '2', label: '停用' }
+              ]
             },
             {
-              type: "select",
-              title: "任务状态",
-              id: "task_status",
-              row: 8,
+              refName: 'plugId',
+              type: 'select',
+              disabled: false,
+              title: '应用列表',
+              id: 'taskApp',
               required: true,
-              options: [
-                {id: "1", label: "开启"},
-                {id: "2", label: "关闭"},
-              ],
-            },
-            {
-              type: "newSelect",
-              title: "任务场景",
-              id: "task_tag",
-              row: 8,
-              required: true,
-              options: [],
-              apiInfo: {
-                tl: "apiReflectionService",
-                as: "sys_api_reflectionService",
-                dj: "queryPagedJson",
-              },
-              searchApiInfo: {
-                tl: "apiReflectionService",
-                as: "sys_api_reflectionService",
-                dj: "queryOneById",
-              },
-              searchKey: "id",
-              prop: {
-                id: "id",
-                label: "ref_name",
-              },
-            },
-          ],
-        },
-        {
-          elCol: [
-            {
-              type: "input",
-              title: "任务描述",
-              id: "fun_info",
-              row: 12,
-              required: true,
-            },
-          ],
-        },
-        {
-          elCol: [
-            {
-              type: "textrea",
-              title: "备注",
-              id: "remark",
-              row: 24,
-            },
-          ],
-        },
-        {
-          elCol: [
-            {
-              type: "radio",
-              title: "使用插件",
-              id: "plug",
-              row: 8,
-              disabled: true,
-              options: [
-                {
-                  label: "是",
-                  id: "1",
-                },
-                {
-                  label: "否",
-                  id: "2",
-                },
-              ],
-            },
-            {
-              refName: "plugId",
-              type: "select",
-              disabled: true,
-              title: "插件列表",
-              id: "plug_id",
               row: 8,
               show: true,
               options: [],
               apiBody: {
-                pluginType: "1",
+                pluginType: '1'
               },
-              searchKey: "pluginId",
+              searchKey: 'pluginId',
               prop: {
-                label: "pluginLabel",
-                id: "pluginId",
-              },
+                label: 'pluginLabel',
+                id: 'pluginId'
+              }
             },
-          ],
+            {
+              refName: 'plugId',
+              type: 'select',
+              disabled: false,
+              title: '插件列表',
+              id: 'taskPlugin',
+              required: true,
+              row: 8,
+              show: true,
+              options: [],
+              apiBody: {
+                pluginType: '1'
+              },
+              searchKey: 'pluginId',
+              prop: {
+                label: 'pluginLabel',
+                id: 'pluginId'
+              }
+            }
+
+          ]
         },
+        {
+          elCol: [
+            {
+              type: 'input',
+              title: '任务描述',
+              id: 'funInfo',
+              row: 12,
+              required: true
+            }
+          ]
+        },
+        {
+          elCol: [
+            {
+              type: 'textrea',
+              title: '备注',
+              id: 'remark',
+              row: 24
+            }
+          ]
+        }
       ],
       funData: [
         {
-          type: "addattr",
-          text: "添加属性",
-          color: "blue",
+          type: 'addattr',
+          text: '添加属性',
+          color: 'blue'
         },
         {
-          type: "dele",
-          text: "删除",
-          color: "blue",
-        },
+          type: 'dele',
+          text: '删除',
+          color: 'blue'
+        }
       ],
       mainFormRow: [
         {
           elCol: [
             {
-              type: "radio",
-              title: "",
-              id: "now_execution",
+              type: 'radio',
+              title: '',
+              id: 'now_execution',
               row: 8,
               options: [
-                {label: "立即执行", id: "Y"},
-                {label: "定时", id: "N"},
-              ],
-            },
-          ],
-        },
+                { label: '立即执行', id: 'Y' },
+                { label: '定时', id: 'N' }
+              ]
+            }
+          ]
+        }
       ],
       mainRuleForm: {
-        now_execution: "N",
+        now_execution: 'N'
       },
       tableInfo: [
         {
-          id: "requestHeader",
+          id: 'requestHeader',
           tableData: [
             {
               id: 3,
-              parameterName: "1",
-              children: [{id: 4}],
-            },
+              parameterName: '1',
+              children: [{ id: 4 }]
+            }
           ],
           detailFields: [
             {
-              type: "input",
-              title: "参数名称",
-              id: "parameterName",
-              width: 250,
+              type: 'input',
+              title: '参数名称',
+              id: 'parameterName',
+              width: 250
             },
             {
-              type: "select",
-              title: "参数类型",
-              id: "parameterType",
+              type: 'select',
+              title: '参数类型',
+              id: 'parameterType'
             },
             {
-              type: "select",
-              title: "具体类型",
-              id: "concreteType",
+              type: 'select',
+              title: '具体类型',
+              id: 'concreteType'
             },
             {
-              type: "switch",
-              title: "必选",
-              id: "required",
-              width: 80,
+              type: 'switch',
+              title: '必选',
+              id: 'required',
+              width: 80
             },
             {
-              type: "number",
-              title: "长度",
-              id: "length",
-              width: 100,
+              type: 'number',
+              title: '长度',
+              id: 'length',
+              width: 100
             },
             {
-              type: "input",
-              title: "示例",
-              id: "example",
+              type: 'input',
+              title: '示例',
+              id: 'example'
             },
             {
-              type: "input",
-              title: "描述",
-              id: "description",
+              type: 'input',
+              title: '描述',
+              id: 'description'
             },
             {
-              type: "number",
-              title: "文档顺序",
-              id: "sorts",
-              width: 100,
-            },
-          ],
+              type: 'number',
+              title: '文档顺序',
+              id: 'sorts',
+              width: 100
+            }
+          ]
         },
         {
-          id: "requestHeader",
+          id: 'requestHeader',
           tableData: [
             {
               id: 3,
-              parameterName: "2",
-              children: [{id: 4}],
-            },
+              parameterName: '2',
+              children: [{ id: 4 }]
+            }
           ],
           detailFields: [
             {
-              type: "input",
-              title: "参数名称",
-              id: "parameterName",
-              width: 250,
+              type: 'input',
+              title: '参数名称',
+              id: 'parameterName',
+              width: 250
             },
             {
-              type: "select",
-              title: "参数类型",
-              id: "parameterType",
+              type: 'select',
+              title: '参数类型',
+              id: 'parameterType'
             },
             {
-              type: "select",
-              title: "具体类型",
-              id: "concreteType",
+              type: 'select',
+              title: '具体类型',
+              id: 'concreteType'
             },
             {
-              type: "switch",
-              title: "必选",
-              id: "required",
-              width: 80,
+              type: 'switch',
+              title: '必选',
+              id: 'required',
+              width: 80
             },
             {
-              type: "number",
-              title: "长度",
-              id: "length",
-              width: 100,
+              type: 'number',
+              title: '长度',
+              id: 'length',
+              width: 100
             },
             {
-              type: "input",
-              title: "示例",
-              id: "example",
+              type: 'input',
+              title: '示例',
+              id: 'example'
             },
             {
-              type: "input",
-              title: "描述",
-              id: "description",
+              type: 'input',
+              title: '描述',
+              id: 'description'
             },
             {
-              type: "number",
-              title: "文档顺序",
-              id: "sorts",
-              width: 100,
-            },
-          ],
+              type: 'number',
+              title: '文档顺序',
+              id: 'sorts',
+              width: 100
+            }
+          ]
         },
         {
-          id: "requestHeader",
+          id: 'requestHeader',
           tableData: [
             {
               id: 3,
-              parameterName: "3",
-              children: [{id: 4}],
-            },
+              parameterName: '3',
+              children: [{ id: 4 }]
+            }
           ],
           detailFields: [
             {
-              type: "input",
-              title: "参数名称",
-              id: "parameterName",
-              width: 250,
+              type: 'input',
+              title: '参数名称',
+              id: 'parameterName',
+              width: 250
             },
             {
-              type: "select",
-              title: "参数类型",
-              id: "parameterType",
+              type: 'select',
+              title: '参数类型',
+              id: 'parameterType'
             },
             {
-              type: "select",
-              title: "具体类型",
-              id: "concreteType",
+              type: 'select',
+              title: '具体类型',
+              id: 'concreteType'
             },
             {
-              type: "switch",
-              title: "必选",
-              id: "required",
-              width: 80,
+              type: 'switch',
+              title: '必选',
+              id: 'required',
+              width: 80
             },
             {
-              type: "number",
-              title: "长度",
-              id: "length",
-              width: 100,
+              type: 'number',
+              title: '长度',
+              id: 'length',
+              width: 100
             },
             {
-              type: "input",
-              title: "示例",
-              id: "example",
+              type: 'input',
+              title: '示例',
+              id: 'example'
             },
             {
-              type: "input",
-              title: "描述",
-              id: "description",
+              type: 'input',
+              title: '描述',
+              id: 'description'
             },
             {
-              type: "number",
-              title: "文档顺序",
-              id: "sorts",
-              width: 100,
-            },
-          ],
+              type: 'number',
+              title: '文档顺序',
+              id: 'sorts',
+              width: 100
+            }
+          ]
         },
         {
-          id: "requestHeader",
+          id: 'requestHeader',
           tableData: [
             {
               id: 3,
-              parameterName: "4",
-              children: [{id: 4}],
-            },
+              parameterName: '4',
+              children: [{ id: 4 }]
+            }
           ],
           detailFields: [
             {
-              type: "input",
-              title: "参数名称",
-              id: "parameterName",
-              width: 250,
+              type: 'input',
+              title: '参数名称',
+              id: 'parameterName',
+              width: 250
             },
             {
-              type: "select",
-              title: "参数类型",
-              id: "parameterType",
+              type: 'select',
+              title: '参数类型',
+              id: 'parameterType'
             },
             {
-              type: "select",
-              title: "具体类型",
-              id: "concreteType",
+              type: 'select',
+              title: '具体类型',
+              id: 'concreteType'
             },
             {
-              type: "switch",
-              title: "必选",
-              id: "required",
-              width: 80,
+              type: 'switch',
+              title: '必选',
+              id: 'required',
+              width: 80
             },
             {
-              type: "number",
-              title: "长度",
-              id: "length",
-              width: 100,
+              type: 'number',
+              title: '长度',
+              id: 'length',
+              width: 100
             },
             {
-              type: "input",
-              title: "示例",
-              id: "example",
+              type: 'input',
+              title: '示例',
+              id: 'example'
             },
             {
-              type: "input",
-              title: "描述",
-              id: "description",
+              type: 'input',
+              title: '描述',
+              id: 'description'
             },
             {
-              type: "number",
-              title: "文档顺序",
-              id: "sorts",
-              width: 100,
-            },
-          ],
-        },
+              type: 'number',
+              title: '文档顺序',
+              id: 'sorts',
+              width: 100
+            }
+          ]
+        }
       ],
       parameterTypeOptions: [
         {
-          label: "基本类型",
-          id: "fundamental",
+          label: '基本类型',
+          id: 'fundamental'
         },
         {
-          label: "复杂类型",
-          id: "complex",
+          label: '复杂类型',
+          id: 'complex'
         },
         {
-          label: "基本列表",
-          id: "fundamentallist",
+          label: '基本列表',
+          id: 'fundamentallist'
         },
         {
-          label: "复杂列表",
-          id: "complexlist",
-        },
+          label: '复杂列表',
+          id: 'complexlist'
+        }
       ],
       concreteTypeOptions: {
         fundamental: [
           {
-            label: "String",
-            id: "String",
+            label: 'String',
+            id: 'String'
           },
           {
-            label: "Int",
-            id: "Int",
+            label: 'Int',
+            id: 'Int'
           },
           {
-            label: "Long",
-            id: "Long",
+            label: 'Long',
+            id: 'Long'
           },
           {
-            label: "Float",
-            id: "Float",
+            label: 'Float',
+            id: 'Float'
           },
           {
-            label: "Double",
-            id: "Double",
+            label: 'Double',
+            id: 'Double'
           },
           {
-            label: "Boolean",
-            id: "Boolean",
-          },
+            label: 'Boolean',
+            id: 'Boolean'
+          }
         ],
         complex: [
           {
-            label: "Object",
-            id: "Object",
+            label: 'Object',
+            id: 'Object'
           },
           {
-            label: "Map",
-            id: "Map",
-          },
+            label: 'Map',
+            id: 'Map'
+          }
         ],
         fundamentallist: [
           {
-            label: "String",
-            id: "String",
+            label: 'String',
+            id: 'String'
           },
           {
-            label: "Int",
-            id: "Int",
+            label: 'Int',
+            id: 'Int'
           },
           {
-            label: "Long",
-            id: "Long",
+            label: 'Long',
+            id: 'Long'
           },
           {
-            label: "Float",
-            id: "Float",
+            label: 'Float',
+            id: 'Float'
           },
           {
-            label: "Double",
-            id: "Double",
+            label: 'Double',
+            id: 'Double'
           },
           {
-            label: "Boolean",
-            id: "Boolean",
-          },
+            label: 'Boolean',
+            id: 'Boolean'
+          }
         ],
         complexlist: [
           {
-            label: "Object",
-            id: "ObjectCom",
-          },
+            label: 'Object',
+            id: 'ObjectCom'
+          }
         ],
         authport: [
           {
-            label: "String",
-            id: "String",
+            label: 'String',
+            id: 'String'
           },
           {
-            label: "Int",
-            id: "Int",
+            label: 'Int',
+            id: 'Int'
           },
           {
-            label: "Long",
-            id: "Long",
+            label: 'Long',
+            id: 'Long'
           },
           {
-            label: "Float",
-            id: "Float",
+            label: 'Float',
+            id: 'Float'
           },
           {
-            label: "Double",
-            id: "Double",
+            label: 'Double',
+            id: 'Double'
           },
           {
-            label: "Boolean",
-            id: "Boolean",
-          },
-        ],
+            label: 'Boolean',
+            id: 'Boolean'
+          }
+        ]
       },
       timeForm: {
         timeNum: 1,
         timeunit: 1,
         happenMethod: 1,
-        timeOnceData: "01-00-00",
+        timeOnceData: '01-00-00',
         periodNum: 1,
         periotimeunit: 1,
-        timeperiod: ["01-00-00", "02-00-00"],
+        timeperiod: ['01-00-00', '02-00-00'],
         perpetual: true,
-        takeDate: ["2023-07-06-00-00-00", "2023-08-04-00-00-00"],
+        takeDate: ['2023-07-06-00-00-00', '2023-08-04-00-00-00']
       },
       itemunitOptions: [
         {
           id: 1,
-          label: "天",
+          label: '天'
         },
         {
           id: 2,
-          label: "时",
-        },
-      ],
-    };
+          label: '时'
+        }
+      ]
+    }
   },
   methods: {
-    // 请求找到场景 初始化插件
-    async selectChangeHandle(val, row) {
-      if (val) {
-        if (row.id == "task_tag") {
-          const res = await getApiModuleApi(
-              {
-                tl: "apiReflectionService",
-                as: "sys_api_reflectionService",
-                dj: "queryOneById",
-              },
-              {
-                id: val,
-              }
-          );
-          console.log(res);
-          if (res.status == 200) {
-            this.$set(this.ruleForm, "plug", res.attribute.main.plug);
-            this.formRow[4].elCol[1].show = this.ruleForm.plug == 1;
-            this.$set(this.ruleForm, "plug_id", res.attribute.main.plug_id);
+    // 应用列表下啦改变方法
+    async selectChangeHandle(val, index, indexRow, row) {
+      if (row.title === '应用列表') {
+        this.formRow[1].elCol[2].options = []
+        this.$set(this.ruleForm, 'taskPlugin', '')
+        if (val) {
+          const res = await authApi('sysApplicationPluginService', '', 'queryEntity', '', {
+            appId: val
+          })
+          if (res.status === '200') {
+            res.attribute.forEach((item) => {
+              this.formRow[1].elCol[2].options.push({
+                id: item.id,
+                label: item.pluginName
+              })
+            })
           }
+          console.log(res, '123')
         }
       }
-
-      console.log(val, row);
+      console.log(val, row)
     },
     // 初始化标识select
     async initSelectScene() {
       const res = await getApiModuleApi({
-        tl: "apiReflectionService",
-        as: "sys_api_reflectionService",
-        dj: "queryPagedJson",
-      });
+        tl: 'apiReflectionService',
+        as: 'sys_api_reflectionService',
+        dj: 'queryPagedJson'
+      })
     },
-    // options
+    // 应用列表初始化
     async initSelectPlug() {
       const res = await getApiModuleApi(
           {
-            tl: "pluginService",
-            as: "plugins",
-            dj: "queryPluginsByType",
+            tl: 'sysApplicationService',
+            as: '',
+            dj: 'queryEntity'
           },
-          {
-            pluginType: "1",
-          }
-      );
+          {}
+      )
       if (res.status == 200) {
         res.attribute.forEach((item) => {
-          this.formRow[4].elCol[1].options.push({
-            id: item.pluginId,
-            label: item.pluginLabel,
-          });
-        });
+          this.formRow[1].elCol[1].options.push({
+            id: item.id,
+            label: item.name
+          })
+        })
       }
     },
     // 点击radio
     onChangeRadioHandle(val, index, indexRow, row) {
-      console.log(val, index, indexRow, row);
-      if (row.id == "plug") {
+      console.log(val, index, indexRow, row)
+      if (row.id == 'plug') {
         if (val == 2) {
           if (this.ruleForm.plug_id) {
-            this.ruleForm.plug_id = "";
+            this.ruleForm.plug_id = ''
           }
         }
-        this.formRow[4].elCol[1].show = val == 1;
+        this.formRow[4].elCol[1].show = val == 1
       }
     },
     // 查看任务
     async searchTaskHandle(id) {
       const res = await getApiModuleApi(
           {
-            tl: "integrationTaskService",
-            as: "integrationTask",
-            dj: "queryIntegrationTaskById",
+            tl: 'integrationTaskService',
+            as: '',
+            dj: 'getEntity'
           },
           {
             id: this.$route.query.id
           }
-      );
+      )
       if (res.status == 200) {
-        this.ruleForm = res.attribute.main;
-        this.formRow[4].elCol[1].show = this.ruleForm.plug == 1;
-        this.mainRuleForm.now_execution =
-            res.attribute.details[0]["now_execution"];
+        this.ruleForm = res.attribute
+        const res2 = await authApi('sysApplicationPluginService', '', 'queryEntity', '', {
+          appId: res.attribute.taskApp
+        })
+        if (res2.status === '200') {
+          res2.attribute.forEach((item) => {
+            this.formRow[1].elCol[2].options.push({
+              id: item.id,
+              label: item.pluginName
+            })
+          })
+        }
       }
     },
     // 点击提交
     commitForm() {
-      this.$refs.mainForm.submitForm();
+      this.$refs.mainForm.submitForm()
     },
     // 时间插件
     showDialog() {
-      this.expression = this.ruleForm.task_cron; //传入的 cron 表达式，可以反解析到 UI 上
-      this.showCron = true;
+      this.expression = this.ruleForm.taskCron //传入的 cron 表达式，可以反解析到 UI 上
+      this.showCron = true
       this.$nextTick(() => {
         document
-            .querySelector(".crontab tbody")
-            .setAttribute("style", "vertical-align:none !important;");
-      });
+            .querySelector('.crontab tbody')
+            .setAttribute('style', 'vertical-align:none !important;')
+      })
     },
     // 时间插件回调
     crontabFill(value) {
       //确定后回传的值
-      this.ruleForm.task_cron = value;
+      this.ruleForm.taskCron = value
     },
     handleChange() {
     },
     // 表单验证成功后
     async onSubmitHandle() {
-      this.commitLoading = true;
-      let obj = {...this.ruleForm, ...this.mainRuleForm};
+      this.commitLoading = true
+      let obj = { ...this.ruleForm }
       if (!this.$route.query.id) {
         const res = await getApiModuleApi(
             {
-              tl: "integrationTaskService",
-              as: "integrationTask",
-              dj: "saveIntegrationTask",
+              tl: 'integrationTaskService',
+              as: '',
+              dj: 'saveEntity'
             },
             obj
-        );
-        this.commitLoading = false;
+        )
+        this.commitLoading = false
         if (res.status == 200) {
           this.$message({
-            type: "success",
-            message: "保存成功！",
-          });
-          this.$router.back();
+            type: 'success',
+            message: '保存成功！'
+          })
+          this.$router.back()
           //面包屑删除
-          this.$store.dispatch("tagsView/delView", this.$route);
+          this.$store.dispatch('tagsView/delView', this.$route)
         }
       } else {
-        obj["id"] = this.$route.query.id;
+        obj['id'] = this.$route.query.id
         const res = await getApiModuleApi(
             {
-              tl: "integrationTaskService",
-              as: "integrationTask",
-              dj: "updateIntegrationTask",
+              tl: 'integrationTaskService',
+              as: '',
+              dj: 'updateEntity'
             },
             obj
-        );
-        this.commitLoading = false;
+        )
+        this.commitLoading = false
         if (res.status == 200) {
           this.$message({
-            type: "success",
-            message: "修改成功！",
-          });
-          this.$router.back();
+            type: 'success',
+            message: '修改成功！'
+          })
+          this.$router.back()
         }
       }
     },
     // 添加行
     addTableData(tabledata) {
-      tabledata.push({id: Date.now()});
+      tabledata.push({ id: Date.now() })
     },
     handleSelect(key, keyPath) {
-      this.activeIndex = key;
+      this.activeIndex = key
     },
     tableButtonHandle() {
     },
@@ -793,101 +761,101 @@ export default {
     idWatch(arr, id) {
       arr.some((item, index) => {
         if (item.id === id) {
-          arr.splice(index, 1);
-          return true;
+          arr.splice(index, 1)
+          return true
         } else if (item.children && item.children.length) {
-          this.idWatch(item.children, id);
+          this.idWatch(item.children, id)
         } else {
-          return false;
+          return false
         }
-      });
+      })
     },
     // 父下拉框改变处理（暂无用
     fatherSelectChangeHandle(row) {
       if (row[0].concreteType) {
-        row[0].concreteType = "";
+        row[0].concreteType = ''
         if (row[0] && row[0].children) {
-          this.$delete(row[0], "children");
+          this.$delete(row[0], 'children')
         }
       }
     },
     // 子下拉框改变处理（暂无用
     sonSelectChangeHandle(val, row) {
-      console.log(val, row);
+      console.log(val, row)
       if (
-          val != "Object" &&
-          val != "ObjectCom" &&
-          val != "Map" &&
+          val != 'Object' &&
+          val != 'ObjectCom' &&
+          val != 'Map' &&
           row[0].children
       ) {
-        this.$delete(row[0], "children");
+        this.$delete(row[0], 'children')
       }
     },
     // 表单操作按钮
     tableButtonHandle(row, item, data) {
-      if (item.type === "dele") {
-        this.$confirm("确认删除？")
+      if (item.type === 'dele') {
+        this.$confirm('确认删除？')
             .then(() => {
-              this.idWatch(data, row.id);
+              this.idWatch(data, row.id)
             })
             .catch(() => {
-            });
-      } else if (item.type === "addattr") {
+            })
+      } else if (item.type === 'addattr') {
         console.log(
             row.concreteType,
-            row.concreteType != "Object",
-            row.concreteType != "Map"
-        );
+            row.concreteType != 'Object',
+            row.concreteType != 'Map'
+        )
         if (
             row.concreteType &&
-            row.concreteType != "Object" &&
-            row.concreteType != "Map" &&
-            row.concreteType != "ObjectCom"
+            row.concreteType != 'Object' &&
+            row.concreteType != 'Map' &&
+            row.concreteType != 'ObjectCom'
         ) {
           this.$notify({
-            title: "添加失败",
-            message: "具体类型为Object或Map时才能生成子集!",
-            type: "error",
-          });
-          return;
+            title: '添加失败',
+            message: '具体类型为Object或Map时才能生成子集!',
+            type: 'error'
+          })
+          return
         } else if (!row.children) {
-          this.$set(row, "children", []);
-          row.children.push({id: Date.now()});
+          this.$set(row, 'children', [])
+          row.children.push({ id: Date.now() })
         } else {
-          row.children.push({id: Date.now()});
+          row.children.push({ id: Date.now() })
         }
         this.$notify({
-          title: "添加成功",
-          message: "添加成功！",
-          type: "success",
-        });
+          title: '添加成功',
+          message: '添加成功！',
+          type: 'success'
+        })
       }
-    },
+    }
   },
   computed: {
     funWidth() {
-      return this.funData.length * 70;
-    },
+      return this.funData.length * 70
+    }
   },
   components: {
     BaseNewForm,
     baseTableForm,
     BaseLink,
-    FishCrontab,
+    FishCrontab
   },
   mounted() {
-    this.initSelectPlug();
+    this.initSelectPlug()
     if (this.$route.query.id) {
-      this.searchTaskHandle(this.$route.query.id);
+      this.searchTaskHandle(this.$route.query.id)
     }
     if (this.$route.query.lookFlag) {
-      this.lookFlag = true;
+      this.lookFlag = true
     }
-  },
-};
+  }
+}
 </script>
 
-<style scope lang='scss'>
+<style scope lang="scss">
 ::v-deep .el-table__header-wrapper {
   border-radius: 15px !important;
   background: #f7f7f7 !important;