From 0f0488b206663016a80d61b3d5025e0e26f23c1a Mon Sep 17 00:00:00 2001
From: kongyeqing <2697454777@qq.com>
Date: Tue, 24 Dec 2024 16:06:15 +0800
Subject: [PATCH] =?UTF-8?q?feat:=E6=B5=81=E7=A8=8B=E9=97=AE=E9=A2=98?=
 =?UTF-8?q?=E4=BF=AE=E5=A4=8D?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/views/hiddenDanger/manager.component.vue  | 2881 +++++++++--------
 .../exchangeFlow/exchange.component.vue       | 1065 +++---
 2 files changed, 2170 insertions(+), 1776 deletions(-)

diff --git a/src/views/hiddenDanger/manager.component.vue b/src/views/hiddenDanger/manager.component.vue
index a82507e..8d69f3b 100644
--- a/src/views/hiddenDanger/manager.component.vue
+++ b/src/views/hiddenDanger/manager.component.vue
@@ -1,1349 +1,1678 @@
-
 <script lang="ts">
-import { Component, Watch } from 'vue-property-decorator';
-import template from "./common.component.html"
-import BaseRecordComponent from "hbt-common/components/common/baseRecord.component.vue"
-import FormComponent from "hbt-common/components/common/form.component.vue"
-import TableComponent from "hbt-common/components/common/table.component.vue"
-import WorkFlowService from "@/service/workFlow.service"
-import FormOption from "hbt-common/models/formOptions"
-import BtnOption from "hbt-common/models/btnOptions"
-import MapComponent from "@/components/map.component.vue"
-import ManagerService from '@/service/manager.service';
+import { Component, Watch } from "vue-property-decorator";
+import template from "./common.component.html";
+import BaseRecordComponent from "hbt-common/components/common/baseRecord.component.vue";
+import FormComponent from "hbt-common/components/common/form.component.vue";
+import TableComponent from "hbt-common/components/common/table.component.vue";
+import WorkFlowService from "@/service/workFlow.service";
+import FormOption from "hbt-common/models/formOptions";
+import BtnOption from "hbt-common/models/btnOptions";
+import MapComponent from "@/components/map.component.vue";
+import ManagerService from "@/service/manager.service";
 import mapboxgl from "mapbox-gl";
