From 7033f86921085fd65ecc93dc86b2ab1ebdcb7f6d Mon Sep 17 00:00:00 2001
From: kongyeqing <2697454777@qq.com>
Date: Tue, 24 Dec 2024 17:28:04 +0800
Subject: [PATCH] =?UTF-8?q?feat:=E9=9A=90=E6=82=A3=E9=9A=8F=E6=89=8B?=
 =?UTF-8?q?=E6=8B=8D=E6=B5=81=E7=A8=8B=E4=BC=98=E5=8C=96?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/views/hiddenDanger/clap.component.vue | 1108 +++++++++++----------
 1 file changed, 583 insertions(+), 525 deletions(-)

diff --git a/src/views/hiddenDanger/clap.component.vue b/src/views/hiddenDanger/clap.component.vue
index 855b0ff..b3e7d15 100644
--- a/src/views/hiddenDanger/clap.component.vue
+++ b/src/views/hiddenDanger/clap.component.vue
@@ -1,451 +1,495 @@
 
 <script lang="ts">
-import { Component } 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 AreaService from "@/service/area.service"
-import FormOption from "hbt-common/models/formOptions"
-import BtnOption from "hbt-common/models/btnOptions"
-import DrawComponent from '@/components/draw.component.vue';
-import NoteService from '@/service/note.service';
-import WorkFlowService from "@/service/workFlow.service"
-import UnitService from '@/service/unit.service';
-import MapComponent from "@/components/map.component.vue"
-import mapboxgl from "mapbox-gl";
-import moment from 'moment';
+import { Component } 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 AreaService from '@/service/area.service'
+import FormOption from 'hbt-common/models/formOptions'
+import BtnOption from 'hbt-common/models/btnOptions'
+import DrawComponent from '@/components/draw.component.vue'
+import NoteService from '@/service/note.service'
+import WorkFlowService from '@/service/workFlow.service'
+import UnitService from '@/service/unit.service'
+import MapComponent from '@/components/map.component.vue'
+import mapboxgl from 'mapbox-gl'
+import moment from 'moment'
 @Component({
     template,
     components: {
         FormComponent,
         TableComponent,
         DrawComponent,
-        MapComponent
+        MapComponent,
     },
 } as any)
 export default class HiddenDangerClapComponent extends BaseRecordComponent<any> {
-    public tableService = new NoteService();
+    public tableService = new NoteService()
 
-    public areaService = new AreaService();
+    public areaService = new AreaService()
 
-    public unitService = new UnitService();
+    public unitService = new UnitService()
     public workFlowService = new WorkFlowService()
 
-    public areaList = [];
+    public areaList = []
 
-    public unitList = [];
+    public unitList = []
 
-    public params = {} as any;
+    public params = {} as any
     // 是否显示删改查按钮
-    public isBase = true;
-    public isClap = true;
+    public isBase = true
+    public isClap = true
 
-    public isAction = false;
+    public isAction = false
 
-    public isPlan = false;
+    public isPlan = false
 
-
-    public isFile = false;
+    public isFile = false
     // 显示治理列表按钮
-    public isManager = false;
+    public isManager = false
 
-    public tableActionWidth = "150";
+    public tableActionWidth = '150'
 
-    public isReadonly = false;
-    public account = JSON.parse(localStorage.getItem("account") as string);
-    public showMap = false;
-    public center = [119.59255784201673,
-        34.51914867625878];
-    public marker: any;
+    public isReadonly = false
+    public account = JSON.parse(localStorage.getItem('account') as string)
+    public showMap = false
+    public center = [119.59255784201673, 34.51914867625878]
+    public marker: any
 
-    public map: any;
+    public map: any
 
-    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"
-    }, {
-        name: "批量删除",
-        value: "delete",
-        plain: true,
-        icon: "el-icon-delete",
-        type: "danger"
-    }];
-    public footerActions = [{
-        name: "选择全部",
-        value: "selectAll",
-        type: "primary"
-    }, {
-        name: "反向选择",
-        value: "reverse"
-    }];
-    public formOptions: FormOption<BtnOption>[] = [{
-        name: "整改编号",
-        key: "number",
-        type: "text",
-    }];
+    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',
+        },
+        {
+            name: '批量删除',
+            value: 'delete',
+            plain: true,
+            icon: 'el-icon-delete',
+            type: 'danger',
+        },
+    ]
+    public footerActions = [
+        {
+            name: '选择全部',
+            value: 'selectAll',
+            type: 'primary',
+        },
+        {
+            name: '反向选择',
+            value: 'reverse',
+        },
+    ]
+    public formOptions: FormOption<BtnOption>[] = [
+        {
+            name: '整改编号',
+            key: 'number',
+            type: 'text',
+        },
+    ]
 
