From 6788fa3f4b30804e3ad929acea034f6d5d7bcd37 Mon Sep 17 00:00:00 2001
From: lvleigang <957075182@qq.com>
Date: Wed, 15 May 2024 11:49:32 +0800
Subject: [PATCH] =?UTF-8?q?=E4=BF=AE=E6=94=B9=E9=9B=86=E6=88=90=E6=97=A5?=
 =?UTF-8?q?=E5=BF=97=E8=AF=B7=E6=B1=82=E5=9C=B0=E5=9D=80?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../intergrationTask/detailData/index.vue     | 470 ++++-----
 .../detailData/rightDialog.vue                | 904 +++++++++---------
 2 files changed, 687 insertions(+), 687 deletions(-)

diff --git a/src/views/intergrationTask/detailData/index.vue b/src/views/intergrationTask/detailData/index.vue
index f7a4abc..78be883 100644
--- a/src/views/intergrationTask/detailData/index.vue
+++ b/src/views/intergrationTask/detailData/index.vue
@@ -1,235 +1,235 @@
-<template>
-  <div>
-    <base-layout
-      ref="baseLayout"
-      :buttonList="buttonList"
-      @onFuncBtn="onFuncBtn"
-      :querySwitch="true"
-      :searchList="requirementList"
-      @search="handleSearchEvent"
-      :isPage="true"
-      @pageChange="handlePageChange"
-    >
-      <div slot="main" slot-scope="{ tableHeight }">
-        <base-table
-          ref="baseTable"
-          :showIndex="true"
-          :funWidth="180"
-          :funData="funData"
-          @onFunc="onFunc"
-          :tabLoading.sync="tabLoading"
-          :tableHeight="tableHeight"
-          :tableData="tableData"
-          :tableColumn="tableColumnData"
-
-        >
-          <template #taskStatus="{row}">
-            {{ taskStatusDist[row.taskStatus] }}
-          </template>
-        </base-table>
-      </div>
-    </base-layout>
-    <right-dialog ref="rightDialog" @resetTable="resetTable"></right-dialog>
-  </div>
-</template>
-
-<script>
-import baseLayout from '@/components/base/baseLayout'
-import baseTable from '@/components/base/baseTable'
-import rightDialog from './rightDialog.vue'
-import { authApi } from '@/api/apis/auth'
-
-export default {
-  components: {
-    baseLayout,
-    baseTable,
-    rightDialog
-  },
-  data() {
-    return {
-      buttonList: [
-        {
-          menuName: '刷新',
-          icon: 'el-icon-refresh',
-          btnFunction: 'resetLoad'
-        }
-      ], //按钮组
-      requirementList: [
-        {
-          placeholder: '任务名称',
-          prop: 'taskName',
-          tag: 'elInput'
-        }
-      ], //查询模板list
-      tabLoading: false,
-      tableColumnData: [
-        {
-          prop: 'taskName',
-          label: '任务名称'
-        },
-        {
-          prop: 'taskId',
-          label: '任务编码'
-        },
-        {
-          prop: 'taskStatus',
-          label: '任务状态'
-        },
-        {
-          prop: 'startTime',
-          label: '当前任务开始时间'
-        },
-        {
-          prop: 'endTime',
-          label: '结束时间'
-        },
-        {
-          prop: 'diffTime',
-          label: '耗时'
-        }
-      ], //表头数据
-      funData: [
-
-        {
-          color: '#6a9af1',
-          text: '查看'
-        }
-      ],
-      tableData: [], //表格数据
-      pageModel: {
-        pageNum: 1,
-        pageSize: 100
-      },
-      queryModel: {
-        code: '',
-        name: '',
-        classify: '',
-        productionCompany: ''
-      },
-      taskStatusDist: {
-        1: '执行中',
-        2: '执行成功',
-        3: '执行失败'
-      }
-    }
-  },
-  mounted() {
-    // this.queryProductClassfy();
-    this.GetProductionTableData()
-
-  },
-  methods: {
-    onCellClick(row) {
-      this.openLoading('detail')
-      this.$refs.rightDialog.openDialog('show', row)
-    },
-    // 表格数据
-    async GetProductionTableData() {
-      this.tabLoading = true
-      let param = {
-        ...this.pageModel,
-        ...this.queryModel
-      }
-      let res = await authApi(
-        'integrationTaskLivingDetailsService',
-        '',
-        'queryEntityPage',
-        '',
-        param
-      )
-      this.tabLoading = false
-      if (res.status == '200') {
-        this.tableData = res.attribute.list
-        this.$refs.baseLayout.setPageTotal(res.attribute.total)
-      }
-    },
-    // 分页变化
-    handlePageChange(val) {
-      this.pageModel.pageNum = val.pageIndex
-      this.pageModel.pageSize = val.pageSize
-      this.GetProductionTableData()
-    },
-    // 按钮组
-    onFuncBtn(btn) {
-      this.onCellClick()
-      // this[btn.btnFunction]()
-    },
-    // 新增
-    add() {
-      this.$refs.rightDialog.openDialog('add')
-    },
-    // 表格操作事件 查看 编辑 删除
-    onFunc(index, row, item) {
-      // 查看
-      if (item.text === '查看') {
-        this.openLoading('detail')
-        this.$refs.rightDialog.openDialog('show', row)
-      }
-      // 编辑
-      if (item.text === '编辑') {
-        this.openLoading('detail')
-        this.$refs.rightDialog.openDialog('edit', row)
-      }
-      // 删除
-      if (item.text === '删除') {
-        this.$delConfirm().then(() => {
-          this.openLoading('del')
-          this.productionDeleteById(row.id)
-        })
-      }
-    },
-    async productionDeleteById(id) {
-      let param = {
-        id: id
-      }
-      let res = await authApi(
-        'sysPlugArgService',
-        'integrationTaskService',
-        'deletePlugArg',
-        '',
-        param
-      )
-      if (res.status == '200') {
-        this.$vmNews('删除成功', 'success')
-        this.resetTable()
-      }
-    },
-    // 重置表格
-    resetTable() {
-      this.pageModel.pageNum = 1
-      this.$refs.baseLayout.pageClear()
-      this.GetProductionTableData()
-    },
-    // 搜索
-    handleSearchEvent() {
-      let data = this.$refs.baseLayout.ruleForm
-      this.queryModel = data
-      this.resetTable()
-    },
-    // 获取所有产品分类
-    async queryProductClassfy() {
-      let params = {
-        tab_name: 'sys_product',
-        column_name: 'classify'
-      }
-      let res = await authApi(
-        'generalServiceImpl',
-        'dictionaryshop',
-        'selectDictionaryshop',
-        '',
-        params
-      )
-      if (res.status == '200') {
-        this.requirementList[2].options = res.attribute
-      }
-    }
-  }
-}
-</script>
-
-<style scoped>
-.clickTitle {
-  color: #409eff;
-  cursor: pointer;
-}
-</style>
+<template>
+  <div>
+    <base-layout
+      ref="baseLayout"
+      :buttonList="buttonList"
+      @onFuncBtn="onFuncBtn"
+      :querySwitch="true"
+      :searchList="requirementList"
+      @search="handleSearchEvent"
+      :isPage="true"
+      @pageChange="handlePageChange"
+    >
+      <div slot="main" slot-scope="{ tableHeight }">
+        <base-table
+          ref="baseTable"
+          :showIndex="true"
+          :funWidth="180"
+          :funData="funData"
+          @onFunc="onFunc"
+          :tabLoading.sync="tabLoading"
+          :tableHeight="tableHeight"
+          :tableData="tableData"
+          :tableColumn="tableColumnData"
+
+        >
+          <template #taskStatus="{row}">
+            {{ taskStatusDist[row.taskStatus] }}
+          </template>
+        </base-table>
+      </div>
+    </base-layout>
+    <right-dialog ref="rightDialog" @resetTable="resetTable"></right-dialog>
+  </div>
+</template>
+
+<script>
+import baseLayout from '@/components/base/baseLayout'
+import baseTable from '@/components/base/baseTable'
+import rightDialog from './rightDialog.vue'
+import { authApi } from '@/api/apis/auth'
+
+export default {
+  components: {
+    baseLayout,
+    baseTable,
+    rightDialog
+  },
+  data() {
+    return {
+      buttonList: [
+        {
+          menuName: '刷新',
+          icon: 'el-icon-refresh',
+          btnFunction: 'resetLoad'
+        }
+      ], //按钮组
+      requirementList: [
+        {
+          placeholder: '任务名称',
+          prop: 'taskName',
+          tag: 'elInput'
+        }
+      ], //查询模板list
+      tabLoading: false,
+      tableColumnData: [
+        {
+          prop: 'taskName',
+          label: '任务名称'
+        },
+        {
+          prop: 'taskId',
+          label: '任务编码'
+        },
+        {
+          prop: 'taskStatus',
+          label: '任务状态'
+        },
+        {
+          prop: 'startTime',
+          label: '当前任务开始时间'
+        },
+        {
+          prop: 'endTime',
+          label: '结束时间'
+        },
+        {
+          prop: 'diffTime',
+          label: '耗时'
+        }
+      ], //表头数据
+      funData: [
+
+        {
+          color: '#6a9af1',
+          text: '查看'
+        }
+      ],
+      tableData: [], //表格数据
+      pageModel: {
+        pageNum: 1,
+        pageSize: 100
+      },
+      queryModel: {
+        code: '',
+        name: '',
+        classify: '',
+        productionCompany: ''
+      },
+      taskStatusDist: {
+        1: '执行中',
+        2: '执行成功',
+        3: '执行失败'
+      }
+    }
+  },
+  mounted() {
+    // this.queryProductClassfy();
+    this.GetProductionTableData()
+
+  },
+  methods: {
+    onCellClick(row) {
+      this.openLoading('detail')
+      this.$refs.rightDialog.openDialog('show', row)
+    },
+    // 表格数据
+    async GetProductionTableData() {
+      this.tabLoading = true
+      let param = {
+        ...this.pageModel,
+        ...this.queryModel
+      }
+      let res = await authApi(
+        'integrationTaskLogService',
+        '',
+        'queryEntityPage',
+        '',
+        param
+      )
+      this.tabLoading = false
+      if (res.status == '200') {
+        this.tableData = res.attribute.list
+        this.$refs.baseLayout.setPageTotal(res.attribute.total)
+      }
+    },
+    // 分页变化
+    handlePageChange(val) {
+      this.pageModel.pageNum = val.pageIndex
+      this.pageModel.pageSize = val.pageSize
+      this.GetProductionTableData()
+    },
+    // 按钮组
+    onFuncBtn(btn) {
+      this.onCellClick()
+      // this[btn.btnFunction]()
+    },
+    // 新增
+    add() {
+      this.$refs.rightDialog.openDialog('add')
+    },
+    // 表格操作事件 查看 编辑 删除
+    onFunc(index, row, item) {
+      // 查看
+      if (item.text === '查看') {
+        this.openLoading('detail')
+        this.$refs.rightDialog.openDialog('show', row)
+      }
+      // 编辑
+      if (item.text === '编辑') {
+        this.openLoading('detail')
+        this.$refs.rightDialog.openDialog('edit', row)
+      }
+      // 删除
+      if (item.text === '删除') {
+        this.$delConfirm().then(() => {
+          this.openLoading('del')
+          this.productionDeleteById(row.id)
+        })
+      }
+    },
+    async productionDeleteById(id) {
+      let param = {
+        id: id
+      }
+      let res = await authApi(
+        'sysPlugArgService',
+        'integrationTaskService',
+        'deletePlugArg',
+        '',
+        param
+      )
+      if (res.status == '200') {
+        this.$vmNews('删除成功', 'success')
+        this.resetTable()
+      }
+    },
+    // 重置表格
+    resetTable() {
+      this.pageModel.pageNum = 1
+      this.$refs.baseLayout.pageClear()
+      this.GetProductionTableData()
+    },
+    // 搜索
+    handleSearchEvent() {
+      let data = this.$refs.baseLayout.ruleForm
+      this.queryModel = data
+      this.resetTable()
+    },
+    // 获取所有产品分类
+    async queryProductClassfy() {
+      let params = {
+        tab_name: 'sys_product',
+        column_name: 'classify'
+      }
+      let res = await authApi(
+        'generalServiceImpl',
+        'dictionaryshop',
+        'selectDictionaryshop',
+        '',
+        params
+      )
+      if (res.status == '200') {
+        this.requirementList[2].options = res.attribute
+      }
+    }
+  }
+}
+</script>
+
+<style scoped>
+.clickTitle {
+  color: #409eff;
+  cursor: pointer;
+}
+</style>
diff --git a/src/views/intergrationTask/detailData/rightDialog.vue b/src/views/intergrationTask/detailData/rightDialog.vue
index b517c7b..40ab498 100644
--- a/src/views/intergrationTask/detailData/rightDialog.vue
+++ b/src/views/intergrationTask/detailData/rightDialog.vue
@@ -1,452 +1,452 @@
-<template>
-  <div>
-    <base-right-dialog
-      ref="baseRightDialog"
-      :footerShow="true"
-      :dialogVisible.sync="dialogVisible"
-      :title="dialogTitle + ' 集成任务日志'"
-      @handleClose="handleDialogClose"
-      :type="dialogType"
-      :submitShow="submitShow"
-      @handleConfirmClick="handleConfirmClick"
-    >
-      <base-form
-        ref="basicsForm"
-        :formRow="formRow"
-        :isFunBtn="false"
-        class="dialog_form"
-        :spanWidth="`120px`"
-        :loading="vLoading"
-        @onSelect="onSelect"
-      ></base-form>
-      <!--      <el-button-->
-      <!--        style="width: 125px; margin: 20px 0"-->
-      <!--        @click="addVersionDialog"-->
-      <!--        icon="el-icon-plus"-->
-      <!--        :disabled="submitShow ? false : true"-->
-      <!--        v-if="submitShow"-->
-      <!--        >添加</el-button-->
-      <!--      >-->
-      <!--      <base-table-->
-      <!--        :border="true"-->
-      <!--        :showIndex="true"-->
-      <!--        :tableColumn="tableVersionColumn"-->
-      <!--        :tableData="tableVersionData"-->
-      <!--        :funWidth="80"-->
-      <!--        :funData="funData"-->
-      <!--        @onFunc="onFunc"-->
-      <!--      >-->
-      <!--        <template v-slot:argName="{ row }" >-->
-      <!--          <div style="width: 100%">-->
-      <!--            <template v-if="!submitShow">{{row.argName}}</template>-->
-      <!--            <el-input-->
-      <!--              v-else-->
-      <!--              v-model="row.argName"-->
-      <!--              clearable-->
-      <!--              type="text"-->
-      <!--              :disabled="!submitShow || row.disabled"-->
-      <!--            ></el-input>-->
-      <!--          </div>-->
-      <!--        </template>-->
-      <!--        <template v-slot:argCode="{ row }">-->
-      <!--          <div style="width: 100%">-->
-      <!--            <template v-if="!submitShow">-->
-      <!--              {{ row.argCode }}-->
-      <!--            </template>-->
-      <!--            <el-input-->
-      <!--              v-else-->
-      <!--              v-model="row.argCode"-->
-      <!--              clearable-->
-      <!--              type="text"-->
-      <!--              :disabled="!submitShow"-->
-      <!--            ></el-input>-->
-      <!--          </div>-->
-      <!--        </template>-->
-      <!--        <template v-slot:argType="{ row }">-->
-      <!--          <div style="width: 100%">-->
-      <!--&lt;!&ndash;            <el-radio-group v-model="row.argType" :disabled="!submitShow">&ndash;&gt;-->
-      <!--&lt;!&ndash;              <el-radio label="1">字符串</el-radio>&ndash;&gt;-->
-      <!--&lt;!&ndash;              <el-radio label="2">日期</el-radio>&ndash;&gt;-->
-      <!--&lt;!&ndash;            </el-radio-group>&ndash;&gt;-->
-      <!--            <el-select v-model="row.argType" placeholder="请选择">-->
-      <!--              <el-option-->
-      <!--                v-for="item in options"-->
-      <!--                :key="item.value"-->
-      <!--                :label="item.label"-->
-      <!--                :value="item.value">-->
-      <!--              </el-option>-->
-      <!--            </el-select>-->
-      <!--          </div>-->
-      <!--        </template>-->
-      <!--        <template v-slot:remark="{ row }">-->
-      <!--          <div style="width: 100%">-->
-      <!--            <template v-if="!submitShow">{{row.remark}}</template>-->
-      <!--            <el-input-->
-      <!--              v-model="row.remark"-->
-      <!--              clearable-->
-      <!--              type="text"-->
-      <!--              v-else-->
-      <!--              :disabled="!submitShow"-->
-      <!--            ></el-input>-->
-      <!--          </div>-->
-      <!--        </template>-->
-      <!--      </base-table>-->
-    </base-right-dialog>
-  </div>
-</template>
-
-<script>
-import baseRightDialog from '@/components/base/baseRightDialog'
-import baseForm from '@/components/base/baseNewForm'
-import baseTable from '@/components/base/baseTable'
-import { authApi } from '@/api/apis/auth'
-
-export default {
-  components: {
-    baseRightDialog,
-    baseForm,
-    baseTable
-  },
-  data() {
-    return {
-      dialogVisible: false,
-      dialogTitle: '',
-      dialogType: '',
-      formRow: [],
-      basicsRules: [],
-      vLoading: false,
-      newMarryOptions: [],
-      submitShow: true,
-      loadingType: true,
-      tableVersionData: [],
-      tableVersionColumn: [],
-      funData: [],
-      isEdit: false,
-      select_dist: {},
-      options: [
-        {
-          label: '字符串',
-          value: '1'
-        },
-        {
-          label: '日期范围选择',
-          value: '2'
-        },
-        {
-          label: '年月',
-          value: '3'
-        },
-        {
-          label: '年月日',
-          value: '4'
-        },
-        {
-          label: '年月日时间',
-          value: '5'
-        }
-      ]
-    }
-  },
-  mounted() {
-    this.initSelect()
-  },
-  methods: {
-    // 插件下拉
-    async initSelect() {
-      let res = await authApi(
-        'pluginService',
-        'plugins',
-        'queryPluginsByType',
-        '',
-        {
-          'pluginType': '1'
-        }
-      )
-      if (res.status == 200) {
-        console.log(res.attribute)
-        res.attribute.forEach(item => {
-          this.$set(this.select_dist, item.pluginId, item)
-        })
-        this.formRow[0].elCol[0].options = res.attribute
-      }
-    },
-    //下拉改变事件
-    onSelect(val, index, indexRow, obj) {
-      this.$set(this.$refs.basicsForm.ruleForm, 'plugName', this.select_dist[val]['pluginName'])
-    },
-    openDialog(type, row) {
-      // this.queryProductClassfy();
-      this.formRow = []
-      this.submitShow = true
-      this.isEdit = false
-      this.funData = [
-        {
-          color: '#ff0000',
-          text: '删除'
-        }
-      ]
-      // 新增
-      if (type == 'add') {
-        this.dialogTitle = '新增'
-        this.dialogType = 'add'
-      }
-      // 编辑
-      if (type == 'edit') {
-        this.isEdit = true
-        this.dialogTitle = '编辑'
-        this.dialogType = 'edit'
-        this.productGetById(row.id)
-      }
-      // 查看
-      if (type == 'show') {
-        this.funData = Object.assign([], [])
-        this.submitShow = false
-        this.formRow = [
-          {
-            elCol: [
-              {
-                label: '任务编码',
-                prop: 'taskCode',
-                tag: 'elInput',
-                disabled: true
-              },
-              {
-                label: '任务名称',
-                prop: 'taskName',
-                tag: 'elInput',
-                disabled: true
-              }
-            ]
-          },
-          {
-            elCol: [
-              {
-                label: '任务状态',
-                prop: 'taskStatus',
-                tag: 'elRadio',
-                disabled: true,
-                options: [
-                  {
-                    label: '执行中',
-                    value: '1'
-                  },
-                  {
-                    label: '执行成功',
-                    value: '2'
-                  },
-                  {
-                    label: '执行失败',
-                    value: '3'
-                  }
-                ],
-                span: 24
-              }
-            ]
-          },
-          {
-            elCol: [
-              {
-                label: '当前任务开始时间',
-                prop: 'startTime',
-                tag: 'elInput',
-                disabled: true
-              },
-              {
-                label: '结束时间',
-                prop: 'endTime',
-                tag: 'elInput',
-                disabled: true
-              }
-            ]
-          },
-          {
-            elCol: [
-              {
-                label: '耗时',
-                prop: 'diffTime',
-                tag: 'elInput',
-                disabled: true
-              },
-              {
-                label: '备注',
-                prop: 'remark',
-                tag: 'elInput',
-                disabled: true
-              }
-            ]
-          }
-        ]
-        this.dialogTitle = '查看'
-        this.dialogType = 'show'
-        this.productGetById(row.id)
-
-      }
-      this.dialogVisible = true
-    },
-    // 编辑详情
-    async productGetById(id) {
-      let params = {
-        id: id
-      }
-      let res = await authApi(
-        'integrationTaskLivingDetailsService',
-        '',
-        'getEntity',
-        '',
-        params
-      )
-      if (res.status == '200') {
-        this.$nextTick(() => {
-          this.$refs.basicsForm.incomingParameters(res.attribute)
-          // this.tableVersionData = res.attribute.sysPlugArgDetailEntityList
-          // let result = [];
-          // this.tableVersionData = Object.assign([], result);
-        })
-      }
-    },
-    addVersionDialog() {
-      let obj = {
-        argName: '',
-        argCode: '',
-        argType: '1',
-        remark: ''
-      }
-      this.tableVersionData.push(obj)
-    },
-    // 删除
-    onFunc(index, row) {
-      if (index == 0) {
-        this.$delConfirm().then(() => {
-          this.tableVersionData.forEach((item, itemIndex) => {
-            if (item.id === row.id) {
-              this.tableVersionData.splice(itemIndex, 1)
-            }
-          })
-        })
-      }
-    },
-    // 弹窗关闭
-    handleDialogClose() {
-      this.tableVersionData = Object.assign([], [])
-      this.$refs.basicsForm.resetFields()
-      this.dialogVisible = false
-    },
-    // 弹窗确认按钮
-    handleConfirmClick() {
-      this.$refs.basicsForm.$refs['ruleForm'].validate((valid) => {
-        if (!valid) {
-          return
-        } else {
-          if (!this.tableVersionData.length) {
-            this.$vmNews('请添加列表')
-            return
-          }
-          let flag = this.tableVersionData.some(item => {
-            if (!item.argName) {
-              this.$vmNews('请输入参数名称')
-              return true
-            }
-            if (!item.argCode) {
-              this.$vmNews('参数编码')
-              return true
-            }
-          })
-          if (flag) return
-          let params = {
-            ...this.$refs.basicsForm.ruleForm,
-            sysPlugArgDetailEntityList: this.tableVersionData
-          }
-          if (this.dialogType == 'add') {
-            this.openLoading('submit')
-            this.productSaveDto(params)
-          }
-          if (this.dialogType == 'edit') {
-            this.openLoading('submit')
-            this.productUpdateDto(params)
-          }
-        }
-      })
-    },
-    // 新增保存
-    async productSaveDto(params) {
-      let res = await authApi(
-        'sysPlugArgService',
-        'integrationTaskService',
-        'savePlugArg',
-        '',
-        params
-      )
-      if (res.status == '200') {
-        this.handleDialogClose()
-        this.$vmNews('新增成功', 'success')
-        this.$emit('resetTable')
-      }
-    },
-    // 编辑保存
-    async productUpdateDto(params) {
-      let res = await authApi(
-        'sysPlugArgService',
-        'integrationTaskService',
-        'updatePlugArg',
-        '',
-        params
-      )
-      if (res.status == '200') {
-        this.handleDialogClose()
-        this.$vmNews('更新成功', 'success')
-        this.$emit('resetTable')
-      }
-    },
-    // 获取所有产品分类
-    async queryProductClassfy() {
-      let params = {
-        tab_name: 'sys_product',
-        column_name: 'classify'
-      }
-      let res = await authApi(
-        'generalServiceImpl',
-        'dictionaryshop',
-        'selectDictionaryshop',
-        '',
-        params
-      )
-      if (res.status == '200') {
-        this.formRow[1].elCol[0].options = res.attribute
-      }
-    }
-  }
-}
-</script>
-
-<style scoped lang="scss">
-.dialogList {
-  padding: 16px 0;
-  border-top: 1px solid #dcdfe6;
-  display: flex;
-  flex-direction: column;
-}
-
-.updateBtn {
-  border: 1px solid #ebedf1;
-  padding: 5px 0;
-  border-radius: 3px;
-  text-align: center;
-  font-size: 14px;
-  cursor: pointer;
-  width: 100px;
-}
-
-.updateBtn:hover {
-  color: #1890ff;
-  border-color: #badeff;
-  background-color: #e8f4ff;
-}
-
-::v-deep .el-table__body-wrapper.is-scrolling-none {
-  height: auto !important;
-}
-
-::v-deep .app-container {
-  height: auto !important;
-}
-</style>
+<template>
+  <div>
+    <base-right-dialog
+      ref="baseRightDialog"
+      :footerShow="true"
+      :dialogVisible.sync="dialogVisible"
+      :title="dialogTitle + ' 集成任务日志'"
+      @handleClose="handleDialogClose"
+      :type="dialogType"
+      :submitShow="submitShow"
+      @handleConfirmClick="handleConfirmClick"
+    >
+      <base-form
+        ref="basicsForm"
+        :formRow="formRow"
+        :isFunBtn="false"
+        class="dialog_form"
+        :spanWidth="`120px`"
+        :loading="vLoading"
+        @onSelect="onSelect"
+      ></base-form>
+      <!--      <el-button-->
+      <!--        style="width: 125px; margin: 20px 0"-->
+      <!--        @click="addVersionDialog"-->
+      <!--        icon="el-icon-plus"-->
+      <!--        :disabled="submitShow ? false : true"-->
+      <!--        v-if="submitShow"-->
+      <!--        >添加</el-button-->
+      <!--      >-->
+      <!--      <base-table-->
+      <!--        :border="true"-->
+      <!--        :showIndex="true"-->
+      <!--        :tableColumn="tableVersionColumn"-->
+      <!--        :tableData="tableVersionData"-->
+      <!--        :funWidth="80"-->
+      <!--        :funData="funData"-->
+      <!--        @onFunc="onFunc"-->
+      <!--      >-->
+      <!--        <template v-slot:argName="{ row }" >-->
+      <!--          <div style="width: 100%">-->
+      <!--            <template v-if="!submitShow">{{row.argName}}</template>-->
+      <!--            <el-input-->
+      <!--              v-else-->
+      <!--              v-model="row.argName"-->
+      <!--              clearable-->
+      <!--              type="text"-->
+      <!--              :disabled="!submitShow || row.disabled"-->
+      <!--            ></el-input>-->
+      <!--          </div>-->
+      <!--        </template>-->
+      <!--        <template v-slot:argCode="{ row }">-->
+      <!--          <div style="width: 100%">-->
+      <!--            <template v-if="!submitShow">-->
+      <!--              {{ row.argCode }}-->
+      <!--            </template>-->
+      <!--            <el-input-->
+      <!--              v-else-->
+      <!--              v-model="row.argCode"-->
+      <!--              clearable-->
+      <!--              type="text"-->
+      <!--              :disabled="!submitShow"-->
+      <!--            ></el-input>-->
+      <!--          </div>-->
+      <!--        </template>-->
+      <!--        <template v-slot:argType="{ row }">-->
+      <!--          <div style="width: 100%">-->
+      <!--&lt;!&ndash;            <el-radio-group v-model="row.argType" :disabled="!submitShow">&ndash;&gt;-->
+      <!--&lt;!&ndash;              <el-radio label="1">字符串</el-radio>&ndash;&gt;-->
+      <!--&lt;!&ndash;              <el-radio label="2">日期</el-radio>&ndash;&gt;-->
+      <!--&lt;!&ndash;            </el-radio-group>&ndash;&gt;-->
+      <!--            <el-select v-model="row.argType" placeholder="请选择">-->
+      <!--              <el-option-->
+      <!--                v-for="item in options"-->
+      <!--                :key="item.value"-->
+      <!--                :label="item.label"-->
+      <!--                :value="item.value">-->
+      <!--              </el-option>-->
+      <!--            </el-select>-->
+      <!--          </div>-->
+      <!--        </template>-->
+      <!--        <template v-slot:remark="{ row }">-->
+      <!--          <div style="width: 100%">-->
+      <!--            <template v-if="!submitShow">{{row.remark}}</template>-->
+      <!--            <el-input-->
+      <!--              v-model="row.remark"-->
+      <!--              clearable-->
+      <!--              type="text"-->
+      <!--              v-else-->
+      <!--              :disabled="!submitShow"-->
+      <!--            ></el-input>-->
+      <!--          </div>-->
+      <!--        </template>-->
+      <!--      </base-table>-->
+    </base-right-dialog>
+  </div>
+</template>
+
+<script>
+import baseRightDialog from '@/components/base/baseRightDialog'
+import baseForm from '@/components/base/baseNewForm'
+import baseTable from '@/components/base/baseTable'
+import { authApi } from '@/api/apis/auth'
+
+export default {
+  components: {
+    baseRightDialog,
+    baseForm,
+    baseTable
+  },
+  data() {
+    return {
+      dialogVisible: false,
+      dialogTitle: '',
+      dialogType: '',
+      formRow: [],
+      basicsRules: [],
+      vLoading: false,
+      newMarryOptions: [],
+      submitShow: true,
+      loadingType: true,
+      tableVersionData: [],
+      tableVersionColumn: [],
+      funData: [],
+      isEdit: false,
+      select_dist: {},
+      options: [
+        {
+          label: '字符串',
+          value: '1'
+        },
+        {
+          label: '日期范围选择',
+          value: '2'
+        },
+        {
+          label: '年月',
+          value: '3'
+        },
+        {
+          label: '年月日',
+          value: '4'
+        },
+        {
+          label: '年月日时间',
+          value: '5'
+        }
+      ]
+    }
+  },
+  mounted() {
+    this.initSelect()
+  },
+  methods: {
+    // 插件下拉
+    async initSelect() {
+      let res = await authApi(
+        'pluginService',
+        'plugins',
+        'queryPluginsByType',
+        '',
+        {
+          'pluginType': '1'
+        }
+      )
+      if (res.status == 200) {
+        console.log(res.attribute)
+        res.attribute.forEach(item => {
+          this.$set(this.select_dist, item.pluginId, item)
+        })
+        this.formRow[0].elCol[0].options = res.attribute
+      }
+    },
+    //下拉改变事件
+    onSelect(val, index, indexRow, obj) {
+      this.$set(this.$refs.basicsForm.ruleForm, 'plugName', this.select_dist[val]['pluginName'])
+    },
+    openDialog(type, row) {
+      // this.queryProductClassfy();
+      this.formRow = []
+      this.submitShow = true
+      this.isEdit = false
+      this.funData = [
+        {
+          color: '#ff0000',
+          text: '删除'
+        }
+      ]
+      // 新增
+      if (type == 'add') {
+        this.dialogTitle = '新增'
+        this.dialogType = 'add'
+      }
+      // 编辑
+      if (type == 'edit') {
+        this.isEdit = true
+        this.dialogTitle = '编辑'
+        this.dialogType = 'edit'
+        this.productGetById(row.id)
+      }
+      // 查看
+      if (type == 'show') {
+        this.funData = Object.assign([], [])
+        this.submitShow = false
+        this.formRow = [
+          {
+            elCol: [
+              {
+                label: '任务编码',
+                prop: 'taskCode',
+                tag: 'elInput',
+                disabled: true
+              },
+              {
+                label: '任务名称',
+                prop: 'taskName',
+                tag: 'elInput',
+                disabled: true
+              }
+            ]
+          },
+          {
+            elCol: [
+              {
+                label: '任务状态',
+                prop: 'taskStatus',
+                tag: 'elRadio',
+                disabled: true,
+                options: [
+                  {
+                    label: '执行中',
+                    value: '1'
+                  },
+                  {
+                    label: '执行成功',
+                    value: '2'
+                  },
+                  {
+                    label: '执行失败',
+                    value: '3'
+                  }
+                ],
+                span: 24
+              }
+            ]
+          },
+          {
+            elCol: [
+              {
+                label: '当前任务开始时间',
+                prop: 'startTime',
+                tag: 'elInput',
+                disabled: true
+              },
+              {
+                label: '结束时间',
+                prop: 'endTime',
+                tag: 'elInput',
+                disabled: true
+              }
+            ]
+          },
+          {
+            elCol: [
+              {
+                label: '耗时',
+                prop: 'diffTime',
+                tag: 'elInput',
+                disabled: true
+              },
+              {
+                label: '备注',
+                prop: 'remark',
+                tag: 'elInput',
+                disabled: true
+              }
+            ]
+          }
+        ]
+        this.dialogTitle = '查看'
+        this.dialogType = 'show'
+        this.productGetById(row.id)
+
+      }
+      this.dialogVisible = true
+    },
+    // 编辑详情
+    async productGetById(id) {
+      let params = {
+        id: id
+      }
+      let res = await authApi(
+        'integrationTaskLogService',
+        '',
+        'getEntity',
+        '',
+        params
+      )
+      if (res.status == '200') {
+        this.$nextTick(() => {
+          this.$refs.basicsForm.incomingParameters(res.attribute)
+          // this.tableVersionData = res.attribute.sysPlugArgDetailEntityList
+          // let result = [];
+          // this.tableVersionData = Object.assign([], result);
+        })
+      }
+    },
+    addVersionDialog() {
+      let obj = {
+        argName: '',
+        argCode: '',
+        argType: '1',
+        remark: ''
+      }
+      this.tableVersionData.push(obj)
+    },
+    // 删除
+    onFunc(index, row) {
+      if (index == 0) {
+        this.$delConfirm().then(() => {
+          this.tableVersionData.forEach((item, itemIndex) => {
+            if (item.id === row.id) {
+              this.tableVersionData.splice(itemIndex, 1)
+            }
+          })
+        })
+      }
+    },
+    // 弹窗关闭
+    handleDialogClose() {
+      this.tableVersionData = Object.assign([], [])
+      this.$refs.basicsForm.resetFields()
+      this.dialogVisible = false
+    },
+    // 弹窗确认按钮
+    handleConfirmClick() {
+      this.$refs.basicsForm.$refs['ruleForm'].validate((valid) => {
+        if (!valid) {
+          return
+        } else {
+          if (!this.tableVersionData.length) {
+            this.$vmNews('请添加列表')
+            return
+          }
+          let flag = this.tableVersionData.some(item => {
+            if (!item.argName) {
+              this.$vmNews('请输入参数名称')
+              return true
+            }
+            if (!item.argCode) {
+              this.$vmNews('参数编码')
+              return true
+            }
+          })
+          if (flag) return
+          let params = {
+            ...this.$refs.basicsForm.ruleForm,
+            sysPlugArgDetailEntityList: this.tableVersionData
+          }
+          if (this.dialogType == 'add') {
+            this.openLoading('submit')
+            this.productSaveDto(params)
+          }
+          if (this.dialogType == 'edit') {
+            this.openLoading('submit')
+            this.productUpdateDto(params)
+          }
+        }
+      })
+    },
+    // 新增保存
+    async productSaveDto(params) {
+      let res = await authApi(
+        'sysPlugArgService',
+        'integrationTaskService',
+        'savePlugArg',
+        '',
+        params
+      )
+      if (res.status == '200') {
+        this.handleDialogClose()
+        this.$vmNews('新增成功', 'success')
+        this.$emit('resetTable')
+      }
+    },
+    // 编辑保存
+    async productUpdateDto(params) {
+      let res = await authApi(
+        'sysPlugArgService',
+        'integrationTaskService',
+        'updatePlugArg',
+        '',
+        params
+      )
+      if (res.status == '200') {
+        this.handleDialogClose()
+        this.$vmNews('更新成功', 'success')
+        this.$emit('resetTable')
+      }
+    },
+    // 获取所有产品分类
+    async queryProductClassfy() {
+      let params = {
+        tab_name: 'sys_product',
+        column_name: 'classify'
+      }
+      let res = await authApi(
+        'generalServiceImpl',
+        'dictionaryshop',
+        'selectDictionaryshop',
+        '',
+        params
+      )
+      if (res.status == '200') {
+        this.formRow[1].elCol[0].options = res.attribute
+      }
+    }
+  }
+}
+</script>
+
+<style scoped lang="scss">
+.dialogList {
+  padding: 16px 0;
+  border-top: 1px solid #dcdfe6;
+  display: flex;
+  flex-direction: column;
+}
+
+.updateBtn {
+  border: 1px solid #ebedf1;
+  padding: 5px 0;
+  border-radius: 3px;
+  text-align: center;
+  font-size: 14px;
+  cursor: pointer;
+  width: 100px;
+}
+
+.updateBtn:hover {
+  color: #1890ff;
+  border-color: #badeff;
+  background-color: #e8f4ff;
+}
+
+::v-deep .el-table__body-wrapper.is-scrolling-none {
+  height: auto !important;
+}
+
+::v-deep .app-container {
+  height: auto !important;
+}
+</style>