-import moment from 'moment';
+import moment from "moment";
 @Component({
-    template,
-    components: {
-        FormComponent,
-        TableComponent,
-        MapComponent
-    },
+  template,
+  components: {
+    FormComponent,
+    TableComponent,
+    MapComponent,
+  },
 } as any)
 export default class HiddenDangerManagerComponent extends BaseRecordComponent<any> {
-    public tableService = new ManagerService();
-    public workFlowService = new WorkFlowService()
-    // 是否显示删改查按钮
-    public isBase = false;
-    // 显示治理列表按钮
-    public isManager = true;
+  public tableService = new ManagerService();
+  public workFlowService = new WorkFlowService();
+  // 是否显示删改查按钮
+  public isBase = false;
+  // 显示治理列表按钮
+  public isManager = true;
 
-    public tableActionWidth = "150";
+  public tableActionWidth = "150";
 
-    public isReadonly = false;
-    public account = JSON.parse(localStorage.getItem("account") as string);
+  public isReadonly = false;
+  public account = JSON.parse(localStorage.getItem("account") as string);
 
-    public isAction = false;
+  public isAction = false;
 
-    public isPlan = false;
+  public isPlan = false;
 
-    public isClap = false;
+  public isClap = false;
 
-    public isFile = false;
+  public isFile = false;
 
-    public riskSource = [] as any;
+  public riskSource = [] as any;
 
-    public params = {
-        type: '1',
-        bpmSchemeCode: "prevention-yhzl"
-    } as any;
+  public params = {
+    type: "1",
+    bpmSchemeCode: "prevention-yhzl",
+  } as any;
 
-    public formActions = [{
-        name: "查询",
-        value: "search",
-        icon: "el-icon-search",
-        type: "primary"
-    }, {
-        name: "清空",
-        icon: "el-icon-tickets",
-        value: "reset"
-    }];
-    public tableActions = [] as any;
-    public footerActions = [] as any;
+  public formActions = [
+    {
+      name: "查询",
+      value: "search",
+      icon: "el-icon-search",
+      type: "primary",
+    },
+    {
+      name: "清空",
+      icon: "el-icon-tickets",
+      value: "reset",
+    },
+  ];
+  public tableActions = [] as any;
+  public footerActions = [] as any;
 
-    public isSure = [{
-        name: "确认",
-        value: 1
-    }, {
-        name: "未确认",
-        value: 0
-    }]
-    public isSureMap = ["未确认", "确认"];
+  public isSure = [
+    {
+      name: "确认",
+      value: 1,
+    },
+    {
+      name: "未确认",
+      value: 0,
+    },
+  ];
+  public isSureMap = ["未确认", "确认"];
 
-    public isPass = [{
-        name: "通过",
-        value: 1
-    }, {
-        name: "不通过",
-        value: 0
-    }]
-    public isPassMap = ["不通过", "通过"];
+  public isPass = [
+    {
+      name: "通过",
+      value: 1,
+    },
+    {
+      name: "不通过",
+      value: 0,
+    },
+  ];
+  public isPassMap = ["不通过", "通过"];
 
-    public isAccept = [{
-        name: "接受",
-        value: 1
-    }, {
-        name: "不接受",
-        value: 0
-    }]
-    public isAcceptMap = ["不接受", "接受"];
-    public formOptions: FormOption<BtnOption>[] = [];
+  public isAccept = [
+    {
+      name: "接受",
+      value: 1,
+    },
+    {
+      name: "不接受",
+      value: 0,
+    },
+  ];
+  public isAcceptMap = ["不接受", "接受"];
+  public formOptions: FormOption<BtnOption>[] = [];
 
-    public showUpdate = false;
-    public currentId = -1;
-    public updateParams = {} as any;
-    public updateOptions: FormOption<BtnOption>[] = [];
-    public updateOptions2: FormOption<BtnOption>[] = [];
-    public updateOptions3: FormOption<BtnOption>[] = [];
-    public updateOptions4: FormOption<BtnOption>[] = [];
+  public showUpdate = false;
+  public currentId = -1;
+  public updateParams = {} as any;
+  public updateOptions: FormOption<BtnOption>[] = [];
+  public updateOptions2: FormOption<BtnOption>[] = [];
+  public updateOptions3: FormOption<BtnOption>[] = [];
+  public updateOptions4: FormOption<BtnOption>[] = [];
 
-    public fileList = [] as any;
-    public photoList = [] as any;
+  public fileList = [] as any;
+  public photoList = [] as any;
 
-    public fileList2 = [] as any;
-    public photoList2 = [] as any;
-    public showFile = false;
-    public currentUrl = null;
-    public center = [118.751353, 31.969568];
-    public marker: any;
-    public map: any;
-    public showMap = false;
+  public fileList2 = [] as any;
+  public photoList2 = [] as any;
+  public showFile = false;
+  public currentUrl = null;
+  public center = [118.751353, 31.969568];
+  public marker: any;
+  public map: any;
+  public showMap = false;
 
-    //排序属性转换
-    public sortAttribute = {
-        updateTime: "update_time",
-    } as any;
+  //排序属性转换
+  public sortAttribute = {
+    updateTime: "update_time",
+  } as any;
 
-    public statusMap = { 0: "草稿", 1: "隐患上报", 2: "隐患确认", 3: "隐患治理", 4: "隐患验收", 5: "结束", 6: "中断", 7: "作废" };
-    public tabs = [{
-        name: "待办",
-        value: '1'
-    }, {
-        name: "已办",
-        value: '2'
-    }, {
-        name: "我发起的",
-        value: '3'
-    }, { name: "作废", value: '4' },
-    { name: "全部", value: '5' }]
+  public statusMap = {
+    0: "草稿",
+    1: "隐患上报",
+    2: "隐患确认",
+    3: "隐患治理",
+    4: "隐患验收",
+    5: "结束",
+    6: "中断",
+    7: "作废",
+  };
+  public tabs = [
+    {
+      name: "待办",
+      value: "1",
+    },
+    {
+      name: "已办",
+      value: "2",
+    },
+    {
+      name: "我发起的",
+      value: "3",
+    },
+    { name: "作废", value: "4" },
+    { name: "全部", value: "5" },
+  ];
 
-    public updateActions = [] as any;
+  public updateActions = [] as any;
 
-    public selectData = [];
+  public selectData = [];
 
-    public levelMap = ["", "一般隐患", "重大隐患"]
-    public reformModeMap = ["", "即查即改", "限期整改"];
-    public executeResultMap = ["", "完成", "降低标准完成", "未完成", "延期完成", "延期未完成"];
-    public executeResultList = [{
-        name: "完成",
-        value: 1,
-        disable: true,
-    }, {
-        name: "降低标准完成",
-        value: 2,
-        disable: false,
-    }, {
-        name: "未完成",
-        value: 3
-    }, {
-        name: "延期完成",
-        value: 4,
-    }, {
-        name: "延期未完成",
-        value: 5
-    }];
-
-
-    created() {
-        //重大危险源
-        // this.initRiskSource();
-        // console.log('111');
-
-    }
-    public tabTableChange(type) {
-        this.params.pageNum = 1;
-        if (type === 4) {
-            this.tableActionWidth = "250"
-        } else {
-            this.tableActionWidth = "150"
-        }
-        // this.params.type = +this.params.type
-        this.getTableData()
-    }
-
-
-    public getTableCallback() {
-        this.tableActions = [{
-            name: "添加",
-            value: "add",
-            icon: "el-icon-plus",
-            type: "primary"
-        }] as any
-        // this.footerActions = [{
-        //     name: "选择全部",
-        //     value: "selectAll",
-        //     hide: this.params.type !== 1,
-        //     type: "primary"
-        // }, {
-        //     name: "反向选择",
-        //     hide: this.params.type !== 1,
-        //     value: "reverse"
-        // }];
-        this.updateActions = [{
-            name: "取消",
-            value: "cancel"
-        }, {
-            name: "保存",
-            value: "draft",
-            hide: this.updateParams.status > 0,
-            type: "primary"
-        }, {
-            name: "提交",
-            value: "submit",
-            type: "primary"
-        }];
-        this.formOptions = [{
-            name: "隐患等级",
-            key: "level",
-            type: "select",
-            datas: [{
-                name: "一般隐患",
-                value: 1
-            }, {
-                name: "重大隐患",
-                value: 2
-            }]
-        }, {
-            name: "隐患分类",
-            key: "classify",
-            type: "select",
-            datas: this.$store.state.prevention_dangrous_type
-        }, {
-            name: "整改方式",
-            key: "reformMode",
-            type: "select",
-            datas: [{
-                name: "即查即改",
-                value: 1
-            }, {
-                name: "限期整改",
-                value: 2
-            }]
-        }, {
-            name: "整改部门",
-            key: "reformDeptId",
-            type: "treeSelect",
-            width: "280px",
-            expandLevel: Infinity,
-            datas: this.$store.state.deptTreeList
-        }, {
-            name: "重大危险源",
-            key: "majorHazard",
-            type: "select",
-            clearable: true,
-            datas: this.riskSource,
-        }];
-
-        this.updateOptions = [{
-            name: "隐患编号",
-            key: "number",
-            disable: true,
-            width: "calc(50% - 20px)",
-            require: true,
-            showError: false,
-            type: "text"
-        }, {
-            name: "隐患来源",
-            key: "source",
-            format: "sourceName",
-            type: "select",
-            width: "calc(50% - 20px)",
-            require: true,
-            showError: false,
-            datas: this.$store.state.prevention_danger_resource
-        }, {
-            name: "隐患标题",
-            key: "title",
-            width: "100%",
-            require: true,
-            showError: false,
-            type: "text"
-        }, {
-            name: "隐患描述",
-            width: "100%",
-            key: "description",
-            require: true,
-            showError: false,
-            type: "textarea"
-        }, {
-            name: "隐患级别",
-            key: "level",
-            format: "levelName",
-            type: "select",
-            width: "calc(50% - 20px)",
-            require: true,
-            showError: false,
-            datas: [{
-                name: "一般隐患",
-                value: 1
-            }, {
-                name: "重大隐患",
-                value: 2
-            }]
-        }, {
-            name: "整改方式",
-            key: "reformMode",
-            format: "reformModeName",
-            type: "select",
-            width: "calc(50% - 20px)",
-            require: true,
-            showError: false,
-            datas: [{
-                name: "即查即改",
-                value: 1
-            }, {
-                name: "限期整改",
-                value: 2
-            }]
-        }, {
-            name: "隐患位置",
-            key: "locationName",
-            type: "text",
-            width: "calc(50% - 20px)",
-            require: true,
-            showError: false,
-            unit: {
-                type: "btn",
-                name: (this.updateParams.status > 1 || this.isReadonly) ? "查看定位" : "点击定位",
-                value: "fixed",
-                btnType: "primary"
-            }
-        }, {
-            name: "隐患分类",
-            key: "classify",
-            format: "classifyName",
-            type: "select",
-            width: "calc(50% - 20px)",
-            require: true,
-            showError: false,
-            datas: this.$store.state.prevention_dangrous_type
-        }, {
-            name: "整改部门",
-            key: "reformDeptId",
-            format: "reformDeptName",
-            type: "treeSelect",
-            width: "calc(50% - 20px)",
-            require: true,
-            expandLevel: Infinity,
-            showError: false,
-            datas: this.$store.state.deptTreeList
-        }, {
-            name: "整改责任人",
-            key: "reformUserId",
-            format: "reformUserName",
-            type: "select",
-            width: "calc(50% - 20px)",
-            require: true,
-            showError: false,
-            datas: this.$store.state.userList,
-        }, {
-            name: "验证人",
-            key: "verifyUserId",
-            format: "verifyUserName",
-            type: "select",
-            width: "calc(50% - 20px)",
-            require: true,
-            showError: false,
-            datas: this.$store.state.userList,
-        }, {
-            name: "整改时限",
-            key: "reformDeadline",
-            type: "date",
-            subType: "datetime",
-            format: "yyyy-MM-dd HH",
-            width: "calc(50% - 20px)",
-            require: true,
-            showError: false,
-            pickerOptions: this.getPickerOptions(),
-        }, {
-            name: "隐患照片",
-            key: "photo",
-            ref: "photo",
-            type: "upload",
-            width: "calc(50% - 20px)",
-            require: true,
-            onSucess: this.onSuccess,
-            onMove: this.onRemove,
-            showError: false,
-            autoUpload: true,
-            onPreview: this.onPreview,
-            accept: "image/png, image/jpeg",
-            listType: "picture-card",
-            fileList: this.photoList,
-            icon: "el-icon-plus",
-        }, {
-            name: "相关附件",
-            key: "file",
-            ref: "file",
-            type: "upload",
-            width: "calc(50% - 20px)",
-            showError: false,
-            onSucess: this.onSuccess2,
-            onMove: this.onRemove2,
-            onPreview: this.onPreview,
-            autoUpload: true,
-            accept: "image/png, image/jpeg,.doc,.docx,.xls,.xlsx,.pdf",
-            listType: "text",
-            tip: this.isReadonly ? "" : "请上传.pdf,.png,.jpg,.doc.docx,.xls,.xlsx格式文件",
-            fileList: this.fileList,
-            btn: [{
-                name: "上传",
-                value: "upload",
-                hide: this.isReadonly,
-                size: "small",
-                type: "primary"
-            }]
-        }, {
-            name: "隐患类别",
-            key: "dangerType",
-            format: "dangerTypeName",
-            type: "select",
-            width: "calc(50% - 20px)",
-            require: true,
-            showError: false,
-            datas: this.$store.state.prevention_danger_type,
-        }, {
-            name: "检查类型",
-            key: "inspectType",
-            format: "inspectTypeName",
-            type: "select",
-            width: "calc(50% - 20px)",
-            require: true,
-            showError: false,
-            datas: this.$store.state.prevention_danger_check_type,
-        }, {
-            name: "违章人数",
-            key: "violateNumber",
-            type: "number",
-            width: "calc(50% - 20px)",
-            showError: false,
-            rules: [
-                { pattern: /^([1-9][0-9]{0,1}|100)$/, message: '在1~100范围内', }
-            ],
-            min: 1,
-            max: 100,
-        }, {
-            name: "专业分类",
-            key: "professionClassify",
-            format: "professionClassifyName",
-            type: "select",
-            width: "calc(50% - 20px)",
-            showError: false,
-            require: true,
-            datas: this.$store.state.prevention_major_type,
-        }, {
-            name: "属性分类",
-            key: "attributeClassify",
-            format: "attributeClassifyName",
-            type: "select",
-            width: "calc(50% - 20px)",
-            showError: false,
-            datas: this.$store.state.prevention_safe_reason,
-        }, {
-            name: "发生环节",
-            key: "occurNode",
-            format: "occurNodeName",
-            type: "select",
-            width: "calc(50% - 20px)",
-            showError: false,
-            datas: this.$store.state.prevention_occur_step,
-        }, {
-            name: "违反规定条款",
-            key: "violateTerm",
-            type: "textarea",
-            width: "100%",
-            showError: false,
-        }, {
-            name: "隐患整改要求",
-            key: "reformDemand",
-            type: "textarea",
-            width: "100%",
-            showError: false,
-        }, {
-            name: "重大危险源名称",
-            key: "majorHazard",
-            format: "majorHazardName",
-            type: "select",
-            width: "calc(50% - 20px)",
-            require: true,
-            showError: false,
-            datas: this.riskSource
-        }, {
-            name: "发起时间",
-            key: "processStartTime",
-            type: "date",
-            subType: "datetime",
-            format: "yyyy-MM-dd HH:mm:ss",
-            width: "calc(50% - 20px)",
-            require: true,
-            showError: false,
-            disable: true,
-            hide: !this.updateParams.id || this.updateParams.status === 0
-        },]
-        this.updateOptions2 = [{
-            name: "隐患确认",
-            key: "reformConfirmFlag",
-            format: "reformConfirmFlagName",
-            type: "radio",
-            width: "100%",
-            require: true,
-            showError: false,
-            datas: this.isSure,
-            disable: this.updateParams.realConfirmTime > this.updateParams.reformDeadline,
-        }, {
-            name: "原因说明",
-            type: "textarea",
-            width: "100%",
-            key: "reformReasonDescription",
-            require: true,
-            hide: this.updateParams.reformConfirmFlag,
-            showError: false,
-            placeholder: "请输入未确认原因"
-        }, {
-            name: "治理人",
-            type: "select",
-            width: "calc(50% - 20px)",
-            require: true,
-            key: "executeUserId",
-            format: "executeUserName",
-            showError: false,
-            hide: this.updateParams.reformConfirmFlag === 0,
-            datas: this.$store.state.userList
-        }, {
-            name: "治理时限",
-            type: "date",
-            subType: "datetime",
-            width: "calc(50% - 20px)",
-            require: true,
-            key: "executeDeadline",
-            format: "yyyy-MM-dd HH:mm",
-            showError: false,
-            hide: this.updateParams.reformConfirmFlag === 0,
-            pickerOptions: this.getPickerOptions(this.updateParams.createTime, this.updateParams.reformDeadline)
-        }, {
-            name: "治理措施及要求",
-            type: "textarea",
-            width: "100%",
-            key: "executeMeasure",
-            require: true,
-            hide: this.updateParams.reformConfirmFlag === 0,
-            showError: false,
-            placeholder: "请输入治理措施与要求"
-        }, {
-            name: "治理资金",
-            type: "number",
-            width: "calc(50% - 20px)",
-            key: "executeMoney",
-            require: true,
-            hide: this.updateParams.reformConfirmFlag === 0,
-            showError: false,
-            rules: [
-                { pattern: /^[1-9]\d{0,7}(\.\d{1,2})?$/, message: '不超过八位的整数，保留两位小数', },
-            ],
-            unit: {
-                name: "元",
-                type: "text"
-            }
-        }, {
-            name: "资金来源",
-            type: "textarea",
-            width: "calc(50% - 20px)",
-            key: "executeMoneySource",
-            hide: this.updateParams.reformConfirmFlag === 0,
-            placeholder: "请输入资金来源"
-        }, {
-            name: "确认人",
-            type: "text",
-            width: "calc(50% - 20px)",
-            key: "realConfirmUserName",
-            require: true,
-            disable: true,
-        }, {
-            name: "确认时间",
-            type: "date",
-            subType: "datetime",
-            width: "calc(50% - 20px)",
-            require: true,
-            key: "realConfirmTime",
-            format: "yyyy-MM-dd HH:mm",
-            showError: false,
-            disable: true,
-            pickerOptions: this.getPickerOptions(this.updateParams.createTime),
-        }]
-        this.updateOptions3 = [{
-            name: "接受确认",
-            key: "executeConfirmFlag",
-            format: "executeConfirmFlagName",
-            type: "radio",
-            width: "100%",
-            require: true,
-            showError: false,
-            datas: this.isAccept
-        }, {
-            name: "整改结果",
-            key: "executeResult",
-            format: "executeResultName",
-            type: "radio",
-            hide: this.updateParams.executeConfirmFlag === 0,
-            width: "100%",
-            require: true,
-            showError: false,
-            datas: this.executeResultList
-        }, {
-            name: "治理情况汇报",
-            type: "textarea",
-            width: "100%",
-            key: "executeSituation",
-            require: true,
-            hide: this.updateParams.executeConfirmFlag === 0,
-            showError: false,
-            placeholder: "请输入治理措施与要求"
-        }, {
-            name: "原因说明",
-            type: "textarea",
-            width: "100%",
-            key: "executeReasonDescription",
-            require: true,
-            hide: this.updateParams.executeConfirmFlag,
-            showError: false,
-            placeholder: "请输入未确认原因"
-        }, {
-            name: "照片及相关附件",
-            key: "file2",
-            type: "upload",
-            hide: this.updateParams.executeConfirmFlag === 0,
-            width: "100%",
-            showError: false,
-            onSucess: this.onSuccess3,
-            onMove: this.onRemove3,
-            onPreview: this.onPreview,
-            autoUpload: true,
-            accept: "image/png, image/jpeg,.doc,.docx,.xls,.xlsx,.pdf",
-            listType: "text",
-            tip: this.isReadonly ? "" : "请上传.pdf,.png,.jpg,.doc.docx,.xls,.xlsx格式文件",
-            fileList: this.fileList2,
-            btn: [{
-                name: "点击上传附件",
-                value: "upload",
-                hide: this.isReadonly,
-                size: "small",
-                type: "primary"
-            }]
-        }, {
-            name: "整改人",
-            type: "text",
-            width: "calc(50% - 20px)",
-            key: "realExecuteUserName",
-            require: true,
-            disable: true,
-        }, {
-            name: "整改时间",
-            type: "date",
-            subType: "datetime",
-            width: "calc(50% - 20px)",
-            require: true,
-            key: "realExecuteTime",
-            format: "yyyy-MM-dd HH:mm",
-            showError: false,
-            pickerOptions: this.getPickerOptions(this.updateParams.realConfirmTime),
-            disable: true
-        }]
-        this.updateOptions4 = [{
-            name: "验证结果",
-            key: "verifyConfirmFlag",
-            format: "verifyConfirmFlagName",
-            type: "radio",
-            width: "100%",
-            require: true,
-            showError: false,
-            datas: this.isPass
-        }, {
-            name: "验证情况",
-            type: "textarea",
-            width: "100%",
-            key: "verifySituation",
-            placeholder: "请输入验证情况"
-        }, {
-            name: "照片",
-            key: "photo2",
-            type: "upload",
-            width: "100%",
-            onSucess: this.onSuccess4,
-            onMove: this.onRemove4,
-            autoUpload: true,
-            onPreview: this.onPreview,
-            accept: "image/png, image/jpeg",
-            listType: "picture-card",
-            fileList: this.photoList2,
-            icon: "el-icon-plus",
-        }, {
-            name: "验证人",
-            type: "text",
-            width: "calc(50% - 20px)",
-            key: "realVerifyUserName",
-            require: true,
-            disable: true,
-        }, {
-            name: "验证时间",
-            type: "date",
-            subType: "datetime",
-            width: "calc(50% - 20px)",
-            require: true,
-            key: "realVerifyTime",
-            format: "yyyy-MM-dd HH:mm",
-            showError: false,
-            pickerOptions: this.getPickerOptions(this.updateParams.realExecuteTime),
-            disable: true
-        }]
-    }
-
-    @Watch("$store.state.prevention_risk_source", { immediate: true, deep: true })
-    onChanges() {
-        this.initRiskSource()
-    }
+  public levelMap = ["", "一般隐患", "重大隐患"];
+  public reformModeMap = ["", "即查即改", "限期整改"];
+  public executeResultMap = [
+    "",
+    "完成",
+    "降低标准完成",
+    "未完成",
+    "延期完成",
+    "延期未完成",
+  ];
+  public executeResultList = [
+    {
+      name: "完成",
+      value: 1,
+      disable: true,
+    },
+    {
+      name: "降低标准完成",
+      value: 2,
+      disable: false,
+    },
+    {
+      name: "未完成",
+      value: 3,
+    },
+    {
+      name: "延期完成",
+      value: 4,
+    },
+    {
+      name: "延期未完成",
+      value: 5,
+    },
+  ];
 
+  created() {
     //重大危险源
-    public initRiskSource() {
-        this.riskSource = [] as any;
-        this.riskSource = JSON.parse(JSON.stringify(this.$store.state.prevention_risk_source));
-        this.riskSource.unshift({
-            name: '不涉及',
-            value: 0,
-        })
-        this.getTableCallback()
+    // this.initRiskSource();
+    // console.log('111');
+  }
+  public tabTableChange(type) {
+    this.params.pageNum = 1;
+    if (type === 4) {
+      this.tableActionWidth = "250";
+    } else {
+      this.tableActionWidth = "150";
     }
+    // this.params.type = +this.params.type
+    this.getTableData();
+  }
 
-    public buildTable() {
-        this.tableColumn.push({
-            name: '当前节点', width: "100", render: (data) => {
-                if (data.taskInfo.processStatus === 2) {
-                    return `<span class="color_0">中断</span></span>`
-                } else if (data.taskInfo.processStatus === 3) {
-                    return `<span class="color_6">作废</span></span>`
-                } else if (data.taskInfo.processStatus === 4) {
-                    return `<span class="color_1">结束</span>`
-                } else {
-                    return `<span class="color_2">${this.statusMap[data.status]}</span>`
-                }
-            }
-        });
-        this.tableColumn.push({ name: '当前执行人', width: "100", key: "executor", render: (data) => data.taskInfo.executors || "--" });
-        this.tableColumn.push({ name: '最新提交时间', width: "180", key: "updateTime", sortable: 'custom' });
-        this.tableColumn.push({ name: '发起人', width: "100", key: "startUser", render: (data) => data.taskInfo.startUser || "--" });
-        this.tableColumn.push({ name: '隐患来源', width: "150", render: (data) => this.$store.getters.prevention_danger_resource_map[data.source] });
-        this.tableColumn.push({
-            name: '重大危险源', width: "150", render: (data) => {
-                if (data.majorHazard) {
-                    return this.$store.getters.prevention_risk_source_map[data.majorHazard]
-                } else {
-                    return '不涉及'
-                }
-            }
-        });
-        this.tableColumn.push({ name: '上报人', width: "100", key: "reportUserName", render: (data) => data.reportUserName || "--" });
-        this.tableColumn.push({ name: '上报时间', width: "150", key: "reportTime", render: (data) => data.reportTime || "--" });
-        this.tableColumn.push({
-            name: '隐患标题', width: "150", render: (data) => {
-                if (this.params.type == 1) {
-                    return `<span class="text_link">${data.title || '未命名'}</span>`
-                } else {
-                    return data.title
-                }
-            }
-        });
-        this.tableColumn.push({ name: '隐患描述', key: "description", width: "300" });
-        this.tableColumn.push({ name: '隐患级别', render: (data) => this.levelMap[data.level] });
-        this.tableColumn.push({ name: '隐患分类', render: (data) => this.$store.getters.prevention_dangrous_type_map[data.classify] });
-        this.tableColumn.push({ name: '整改方式', render: (data) => this.reformModeMap[data.reformMode] });
-        this.tableColumn.push({ name: '整改部门', render: (data) => data.reformDeptName });
-        this.tableColumn.push({ name: '隐患位置', width: "150", key: "locationName" });
-        this.tableColumn.push({ name: '治理人', width: "100", key: "executeUserName" });
-        this.tableColumn.push({ name: '整改结果', width: "100", render: (data) => this.executeResultMap[data.executeResult] });
-        this.tableColumn.push({ name: '整改时限', width: "120", key: "reformDeadline" });
-    }
+  public getTableCallback() {
+    this.tableActions = [
+      {
+        name: "添加",
+        value: "add",
+        icon: "el-icon-plus",
+        type: "primary",
+      },
+    ] as any;
+    // this.footerActions = [{
+    //     name: "选择全部",
+    //     value: "selectAll",
+    //     hide: this.params.type !== 1,
+    //     type: "primary"
+    // }, {
+    //     name: "反向选择",
+    //     hide: this.params.type !== 1,
+    //     value: "reverse"
+    // }];
+    this.updateActions = [
+      {
+        name: "取消",
+        value: "cancel",
+      },
+      {
+        name: "保存",
+        value: "draft",
+        hide: this.updateParams.status > 0,
+        type: "primary",
+      },
+      {
+        name: "提交",
+        value: "submit",
+        type: "primary",
+      },
+    ];
+    this.formOptions = [
+      {
+        name: "隐患等级",
+        key: "level",
+        type: "select",
+        datas: [
+          {
+            name: "一般隐患",
+            value: 1,
+          },
+          {
+            name: "重大隐患",
+            value: 2,
+          },
+        ],
+      },
+      {
+        name: "隐患分类",
+        key: "classify",
+        type: "select",
+        datas: this.$store.state.prevention_dangrous_type,
+      },
+      {
+        name: "整改方式",
+        key: "reformMode",
+        type: "select",
+        datas: [
+          {
+            name: "即查即改",
+            value: 1,
+          },
+          {
+            name: "限期整改",
+            value: 2,
+          },
+        ],
+      },
+      {
+        name: "整改部门",
+        key: "reformDeptId",
+        type: "treeSelect",
+        width: "280px",
+        expandLevel: Infinity,
+        datas: this.$store.state.deptTreeList,
+      },
+      {
+        name: "重大危险源",
+        key: "majorHazard",
+        type: "select",
+        clearable: true,
+        datas: this.riskSource,
+      },
+    ];
 
-    public rowCallback(el, data) {
-        const isTarget = el.target.classList.contains("text_link");
-        if (isTarget) {
-            if (data.status === 2) {
-                const dateJudge = moment().format("YYYY-MM-DD HH:mm") > data.reformDeadline ? true : false;
-                data = Object.assign({
-                    realConfirmUserId: this.account.userId,
-                    realConfirmUserName: this.account.nickName,
-                    // realConfirmTime: moment().format("YYYY-MM-DD HH:mm"),
-                    reformConfirmFlag: dateJudge ? 0 : 1
-                }, data)
-                data.realConfirmTime = moment().format("YYYY-MM-DD HH:mm");
-                this.getTableCallback()
-            }
-            if (data.status === 3) {
-                const dateJudge = moment().format("YYYY-MM-DD HH:mm") > data.executeDeadline ? true : false
-                data = Object.assign({
-                    realExecuteUserId: this.account.userId,
-                    realExecuteUserName: this.account.nickName,
-                    realExecuteTime: moment().format("YYYY-MM-DD HH:mm"),
-                    executeConfirmFlag: 1
-                }, data)
-                this.executeResultList[0].disable = dateJudge
-                this.executeResultList[1].disable = dateJudge
-                this.getTableCallback()
-            }
-            if (data.status === 4) {
-                data = Object.assign({
-                    realVerifyUserId: this.account.userId,
-                    realVerifyUserName: this.account.nickName,
-                    realVerifyTime: moment().format("YYYY-MM-DD HH:mm"),
-                    verifyConfirmFlag: 1
-                }, data)
-            }
-            this.showUpdateModel(data)
-        }
+    this.updateOptions = [
+      {
+        name: "隐患编号",
+        key: "number",
+        disable: true,
+        width: "calc(50% - 20px)",
+        require: true,
+        showError: false,
+        type: "text",
+      },
+      {
+        name: "隐患来源",
+        key: "source",
+        format: "sourceName",
+        type: "select",
+        width: "calc(50% - 20px)",
+        require: true,
+        showError: false,
+        datas: this.$store.state.prevention_danger_resource,
+      },
+      {
+        name: "隐患标题",
+        key: "title",
+        width: "100%",
+        require: true,
+        showError: false,
+        type: "text",
+      },
+      {
+        name: "隐患描述",
+        width: "100%",
+        key: "description",
+        require: true,
+        showError: false,
+        type: "textarea",
+      },
+      {
+        name: "隐患级别",
+        key: "level",
+        format: "levelName",
+        type: "select",
+        width: "calc(50% - 20px)",
+        require: true,
+        showError: false,
+        datas: [
+          {
+            name: "一般隐患",
+            value: 1,
+          },
+          {
+            name: "重大隐患",
+            value: 2,
+          },
+        ],
+      },
+      {
+        name: "整改方式",
+        key: "reformMode",
+        format: "reformModeName",
+        type: "select",
+        width: "calc(50% - 20px)",
+        require: true,
+        showError: false,
+        datas: [
+          {
+            name: "即查即改",
+            value: 1,
+          },
+          {
+            name: "限期整改",
+            value: 2,
+          },
+        ],
+      },
+      {
+        name: "隐患位置",
+        key: "locationName",
+        type: "text",
+        width: "calc(50% - 20px)",
+        require: true,
+        showError: false,
+        unit: {
+          type: "btn",
+          name:
+            this.updateParams.status > 1 || this.isReadonly
+              ? "查看定位"
+              : "点击定位",
+          value: "fixed",
+          btnType: "primary",
+        },
+      },
+      {
+        name: "隐患分类",
+        key: "classify",
+        format: "classifyName",
+        type: "select",
+        width: "calc(50% - 20px)",
+        require: true,
+        showError: false,
+        datas: this.$store.state.prevention_dangrous_type,
+      },
+      {
+        name: "整改部门",
+        key: "reformDeptId",
+        format: "reformDeptName",
+        type: "treeSelect",
+        width: "calc(50% - 20px)",
+        require: true,
+        expandLevel: Infinity,
+        showError: false,
+        datas: this.$store.state.deptTreeList,
+      },
+      {
+        name: "整改责任人",
+        key: "reformUserId",
+        format: "reformUserName",
+        type: "select",
+        width: "calc(50% - 20px)",
+        require: true,
+        showError: false,
+        datas: this.$store.state.userList,
+      },
+      {
+        name: "验证人",
+        key: "verifyUserId",
+        format: "verifyUserName",
+        type: "select",
+        width: "calc(50% - 20px)",
+        require: true,
+        showError: false,
+        datas: this.$store.state.userList,
+      },
+      {
+        name: "整改时限",
+        key: "reformDeadline",
+        type: "date",
+        subType: "datetime",
+        format: "yyyy-MM-dd HH",
+        width: "calc(50% - 20px)",
+        require: true,
+        showError: false,
+        pickerOptions: this.getPickerOptions(),
+      },
+      {
+        name: "隐患照片",
+        key: "photo",
+        ref: "photo",
+        type: "upload",
+        width: "calc(50% - 20px)",
+        require: true,
+        onSucess: this.onSuccess,
+        onMove: this.onRemove,
+        showError: false,
+        autoUpload: true,
+        onPreview: this.onPreview,
+        accept: "image/png, image/jpeg",
+        listType: "picture-card",
+        fileList: this.photoList,
+        icon: "el-icon-plus",
+      },
+      {
+        name: "相关附件",
+        key: "file",
+        ref: "file",
+        type: "upload",
+        width: "calc(50% - 20px)",
+        showError: false,
+        onSucess: this.onSuccess2,
+        onMove: this.onRemove2,
+        onPreview: this.onPreview,
+        autoUpload: true,
+        accept: "image/png, image/jpeg,.doc,.docx,.xls,.xlsx,.pdf",
+        listType: "text",
+        tip: this.isReadonly
+          ? ""
+          : "请上传.pdf,.png,.jpg,.doc.docx,.xls,.xlsx格式文件",
+        fileList: this.fileList,
+        btn: [
+          {
+            name: "上传",
+            value: "upload",
+            hide: this.isReadonly,
+            size: "small",
+            type: "primary",
+          },
+        ],
+      },
+      {
+        name: "隐患类别",
+        key: "dangerType",
+        format: "dangerTypeName",
+        type: "select",
+        width: "calc(50% - 20px)",
+        require: true,
+        showError: false,
+        datas: this.$store.state.prevention_danger_type,
+      },
+      {
+        name: "检查类型",
+        key: "inspectType",
+        format: "inspectTypeName",
+        type: "select",
+        width: "calc(50% - 20px)",
+        require: true,
+        showError: false,
+        datas: this.$store.state.prevention_danger_check_type,
+      },
+      {
+        name: "违章人数",
+        key: "violateNumber",
+        type: "number",
+        width: "calc(50% - 20px)",
+        showError: false,
+        rules: [
+          { pattern: /^([1-9][0-9]{0,1}|100)$/, message: "在1~100范围内" },
+        ],
+        min: 1,
+        max: 100,
+      },
+      {
+        name: "专业分类",
+        key: "professionClassify",
+        format: "professionClassifyName",
+        type: "select",
+        width: "calc(50% - 20px)",
+        showError: false,
+        require: true,
+        datas: this.$store.state.prevention_major_type,
+      },
+      {
+        name: "属性分类",
+        key: "attributeClassify",
+        format: "attributeClassifyName",
+        type: "select",
+        width: "calc(50% - 20px)",
+        showError: false,
+        datas: this.$store.state.prevention_safe_reason,
+      },
+      {
+        name: "发生环节",
+        key: "occurNode",
+        format: "occurNodeName",
+        type: "select",
+        width: "calc(50% - 20px)",
+        showError: false,
+        datas: this.$store.state.prevention_occur_step,
+      },
+      {
+        name: "违反规定条款",
+        key: "violateTerm",
+        type: "textarea",
+        width: "100%",
+        showError: false,
+      },
+      {
+        name: "隐患整改要求",
+        key: "reformDemand",
+        type: "textarea",
+        width: "100%",
+        showError: false,
+      },
+      {
+        name: "重大危险源名称",
+        key: "majorHazard",
+        format: "majorHazardName",
+        type: "select",
+        width: "calc(50% - 20px)",
+        require: true,
+        showError: false,
+        datas: this.riskSource,
+      },
+      {
+        name: "发起时间",
+        key: "processStartTime",
+        type: "date",
+        subType: "datetime",
+        format: "yyyy-MM-dd HH:mm:ss",
+        width: "calc(50% - 20px)",
+        require: true,
+        showError: false,
+        disable: true,
+        hide: !this.updateParams.id || this.updateParams.status === 0,
+      },
+    ];
+    this.updateOptions2 = [
+      {
+        name: "隐患确认",
+        key: "reformConfirmFlag",
+        format: "reformConfirmFlagName",
+        type: "radio",
+        width: "100%",
+        require: true,
+        showError: false,
+        datas: this.isSure,
+        disable:
+          this.updateParams.realConfirmTime > this.updateParams.reformDeadline,
+      },
+      {
+        name: "原因说明",
+        type: "textarea",
+        width: "100%",
+        key: "reformReasonDescription",
+        require: true,
+        hide: this.updateParams.reformConfirmFlag,
+        showError: false,
+        placeholder: "请输入未确认原因",
+      },
+      {
+        name: "治理人",
+        type: "select",
+        width: "calc(50% - 20px)",
+        require: true,
+        key: "executeUserId",
+        format: "executeUserName",
+        showError: false,
+        hide: this.updateParams.reformConfirmFlag === 0,
+        datas: this.$store.state.userList,
+      },
+      {
+        name: "治理时限",
+        type: "date",
+        subType: "datetime",
+        width: "calc(50% - 20px)",
+        require: true,
+        key: "executeDeadline",
+        format: "yyyy-MM-dd HH:mm",
+        showError: false,
+        hide: this.updateParams.reformConfirmFlag === 0,
+        pickerOptions: this.getPickerOptions(
+          this.updateParams.createTime,
+          this.updateParams.reformDeadline
+        ),
+      },
+      {
+        name: "治理措施及要求",
+        type: "textarea",
+        width: "100%",
+        key: "executeMeasure",
+        require: true,
+        hide: this.updateParams.reformConfirmFlag === 0,
+        showError: false,
+        placeholder: "请输入治理措施与要求",
+      },
+      {
+        name: "治理资金",
+        type: "number",
+        width: "calc(50% - 20px)",
+        key: "executeMoney",
+        require: true,
+        hide: this.updateParams.reformConfirmFlag === 0,
+        showError: false,
+        rules: [
+          {
+            pattern: /^[1-9]\d{0,7}(\.\d{1,2})?$/,
+            message: "不超过八位的整数，保留两位小数",
+          },
+        ],
+        unit: {
+          name: "元",
+          type: "text",
+        },
+      },
+      {
+        name: "资金来源",
+        type: "textarea",
+        width: "calc(50% - 20px)",
+        key: "executeMoneySource",
+        hide: this.updateParams.reformConfirmFlag === 0,
+        placeholder: "请输入资金来源",
+      },
+      {
+        name: "确认人",
+        type: "text",
+        width: "calc(50% - 20px)",
+        key: "realConfirmUserName",
+        require: true,
+        disable: true,
+      },
+      {
+        name: "确认时间",
+        type: "date",
+        subType: "datetime",
+        width: "calc(50% - 20px)",
+        require: true,
+        key: "realConfirmTime",
+        format: "yyyy-MM-dd HH:mm",
+        showError: false,
+        disable: true,
+        pickerOptions: this.getPickerOptions(this.updateParams.createTime),
+      },
+    ];
+    this.updateOptions3 = [
+      {
+        name: "接受确认",
+        key: "executeConfirmFlag",
+        format: "executeConfirmFlagName",
+        type: "radio",
+        width: "100%",
+        require: true,
+        showError: false,
+        datas: this.isAccept,
+      },
+      {
+        name: "整改结果",
+        key: "executeResult",
+        format: "executeResultName",
+        type: "radio",
+        hide: this.updateParams.executeConfirmFlag === 0,
+        width: "100%",
+        require: true,
+        showError: false,
+        datas: this.executeResultList,
+      },
+      {
+        name: "治理情况汇报",
+        type: "textarea",
+        width: "100%",
+        key: "executeSituation",
+        require: true,
+        hide: this.updateParams.executeConfirmFlag === 0,
+        showError: false,
+        placeholder: "请输入治理措施与要求",
+      },
+      {
+        name: "原因说明",
+        type: "textarea",
+        width: "100%",
+        key: "executeReasonDescription",
+        require: true,
+        hide: this.updateParams.executeConfirmFlag,
+        showError: false,
+        placeholder: "请输入未确认原因",
+      },
+      {
+        name: "照片及相关附件",
+        key: "file2",
+        type: "upload",
+        hide: this.updateParams.executeConfirmFlag === 0,
+        width: "100%",
+        showError: false,
+        onSucess: this.onSuccess3,
+        onMove: this.onRemove3,
+        onPreview: this.onPreview,
+        autoUpload: true,
+        accept: "image/png, image/jpeg,.doc,.docx,.xls,.xlsx,.pdf",
+        listType: "text",
+        tip: this.isReadonly
+          ? ""
+          : "请上传.pdf,.png,.jpg,.doc.docx,.xls,.xlsx格式文件",
+        fileList: this.fileList2,
+        btn: [
+          {
+            name: "点击上传附件",
+            value: "upload",
+            hide: this.isReadonly,
+            size: "small",
+            type: "primary",
+          },
+        ],
+      },
+      {
+        name: "整改人",
+        type: "text",
+        width: "calc(50% - 20px)",
+        key: "realExecuteUserName",
+        require: true,
+        disable: true,
+      },
+      {
+        name: "整改时间",
+        type: "date",
+        subType: "datetime",
+        width: "calc(50% - 20px)",
+        require: true,
+        key: "realExecuteTime",
+        format: "yyyy-MM-dd HH:mm",
+        showError: false,
+        pickerOptions: this.getPickerOptions(this.updateParams.realConfirmTime),
+        disable: true,
+      },
+    ];
+    this.updateOptions4 = [
+      {
+        name: "验证结果",
+        key: "verifyConfirmFlag",
+        format: "verifyConfirmFlagName",
+        type: "radio",
+        width: "100%",
+        require: true,
+        showError: false,
+        datas: this.isPass,
+      },
+      {
+        name: "验证情况",
+        type: "textarea",
+        width: "100%",
+        key: "verifySituation",
+        placeholder: "请输入验证情况",
+      },
+      {
+        name: "照片",
+        key: "photo2",
+        type: "upload",
+        width: "100%",
+        onSucess: this.onSuccess4,
+        onMove: this.onRemove4,
+        autoUpload: true,
+        onPreview: this.onPreview,
+        accept: "image/png, image/jpeg",
+        listType: "picture-card",
+        fileList: this.photoList2,
+        icon: "el-icon-plus",
+      },
+      {
+        name: "验证人",
+        type: "text",
+        width: "calc(50% - 20px)",
+        key: "realVerifyUserName",
+        require: true,
+        disable: true,
+      },
+      {
+        name: "验证时间",
+        type: "date",
+        subType: "datetime",
+        width: "calc(50% - 20px)",
+        require: true,
+        key: "realVerifyTime",
+        format: "yyyy-MM-dd HH:mm",
+        showError: false,
+        pickerOptions: this.getPickerOptions(this.updateParams.realExecuteTime),
+        disable: true,
+      },
+    ];
+  }
 
-    }
+  @Watch("$store.state.prevention_risk_source", { immediate: true, deep: true })
+  onChanges() {
+    this.initRiskSource();
+  }
 
-    public changeStatus(data, newStatus) {
-        this.$confirm("确认要" + (newStatus === 1 ? "中断数据？" : newStatus === 3 ? "作废数据？" : "恢复数据？"), "操作确认", {
-            type: 'warning'
-        }).then(() => {
-            this.tableService.operateProcess({
-                id: data.id,
-                type: newStatus,
-                processInstanceId: data.taskInfo.processInstanceId,
-                reason: newStatus === 3 ? '作废' : null
-            }).then(res => {
-                this.$message.success(newStatus === 1 ? "中断成功" : newStatus === 3 ? "作废成功" : "恢复成功");
-                this.getTableData()
-            })
-        })
-    }
+  //重大危险源
+  public initRiskSource() {
+    this.riskSource = [] as any;
+    this.riskSource = JSON.parse(
+      JSON.stringify(this.$store.state.prevention_risk_source)
+    );
+    this.riskSource.unshift({
+      name: "不涉及",
+      value: 0,
+    });
+    this.getTableCallback();
+  }
 
-    public change(data, item) {
-        if (item && (item.key === "reformConfirmFlag" || item.key === "executeConfirmFlag")) {
-            this.getTableCallback()
-            return
-        }
-        // if (item && item.key === 'executeMoney') {
-        //     this.updateParams.executeMoney = null;
-        //     setTimeout(() => {
-        //         this.updateParams.executeMoney = +data.toFixed(2)
-        //     }, 0)
-        // }
-        if (item && item.key === "reformDeadline") {
-            const now = moment().format("YYYY-MM-DD HH");
-            if (now > data) {
-                this.$message.error("整改时限不能早于当前时间")
-                this.updateParams.reformDeadline = null;
-                return
-            }
-        }
-        if (item && item.key === "executeDeadline") {
-            const now = this.updateParams.taskInfo.processStartTime;
-            if (now > data) {
-                this.$message.error("治理时限不能早于发起时间")
-                this.updateParams.executeDeadline = null;
-                return
-            }
-
-            const reform = this.updateParams.reformDeadline
-            if (data > reform) {
-                this.$message.error("治理时限不能超过整改时限")
-                this.updateParams.executeDeadline = null;
-                return
-            }
-        }
-        if (item && item.key === "realConfirmTime") {
-            const now = this.updateParams.taskInfo.processStartTime;
-            if (now > data) {
-                this.$message.error("确认时间不能早于发起时间")
-                this.updateParams.realConfirmTime = null;
-                return
-            }
-        }
-        if (item && item.key === "realExecuteTime") {
-            const now = this.updateParams.realConfirmTime;
-            if (now > data) {
-                this.$message.error("整改时间不能早于确认时间")
-                this.updateParams.realExecuteTime = null;
-                return
-            }
-        }
-        if (item && item.key === "realVerifyTime") {
-            const now = this.updateParams.realExecuteTime;
-            if (now > data) {
-                this.$message.error("验证时间不能早于整改时间")
-                this.updateParams.realVerifyTime = null;
-                return
-            }
-        }
-        if (item && item.key === "inspectUserId") {
-            this.updateParams.inspectUserName = this.$store.getters.user_map[data]
-            return
-        }
-        if (item && item.key === "executeUserId") {
-            this.updateParams.executeUserName = this.$store.getters.user_map[data]
-            return
-        }
-        if (item && item.key === "reformDeptId") {
-            this.updateParams.reformDeptName = this.$store.getters.dept_map[data]
-            return
-        }
-        if (item && item.key === "reformUserId") {
-            this.updateParams.reformUserName = this.$store.getters.user_map[data]
-            return
-        }
-        if (item && item.key === "verifyUserId") {
-            this.updateParams.verifyUserName = this.$store.getters.user_map[data]
-            return
-        }
-    }
-
-    public getPickerOptions(start?, end?) {
-        if (!start) {
-            start = new Date();
-        }
-        return {
-            disabledDate(time) {
-                if (!end) {
-                    return time.getTime() < moment(start).subtract(1, 'day').toDate().getTime();
-                } else {
-                    return time.getTime() < moment(start).subtract(1, 'day').toDate().getTime() || time.getTime() > moment(end).toDate().getTime();
-                }
-            }
-        }
-    }
-
-    public callback(data, type?) {
-        if (type) {
-            if (type === 'pageSize' || type === 'pageNum') {
-                this.params[type] = data;
-            } else {
-                this.params.pageNum = 1
-            }
-            Object.keys(this.params).forEach(item => {
-                if (this.isEmpty(this.params[item])) {
-                    delete this.params[item];
-                }
-            })
-            this.getTableData();
-            return
-        }
-        // 查询
-        if (data.value === "search") {
-            this.getTableData()
-            // 重置
-        } else if (data.value === "reset") {
-            this.reset()
-            // 反选
-        } else if (data.value === "reverse") {
-            this.toggleAll()
-            // 全选
-        } else if (data.value === "selectAll") {
-            this.selectAll()
-        } else if (data.value === "add") {
-            this.showUpdateModel()
-        } else if (data.value === "delete") {
-            this.deleteData(this.selectData.map((item: any) => item.id))
-        } else if (data.value === "fixed") {
-            this.showMap = true
-
-        } else if (data.value === "cancel") {
-            this.handleClose()
-
-        } else if (data.value === "draft" || data.value === "submit") {
-            this.doSave(data.value === "submit");
-
-        }
-    }
-
-    public isEmpty(obj) {
-        if (typeof obj === 'undefined' || obj === null || obj === '') {
-            return true;
+  public buildTable() {
+    this.tableColumn.push({
+      name: "当前节点",
+      width: "100",
+      render: (data) => {
+        if (data.taskInfo.processStatus === 2) {
+          return `<span class="color_0">中断</span></span>`;
+        } else if (data.taskInfo.processStatus === 3) {
+          return `<span class="color_6">作废</span></span>`;
+        } else if (data.taskInfo.processStatus === 4) {
+          return `<span class="color_1">结束</span>`;
         } else {
-            return false;
+          return `<span class="color_2">${this.statusMap[data.status]}</span>`;
         }
-    }
-
-    // 重置数据
-    public reset() {
-        this.params = {
-            type: this.params.type,
-            pageNum: 1,
-            pageSize: 20,
-            bpmSchemeCode: "prevention-yhzl"
-        } as any;
-        this.getTableData()
-    }
-
-
-
-    public showUpdateModel(row?, isRead?) {
-        this.initRiskSource()
-        this.isReadonly = !!isRead
-        this.updateParams = { status: 0, source: 9, dangerType: 4, photo: null } as any;
-        if (!row) {
-            this.tableService.getNumber().then(res => {
-                this.updateParams.number = res.data
-                this.getTableCallback();
-                this.showUpdate = true
-            })
+      },
+    });
+    this.tableColumn.push({
+      name: "当前执行人",
+      width: "100",
+      key: "executor",
+      render: (data) => data.taskInfo.executors || "--",
+    });
+    this.tableColumn.push({
+      name: "最新提交时间",
+      width: "180",
+      key: "updateTime",
+      sortable: "custom",
+    });
+    this.tableColumn.push({
+      name: "发起人",
+      width: "100",
+      key: "startUser",
+      render: (data) => data.taskInfo.startUser || "--",
+    });
+    this.tableColumn.push({
+      name: "隐患来源",
+      width: "150",
+      render: (data) =>
+        this.$store.getters.prevention_danger_resource_map[data.source],
+    });
+    this.tableColumn.push({
+      name: "重大危险源",
+      width: "150",
+      render: (data) => {
+        if (data.majorHazard) {
+          return this.$store.getters.prevention_risk_source_map[
+            +data.majorHazard
+          ];
         } else {
-            this.updateParams = Object.assign({
-                verifyConfirmFlagName: this.isPassMap[row.verifyConfirmFlag],
-                executeConfirmFlagName: this.isAcceptMap[row.executeConfirmFlag],
-                reformConfirmFlagName: this.isSureMap[row.reformConfirmFlag],
-                executeResultName: this.executeResultMap[row.executeResult],
-                sourceName: this.$store.getters.prevention_danger_resource_map[row.source],
-                attributeClassifyName: this.$store.getters.prevention_safe_reason_map[row.attributeClassify],
-                classifyName: this.$store.getters.prevention_dangrous_type_map[row.classify],
-                dangerTypeName: this.$store.getters.prevention_danger_type_map[row.dangerType],
-                inspectTypeName: this.$store.getters.prevention_danger_check_type_map[row.inspectType],
-                levelName: this.levelMap[row.level],
-                occurNodeName: this.$store.getters.prevention_occur_step_map[row.occurNode],
-                professionClassifyName: this.$store.getters.prevention_major_type_map[row.professionClassify],
-                reformModeName: this.reformModeMap[row.reformMode],
-                majorHazard: null,
-                processStartTime: row.taskInfo.processStartTime
-            }, row);
-            this.updateParams.majorHazard = this.updateParams.majorHazard ? +this.updateParams.majorHazard : 0
-            this.updateParams.majorHazardName = !this.updateParams.majorHazard ? '不涉及' : this.$store.getters.prevention_risk_source_map[this.updateParams.majorHazard]
-            const option = this.updateOptions.find(item => item.key === "processStartTime") as any;
-            option.hide = row.status === 0;
-            // 获取url
-            if (row.resourceId) {
-                this.tableService.getFileUrls({ ids: row.resourceId.split(",") }).then((photos: any) => {
-                    this.photoList = photos.data.map(item => {
-                        return {
-                            name: item.originalName,
-                            url: item.url,
-                            type: item.type,
-                            id: item.id
-                        }
-                    })
-                    if (!this.isReadonly && this.updateParams.status < 2) {
-                        this.updateParams.photo = this.photoList.length
-                    }
-
-                    this.getTableCallback()
-                })
-            }
-            if (row.resourceOtherId) {
-                this.tableService.getFileUrls({ ids: row.resourceOtherId.split(",") }).then((files: any) => {
-                    this.fileList = files.data.map(item => {
-                        return {
-                            name: item.originalName,
-                            url: item.url,
-                            type: item.type,
-                            id: item.id
-                        }
-                    })
-                    this.getTableCallback()
-                })
-            }
-            if (row.executeResourceId) {
-                this.tableService.getFileUrls({ ids: row.executeResourceId.split(",") }).then((files: any) => {
-                    this.fileList2 = files.data.map(item => {
-                        return {
-                            name: item.originalName,
-                            url: item.url,
-                            type: item.type,
-                            id: item.id
-                        }
-                    })
-                    this.getTableCallback()
-                })
-            }
-            if (row.verifyResourceId) {
-                this.tableService.getFileUrls({ ids: row.verifyResourceId.split(",") }).then((files: any) => {
-                    this.photoList2 = files.data.map(item => {
-                        return {
-                            name: item.originalName,
-                            url: item.url,
-                            type: item.type,
-                            id: item.id
-                        }
-                    })
-                    this.getTableCallback()
-                })
-            }
-            this.getTableCallback()
-            this.showUpdate = true
+          return "不涉及";
         }
-    }
-
-    public doSave(isSubmit) {
-        // 如果是提交 状态直接改成2变成代办  防止隐患确认退回变成草稿
-        // 从草稿或者新创建的 要记住 走startWorkFlow
-        // 从状态1  上报来不走startWorkFlow
-        let preStatus = this.updateParams.status;
-        const handleParams = {
-            "taskId": this.updateParams.taskInfo?.taskId ?? "",
-            "type": "agree",
-            "bizData": [{
-                "bizId": this.updateParams.id,
-                "data": JSON.stringify(this.updateParams)
-            }]
+      },
+    });
+    this.tableColumn.push({
+      name: "上报人",
+      width: "100",
+      key: "reportUserName",
+      render: (data) => data.reportUserName || "--",
+    });
+    this.tableColumn.push({
+      name: "上报时间",
+      width: "150",
+      key: "reportTime",
+      render: (data) => data.reportTime || "--",
+    });
+    this.tableColumn.push({
+      name: "隐患标题",
+      width: "150",
+      render: (data) => {
+        if (this.params.type == 1) {
+          return `<span class="text_link">${data.title || "未命名"}</span>`;
+        } else {
+          return data.title;
         }
-        let userIds = [] as any;
-        if (!preStatus || preStatus === 1) {
-            if (isSubmit) {
-                this.updateParams.status = 2;
-            }
-            userIds = [this.updateParams.reformUserId]
-        } else if (preStatus === 2) {
-            // 确认下一步  退回上一步
-            if (this.updateParams.reformConfirmFlag) {
-                this.updateParams.status += 1;
-                userIds = [this.updateParams.executeUserId]
-            } else {
-                this.updateParams.status -= 1;
-                handleParams.type = "reject"
-            }
-            this.updateParams.realConfirmTime = moment().format('YYYY-MM-DD HH:mm:ss')
-        } else if (preStatus === 3) {
-            // 确认下一步  退回上一步
-            if (this.updateParams.executeConfirmFlag) {
-                this.updateParams.status += 1
-                userIds = [this.updateParams.verifyUserId]
-            } else {
-                this.updateParams.status -= 1
-                handleParams.type = "reject"
-            }
-            this.updateParams.realExecuteTime = moment().format('YYYY-MM-DD HH:mm:ss')
-        } else if (preStatus === 4) {
-            // 确认下一步  退回上一步
-            if (this.updateParams.verifyConfirmFlag) {
-                this.updateParams.status += 1
-            } else {
-                this.updateParams.status -= 1
-                handleParams.type = "reject"
-            }
-            this.updateParams.realVerifyTime = moment().format('YYYY-MM-DD HH:mm:ss')
+      },
+    });
+    this.tableColumn.push({
+      name: "隐患描述",
+      key: "description",
+      width: "300",
+    });
+    this.tableColumn.push({
+      name: "隐患级别",
+      render: (data) => this.levelMap[data.level],
+    });
+    this.tableColumn.push({
+      name: "隐患分类",
+      render: (data) =>
+        this.$store.getters.prevention_dangrous_type_map[data.classify],
+    });
+    this.tableColumn.push({
+      name: "整改方式",
+      render: (data) => this.reformModeMap[data.reformMode],
+    });
+    this.tableColumn.push({
+      name: "整改部门",
+      render: (data) => data.reformDeptName,
+    });
+    this.tableColumn.push({
+      name: "隐患位置",
+      width: "150",
+      key: "locationName",
+    });
+    this.tableColumn.push({
+      name: "治理人",
+      width: "100",
+      key: "executeUserName",
+    });
+    this.tableColumn.push({
+      name: "整改结果",
+      width: "100",
+      render: (data) => this.executeResultMap[data.executeResult],
+    });
+    this.tableColumn.push({
+      name: "整改时限",
+      width: "120",
+      key: "reformDeadline",
+    });
+  }
+
+  public rowCallback(el, data) {
+    const isTarget = el.target.classList.contains("text_link");
+    if (isTarget) {
+      if (data.status === 2) {
+        const dateJudge =
+          moment().format("YYYY-MM-DD HH:mm") > data.reformDeadline
+            ? true
+            : false;
+        data = Object.assign(
+          {
+            realConfirmUserId: this.account.userId,
+            realConfirmUserName: this.account.nickName,
+            // realConfirmTime: moment().format("YYYY-MM-DD HH:mm"),
+            reformConfirmFlag: dateJudge ? 0 : 1,
+          },
+          data
+        );
+        data.realConfirmTime = moment().format("YYYY-MM-DD HH:mm");
+        this.getTableCallback();
+      }
+      if (data.status === 3) {
+        const dateJudge =
+          moment().format("YYYY-MM-DD HH:mm") > data.executeDeadline
+            ? true
+            : false;
+        data = Object.assign(
+          {
+            realExecuteUserId: this.account.userId,
+            realExecuteUserName: this.account.nickName,
+            realExecuteTime: moment().format("YYYY-MM-DD HH:mm"),
+            executeConfirmFlag: 1,
+          },
+          data
+        );
+        this.executeResultList[0].disable = dateJudge;
+        this.executeResultList[1].disable = dateJudge;
+        this.getTableCallback();
+      }
+      if (data.status === 4) {
+        data = Object.assign(
+          {
+            realVerifyUserId: this.account.userId,
+            realVerifyUserName: this.account.nickName,
+            realVerifyTime: moment().format("YYYY-MM-DD HH:mm"),
+            verifyConfirmFlag: 1,
+          },
+          data
+        );
+      }
+      this.showUpdateModel(data);
+    }
+  }
+
+  public changeStatus(data, newStatus) {
+    this.$confirm(
+      "确认要" +
+        (newStatus === 1
+          ? "中断数据？"
+          : newStatus === 3
+          ? "作废数据？"
+          : "恢复数据？"),
+      "操作确认",
+      {
+        type: "warning",
+      }
+    ).then(() => {
+      this.tableService
+        .operateProcess({
+          id: data.id,
+          type: newStatus,
+          processInstanceId: data.taskInfo.processInstanceId,
+          reason: newStatus === 3 ? "作废" : null,
+        })
+        .then((res) => {
+          this.$message.success(
+            newStatus === 1
+              ? "中断成功"
+              : newStatus === 3
+              ? "作废成功"
+              : "恢复成功"
+          );
+          this.getTableData();
+        });
+    });
+  }
+
+  public change(data, item) {
+    if (
+      item &&
+      (item.key === "reformConfirmFlag" || item.key === "executeConfirmFlag")
+    ) {
+      this.getTableCallback();
+      return;
+    }
+    // if (item && item.key === 'executeMoney') {
+    //     this.updateParams.executeMoney = null;
+    //     setTimeout(() => {
+    //         this.updateParams.executeMoney = +data.toFixed(2)
+    //     }, 0)
+    // }
+    if (item && item.key === "reformDeadline") {
+      const now = moment().format("YYYY-MM-DD HH");
+      if (now > data) {
+        this.$message.error("整改时限不能早于当前时间");
+        this.updateParams.reformDeadline = null;
+        return;
+      }
+    }
+    if (item && item.key === "executeDeadline") {
+      const now = this.updateParams.taskInfo.processStartTime;
+      if (now > data) {
+        this.$message.error("治理时限不能早于发起时间");
+        this.updateParams.executeDeadline = null;
+        return;
+      }
+
+      const reform = this.updateParams.reformDeadline;
+      if (data > reform) {
+        this.$message.error("治理时限不能超过整改时限");
+        this.updateParams.executeDeadline = null;
+        return;
+      }
+    }
+    if (item && item.key === "realConfirmTime") {
+      const now = this.updateParams.taskInfo.processStartTime;
+      if (now > data) {
+        this.$message.error("确认时间不能早于发起时间");
+        this.updateParams.realConfirmTime = null;
+        return;
+      }
+    }
+    if (item && item.key === "realExecuteTime") {
+      const now = this.updateParams.realConfirmTime;
+      if (now > data) {
+        this.$message.error("整改时间不能早于确认时间");
+        this.updateParams.realExecuteTime = null;
+        return;
+      }
+    }
+    if (item && item.key === "realVerifyTime") {
+      const now = this.updateParams.realExecuteTime;
+      if (now > data) {
+        this.$message.error("验证时间不能早于整改时间");
+        this.updateParams.realVerifyTime = null;
+        return;
+      }
+    }
+    if (item && item.key === "inspectUserId") {
+      this.updateParams.inspectUserName = this.$store.getters.user_map[data];
+      return;
+    }
+    if (item && item.key === "executeUserId") {
+      this.updateParams.executeUserName = this.$store.getters.user_map[data];
+      return;
+    }
+    if (item && item.key === "reformDeptId") {
+      this.updateParams.reformDeptName = this.$store.getters.dept_map[data];
+      return;
+    }
+    if (item && item.key === "reformUserId") {
+      this.updateParams.reformUserName = this.$store.getters.user_map[data];
+      return;
+    }
+    if (item && item.key === "verifyUserId") {
+      this.updateParams.verifyUserName = this.$store.getters.user_map[data];
+      return;
+    }
+  }
+
+  public getPickerOptions(start?, end?) {
+    if (!start) {
+      start = new Date();
+    }
+    return {
+      disabledDate(time) {
+        if (!end) {
+          return (
+            time.getTime() < moment(start).subtract(1, "day").toDate().getTime()
+          );
+        } else {
+          return (
+            time.getTime() <
+              moment(start).subtract(1, "day").toDate().getTime() ||
+            time.getTime() > moment(end).toDate().getTime()
+          );
         }
-        this.updateParams.resourceId = this.photoList.map(item => item.id).join(",")
-        this.updateParams.resourceName = this.photoList.map(item => item.name).join(",")
-        this.updateParams.resourceOtherId = this.fileList.map(item => item.id).join(",")
-        this.updateParams.resourceOtherName = this.fileList.map(item => item.name).join(",")
-        this.updateParams.executeResourceId = this.fileList2.map(item => item.id).join(",")
-        this.updateParams.executeResourceName = this.fileList2.map(item => item.name).join(",")
-        this.updateParams.verifyResourceId = this.photoList2.map(item => item.id).join(",")
-        this.updateParams.verifyResourceName = this.photoList2.map(item => item.name).join(",")
-        this.tableService.addOrUpdate(this.updateParams, !this.updateParams.id).then(res => {
-            this.$message.success(!this.updateParams.id ? (isSubmit ? "提交成功" : '保存草稿成功') : "提交成功");
-            if (!preStatus) {
-                if (isSubmit) {
-                    this.startWorkFlow(this.updateParams.id || res.data, [this.updateParams.reformUserId])
-                } else {
-                    this.getTableData()
-                }
-            } else {
-                this.workFlowService.taskHandle(handleParams).then((data: any) => {
-                    // 验证不需要走下一步
-                    if (data.code === 200) {
-                        if (data.data.code === 1) {
-                            this.doAgain(data.data, userIds)
-                        } else {
-                            this.getTableData()
-                        }
-                    }
+      },
+    };
+  }
 
-                })
-            }
-            this.handleClose();
-        })
+  public callback(data, type?) {
+    if (type) {
+      if (type === "pageSize" || type === "pageNum") {
+        this.params[type] = data;
+      } else {
+        this.params.pageNum = 1;
+      }
+      Object.keys(this.params).forEach((item) => {
+        if (this.isEmpty(this.params[item])) {
+          delete this.params[item];
+        }
+      });
+      this.getTableData();
+      return;
     }
-
-    public startWorkFlow(ids, userIds) {
-        this.workFlowService.startWorkFlow({
-            "bpmSchemeCode": "prevention-yhzl",
-            "userList": userIds,
-            "bizData": {
-                "bizId": ids,
-                "data": JSON.stringify(this.updateParams)
-            }
-        }).then((res: any) => {
-            this.getTableData()
-            // 发起工作流成功
-        })
+    // 查询
+    if (data.value === "search") {
+      this.getTableData();
+      // 重置
+    } else if (data.value === "reset") {
+      this.reset();
+      // 反选
+    } else if (data.value === "reverse") {
+      this.toggleAll();
+      // 全选
+    } else if (data.value === "selectAll") {
+      this.selectAll();
+    } else if (data.value === "add") {
+      this.showUpdateModel();
+    } else if (data.value === "delete") {
+      this.deleteData(this.selectData.map((item: any) => item.id));
+    } else if (data.value === "fixed") {
+      this.showMap = true;
+    } else if (data.value === "cancel") {
+      this.handleClose();
+    } else if (data.value === "draft" || data.value === "submit") {
+      this.doSave(data.value === "submit");
     }
+  }
 
-    public doAgain(data, userIds) {
-        let candidateInfos = data.candidateInfos[0]
-        candidateInfos.userList = [...candidateInfos.userList, ...userIds]
-        this.workFlowService.again({ candidateInfos: [candidateInfos] }).then(() => {
-            this.getTableData()
-            // 发起工作流成功
-        })
-
+  public isEmpty(obj) {
+    if (typeof obj === "undefined" || obj === null || obj === "") {
+      return true;
+    } else {
+      return false;
     }
+  }
 
-    public getMap(map) {
-        this.map = map;
-        this.addMarker();
-    }
-    public addMarker() {
-        this.marker = new mapboxgl.Marker({ draggable: !this.isReadonly && this.updateParams.status < 2 })
-            .setLngLat(this.center)
-            .addTo(this.map);
-        this.map.flyTo({ center: this.center })
-    }
+  // 重置数据
+  public reset() {
+    this.params = {
+      type: this.params.type,
+      pageNum: 1,
+      pageSize: 20,
+      bpmSchemeCode: "prevention-yhzl",
+    } as any;
+    this.getTableData();
+  }
 
-    public onDragEnd() {
-        const lngLat = this.marker.getLngLat();
-        this.updateParams.locationLng = lngLat.lng;
-        this.updateParams.locationLat = lngLat.lat;
-        this.center = [lngLat.lng, lngLat.lat]
-        // this.updateParams.locationName = lngLat.lng+","+lngLat.lat;
-        this.handleClose()
-    }
-
-
-    public onSuccess(res, file, fileList) {
-        if (res.code === 200) {
-            this.photoList.push({
-                name: res.data.originalName,
-                url: res.data.url,
-                type: res.data.type,
-                id: res.data.id
+  public showUpdateModel(row?, isRead?) {
+    this.initRiskSource();
+    this.isReadonly = !!isRead;
+    this.updateParams = {
+      status: 0,
+      source: 9,
+      dangerType: 4,
+      photo: null,
+    } as any;
+    if (!row) {
+      this.tableService.getNumber().then((res) => {
+        this.updateParams.number = res.data;
+        this.getTableCallback();
+        this.showUpdate = true;
+      });
+    } else {
+      this.updateParams = Object.assign(
+        {
+          verifyConfirmFlagName: this.isPassMap[row.verifyConfirmFlag],
+          executeConfirmFlagName: this.isAcceptMap[row.executeConfirmFlag],
+          reformConfirmFlagName: this.isSureMap[row.reformConfirmFlag],
+          executeResultName: this.executeResultMap[row.executeResult],
+          sourceName:
+            this.$store.getters.prevention_danger_resource_map[row.source],
+          attributeClassifyName:
+            this.$store.getters.prevention_safe_reason_map[
+              row.attributeClassify
+            ],
+          classifyName:
+            this.$store.getters.prevention_dangrous_type_map[row.classify],
+          dangerTypeName:
+            this.$store.getters.prevention_danger_type_map[row.dangerType],
+          inspectTypeName:
+            this.$store.getters.prevention_danger_check_type_map[
+              row.inspectType
+            ],
+          levelName: this.levelMap[row.level],
+          occurNodeName:
+            this.$store.getters.prevention_occur_step_map[row.occurNode],
+          professionClassifyName:
+            this.$store.getters.prevention_major_type_map[
+              row.professionClassify
+            ],
+          reformModeName: this.reformModeMap[row.reformMode],
+          majorHazard: null,
+          processStartTime: row.taskInfo.processStartTime,
+        },
+        row
+      );
+      this.updateParams.majorHazard = this.updateParams.majorHazard
+        ? +this.updateParams.majorHazard
+        : 0;
+      this.updateParams.majorHazardName = !this.updateParams.majorHazard
+        ? "不涉及"
+        : this.$store.getters.prevention_risk_source_map[
+            this.updateParams.majorHazard
+          ];
+      const option = this.updateOptions.find(
+        (item) => item.key === "processStartTime"
+      ) as any;
+      option.hide = row.status === 0;
+      // 获取url
+      if (row.resourceId) {
+        this.tableService
+          .getFileUrls({ ids: row.resourceId.split(",") })
+          .then((photos: any) => {
+            this.photoList = photos.data.map((item) => {
+              return {
+                name: item.originalName,
+                url: item.url,
+                type: item.type,
+                id: item.id,
+              };
             });
-            this.updateParams.photo = this.photoList.length;
-            const option = this.updateOptions.find(item => item.key === "photo") as any;
-            option.showError = false
-        }
-    }
-    public onSuccess2(res, file, fileList) {
-        if (res.code === 200) {
-            this.fileList.push({
-                name: res.data.originalName,
-                url: res.data.url,
-                type: res.data.type,
-                id: res.data.id
-            })
-        }
-    }
-    public onSuccess3(res, file, fileList) {
-        if (res.code === 200) {
-            this.fileList2.push({
-                name: res.data.originalName,
-                url: res.data.url,
-                type: res.data.type,
-                id: res.data.id
-            })
-        }
-    }
-    public onSuccess4(res, file, fileList) {
-        if (res.code === 200) {
-            this.photoList2.push({
-                name: res.data.originalName,
-                url: res.data.url,
-                type: res.data.type,
-                id: res.data.id
-            })
-        }
-    }
+            if (!this.isReadonly && this.updateParams.status < 2) {
+              this.updateParams.photo = this.photoList.length;
+            }
 
-    public onRemove(file, fileList) {
-        this.photoList.splice(this.photoList.findIndex(item => item.id === file.id), 1)
-        this.updateParams.photo = this.photoList.length || null
-    }
-    public onRemove2(file, fileList) {
-        this.fileList.splice(this.fileList.findIndex(item => item.id === file.id), 1)
-    }
-    public onRemove3(file, fileList) {
-        this.fileList2.splice(this.fileList2.findIndex(item => item.id === file.id), 1)
-    }
-    public onRemove4(file, fileList) {
-        this.photoList2.splice(this.photoList2.findIndex(item => item.id === file.id), 1)
+            this.getTableCallback();
+          });
+      }
+      if (row.resourceOtherId) {
+        this.tableService
+          .getFileUrls({ ids: row.resourceOtherId.split(",") })
+          .then((files: any) => {
+            this.fileList = files.data.map((item) => {
+              return {
+                name: item.originalName,
+                url: item.url,
+                type: item.type,
+                id: item.id,
+              };
+            });
+            this.getTableCallback();
+          });
+      }
+      if (row.executeResourceId) {
+        this.tableService
+          .getFileUrls({ ids: row.executeResourceId.split(",") })
+          .then((files: any) => {
+            this.fileList2 = files.data.map((item) => {
+              return {
+                name: item.originalName,
+                url: item.url,
+                type: item.type,
+                id: item.id,
+              };
+            });
+            this.getTableCallback();
+          });
+      }
+      if (row.verifyResourceId) {
+        this.tableService
+          .getFileUrls({ ids: row.verifyResourceId.split(",") })
+          .then((files: any) => {
+            this.photoList2 = files.data.map((item) => {
+              return {
+                name: item.originalName,
+                url: item.url,
+                type: item.type,
+                id: item.id,
+              };
+            });
+            this.getTableCallback();
+          });
+      }
+      this.getTableCallback();
+      this.showUpdate = true;
     }
+  }
 
-    public onPreview(file) {
-        if (file.type.indexOf("png") >= 0 || file.type.indexOf("jp") >= 0) {
-            this.currentUrl = file.url;
-            this.showFile = true;
+  public doSave(isSubmit) {
+    // 如果是提交 状态直接改成2变成代办  防止隐患确认退回变成草稿
+    // 从草稿或者新创建的 要记住 走startWorkFlow
+    // 从状态1  上报来不走startWorkFlow
+    let preStatus = this.updateParams.status;
+    const handleParams = {
+      taskId: this.updateParams.taskInfo?.taskId ?? "",
+      type: 1,
+      bizData: {
+        bizId: this.updateParams.id,
+        data: JSON.stringify(this.updateParams),
+        code: "prevention-yhzl",
+        application: "hbt-prevention",
+        processInstanceId:this.updateParams.taskInfo?.processInstanceId,
+        schemeDetailId:this.updateParams.taskInfo?.schemeDetailId
+      },
+      candidateInfos: [],
+    };
+    let userIds = [] as any;
+    if (!preStatus || preStatus === 1) {
+      if (isSubmit) {
+        this.updateParams.status = 2;
+      }
+      userIds = [this.updateParams.reformUserId];
+    } else if (preStatus === 2) {
+      // 确认下一步  退回上一步
+      if (this.updateParams.reformConfirmFlag) {
+        this.updateParams.status += 1;
+        userIds = [this.updateParams.executeUserId];
+      } else {
+        this.updateParams.status -= 1;
+        handleParams.type = 0;
+      }
+      this.updateParams.realConfirmTime = moment().format(
+        "YYYY-MM-DD HH:mm:ss"
+      );
+    } else if (preStatus === 3) {
+      // 确认下一步  退回上一步
+      if (this.updateParams.executeConfirmFlag) {
+        this.updateParams.status += 1;
+        userIds = [this.updateParams.verifyUserId];
+      } else {
+        this.updateParams.status -= 1;
+        handleParams.type = 0;
+      }
+      this.updateParams.realExecuteTime = moment().format(
+        "YYYY-MM-DD HH:mm:ss"
+      );
+    } else if (preStatus === 4) {
+      // 确认下一步  退回上一步
+      if (this.updateParams.verifyConfirmFlag) {
+        this.updateParams.status += 1;
+      } else {
+        this.updateParams.status -= 1;
+        handleParams.type = 0;
+      }
+      this.updateParams.realVerifyTime = moment().format("YYYY-MM-DD HH:mm:ss");
+    }
+    this.updateParams.resourceId = this.photoList
+      .map((item) => item.id)
+      .join(",");
+    this.updateParams.resourceName = this.photoList
+      .map((item) => item.name)
+      .join(",");
+    this.updateParams.resourceOtherId = this.fileList
+      .map((item) => item.id)
+      .join(",");
+    this.updateParams.resourceOtherName = this.fileList
+      .map((item) => item.name)
+      .join(",");
+    this.updateParams.executeResourceId = this.fileList2
+      .map((item) => item.id)
+      .join(",");
+    this.updateParams.executeResourceName = this.fileList2
+      .map((item) => item.name)
+      .join(",");
+    this.updateParams.verifyResourceId = this.photoList2
+      .map((item) => item.id)
+      .join(",");
+    this.updateParams.verifyResourceName = this.photoList2
+      .map((item) => item.name)
+      .join(",");
+    this.tableService
+      .addOrUpdate(this.updateParams, !this.updateParams.id)
+      .then((res) => {
+        this.$message.success(
+          !this.updateParams.id
+            ? isSubmit
+              ? "提交成功"
+              : "保存草稿成功"
+            : "提交成功"
+        );
+        if (!preStatus) {
+          if (isSubmit) {
+            this.startWorkFlow(this.updateParams.id || res.data, [
+              this.updateParams.reformUserId,
+            ]);
+          } else {
+            this.getTableData();
+          }
         } else {
-            window.open(file.url, "_blank")
+          handleParams.candidateInfos = [{ userList: userIds }] as any;
+          this.workFlowService.taskHandle(handleParams).then((data: any) => {
+            // 验证不需要走下一步
+            // if (data.code === 200) {
+            //   if (data.data.code === 1) {
+            //     this.doAgain(data.data, userIds);
+            //   } else {
+            //     this.getTableData();
+            //   }
+            // }
+            this.getTableData();
+          });
         }
-    }
+        this.handleClose();
+      });
+  }
 
-    public handleClose() {
-        if (this.showMap) {
-            this.showMap = false;
-            this.marker.remove();
-            this.marker = undefined;
-            return
+  public startWorkFlow(ids, userIds) {
+    this.workFlowService
+      .startWorkFlow({
+        candidateInfos: [
+          {
+            userList: userIds,
+          },
+        ],
+        bizData: {
+          bizId: ids,
+          data: JSON.stringify(this.updateParams),
+          code: "prevention-yhzl",
+          application: "hbt-prevention",
+        },
+      })
+      .then((res: any) => {
+        this.getTableData();
+        // 发起工作流成功
+      });
+  }
+
+  public doAgain(data, userIds) {
+    let candidateInfos = data.candidateInfos[0];
+    candidateInfos.userList = [...candidateInfos.userList, ...userIds];
+    this.workFlowService
+      .again({ candidateInfos: [candidateInfos] })
+      .then(() => {
+        this.getTableData();
+        // 发起工作流成功
+      });
+  }
+
+  public getMap(map) {
+    this.map = map;
+    this.addMarker();
+  }
+  public addMarker() {
+    this.marker = new mapboxgl.Marker({
+      draggable: !this.isReadonly && this.updateParams.status < 2,
+    })
+      .setLngLat(this.center)
+      .addTo(this.map);
+    this.map.flyTo({ center: this.center });
+  }
+
+  public onDragEnd() {
+    const lngLat = this.marker.getLngLat();
+    this.updateParams.locationLng = lngLat.lng;
+    this.updateParams.locationLat = lngLat.lat;
+    this.center = [lngLat.lng, lngLat.lat];
+    // this.updateParams.locationName = lngLat.lng+","+lngLat.lat;
+    this.handleClose();
+  }
+
+  public onSuccess(res, file, fileList) {
+    if (res.code === 200) {
+      this.photoList.push({
+        name: res.data.originalName,
+        url: res.data.url,
+        type: res.data.type,
+        id: res.data.id,
+      });
+      this.updateParams.photo = this.photoList.length;
+      const option = this.updateOptions.find(
+        (item) => item.key === "photo"
+      ) as any;
+      option.showError = false;
+    }
+  }
+  public onSuccess2(res, file, fileList) {
+    if (res.code === 200) {
+      this.fileList.push({
+        name: res.data.originalName,
+        url: res.data.url,
+        type: res.data.type,
+        id: res.data.id,
+      });
+    }
+  }
+  public onSuccess3(res, file, fileList) {
+    if (res.code === 200) {
+      this.fileList2.push({
+        name: res.data.originalName,
+        url: res.data.url,
+        type: res.data.type,
+        id: res.data.id,
+      });
+    }
+  }
+  public onSuccess4(res, file, fileList) {
+    if (res.code === 200) {
+      this.photoList2.push({
+        name: res.data.originalName,
+        url: res.data.url,
+        type: res.data.type,
+        id: res.data.id,
+      });
+    }
+  }
+
+  public onRemove(file, fileList) {
+    this.photoList.splice(
+      this.photoList.findIndex((item) => item.id === file.id),
+      1
+    );
+    this.updateParams.photo = this.photoList.length || null;
+  }
+  public onRemove2(file, fileList) {
+    this.fileList.splice(
+      this.fileList.findIndex((item) => item.id === file.id),
+      1
+    );
+  }
+  public onRemove3(file, fileList) {
+    this.fileList2.splice(
+      this.fileList2.findIndex((item) => item.id === file.id),
+      1
+    );
+  }
+  public onRemove4(file, fileList) {
+    this.photoList2.splice(
+      this.photoList2.findIndex((item) => item.id === file.id),
+      1
+    );
+  }
+
+  public onPreview(file) {
+    if (file.type.indexOf("png") >= 0 || file.type.indexOf("jp") >= 0) {
+      this.currentUrl = file.url;
+      this.showFile = true;
+    } else {
+      window.open(file.url, "_blank");
+    }
+  }
+
+  public handleClose() {
+    if (this.showMap) {
+      this.showMap = false;
+      this.marker.remove();
+      this.marker = undefined;
+      return;
+    }
+    this.photoList = [];
+    this.photoList2 = [];
+    this.fileList2 = [];
+    this.fileList = [];
+    this.showUpdate = false;
+  }
+
+  public toggleAll() {
+    this.tableData.datas.forEach((item, index) => {
+      (this.$refs.multipleTable as any).toggleRowSelection(item);
+    });
+  }
+
+  public selectable(row) {
+    return row;
+  }
+
+  public selectAll() {
+    if (!this.selectData.length) {
+      this.toggleAll();
+    } else {
+      this.tableData.datas.forEach((item, index) => {
+        const find = this.selectData.find((data: any) => data.id === item.id);
+        if (!find) {
+          (this.$refs.multipleTable as any).toggleRowSelection(item);
         }
-        this.photoList = [];
-        this.photoList2 = [];
-        this.fileList2 = [];
-        this.fileList = [];
-        this.showUpdate = false;
+      });
     }
+  }
 
+  public handleSelectionChange(data) {
+    this.selectData = data;
+  }
 
-    public toggleAll() {
-        this.tableData.datas.forEach((item, index) => {
-            (this.$refs.multipleTable as any).toggleRowSelection(item);
-        })
-    }
-
-    public selectable(row) {
-        return row
-    }
-
-    public selectAll() {
-        if (!this.selectData.length) {
-            this.toggleAll()
-        } else {
-            this.tableData.datas.forEach((item, index) => {
-                const find = this.selectData.find((data: any) => data.id === item.id);
-                if (!find) {
-                    (this.$refs.multipleTable as any).toggleRowSelection(item);
-                }
-            })
-        }
-    }
-
-    public handleSelectionChange(data) {
-        this.selectData = data;
-    }
-
-    //排序事件
-    public sortChange(column) {
-        if (column.order) {
-            this.params.isAsc = column.order == "descending" ? 'desc' : 'asc'
-            this.params.orderByColumn = this.sortAttribute[column.prop]
-        } else {
-            this.params.isAsc = null
-            this.params.orderByColumn = null
-        }
-        this.getTableData()
+  //排序事件
+  public sortChange(column) {
+    if (column.order) {
+      this.params.isAsc = column.order == "descending" ? "desc" : "asc";
+      this.params.orderByColumn = this.sortAttribute[column.prop];
+    } else {
+      this.params.isAsc = null;
+      this.params.orderByColumn = null;
     }
+    this.getTableData();
+  }
 }
 </script>
 <style lang="scss" scoped src="../common.component.scss"></style>
 <style>
 .el-radio-button__inner {
-    border: none !important;
+  border: none !important;
 }
 
 .el-radio-button:first-child .el-radio-button__inner {
-    border-radius: 0px !important;
+  border-radius: 0px !important;
 }
 
 .el-radio-button:last-child .el-radio-button__inner {
-    border-radius: 0px !important;
+  border-radius: 0px !important;
 }
 
-.el-radio-button__orig-radio:checked+.el-radio-button__inner {
-    border-bottom: 2px solid #409EFF !important;
+.el-radio-button__orig-radio:checked + .el-radio-button__inner {
+  border-bottom: 2px solid #409eff !important;
 }
 </style>
diff --git a/src/views/integral/exchange/exchangeFlow/exchange.component.vue b/src/views/integral/exchange/exchangeFlow/exchange.component.vue
index 6069432..6e52c84 100644
--- a/src/views/integral/exchange/exchangeFlow/exchange.component.vue
+++ b/src/views/integral/exchange/exchangeFlow/exchange.component.vue
@@ -1,348 +1,381 @@
-
-
 <script lang="ts">
-import { Component, Watch } from 'vue-property-decorator';
+import { Component, Watch } from 'vue-property-decorator'
 import template from './exchange.component.html'
-import BaseRecordComponent from "hbt-common/components/common/baseRecord.component.vue";
-import FormComponent from "hbt-common/components/common/form.component.vue";
-import TableComponent from "hbt-common/components/common/table.component.vue";
-import ButtonListComponent from "hbt-common/components/common/buttonList.component.vue"
-import IntegralExchangeService from "@/service/integralExchange.service";
-import IntegralCenterService from '@/service/integralCenter.service';
-import IntegralMallService from '@/service/integralMall.service';
-import IntegralFlowService from '@/service/integralFlow.service';
-import FormOption from "hbt-common/models/formOptions";
-import BtnOption from "hbt-common/models/btnOptions";
-import moment from 'moment';
+import BaseRecordComponent from 'hbt-common/components/common/baseRecord.component.vue'
+import FormComponent from 'hbt-common/components/common/form.component.vue'
+import TableComponent from 'hbt-common/components/common/table.component.vue'
+import ButtonListComponent from 'hbt-common/components/common/buttonList.component.vue'
+import IntegralExchangeService from '@/service/integralExchange.service'
+import IntegralCenterService from '@/service/integralCenter.service'
+import IntegralMallService from '@/service/integralMall.service'
+import IntegralFlowService from '@/service/integralFlow.service'
+import FormOption from 'hbt-common/models/formOptions'
+import BtnOption from 'hbt-common/models/btnOptions'
+import moment from 'moment'
 
 @Component({
     template,
     components: {
         FormComponent,
         TableComponent,
-        ButtonListComponent
+        ButtonListComponent,
     },
 })
 export default class IntegralExchange extends BaseRecordComponent<any> {
-    public tableService = new IntegralExchangeService();
-    public userIntegral = new IntegralCenterService();
+    public tableService = new IntegralExchangeService()
+    public userIntegral = new IntegralCenterService()
     public integralGoodsService = new IntegralMallService()
     public integralFlowService = new IntegralFlowService()
 
     public params = {
         applicantId: null,
         type: '1',
-        bpmSchemeCode: "prevention-jfdh"
-    } as any;
+        bpmSchemeCode: 'prevention-jfdh',
+    } as any
 
-    public showProtable = false;
+    public showProtable = false
 
-    public tableColumn = [] as any;
+    public tableColumn = [] as any
 
-    public subTableColumn = [] as any;
+    public subTableColumn = [] as any
 
-    public showUpdate = false;
+    public showUpdate = false
 
-    public operate = false;
+    public operate = false
 
-    public subShowUpdate = false;
+    public subShowUpdate = false
 
     public updateParams = {
-        pointExchangeDetails: []
-    } as any;
+        pointExchangeDetails: [],
+    } as any
 
-    public subUpdateParams = {} as any;
+    public subUpdateParams = {} as any
 
-    public subIsReadonly = false;
+    public subIsReadonly = false
 
-    public isApplyReadonly = false;
+    public isApplyReadonly = false
 
-    public selectData = [];
+    public selectData = []
 
-    public subSelectData = [];
+    public subSelectData = []
 
-    public isReadonly = false;
+    public isReadonly = false
 
-    public isExchange = true;
+    public isExchange = true
 
-    public photoList = [] as any;
+    public photoList = [] as any
 
-    public showFile = false;
+    public showFile = false
 
-    public currentUrl = null;
+    public currentUrl = null
 
-    public account = JSON.parse(localStorage.getItem("account") as any);
+    public account = JSON.parse(localStorage.getItem('account') as any)
 
-    public totalGoodsList = [] as any;
+    public totalGoodsList = [] as any
 
-    public goodsList = [] as any;
+    public goodsList = [] as any
 
-    public isRepeal = false;
+    public isRepeal = false
 
-    public tipsStatus = false;
+    public tipsStatus = false
 
-    public formActions = [{
-        name: "查询",
-        value: "search",
-        icon: "el-icon-search",
-        type: "primary"
-    }, {
-        name: "清空",
-        icon: "el-icon-tickets",
-        value: "reset"
-    }];
-
-    public tableActions = [{
-        name: "添加",
-        value: "add",
-        icon: "el-icon-plus",
-        type: "primary"
-    },];
-    public subTableActions = [{
-        name: "添加",
-        value: "add",
-        icon: "el-icon-plus",
-        type: "primary"
-    }, {
-        name: "批量删除",
-        value: "delete",
-        plain: true,
-        icon: "el-icon-delete",
-        type: "danger",
-    }]
-
-    public formOptions: FormOption<BtnOption>[] = [{
-        name: "申请人",
-        key: "applicantId",
-        type: "select",
-        datas: this.$store.state.userList
-    },];
-
-    public subActions = [{
-        name: "取消",
-        value: "cancel"
-    }];
-
-
-    public updateActions = [{
-        name: "取消",
-        value: "cancel"
-    }, {
-        name: "提交",
-        value: "save",
-        type: "primary"
-    }]
-    public subUpdateActions = [] as any;
-    public buildSubForm() {
-        this.subUpdateActions = [{
-            name: "取消",
-            value: "cancel"
-        }, {
-            name: "保存并继续添加",
-            value: "saveAndContinue",
-            type: "primary",
-            hide: this.subUpdateParams.index
-        }, {
-            name: "保存",
-            value: "save",
-            type: "primary"
-        }];
-    }
-
-    public tabs = [{
-        name: "待办",
-        value: '1'
-    }, {
-        name: "已办",
-        value: '2'
-    }, {
-        name: "我发起的",
-        value: '3'
-    }, {
-        name: "作废",
-        value: '4'
-    }, {
-        name: "全部",
-        value: '5'
-    }
+    public formActions = [
+        {
+            name: '查询',
+            value: 'search',
+            icon: 'el-icon-search',
+            type: 'primary',
+        },
+        {
+            name: '清空',
+            icon: 'el-icon-tickets',
+            value: 'reset',
+        },
     ]
 
-    public updateOptions: FormOption<BtnOption>[] = [] as any;
+    public tableActions = [
+        {
+            name: '添加',
+            value: 'add',
+            icon: 'el-icon-plus',
+            type: 'primary',
+        },
+    ]
+    public subTableActions = [
+        {
+            name: '添加',
+            value: 'add',
+            icon: 'el-icon-plus',
+            type: 'primary',
+        },
+        {
+            name: '批量删除',
+            value: 'delete',
+            plain: true,
+            icon: 'el-icon-delete',
+            type: 'danger',
+        },
+    ]
 
-    public updateListOptions: FormOption<BtnOption>[] = [] as any;
+    public formOptions: FormOption<BtnOption>[] = [
+        {
+            name: '申请人',
+            key: 'applicantId',
+            type: 'select',
+            datas: this.$store.state.userList,
+        },
+    ]
 
-    public tableActionWidth = "150";
+    public subActions = [
+        {
+            name: '取消',
+            value: 'cancel',
+        },
+    ]
+
+    public updateActions = [
+        {
+            name: '取消',
+            value: 'cancel',
+        },
+        {
+            name: '提交',
+            value: 'save',
+            type: 'primary',
+        },
+    ]
+    public subUpdateActions = [] as any
+    public buildSubForm() {
+        this.subUpdateActions = [
+            {
+                name: '取消',
+                value: 'cancel',
+            },
+            {
+                name: '保存并继续添加',
+                value: 'saveAndContinue',
+                type: 'primary',
+                hide: this.subUpdateParams.index,
+            },
+            {
+                name: '保存',
+                value: 'save',
+                type: 'primary',
+            },
+        ]
+    }
+
+    public tabs = [
+        {
+            name: '待办',
+            value: '1',
+        },
+        {
+            name: '已办',
+            value: '2',
+        },
+        {
+            name: '我发起的',
+            value: '3',
+        },
+        {
+            name: '作废',
+            value: '4',
+        },
+        {
+            name: '全部',
+            value: '5',
+        },
+    ]
+
+    public updateOptions: FormOption<BtnOption>[] = [] as any
+
+    public updateListOptions: FormOption<BtnOption>[] = [] as any
+
+    public tableActionWidth = '150'
 
     public buildUpdateForm() {
-        this.updateOptions = [{
-            name: "申请人",
-            type: "select",
-            key: "applicantId",
-            format: "applicantName",
-            require: true,
-            width: "calc(50% - 20px)",
-            datas: this.$store.state.userList,
-            disable: true,
-        },
-        {
-            name: "部门",
-            type: "select",
-            key: "applicantDeptId",
-            format: "applicantDeptName",
-            require: true,
-            width: "calc(50% - 20px)",
-            // expandLevel: Infinity,
-            datas: this.$store.state.deptList,
-            disable: true,
-        },
-        {
-            name: "我的积分",
-            type: "number",
-            key: "originalPoints",
-            require: true,
-            width: "calc(50% - 20px)",
-            disable: true,
-            min: null,
-        },
-        {
-            name: "申请时间",
-            type: "date",
-            key: "applyTime",
-            require: true,
-            width: "calc(50% - 20px)",
-            format: "yyyy-MM-dd HH:mm:ss",
-            disable: true,
-        },
-        {
-            name: "本次消耗",
-            type: "number",
-            key: "consumePoints",
-            require: true,
-            width: "calc(50% - 20px)",
-            showError: false,
-            disable: true,
-
-        },
-        {
-            name: "兑换后剩余",
-            type: "number",
-            key: "residuePoints",
-            require: true,
-            width: "calc(50% - 20px)",
-            showError: false,
-            disable: true,
-            min: null,
-        },];
-        this.updateListOptions = [{
-            name: "选择审批人",
-            type: "select",
-            key: "approvalUserId",
-            format: "approvalUserName",
-            require: true,
-            width: "calc(50% - 20px)",
-            datas: this.$store.state.userList,
-            showError: false,
-        }
+        this.updateOptions = [
+            {
+                name: '申请人',
+                type: 'select',
+                key: 'applicantId',
+                format: 'applicantName',
+                require: true,
+                width: 'calc(50% - 20px)',
+                datas: this.$store.state.userList,
+                disable: true,
+            },
+            {
+                name: '部门',
+                type: 'select',
+                key: 'applicantDeptId',
+                format: 'applicantDeptName',
+                require: true,
+                width: 'calc(50% - 20px)',
+                // expandLevel: Infinity,
+                datas: this.$store.state.deptList,
+                disable: true,
+            },
+            {
+                name: '我的积分',
+                type: 'number',
+                key: 'originalPoints',
+                require: true,
+                width: 'calc(50% - 20px)',
+                disable: true,
+                min: null,
+            },
+            {
+                name: '申请时间',
+                type: 'date',
+                key: 'applyTime',
+                require: true,
+                width: 'calc(50% - 20px)',
+                format: 'yyyy-MM-dd HH:mm:ss',
+                disable: true,
+            },
+            {
+                name: '本次消耗',
+                type: 'number',
+                key: 'consumePoints',
+                require: true,
+                width: 'calc(50% - 20px)',
+                showError: false,
+                disable: true,
+            },
+            {
+                name: '兑换后剩余',
+                type: 'number',
+                key: 'residuePoints',
+                require: true,
+                width: 'calc(50% - 20px)',
+                showError: false,
+                disable: true,
+                min: null,
+            },
+        ]
+        this.updateListOptions = [
+            {
+                name: '选择审批人',
+                type: 'select',
+                key: 'approvalUserId',
+                format: 'approvalUserName',
+                require: true,
+                width: 'calc(50% - 20px)',
+                datas: this.$store.state.userList,
+                showError: false,
+            },
         ]
     }
 
-    public approveOptions: FormOption<BtnOption>[] = [] as any;
+    public approveOptions: FormOption<BtnOption>[] = [] as any
     public buildApplyForm() {
-        this.approveOptions = [{
-            name: "审核结果",
-            type: "radio",
-            key: "approvalResult",
-            format: "approvalResultName",
-            require: true,
-            width: "100%",
-            showError: false,
-            datas: [{
-                name: "同意",
-                value: 1
-            }, {
-                name: "不同意",
-                value: 0
-            }]
-        }, {
-            name: "审批人",
-            type: "select",
-            key: "approvalUserId",
-            format: "approvalUserName",
-            require: true,
-            width: "calc(50% - 20px)",
-            disable: true,
-            datas: this.$store.state.userList,
-            showError: false,
-        }, {
-            name: "审批时间",
-            type: "date",
-            key: "approvalTime",
-            require: true,
-            width: "calc(50% - 20px)",
-            disable: true,
-            format: 'yyyy-MM-dd HH:mm:ss',
-            showError: false,
-        },
+        this.approveOptions = [
+            {
+                name: '审核结果',
+                type: 'radio',
+                key: 'approvalResult',
+                format: 'approvalResultName',
+                require: true,
+                width: '100%',
+                showError: false,
+                datas: [
+                    {
+                        name: '同意',
+                        value: 1,
+                    },
+                    {
+                        name: '不同意',
+                        value: 0,
+                    },
+                ],
+            },
+            {
+                name: '审批人',
+                type: 'select',
+                key: 'approvalUserId',
+                format: 'approvalUserName',
+                require: true,
+                width: 'calc(50% - 20px)',
+                disable: true,
+                datas: this.$store.state.userList,
+                showError: false,
+            },
+            {
+                name: '审批时间',
+                type: 'date',
+                key: 'approvalTime',
+                require: true,
+                width: 'calc(50% - 20px)',
+                disable: true,
+                format: 'yyyy-MM-dd HH:mm:ss',
+                showError: false,
+            },
         ]
     }
 
-    public subUpdateOptions: FormOption<BtnOption>[] = [] as any;
+    public subUpdateOptions: FormOption<BtnOption>[] = [] as any
     public buildSubUpdateForm() {
-        this.subUpdateOptions = [{
-            name: "商品名称",
-            type: "select",
-            key: "goodsId",
-            format: "name",
-            require: true,
-            width: "calc(50% - 20px)",
-            datas: this.goodsList,
-            showError: false,
-        },
-        {
-            name: "库存",
-            type: "number",
-            key: "stockNumber",
-            require: true,
-            width: "calc(50% - 20px)",
-            disable: true,
-            showError: false,
-            hide: this.subIsReadonly,
-        }, {
-            name: "单价/积分",
-            type: "number",
-            key: "goodsPrice",
-            require: true,
-            width: "calc(50% - 20px)",
-            disable: true,
-            showError: false,
-        }, {
-            name: "兑换数量",
-            type: "number",
-            key: "exchangeNumber",
-            require: true,
-            width: "calc(50% - 20px)",
-            showError: false,
-        }, {
-            name: "所需积分",
-            type: "number",
-            key: "consumePoint",
-            require: true,
-            width: "calc(50% - 20px)",
-            disable: true,
-            showError: false,
-        }, {
-            name: "剩余库存",
-            type: "number",
-            key: "remainStock",
-            require: true,
-            width: "calc(50% - 20px)",
-            disable: true,
-            showError: false,
-        },
+        this.subUpdateOptions = [
+            {
+                name: '商品名称',
+                type: 'select',
+                key: 'goodsId',
+                format: 'name',
+                require: true,
+                width: 'calc(50% - 20px)',
+                datas: this.goodsList,
+                showError: false,
+            },
+            {
+                name: '库存',
+                type: 'number',
+                key: 'stockNumber',
+                require: true,
+                width: 'calc(50% - 20px)',
+                disable: true,
+                showError: false,
+                hide: this.subIsReadonly,
+            },
+            {
+                name: '单价/积分',
+                type: 'number',
+                key: 'goodsPrice',
+                require: true,
+                width: 'calc(50% - 20px)',
+                disable: true,
+                showError: false,
+            },
+            {
+                name: '兑换数量',
+                type: 'number',
+                key: 'exchangeNumber',
+                require: true,
+                width: 'calc(50% - 20px)',
+                showError: false,
+            },
+            {
+                name: '所需积分',
+                type: 'number',
+                key: 'consumePoint',
+                require: true,
+                width: 'calc(50% - 20px)',
+                disable: true,
+                showError: false,
+            },
+            {
+                name: '剩余库存',
+                type: 'number',
+                key: 'remainStock',
+                require: true,
+                width: 'calc(50% - 20px)',
+                disable: true,
+                showError: false,
+            },
         ]
     }
 
-
     created() {
         //
     }
@@ -351,16 +384,19 @@ export default class IntegralExchange extends BaseRecordComponent<any> {
         param.pageSize = 1000
         param.status = 1
         this.integralGoodsService.selectByPage(param).then((res: any) => {
-            this.totalGoodsList = res.data.datas.map(item => {
+            this.totalGoodsList = res.data.datas.map((item) => {
                 return {
                     name: item.name,
                     value: item.id,
                 }
-            });
+            })
             if (this.updateParams.pointExchangeDetails.length > 0) {
                 this.goodsList = JSON.parse(JSON.stringify(this.totalGoodsList))
                 this.updateParams.pointExchangeDetails.forEach((item) => {
-                    this.goodsList.splice(this.goodsList.findIndex(goodsItem => goodsItem.value === item.goodsId), 1)
+                    this.goodsList.splice(
+                        this.goodsList.findIndex((goodsItem) => goodsItem.value === item.goodsId),
+                        1
+                    )
                 })
             } else {
                 this.goodsList = this.totalGoodsList
@@ -369,10 +405,11 @@ export default class IntegralExchange extends BaseRecordComponent<any> {
         })
     }
 
-
     public buildTable() {
         this.tableColumn.push({
-            name: '当前节点', width: "100", render: (data) => {
+            name: '当前节点',
+            width: '100',
+            render: (data) => {
                 if (data.taskInfo.processStatus === 2) {
                     return `<span class="color_0">中断</span></span>`
                 } else if (data.taskInfo.processStatus === 3) {
@@ -386,69 +423,86 @@ export default class IntegralExchange extends BaseRecordComponent<any> {
                         return `<span class="color_2">审批中</span>`
                     }
                 }
-            }
-        });
-        this.tableColumn.push({ name: '当前执行人', width: "100", key: "executor", render: (data) => data.taskInfo.executors || "--" });
-        this.tableColumn.push({ name: '最新提交时间', width: "180", key: "updateTime", sortable: 'custom' });
+            },
+        })
         this.tableColumn.push({
-            name: '发起人', width: "100", key: "startUser", render: (data) => {
+            name: '当前执行人',
+            width: '100',
+            key: 'executor',
+            render: (data) => data.taskInfo.executors || '--',
+        })
+        this.tableColumn.push({
+            name: '最新提交时间',
+            width: '180',
+            key: 'updateTime',
+            sortable: 'custom',
+        })
+        this.tableColumn.push({
+            name: '发起人',
+            width: '100',
+            key: 'startUser',
+            render: (data) => {
                 if (this.params.type == 1) {
-                    return `<span class="link applicantName">${data.applicantName}</span>`
+                    return `<span class="text_link applicantName">${data.applicantName}</span>`
                 } else {
                     return data.applicantName
                 }
-            }
-        });
+            },
+        })
         this.tableColumn.push({
-            name: '发起时间', key: "applyTime", render: (data) => {
+            name: '发起时间',
+            key: 'applyTime',
+            render: (data) => {
                 return moment(data.applyTime).format('YYYY-MM-DD HH:mm')
-            }
-        });
+            },
+        })
         this.tableColumn.push({
-            name: '兑换清单', key: "goodsNumber", render: (data) => {
-                return `<span class="link goodsNumber">${data.goodsNumber}</span>`
-            }
-        });
-        this.tableColumn.push({ name: '消耗积分', key: "consumePoints", });
-        this.tableColumn.push({ name: '剩余积分', key: "residuePoints", });
+            name: '兑换清单',
+            key: 'goodsNumber',
+            render: (data) => {
+                return `<span class="text_link goodsNumber">${data.goodsNumber}</span>`
+            },
+        })
+        this.tableColumn.push({ name: '消耗积分', key: 'consumePoints' })
+        this.tableColumn.push({ name: '剩余积分', key: 'residuePoints' })
 
-        this.subTableColumn.push({ name: '序号', key: "index", });
-        this.subTableColumn.push({ name: '商品名称', key: "name", });
+        this.subTableColumn.push({ name: '序号', key: 'index' })
+        this.subTableColumn.push({ name: '商品名称', key: 'name' })
         // this.subTableColumn.push({ name: '库存', key: "stockNumber", });
-        this.subTableColumn.push({ name: '单位', key: "goodsUnit", });
-        this.subTableColumn.push({ name: '单价', key: "goodsPrice", });
-        this.subTableColumn.push({ name: '兑换数量', key: "exchangeNumber", });
-        this.subTableColumn.push({ name: '消耗积分', key: "consumePoint", });
-        this.subTableColumn.push({ name: '剩余库存', key: "remainStock", });
+        this.subTableColumn.push({ name: '单位', key: 'goodsUnit' })
+        this.subTableColumn.push({ name: '单价', key: 'goodsPrice' })
+        this.subTableColumn.push({ name: '兑换数量', key: 'exchangeNumber' })
+        this.subTableColumn.push({ name: '消耗积分', key: 'consumePoint' })
+        this.subTableColumn.push({ name: '剩余库存', key: 'remainStock' })
     }
 
     public callback(data, type) {
         if (type) {
             if (type === 'pageSize' || type === 'pageNum') {
-                this.params[type] = data;
+                this.params[type] = data
             }
-            this.getTableData();
+            this.getTableData()
             return
         }
         // 查询
-        if (data.value === "search") {
+        if (data.value === 'search') {
             this.getTableData()
             // 重置
-        } else if (data.value === "reset") {
+        } else if (data.value === 'reset') {
             this.reset()
             // 反选
-        } else if (data.value === "reverse") {
+        } else if (data.value === 'reverse') {
             this.toggleAll()
             // 全选
-        } else if (data.value === "selectAll") {
+        } else if (data.value === 'selectAll') {
             this.selectAll()
-        } else if (data.value === "delete") {
+        } else if (data.value === 'delete') {
             this.deleteData(this.selectData.map((item: any) => item.id))
         } else if (data.value === 'add') {
             this.updateParams = {
-                pointExchangeDetails: []
-            } as any;
-            this.operate = false;
+                pointExchangeDetails: [],
+            } as any
+            this.operate = false
             this.buildUpdateForm()
             this.getJudgeIsIntegral()
         }
@@ -460,7 +514,7 @@ export default class IntegralExchange extends BaseRecordComponent<any> {
             if (res.data === 1) {
                 this.getUserIntegral()
             } else {
-                this.$message.error(res.data === 2 ? "您有未完成的积分兑换" : '您的积分不足，无法进行兑换');
+                this.$message.error(res.data === 2 ? '您有未完成的积分兑换' : '您的积分不足，无法进行兑换')
                 return
             }
         })
@@ -468,33 +522,34 @@ export default class IntegralExchange extends BaseRecordComponent<any> {
 
     //获取用户数据
     public getUserIntegral() {
-        this.userIntegral.selectByPage({
-            pageNum: 1,
-            pageSize: 20,
-            userId: this.account.userId
-        }).then((res: any) => {
-            if (res.code === 200) {
-                const datas = res.data.datas.length > 0 ? res.data.datas[0] : {} as any;
-                this.updateParams.applicantId = this.account.userId;
-                this.updateParams.applicantName = this.account.nickName;
-                this.updateParams.applicantDeptId = datas.deptId ? datas.deptId : null;
-                this.updateParams.applicantDeptName = datas.deptName ? datas.deptName : null;
-                this.updateParams.originalPoints = datas.totalPoints ? datas.totalPoints : 0;
-                this.updateParams.consumePoints = 0;
-                this.updateParams.residuePoints = datas.totalPoints ? datas.totalPoints : 0;
-                this.updateParams.applyTime = moment().format('YYYY-MM-DD HH:mm:ss')
-                this.isReadonly = false;
-                this.buildUpdateForm();
-                this.showUpdate = true;
-            }
-        })
-
+        this.userIntegral
+            .selectByPage({
+                pageNum: 1,
+                pageSize: 20,
+                userId: this.account.userId,
+            })
+            .then((res: any) => {
+                if (res.code === 200) {
+                    const datas = res.data.datas.length > 0 ? res.data.datas[0] : ({} as any)
+                    this.updateParams.applicantId = this.account.userId
+                    this.updateParams.applicantName = this.account.nickName
+                    this.updateParams.applicantDeptId = datas.deptId ? datas.deptId : null
+                    this.updateParams.applicantDeptName = datas.deptName ? datas.deptName : null
+                    this.updateParams.originalPoints = datas.totalPoints ? datas.totalPoints : 0
+                    this.updateParams.consumePoints = 0
+                    this.updateParams.residuePoints = datas.totalPoints ? datas.totalPoints : 0
+                    this.updateParams.applyTime = moment().format('YYYY-MM-DD HH:mm:ss')
+                    this.isReadonly = false
+                    this.buildUpdateForm()
+                    this.showUpdate = true
+                }
+            })
     }
 
     // 分页数据
     public getTableData() {
-        this.tableService.selectByPage(this.params).then(res => {
-            this.tableData = res.data as any;
+        this.tableService.selectByPage(this.params).then((res) => {
+            this.tableData = res.data as any
         })
     }
     // 重置数据
@@ -504,20 +559,18 @@ export default class IntegralExchange extends BaseRecordComponent<any> {
             pageSize: 20,
             applicantId: null,
             type: 2,
-            bpmSchemeCode: "prevention-jfdh"
-        } as any;
+            bpmSchemeCode: 'prevention-jfdh',
+        } as any
     }
 
     public handleClose() {
-        this.showUpdate = false;
-        this.operate = true;
+        this.showUpdate = false
+        this.operate = true
     }
 
-
     public toggleAll() {
-
         this.tableData.datas.forEach((item, index) => {
-            (this.$refs.multipleTable as any).toggleRowSelection(item);
+            ;(this.$refs.multipleTable as any).toggleRowSelection(item)
         })
     }
     public selectAll() {
@@ -525,20 +578,20 @@ export default class IntegralExchange extends BaseRecordComponent<any> {
             this.toggleAll()
         } else {
             this.tableData.datas.forEach((item, index) => {
-                const find = this.selectData.find((data: any) => data.userId === item.userId);
+                const find = this.selectData.find((data: any) => data.userId === item.userId)
                 if (!find) {
-                    (this.$refs.multipleTable as any).toggleRowSelection(item);
+                    ;(this.$refs.multipleTable as any).toggleRowSelection(item)
                 }
             })
         }
     }
 
     public handleSelectionChange(data) {
-        this.selectData = data;
+        this.selectData = data
     }
 
     public handleSubSelectionChange(data) {
-        this.subSelectData = data;
+        this.subSelectData = data
     }
 
     public tabTableChange(e) {
@@ -551,20 +604,19 @@ export default class IntegralExchange extends BaseRecordComponent<any> {
         }
     }
 
-
     public subCallback(data) {
-        if (data.value === "cancel") {
+        if (data.value === 'cancel') {
             this.showUpdate = false
-        } else if (data.value === "add") {
-            this.subUpdateParams = {} as any;
+        } else if (data.value === 'add') {
+            this.subUpdateParams = {} as any
             this.getIntegralGoods({})
             this.buildSubUpdateForm()
             this.subShowUpdate = true
             this.subIsReadonly = false
             this.buildSubForm()
-        } else if (data.value === "save") {
+        } else if (data.value === 'save') {
             if (this.updateParams.pointExchangeDetails.length === 0) {
-                this.$message.error("请您添加兑换清单");
+                this.$message.error('请您添加兑换清单')
                 return
             }
             this.doSave()
@@ -576,19 +628,19 @@ export default class IntegralExchange extends BaseRecordComponent<any> {
 
     public doSave() {
         //添加 处理更新
-        let tmpParam = {} as any;
+        let tmpParam = {} as any
         if (this.updateParams.id) {
             this.updateParams.oldstatus = this.updateParams.status
             if (this.updateParams.status === 1) {
-                tmpParam.type = 'agree'
+                tmpParam.type = 1
                 this.updateParams.status = 2
             } else {
                 if (this.updateParams.approvalResult === 0) {
                     this.updateParams.status = 1
-                    tmpParam.type = 'reject'
+                    tmpParam.type = 0
                 } else if (this.updateParams.approvalResult === 1) {
                     this.updateParams.status = 3
-                    tmpParam.type = 'agree'
+                    tmpParam.type = 1
                 }
             }
         } else {
@@ -599,54 +651,51 @@ export default class IntegralExchange extends BaseRecordComponent<any> {
             if (res.code === 200) {
                 if (!this.updateParams.id) {
                     let tmpParam = {
-                        "bpmSchemeCode": "prevention-jfdh",
-                        "userList": [
-                            this.updateParams.approvalUserId
-                        ],
-                        "bizData": [{
-                            "bizId": res.data,
-                            "data": JSON.stringify(this.updateParams)
-                        }]
+                        candidateInfos: [{ userList: [this.updateParams.approvalUserId] }],
+                        bizData: {
+                            bizId: res.data,
+                            data: JSON.stringify(this.updateParams),
+                            code: 'prevention-jfdh',
+                            application: 'hbt-prevention',
+                            processInstanceId: this.updateParams.taskInfo?.processInstanceId,
+                            schemeDetailId: this.updateParams.taskInfo?.schemeDetailId,
+                        },
                     }
                     this.integralFlowService.startWorkFlow(tmpParam).then((res: any) => {
                         if (res.code === 200) {
-                            this.$message.success("新增成功！");
+                            this.$message.success('新增成功！')
                             this.updateParams = {
                                 pointExchangeDetails: [],
                             } as any
-                            this.showUpdate = false;
-                            this.getTableData();
+                            this.showUpdate = false
+                            this.getTableData()
                         }
                     })
                 } else if (this.updateParams.id) {
-                    tmpParam.taskId = this.updateParams.taskInfo?.taskId ?? "";
-                    tmpParam.bizData = [{
-                        "bizId": this.updateParams.id,
-                        "data": JSON.stringify(this.updateParams)
-                    }]
+                    tmpParam.taskId = this.updateParams.taskInfo?.taskId ?? ''
+                    tmpParam.bizData = {
+                        bizId: this.updateParams.id,
+                        data: JSON.stringify(this.updateParams),
+                        application: 'hbt-prevention',
+                        processInstanceId: this.updateParams.taskInfo?.processInstanceId,
+                        schemeDetailId: this.updateParams.taskInfo?.schemeDetailId,
+                        code: 'prevention-jfdh',
+                    }
+                    tmpParam.candidateInfos = [{ userList: [this.updateParams.approvalUserId] }]
                     this.integralFlowService.taskHandle(tmpParam).then((res: any) => {
                         if (res.code === 200) {
-                            this.$message.success("处理成功！");
+                            this.$message.success('处理成功！')
 
-                            if (tmpParam.type === 'agree') {
-                                if (res.data.code === 1) {
-                                    this.doAgain(res.data, [this.updateParams.approvalUserId])
-                                } else {
-                                    this.getTableData()
-                                }
-                            } else {
-                                this.getTableData()
-                            }
+                            this.getTableData()
                             this.updateParams = {
                                 pointExchangeDetails: [],
                             } as any
-                            this.showUpdate = false;
+                            this.showUpdate = false
                         }
                     })
                 }
             }
         })
-
     }
 
     public doAgain(data, userlist) {
@@ -656,69 +705,66 @@ export default class IntegralExchange extends BaseRecordComponent<any> {
             this.getTableData()
             // 发起工作流成功
         })
-
     }
 
     public triCallback(data) {
-        if (data.value === "cancel") {
+        if (data.value === 'cancel') {
             this.subShowUpdate = false
-        } else if (data && data.value.indexOf("save") >= 0) {
-            this.doSubSave(data.value !== "save")
+        } else if (data && data.value.indexOf('save') >= 0) {
+            this.doSubSave(data.value !== 'save')
         }
     }
 
     public subChanges(data, item) {
-        if (item && item.key === "goodsId") {
+        if (item && item.key === 'goodsId') {
             this.integralGoodsService.getListDetail({ id: data }).then((res: any) => {
-                this.subUpdateParams.goodsId = res.data.id;
-                this.subUpdateParams.name = res.data.name;
-                this.subUpdateParams.stockNumber = res.data.stockNumber;
-                this.subUpdateParams.goodsPrice = res.data.goodsPrice;
-                this.subUpdateParams.goodsUnit = res.data.goodsUnit;
+                this.subUpdateParams.goodsId = res.data.id
+                this.subUpdateParams.name = res.data.name
+                this.subUpdateParams.stockNumber = res.data.stockNumber
+                this.subUpdateParams.goodsPrice = res.data.goodsPrice
+                this.subUpdateParams.goodsUnit = res.data.goodsUnit
                 if (this.subUpdateParams.exchangeNumber) {
                     if (this.subUpdateParams.exchangeNumber > res.data.stockNumber) {
-                        this.$message.error("您的兑换数量不能超出库存");
-                        this.subUpdateParams.exchangeNumber = null;
-                        this.subUpdateParams.remainStock = null;
-                        this.tipsStatus = true;
+                        this.$message.error('您的兑换数量不能超出库存')
+                        this.subUpdateParams.exchangeNumber = null
+                        this.subUpdateParams.remainStock = null
+                        this.tipsStatus = true
                     }
                     this.countStockAndIntegral(res.data.stockNumber, res.data.goodsPrice, this.subUpdateParams.exchangeNumber)
                 } else {
-                    this.subUpdateParams.remainStock = null;
+                    this.subUpdateParams.remainStock = null
                 }
                 this.buildSubUpdateForm()
             })
         }
 
-        if (item && item.key === "exchangeNumber") {
+        if (item && item.key === 'exchangeNumber') {
             if (data && data > this.subUpdateParams.stockNumber) {
-                this.$message.error("您的兑换数量不能超出库存");
-                this.subUpdateParams.exchangeNumber = null;
-                this.tipsStatus = true;
+                this.$message.error('您的兑换数量不能超出库存')
+                this.subUpdateParams.exchangeNumber = null
+                this.tipsStatus = true
             }
             if (this.subUpdateParams.goodsId) {
                 this.countStockAndIntegral(this.subUpdateParams.stockNumber, this.subUpdateParams.goodsPrice, this.subUpdateParams.exchangeNumber ? this.subUpdateParams.exchangeNumber : 0)
             }
-
         }
     }
 
-    //计算商品库存和积分 
+    //计算商品库存和积分
     //总库存量，单价，数量
     public countStockAndIntegral(totalNumber, price, number) {
-        let consumePoint = price * number;
+        let consumePoint = price * number
         if (consumePoint > this.updateParams.residuePoints) {
-            this.$message.error("您的兑换积分不足");
+            this.$message.error('您的兑换积分不足')
             this.subUpdateParams.exchangeNumber = null
-            this.subUpdateParams.consumePoint = 0;
-            this.subUpdateParams.remainStock = totalNumber;
+            this.subUpdateParams.consumePoint = 0
+            this.subUpdateParams.remainStock = totalNumber
             return
         } else {
-            let remainStock = totalNumber - number;
-            this.subUpdateParams.consumePoint = consumePoint;
-            this.subUpdateParams.remainStock = remainStock;
+            let remainStock = totalNumber - number
+            this.subUpdateParams.consumePoint = consumePoint
+            this.subUpdateParams.remainStock = remainStock
         }
-
     }
 
     public doSubSave(goOn) {
@@ -726,26 +772,33 @@ export default class IntegralExchange extends BaseRecordComponent<any> {
         if (this.subShowUpdate) {
             if (!this.subUpdateParams.exchangeNumber) {
                 if (this.tipsStatus === false) {
-                    this.$message.error("请您输入兑换数量！");
+                    this.$message.error('请您输入兑换数量！')
                 }
-                this.tipsStatus = false;
+                this.tipsStatus = false
                 return
             }
             // 新增
             if (!this.subUpdateParams.index) {
-                this.subUpdateParams.index = this.updateParams.pointExchangeDetails.length + 1;
-                this.updateParams.pointExchangeDetails.push(this.subUpdateParams);
+                this.subUpdateParams.index = this.updateParams.pointExchangeDetails.length + 1
+                this.updateParams.pointExchangeDetails.push(this.subUpdateParams)
             } else {
-                this.updateParams.pointExchangeDetails.splice(this.updateParams.pointExchangeDetails.findIndex(item => item.index === this.subUpdateParams.index), 1, this.subUpdateParams)
+                this.updateParams.pointExchangeDetails.splice(
+                    this.updateParams.pointExchangeDetails.findIndex((item) => item.index === this.subUpdateParams.index),
+                    1,
+                    this.subUpdateParams
+                )
             }
             this.updateParams.goodsNumber = this.updateParams.pointExchangeDetails.length
             this.countIntegral()
-            this.subUpdateParams = {} as any;
-            this.subShowUpdate = !!goOn;
+            this.subUpdateParams = {} as any
+            this.subShowUpdate = !!goOn
             if (goOn) {
                 this.goodsList = JSON.parse(JSON.stringify(this.totalGoodsList))
                 this.updateParams.pointExchangeDetails.forEach((item) => {
-                    this.goodsList.splice(this.goodsList.findIndex(goodsItem => goodsItem.value === item.goodsId), 1)
+                    this.goodsList.splice(
+                        this.goodsList.findIndex((goodsItem) => goodsItem.value === item.goodsId),
+                        1
+                    )
                 })
                 this.buildSubUpdateForm()
             }
@@ -762,7 +815,10 @@ export default class IntegralExchange extends BaseRecordComponent<any> {
             this.goodsList = JSON.parse(JSON.stringify(this.totalGoodsList))
             this.updateParams.pointExchangeDetails.forEach((item) => {
                 if (item.goodsId !== row.goodsId) {
-                    this.goodsList.splice(this.goodsList.findIndex(goodsItem => goodsItem.value === item.goodsId), 1)
+                    this.goodsList.splice(
+                        this.goodsList.findIndex((goodsItem) => goodsItem.value === item.goodsId),
+                        1
+                    )
                 }
             })
             this.subIsReadonly = false
@@ -778,37 +834,39 @@ export default class IntegralExchange extends BaseRecordComponent<any> {
         this.$confirm('确认删除所选数据', '确认数据', {
             confirmButtonText: '确定',
             cancelButtonText: '取消',
-            type: 'warning'
-        }).then(() => {
-            for (let i = this.updateParams.pointExchangeDetails.length - 1; i >= 0; i--) {
-                if (indexs.includes(i)) {
-                    this.updateParams.pointExchangeDetails.splice(i, 1)
+            type: 'warning',
+        })
+            .then(() => {
+                for (let i = this.updateParams.pointExchangeDetails.length - 1; i >= 0; i--) {
+                    if (indexs.includes(i)) {
+                        this.updateParams.pointExchangeDetails.splice(i, 1)
+                    }
                 }
-            }
-            this.updateParams.pointExchangeDetails.forEach((item, index) => {
-                item.index = index + 1;
-            });
-            this.countIntegral()
-        }).catch(() => {
-            //
-        });
+                this.updateParams.pointExchangeDetails.forEach((item, index) => {
+                    item.index = index + 1
+                })
+                this.countIntegral()
+            })
+            .catch(() => {
+                //
+            })
     }
 
     //计算兑换商品的剩余积分和消耗积分
     public countIntegral() {
-        let consumePoint = 0;
+        let consumePoint = 0
         this.updateParams.pointExchangeDetails.forEach((item) => {
             consumePoint = consumePoint + item.consumePoint
         })
-        let residuePoints = this.updateParams.originalPoints - consumePoint;
-        this.updateParams.consumePoints = consumePoint;
-        this.updateParams.residuePoints = residuePoints;
+        let residuePoints = this.updateParams.originalPoints - consumePoint
+        this.updateParams.consumePoints = consumePoint
+        this.updateParams.residuePoints = residuePoints
         this.buildUpdateForm()
     }
 
     //处理任务
     public rowCallback(el, data) {
-        if (el.target.classList.contains("applicantName")) {
+        if (el.target.classList.contains('applicantName')) {
             this.tableService.getListDetail({ id: data.id }).then((res: any) => {
                 if (res.code === 200) {
                     this.updateParams = res.data
@@ -817,20 +875,20 @@ export default class IntegralExchange extends BaseRecordComponent<any> {
                         item.index = index + 1
                     })
                     if (data.status === 2) {
-                        this.operate = true;
-                        this.isApplyReadonly = false;
-                        this.isReadonly = true;
+                        this.operate = true
+                        this.isApplyReadonly = false
+                        this.isReadonly = true
 
-                        this.updateParams.approvalUserId = this.account.userId;
-                        this.updateParams.approvalUserName = this.account.nickName;
-                        this.updateParams.approvalTime = moment().format('YYYY-MM-DD HH:mm:ss');
+                        this.updateParams.approvalUserId = this.account.userId
+                        this.updateParams.approvalUserName = this.account.nickName
+                        this.updateParams.approvalTime = moment().format('YYYY-MM-DD HH:mm:ss')
                         this.buildApplyForm()
                     }
 
                     if (data.status === 1) {
-                        this.operate = true;
-                        this.isApplyReadonly = true;
-                        this.isReadonly = false;
+                        this.operate = true
+                        this.isApplyReadonly = true
+                        this.isReadonly = false
                         this.updateParams.approvalResultName = this.updateParams.approvalResult === 1 ? '同意' : '不同意'
                         this.buildApplyForm()
                     }
@@ -838,12 +896,12 @@ export default class IntegralExchange extends BaseRecordComponent<any> {
                     this.showUpdate = true
                 }
             })
-        } else if (el.target.classList.contains("goodsNumber")) {
+        } else if (el.target.classList.contains('goodsNumber')) {
             this.tableService.getListDetail({ id: data.id }).then((res: any) => {
-                this.updateParams = res.data;
-                this.updateParams.taskId = data.taskId;
+                this.updateParams = res.data
+                this.updateParams.taskId = data.taskId
                 this.updateParams.pointExchangeDetails.forEach((item, index) => {
-                    item.index = index + 1;
+                    item.index = index + 1
                 })
             })
             this.showProtable = true
@@ -864,24 +922,24 @@ export default class IntegralExchange extends BaseRecordComponent<any> {
                         })
                     }
                     if (data.status === 1) {
-                        this.operate = true;
-                        this.isApplyReadonly = true;
-                        this.isReadonly = true;
+                        this.operate = true
+                        this.isApplyReadonly = true
+                        this.isReadonly = true
                         this.buildApplyForm()
                     } else if (data.status === 2) {
-                        this.isReadonly = true;
+                        this.isReadonly = true
                         if (this.updateParams.approvalResult || this.updateParams.approvalResult === 0) {
-                            this.operate = true;
-                            this.isApplyReadonly = true;
+                            this.operate = true
+                            this.isApplyReadonly = true
                             this.buildApplyForm()
                         } else {
-                            this.operate = false;
-                            this.isApplyReadonly = false;
+                            this.operate = false
+                            this.isApplyReadonly = false
                         }
                     } else if (data.status === 4) {
-                        this.operate = false;
-                        this.isApplyReadonly = true;
-                        this.isReadonly = true;
+                        this.operate = false
+                        this.isApplyReadonly = true
+                        this.isReadonly = true
                         this.buildApplyForm()
                     } else {
                         // if (this.updateParams.approvalResult === null || this.updateParams.approvalResult === undefined) {
@@ -889,14 +947,13 @@ export default class IntegralExchange extends BaseRecordComponent<any> {
                         // } else {
                         //     this.operate = true;
                         // }
-                        this.operate = true;
-                        this.isApplyReadonly = true;
-                        this.isReadonly = true;
+                        this.operate = true
+                        this.isApplyReadonly = true
+                        this.isReadonly = true
                         this.buildApplyForm()
                     }
                     this.showUpdate = true
                     this.buildUpdateForm()
-
                 }
             })
         } else {
@@ -904,26 +961,34 @@ export default class IntegralExchange extends BaseRecordComponent<any> {
                 this.$confirm('确认作废所选数据', '确认数据', {
                     confirmButtonText: '确定',
                     cancelButtonText: '取消',
-                    type: 'warning'
-                }).then(() => {
-                    this.tableService.invalidByIds({
-                        id: data.id,
-                        type: 3,
-                        processInstanceId: data.taskInfo.processInstanceId,
-                        reason: '作废'
-                    }).then((res: any) => {
-                        if (res.code === 200) {
-                            this.$message.success("作废成功！");
-                            this.getTableData();
-                        }
+                    type: 'warning',
+                })
+                    .then(() => {
+                        this.tableService
+                            .invalidByIds({
+                                id: data.id,
+                                type: 3,
+                                processInstanceId: data.taskInfo.processInstanceId,
+                                reason: '作废',
+                            })
+                            .then((res: any) => {
+                                if (res.code === 200) {
+                                    this.$message.success('作废成功！')
+                                    this.getTableData()
+                                }
+                            })
+                    })
+                    .catch(() => {
+                        //
                     })
-                }).catch(() => {
-                    //
-                });
             }
         }
     }
-
 }
 </script>
-<style lang="scss" scoped src="../../../common.component.scss"></style>
\ No newline at end of file
+<style lang="scss" scoped src="../../../common.component.scss"></style>
+<style lang="scss" scoped>
+.link-style {
+    color: #7daeff;
+}
+</style>