-    public showUpdate = false;
-    public updateParams = {} as any;
-    public updateOptions: FormOption<BtnOption>[] = [];
+    public showUpdate = false
+    public updateParams = {} as any
+    public updateOptions: FormOption<BtnOption>[] = []
 
-    public photoList = [] as any;
-    public fileList = [] as any;
+    public photoList = [] as any
+    public fileList = [] as any
 
-    public currentUrl: any;
-    public showFile = false;
+    public currentUrl: any
+    public showFile = false
 
-    public riskSource = [] as any;
+    public riskSource = [] as any
 
+    public updateActions = [
+        {
+            name: '取消',
+            value: 'cancel',
+        },
+        {
+            name: '保存并下发',
+            value: 'submit',
+            type: 'primary',
+        },
+        {
+            name: '保存',
+            value: 'draft',
+            type: 'primary',
+        },
+    ]
 
-    public updateActions = [{
-        name: "取消",
-        value: "cancel"
-    }, {
-        name: "保存并下发",
-        value: "submit",
-        type: "primary"
-    }, {
-        name: "保存",
-        value: "draft",
-        type: "primary"
-    }];
+    public selectData = []
 
-    public selectData = [];
-
-    public levelMap = ["", "一般隐患", "重大隐患"]
-    public statusMap = ["未下发", "已下发"];
-    public reformModeMap = ["", "即查即改", "限期整改"]
+    public levelMap = ['', '一般隐患', '重大隐患']
+    public statusMap = ['未下发', '已下发']
+    public reformModeMap = ['', '即查即改', '限期整改']
 
     // 加载区域列表
     public loadAreaData() {
         this.areaService.selectByPage({ pageSize: 1000 }).then((res: any) => {
-            this.areaList = res.data.datas.map(item => {
+            this.areaList = res.data.datas.map((item) => {
                 if (item.name) {
                     return {
                         name: item.name,
-                        value: item.id
+                        value: item.id,
                     }
                 }
-            });
+            })
         })
     }
     // 加载单元列表
     public loadUnitData(id?, isVerify = false) {
         this.unitService.selectByPage({ pageSize: 1000, areaId: id }, false).then((res: any) => {
-            this.unitList = res.data.datas.map(item => {
+            this.unitList = res.data.datas.map((item) => {
                 if (item.name) {
                     return {
                         name: item.name,
-                        value: item.id
+                        value: item.id,
                     }
                 }
-            });
-            const option = this.updateOptions.find(item => item.key === "unitId") as any;
-            option.datas = this.unitList;
+            })
+            const option = this.updateOptions.find((item) => item.key === 'unitId') as any
+            option.datas = this.unitList
             if (isVerify) {
                 //单元是否删除
                 if (this.updateParams.unitId) {
-                    this.judgeDeleteUnitMethod(this.updateParams);
+                    this.judgeDeleteUnitMethod(this.updateParams)
                 }
             }
         })
     }
 
-
     public buildUpdateForm() {
-        this.updateOptions = [{
-            name: "隐患编号",
-            key: "number",
-            type: "text",
-            width: "100%",
-            require: true,
-            showError: false,
-            disable: true
-        }, {
-            name: "隐患来源",
-            key: "type",
-            type: "text",
-            width: "100%",
-            require: true,
-            showError: false,
-            disable: true,
-        }, {
-            name: "检查区域",
-            key: "areaId",
-            format: "areaName",
-            type: "select",
-            width: "calc(50% - 20px)",
-            require: true,
-            showError: false,
-            datas: this.areaList
-        }, {
-            name: "检查单元",
-            key: "unitId",
-            format: "unitName",
-            type: "select",
-            width: "calc(50% - 20px)",
-            require: true,
-            showError: false,
-            datas: this.unitList
-        }, {
-            name: "整改标题",
-            key: "title",
-            type: "text",
-            width: "100%",
-            require: true,
-            showError: false,
-        }, {
-            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: "dangerType",
-            format: "dangerTypeName",
-            type: "select",
-            width: "calc(50% - 20px)",
-            require: true,
-            showError: false,
-            datas: this.$store.state.prevention_danger_type,
-        }, {
-            name: "检查人员",
-            key: "inspectUserId",
-            format: "inspectUserName",
-            type: "select",
-            width: "calc(50% - 20px)",
-            require: true,
-            showError: false,
-            datas: this.$store.state.userList,
-        }, {
-            name: "检查时间",
-            key: "inspectTime",
-            type: "date",
-            subType: "datetime",
-            format: "yyyy-MM-dd HH:mm",
-            width: "calc(50% - 20px)",
-            require: true,
-            showError: false,
-        }, {
-            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.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,
-            clearable: true,
-            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: {
-                disabledDate(time) {
-                    return time.getTime() < moment(new Date()).subtract(1, 'day').toDate().getTime();
-                }
-            }
-        }, {
-            name: "问题描述",
-            key: "description",
-            type: "textarea",
-            width: "100%",
-            require: true,
-            showError: false,
-        }, {
-            name: "隐患照片",
-            key: "photo",
-            ref: "photo",
-            type: "upload",
-            width: "100%",
-            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: "100%",
-            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: "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)",
-            require: true,
-            showError: false,
-            datas: this.$store.state.prevention_major_type,
-        }, {
-            name: "发生环节",
-            key: "occurNode",
-            format: "occurNodeName",
-            type: "select",
-            width: "calc(50% - 20px)",
-            showError: false,
-            datas: this.$store.state.prevention_occur_step,
-        }, {
-            name: "重大危险源名称",
-            key: "majorHazard",
-            format: "majorHazardName",
-            type: "select",
-            width: "calc(50% - 20px)",
-            require: true,
-            showError: false,
-            datas: this.riskSource
-        }, {
-            name: "违反规定条款",
-            key: "violateTerm",
-            type: "textarea",
-            width: "100%",
-            showError: false,
-        }, {
-            name: "隐患整改要求",
-            key: "reformDemand",
-            type: "textarea",
-            width: "100%",
-            showError: false,
-        }]
+        this.updateOptions = [
+            {
+                name: '隐患编号',
+                key: 'number',
+                type: 'text',
+                width: '100%',
+                require: true,
+                showError: false,
+                disable: true,
+            },
+            {
+                name: '隐患来源',
+                key: 'type',
+                type: 'text',
+                width: '100%',
+                require: true,
+                showError: false,
+                disable: true,
+            },
+            {
+                name: '检查区域',
+                key: 'areaId',
+                format: 'areaName',
+                type: 'select',
+                width: 'calc(50% - 20px)',
+                require: true,
+                showError: false,
+                datas: this.areaList,
+            },
+            {
+                name: '检查单元',
+                key: 'unitId',
+                format: 'unitName',
+                type: 'select',
+                width: 'calc(50% - 20px)',
+                require: true,
+                showError: false,
+                datas: this.unitList,
+            },
+            {
+                name: '整改标题',
+                key: 'title',
+                type: 'text',
+                width: '100%',
+                require: true,
+                showError: false,
+            },
+            {
+                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: 'dangerType',
+                format: 'dangerTypeName',
+                type: 'select',
+                width: 'calc(50% - 20px)',
+                require: true,
+                showError: false,
+                datas: this.$store.state.prevention_danger_type,
+            },
+            {
+                name: '检查人员',
+                key: 'inspectUserId',
+                format: 'inspectUserName',
+                type: 'select',
+                width: 'calc(50% - 20px)',
+                require: true,
+                showError: false,
+                datas: this.$store.state.userList,
+            },
+            {
+                name: '检查时间',
+                key: 'inspectTime',
+                type: 'date',
+                subType: 'datetime',
+                format: 'yyyy-MM-dd HH:mm',
+                width: 'calc(50% - 20px)',
+                require: true,
+                showError: false,
+            },
+            {
+                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.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,
+                clearable: true,
+                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: {
+                    disabledDate(time) {
+                        return time.getTime() < moment(new Date()).subtract(1, 'day').toDate().getTime()
+                    },
+                },
+            },
+            {
+                name: '问题描述',
+                key: 'description',
+                type: 'textarea',
+                width: '100%',
+                require: true,
+                showError: false,
+            },
+            {
+                name: '隐患照片',
+                key: 'photo',
+                ref: 'photo',
+                type: 'upload',
+                width: '100%',
+                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: '100%',
+                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: '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)',
+                require: true,
+                showError: false,
+                datas: this.$store.state.prevention_major_type,
+            },
+            {
+                name: '发生环节',
+                key: 'occurNode',
+                format: 'occurNodeName',
+                type: 'select',
+                width: 'calc(50% - 20px)',
+                showError: false,
+                datas: this.$store.state.prevention_occur_step,
+            },
+            {
+                name: '重大危险源名称',
+                key: 'majorHazard',
+                format: 'majorHazardName',
+                type: 'select',
+                width: 'calc(50% - 20px)',
+                require: true,
+                showError: false,
+                datas: this.riskSource,
+            },
+            {
+                name: '违反规定条款',
+                key: 'violateTerm',
+                type: 'textarea',
+                width: '100%',
+                showError: false,
+            },
+            {
+                name: '隐患整改要求',
+                key: 'reformDemand',
+                type: 'textarea',
+                width: '100%',
+                showError: false,
+            },
+        ]
     }
 
     created() {
         this.loadAreaData()
-        this.loadUnitData();
+        this.loadUnitData()
         //重大危险源
         this.initRiskSource()
     }
 
     //重大危险源
     public initRiskSource() {
-        this.riskSource = [] as any;
-        this.riskSource = JSON.parse(JSON.stringify(this.$store.state.prevention_risk_source));
+        this.riskSource = [] as any
+        this.riskSource = JSON.parse(JSON.stringify(this.$store.state.prevention_risk_source))
         this.riskSource.unshift({
             name: '不涉及',
             value: 0,
@@ -454,56 +498,58 @@ export default class HiddenDangerClapComponent extends BaseRecordComponent<any>
     }
 
     public buildTable() {
-        this.tableColumn.push({ name: '整改单编号', width: "220px", key: "number" });
-        this.tableColumn.push({ name: '隐患描述', key: "description", width: "300px" });
-        this.tableColumn.push({ name: '整改部门', width: "100px", key: "reformDeptName" });
+        this.tableColumn.push({ name: '整改单编号', width: '220px', key: 'number' })
+        this.tableColumn.push({ name: '隐患描述', key: 'description', width: '300px' })
+        this.tableColumn.push({ name: '整改部门', width: '100px', key: 'reformDeptName' })
         this.tableColumn.push({
-            name: '隐患级别', render: (data) => {
+            name: '隐患级别',
+            render: (data) => {
                 return this.levelMap[data.level]
-            }
-        });
-        this.tableColumn.push({ name: '隐患位置', key: "locationName" });
-        this.tableColumn.push({ name: '检查时间', width: "150px", key: "inspectTime" });
-        this.tableColumn.push({ name: '检查人员', key: "inspectUserName" });
+            },
+        })
+        this.tableColumn.push({ name: '隐患位置', key: 'locationName' })
+        this.tableColumn.push({ name: '检查时间', width: '150px', key: 'inspectTime' })
+        this.tableColumn.push({ name: '检查人员', key: 'inspectUserName' })
         this.tableColumn.push({
-            name: '下发状态', render: (data) => {
-                return `<span class="color_"${data.status}>${this.statusMap[data.status] || ""}</span>`
-            }
-        });
+            name: '下发状态',
+            render: (data) => {
+                return `<span class="color_"${data.status}>${this.statusMap[data.status] || ''}</span>`
+            },
+        })
     }
     public getMap(map) {
-        this.map = map;
-        this.addMarker();
+        this.map = map
+        this.addMarker()
     }
 
     public addMarker() {
-        this.marker = new mapboxgl.Marker({ draggable: !this.isReadonly }).setLngLat(this.center).addTo(this.map);
+        this.marker = new mapboxgl.Marker({ draggable: !this.isReadonly }).setLngLat(this.center).addTo(this.map)
         this.map.flyTo({ center: this.center })
     }
 
     public change(data, item) {
-        if (item && item.key === "areaId") {
-            this.unitList = [];
+        if (item && item.key === 'areaId') {
+            this.unitList = []
             this.updateParams.unitId = []
             this.loadUnitData(data)
         }
-        if (item && item.key === "inspectUserId") {
+        if (item && item.key === 'inspectUserId') {
             this.updateParams.inspectUserName = this.$store.getters.user_map[data]
         }
-        if (item && item.key === "reformDeptId") {
+        if (item && item.key === 'reformDeptId') {
             this.updateParams.reformDeptName = this.$store.getters.dept_map[data]
         }
-        if (item && item.key === "reformUserId") {
+        if (item && item.key === 'reformUserId') {
             this.updateParams.reformUserName = this.$store.getters.user_map[data]
         }
-        if (item && item.key === "verifyUserId") {
+        if (item && item.key === 'verifyUserId') {
             this.updateParams.verifyUserName = this.$store.getters.user_map[data]
         }
         if (item && item.key === 'reformDeadline') {
-            const now = moment().format("YYYY-MM-DD HH:mm");
+            const now = moment().format('YYYY-MM-DD HH:mm')
             if (now > data) {
-                this.$message.error("要求整改日期不能早于当前时间")
-                this.updateParams.reformDeadline = null;
+                this.$message.error('要求整改日期不能早于当前时间')
+                this.updateParams.reformDeadline = null
                 return
             }
         }
@@ -519,35 +565,34 @@ export default class HiddenDangerClapComponent extends BaseRecordComponent<any>
     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 === "add") {
+        } else if (data.value === 'add') {
             this.unitList = []
-            const option = this.updateOptions.find(item => item.key === "unitId") as any;
+            const option = this.updateOptions.find((item) => item.key === 'unitId') as any
             option.datas = []
             this.showUpdateModel()
-        } else if (data.value === "delete") {
+        } else if (data.value === 'delete') {
             this.deleteData(this.selectData.map((item: any) => item.id))
-        } else if (data.value === "fixed") {
+        } else if (data.value === 'fixed') {
             this.showMap = true
-
-        } else if (data.value === "draft" || data.value === "submit") {
-            this.doSave(data.value === "submit");
+        } else if (data.value === 'draft' || data.value === 'submit') {
+            this.doSave(data.value === 'submit')
         } else {
             this.handleClose()
         }
@@ -557,90 +602,91 @@ export default class HiddenDangerClapComponent extends BaseRecordComponent<any>
         this.params = {
             pageNum: 1,
             pageSize: 20,
-        } as any;
+        } as any
         this.getTableData()
     }
 
-
-
     public showUpdateModel(row?, isRead?) {
         this.initRiskSource()
-        this.isReadonly = !!isRead;
-        this.fileList = [];
-        this.photoList = [];
+        this.isReadonly = !!isRead
+        this.fileList = []
+        this.photoList = []
         this.updateParams = {
-            type: "随手拍",
-            locationName: "",
+            type: '随手拍',
+            locationName: '',
             inspectUserId: this.account.userId,
             inspectUserName: this.account.nickName,
             number: null,
             photo: null,
-            inspectTime: moment().format("YYYY-MM-DD HH:mm"),
+            inspectTime: moment().format('YYYY-MM-DD HH:mm'),
             dangerType: 4,
             unitId: null,
         }
         if (!row) {
-            this.tableService.getNumber().then(res => {
-                this.updateParams.number = res.data;
+            this.tableService.getNumber().then((res) => {
+                this.updateParams.number = res.data
                 // this.center = [118.751353, 31.969568];
-                this.buildUpdateForm();
+                this.buildUpdateForm()
                 //清除附件缓存
-                this.clearFileListMethod();
-                this.showUpdate = true;
+                this.clearFileListMethod()
+                this.showUpdate = true
             })
         } else {
             this.tableService.selectById(row.id).then((res: any) => {
-                this.updateParams = Object.assign({
-                    classifyName: this.$store.getters.prevention_dangrous_type_map[res.data.classify],
-                    attributeClassifyName: this.$store.getters.prevention_safe_reason_map[row.attributeClassify],
-                    dangerTypeName: this.$store.getters.prevention_danger_type_map[res.data.dangerType],
-                    inspectTypeName: this.$store.getters.prevention_danger_check_type_map[res.data.inspectType],
-                    levelName: this.levelMap[res.data.level],
-                    occurNodeName: this.$store.getters.prevention_occur_step_map[res.data.occurNode],
-                    professionClassifyName: this.$store.getters.prevention_major_type_map[res.data.professionClassify],
-                    reformModeName: this.reformModeMap[res.data.reformMode],
-                    unitName: (this.unitList.find((item: any) => item.value === res.data.unitId) as any)?.name ?? null,
-                    areaName: (this.areaList.find((item: any) => item.value === res.data.areaId) as any)?.name ?? null,
-                    type: "随手拍",
-                }, res.data)
+                this.updateParams = Object.assign(
+                    {
+                        classifyName: this.$store.getters.prevention_dangrous_type_map[res.data.classify],
+                        attributeClassifyName: this.$store.getters.prevention_safe_reason_map[row.attributeClassify],
+                        dangerTypeName: this.$store.getters.prevention_danger_type_map[res.data.dangerType],
+                        inspectTypeName: this.$store.getters.prevention_danger_check_type_map[res.data.inspectType],
+                        levelName: this.levelMap[res.data.level],
+                        occurNodeName: this.$store.getters.prevention_occur_step_map[res.data.occurNode],
+                        professionClassifyName: this.$store.getters.prevention_major_type_map[res.data.professionClassify],
+                        reformModeName: this.reformModeMap[res.data.reformMode],
+                        unitName: (this.unitList.find((item: any) => item.value === res.data.unitId) as any)?.name ?? null,
+                        areaName: (this.areaList.find((item: any) => item.value === res.data.areaId) as any)?.name ?? null,
+                        type: '随手拍',
+                    },
+                    res.data
+                )
                 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]
                 // 地图定位
-                this.center = [res.data.locationLng, res.data.locationLat];
-                this.buildUpdateForm();
+                this.center = [res.data.locationLng, res.data.locationLat]
+                this.buildUpdateForm()
                 //清除附件缓存
-                this.clearFileListMethod();
+                this.clearFileListMethod()
                 if (row && !isRead) {
                     //区域是否删除
-                    let isDeleteArea = !res.data.areaId ? true : this.judgeDeleteAreaMethod(res.data);
+                    let isDeleteArea = !res.data.areaId ? true : this.judgeDeleteAreaMethod(res.data)
                     if (!isDeleteArea) {
-                        this.loadUnitData(res.data.areaId, true);
+                        this.loadUnitData(res.data.areaId, true)
                     }
                 }
                 // 获取url
                 if (res.data.resourceId) {
-                    this.updateParams.photo = 1;
-                    this.tableService.getFileUrls({ ids: res.data.resourceId.split(",") }).then((photos: any) => {
-                        this.photoList = photos.data.map(item => {
+                    this.updateParams.photo = 1
+                    this.tableService.getFileUrls({ ids: res.data.resourceId.split(',') }).then((photos: any) => {
+                        this.photoList = photos.data.map((item) => {
                             return {
                                 name: item.originalName,
                                 url: item.url,
                                 type: item.type,
-                                id: item.id
+                                id: item.id,
                             }
                         })
-                        this.updateParams.photo = this.isReadonly ? null : (this.photoList.length || null);
+                        this.updateParams.photo = this.isReadonly ? null : this.photoList.length || null
                         this.buildUpdateForm()
                     })
                 }
                 if (res.data.resourceOtherId) {
-                    this.tableService.getFileUrls({ ids: res.data.resourceOtherId.split(",") }).then((files: any) => {
-                        this.fileList = files.data.map(item => {
+                    this.tableService.getFileUrls({ ids: res.data.resourceOtherId.split(',') }).then((files: any) => {
+                        this.fileList = files.data.map((item) => {
                             return {
                                 name: item.originalName,
                                 url: item.url,
                                 type: item.type,
-                                id: item.id
+                                id: item.id,
                             }
                         })
                         this.buildUpdateForm()
@@ -653,50 +699,54 @@ export default class HiddenDangerClapComponent extends BaseRecordComponent<any>
 
     /**
      * 判断区域是否删除
-     * @param res 
+     * @param res
      */
     public judgeDeleteAreaMethod(res: any) {
-        const find = this.areaList.find((data: any) => data.value === res.areaId);
+        const find = this.areaList.find((data: any) => data.value === res.areaId)
         if (!find) {
-            this.updateParams.areaId = null;
-            this.updateParams.unitId = null;
-            this.$confirm(`风险区域信息变更，请重新选择！`, "", {
+            this.updateParams.areaId = null
+            this.updateParams.unitId = null
+            this.$confirm(`风险区域信息变更，请重新选择！`, '', {
                 type: 'warning',
                 showCancelButton: false,
                 closeOnClickModal: false,
-            }).then(() => {
-                //
-            }).catch(() => {
-                //
             })
+                .then(() => {
+                    //
+                })
+                .catch(() => {
+                    //
+                })
         }
         return !!find
     }
     /**
      * 判断单元是否删除
-     * @param res 
+     * @param res
      */
     public judgeDeleteUnitMethod(res: any) {
-        const find = this.unitList.find((data: any) => data.value === res.unitId);
+        const find = this.unitList.find((data: any) => data.value === res.unitId)
         if (!find) {
-            this.updateParams.unitId = [];
-            this.$confirm(`风险单元信息变更，请重新选择！`, "", {
+            this.updateParams.unitId = []
+            this.$confirm(`风险单元信息变更，请重新选择！`, '', {
                 type: 'warning',
                 showCancelButton: false,
                 closeOnClickModal: false,
-            }).then(() => {
-                //
-            }).catch(() => {
-                //
             })
+                .then(() => {
+                    //
+                })
+                .catch(() => {
+                    //
+                })
         }
         return !!find
     }
 
     public onDragEnd() {
-        const lngLat = this.marker.getLngLat();
-        this.updateParams.locationLng = lngLat.lng;
-        this.updateParams.locationLat = lngLat.lat;
+        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()
@@ -704,15 +754,15 @@ export default class HiddenDangerClapComponent extends BaseRecordComponent<any>
 
     public handleClose() {
         if (this.showMap) {
-            this.showMap = false;
-            this.marker.remove();
-            this.marker = null;
+            this.showMap = false
+            this.marker.remove()
+            this.marker = null
             return
         }
-        this.showUpdate = false;
+        this.showUpdate = false
         //清除附件缓存
-        this.clearFileListMethod();
-        this.updateParams = {} as any;
+        this.clearFileListMethod()
+        this.updateParams = {} as any
     }
 
     public onSuccess(res, file, fileList) {
@@ -721,10 +771,10 @@ export default class HiddenDangerClapComponent extends BaseRecordComponent<any>
                 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;
+                id: res.data.id,
+            })
+            this.updateParams.photo = this.photoList.length
+            const option = this.updateOptions.find((item) => item.key === 'photo') as any
             option.showError = false
         }
     }
@@ -734,26 +784,32 @@ export default class HiddenDangerClapComponent extends BaseRecordComponent<any>
                 name: res.data.originalName,
                 url: res.data.url,
                 type: res.data.type,
-                id: res.data.id
+                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;
+        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);
-        this.updateParams.fileList = this.photoList.length || null;
+        this.fileList.splice(
+            this.fileList.findIndex((item) => item.id === file.id),
+            1
+        )
+        this.updateParams.fileList = this.photoList.length || null
     }
 
     public onPreview(file) {
-        if (file.type.indexOf("png") >= 0 || file.type.indexOf("jp") >= 0) {
-            this.currentUrl = file.url;
-            this.showFile = true;
+        if (file.type.indexOf('png') >= 0 || file.type.indexOf('jp') >= 0) {
+            this.currentUrl = file.url
+            this.showFile = true
         } else {
-            window.open(file.url, "_blank")
+            window.open(file.url, '_blank')
         }
     }
     public doSave(isSubmit) {
@@ -762,46 +818,48 @@ export default class HiddenDangerClapComponent extends BaseRecordComponent<any>
         } else {
             this.updateParams.status = 1
         }
-        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.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(',')
         for (const attribute in this.updateParams) {
             if (this.updateParams[attribute] === undefined) {
                 this.updateParams[attribute] = null
             }
         }
 
-        this.tableService.addOrUpdate(JSON.parse(JSON.stringify(this.updateParams)), !this.updateParams.id).then(res => {
-            this.$message.success(!this.updateParams.id ? "新增成功！" : "编辑成功");
+        this.tableService.addOrUpdate(JSON.parse(JSON.stringify(this.updateParams)), !this.updateParams.id).then((res) => {
+            this.$message.success(!this.updateParams.id ? '新增成功！' : '编辑成功')
             if (isSubmit) {
                 this.startWorkFlow(res.data, [this.updateParams.reformUserId])
             } else {
-                this.getTableData();
+                this.getTableData()
             }
-            this.handleClose();
+            this.handleClose()
         })
     }
 
     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()
-            // 发起工作流成功
-        })
+        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 toggleAll() {
-
         this.tableData.datas.forEach((item, index) => {
-            (this.$refs.multipleTable as any).toggleRowSelection(item);
+            ;(this.$refs.multipleTable as any).toggleRowSelection(item)
         })
     }
     public selectAll() {
@@ -809,16 +867,16 @@ export default class HiddenDangerClapComponent extends BaseRecordComponent<any>
             this.toggleAll()
         } else {
             this.tableData.datas.forEach((item, index) => {
-                const find = this.selectData.find((data: any) => data.id === item.id);
+                const find = this.selectData.find((data: any) => data.id === item.id)
                 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 selectable(row) {
@@ -828,12 +886,12 @@ export default class HiddenDangerClapComponent extends BaseRecordComponent<any>
      * 清除附件数据
      */
     public clearFileListMethod() {
-        this.photoList = [];
-        this.fileList = [];
-        const photoOption = this.updateOptions.find(item => item.key === "photo") as any;
-        photoOption.fileList = [];
-        const fileOption = this.updateOptions.find(item => item.key === "file") as any;
-        fileOption.fileList = [];
+        this.photoList = []
+        this.fileList = []
+        const photoOption = this.updateOptions.find((item) => item.key === 'photo') as any
+        photoOption.fileList = []
+        const fileOption = this.updateOptions.find((item) => item.key === 'file') as any
+        fileOption.fileList = []
     }
 }
 </script>