From 16e596cb141e1695f52425cf028abf764fd9239d Mon Sep 17 00:00:00 2001
From: Rain_ <904416525@qq.com>
Date: Thu, 27 Nov 2025 09:43:44 +0800
Subject: [PATCH] =?UTF-8?q?flx=EF=BC=9A=E6=96=B0=E5=A2=9E=E6=96=BD?=
 =?UTF-8?q?=E5=B7=A5=E5=9B=BE=E7=BA=B8?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/assets/images/draw-point.png              |   Bin 0 -> 1594 bytes
 src/assets/js/api/quality.js                  |    16 +
 src/assets/js/http.js                         |    62 +-
 src/components/ImageAnnotation.vue            |   547 +
 src/router/index.js                           |     8 +
 src/store/index.js                            |    16 +-
 .../qualityAndSafety/hiddenDangerSet.vue      |     4 +
 src/views/projectFront/quality/business.vue   |    13 +-
 .../businessModule/blueprintsManagement.vue   |  1455 ++
 .../quality/businessModule/checkPoint.vue     |    14 +
 .../v2/components/hiddenDangerSet.vue         |     4 +
 .../safeSame/rectificationRecord.vue          | 11552 ++++++++--------
 12 files changed, 7532 insertions(+), 6159 deletions(-)
 create mode 100644 src/assets/images/draw-point.png
 create mode 100644 src/components/ImageAnnotation.vue
 create mode 100644 src/views/projectFront/quality/businessModule/blueprintsManagement.vue

diff --git a/src/assets/images/draw-point.png b/src/assets/images/draw-point.png
new file mode 100644
index 0000000000000000000000000000000000000000..25e9442595fd574412cb4ce9c19605332d1348d8
GIT binary patch
literal 1594
zcmV-A2F3Y_P)<h;3K|Lk000e1NJLTq002|~004mq1^@s6UYMO-0002%X+uL$b5ch_
z000=3m5{A&0#Oh~&n+O@&>%`0<O(DNTgi{WkTz@(EEQyT`7s4HcW**pfS_w?o2tG+
z>#-P;O{#bZ0u8#ki`W&=h9f2?-;9_U5KDlIGK|Jbn)RyDwmJqeY}fZVjez~Pt`HQP
zDwX+T_86D4ZFPVRkR66DlG>ev=d@3ir$7|6yPniu2GX)+)<84>V;FNM=Doh}f_MVD
z(QT7Axch;`OO!dU@HL0rI?D3zkeR_}5M{fE@LqAdQ2l46llxKy&z5%BPUwdY2C)5r
zYYT2xaP@fDBP8XU_3D{_`j207*fxao?ZCbO000SaNLh0L01m_e01m_fl`9S#000E_
zNkl<Zc%1E>`&HX86vjXMbbw?6%m(QM&<V;0r4v9WfKEU+fDND%gbflVNIF5hf%-?}
z;K-IOS=ZLX_jis?3*;o?^4*85SB5|kzzV<>fI_yF{86F2bPu4EZ7aY2$bfeb-3|u<
zECg^TfVBV)0uTgkEr1`Q`A0|-#fTIJ>@}|M-+2_IAs-2qXw!D`v*TB-XG5y(Ap5fL
zZI?j^;5HCLwkbBAP#}O}q8RDgo`Vkq0=NlOmGP-n#wXtf8rmLx+wX)-Jg)&5#kIY9
zPgpWuZUQg{Roi%rtJ0Xe0E|H0c9R=5VPj5jR2ef<a&ukVOcGNQNkFFUd2D0GTpA5+
z<CIi#DCzr`^VM!l?UWfBvjDJedDuG_N&sK8<HPJua>F-#p0P23V{$Tzr@aOhz&(I#
zl5WM#wX{Vioi5L=-k=0<nH~RarB9&`Y|Jwj0G_&DpjD_;=Wdj4#m_h0ENhoS$1Q5(
z=0W#^R)dOT65>Rp=UQm&qf@B%FTk8=wNWF6a_qFC5lh<?%IY+yF&}lNP*$fkjk;7-
zC?_I27OF~BgWgTspCmYY5_NKUc6TR=4EP5{q2K-WCwfjQ&D*}oSaY&n208Ht;NZ1O
z@w3c;vQp@(=fzAvE7V+`<EJ~{Q8Oqj)SVS-G4uf63#H<x%z$Msx3jP@-B}3WBIhX%
zQdT*D3*Ws+h=LVLOObPiC#5i5Il`F1E>FxN=aPw*OaQ`nCsKlAC^2kMV%VU><mgzM
z$5>OcL223N@*ot3hBAl2LVU)UEgO`UeGcHmcP|oRoADGfDa%~09Gmy4Tr|Ab=jA!m
zyR$`Yr1aNsUy|Sr%2J#iKgt_SnE^{w3gtNJ%*l53ha>Fv!+ERzQ(th)Za<u5wa)&e
z(CqVoQ^t;$u1yQSr|(bnyw$&G+xW!`$IRJhz-9d#ZBOj~OxK_2X;enMHPMYr^&FCh
zLgfp%Chh0F?NArpBpoNGep*9g*NF~0UZ$g^k&G(3rja>0>Cv7x)}>G$IklrzC%P0W
ztAAE$lb5a^_MO|rDm`Z}PjS#rY<4ciVU;#$EtTr@9wx{tJ)=>`tMo1wW0jtGF*%*l
z^tj8ptF$+ERv0a3WR;q!6Q&Bqyj5zfPS`BCov}(EO^pc~h2m4Cn;DJqJ4Z!rSS<;c
zDxK4lDC-l#trS`zj;G$HerT4pI^nQsVGb(2o%GWpxz%fE8+;h;AeYDI+|wq}GOBlo
zsblayCHa9VmQhw^lFDF(BF!>tP$H`1w3AMjQNLW?BQV0an=X+A^-5t2Czr2CBtZ>M
zM0H3u&nA$doDxwT5``k}1m&EF>X2>kmI>-7)%#6I?+r9wk#`RJPB5d7h$chcsu;ul
z$kX57Ih085uM6{%X&r&rrs2D~ioBgRMAtt=<LW8`xDUX9YK!~wgTP#W?b{yC1mybh
zy1Ggrt{=Cnt9W+(_+4GaqwB|0z}w=<_2VkwZJGFf`uGZXTjW@O$F5F@INpmnwn680
zosj^ZMl@#U{l!T#qU+Ch<F5c#Ba~9}h?_cyODVqO6?CJh^h+dD2;%8{N+eSpOQ|d0
z{SOiWJaF73#xkC!_Y{d5`Bcgzo^sqY#W0?7+_a%5o^sqAf+n7ltmB*|E%hnKO;_Z2
sKbmp+7vCM|BLlYLxQ<^?Es7nJ|EJmgPO)OQ$N&HU07*qoM6N<$f}P&`ssI20

literal 0
HcmV?d00001

diff --git a/src/assets/js/api/quality.js b/src/assets/js/api/quality.js
index d4a9fe1e..5b8649e6 100644
--- a/src/assets/js/api/quality.js
+++ b/src/assets/js/api/quality.js
@@ -55,6 +55,22 @@ export const editQualityRegionListApi = data => post('xmgl/qualityRegion/edit',
 export const deleteBatchQualityRegionListApi = data => post('xmgl/qualityRegion/deleteBatch', data); //检查部位 删除 节点
 // 树状分页
 export const getQualityRegionTreePageApi = data => post('xmgl/qualityRegion/tree/page', data); //检查部位 列表查询
+
+// 图纸管理
+// 树形列表查询区域和施工图纸
+export const getQualityRegionConstructionDrawTreePageApi = data => post('xmgl/qualityRegion/constructionDraw/tree/list', data); //区域施工图纸信息
+// 列表查询区域施工图纸信息
+export const getQualityRegionConstructionDrawListApi = data => get('xmgl/qualityRegionConstructionDraw/list', data); //区域施工图纸信息
+// 添加区域施工图纸信息
+export const addQualityRegionConstructionDrawApi = data => post('xmgl/qualityRegionConstructionDraw/add', data); //区域施工图纸信息
+// 编辑区域施工图纸信息
+export const editQualityRegionConstructionDrawApi = data => post('xmgl/qualityRegionConstructionDraw/edit', data); //区域施工图纸信息
+// 删除区域施工图纸信息
+export const deleteQualityRegionConstructionDrawApi = data => post('xmgl/qualityRegionConstructionDraw/delete', data); //区域施工图纸信息
+// 通过id查询区域施工图纸信息
+export const getQualityRegionConstructionDrawByIdApi = data => get('xmgl/qualityRegionConstructionDraw/queryById', data); //区域施工图纸信息
+
+
 // 批量修改单位和人员数据
 export const batchEditEnterprisesAndUsersApi = data => post('xmgl/qualityRegion/batch/editEnterprisesAndUsers', data); //检查部位 列表查询
 //数据中心
diff --git a/src/assets/js/http.js b/src/assets/js/http.js
index 0a45a68e..32ae66a4 100644
--- a/src/assets/js/http.js
+++ b/src/assets/js/http.js
@@ -181,34 +181,34 @@ if (process.env.NODE_ENV == "development") {
         // axios.defaults.baseURL = 'http://192.168.34.221:28889/' //郭圣雄本地
         // axios.defaults.baseURL = 'http://192.168.34.221:28890/' //郭圣雄本地
         // axios.defaults.baseURL = "http://192.168.34.221:9111/"; //郭圣雄本地
-        // axios.defaults.baseURL = "http://192.168.34.221:19112/"; //郭圣雄本地
-        // axios.defaults.baseURL = 'http://192.168.34.155:19111/' //彭洁本地
-        // axios.defaults.baseURL = 'http://182.90.224.237:51234/' //郭圣雄远程
-        // axios.defaults.baseURL = 'http://jxj.zhgdyun.com:61212/' //彭洁远程
-        // axios.defaults.baseURL ='http://101.43.164.214:45020/' //沈阳和盈
-        // axios.defaults.baseURL ='http://183.249.224.118:9000/' //嘉兴王江泾公用码头
-        // axios.defaults.baseURL = 'http://101.43.164.214:11111/' // 百色三标段项目
-        // axios.defaults.baseURL = 'http://125.88.207.86:8088/'//中建四局线上（最新）地址
-        // axios.defaults.baseURL = 'http://125.88.207.86:8099/'//中建四局(沙湖)线上（最新）地址
-        // axios.defaults.baseURL = 'http://jxj.zhgdyun.com:15551/'//测试地址
-        // axios.defaults.baseURL = 'http://47.93.215.234:9809/'//鞍钢正式地址(弃用)
-        // axios.defaults.baseURL = 'http://42.180.188.17:9809/' //鞍钢正式地址
-        // axios.defaults.baseURL = 'http://47.93.215.234:11211/'//鞍钢测试地址(弃用)
-        // axios.defaults.baseURL = 'http://42.180.188.17:11211/' //鞍钢测试地址
-        // axios.defaults.baseURL = 'http://8.136.222.164:8808/' //中科安信正式地址
-        // axios.defaults.baseURL = 'http://1.13.185.209:9820/' //中科佳成正式地址
-        // axios.defaults.baseURL = 'http://192.168.9.249:9820/' //四川网城正式地址
-        // axios.defaults.baseURL = 'http://jxj.zhgdyun.com:34568/' //四川网城外网映射地址
-        // axios.defaults.baseURL = 'http://192.168.110.220:9809/' //同济正式地址
-        // axios.defaults.baseURL = 'http://192.168.100.4:9809/' //乌丹(合肥启程)新正式地址
-        // axios.defaults.baseURL = "http://jxj.zhgdyun.com:18000"; //包头化工
-        // axios.defaults.baseURL = "http://222.80.185.228:6090"; //木垒
-        // axios.defaults.baseURL = "https://zm.zhgdyun.com:11111";
-        // // axios.defaults.baseURL = "http://121.37.106.37:9809";
-        // axios.defaults.baseURL = "http://139.9.66.234:20628";
-        // axios.defaults.baseURL = "http://jxj.zhgdyun.com:9500";
-        // axios.defaults.baseURL = "http://jxj.zhgdyun.com:21000/"; // 潮州
-        // axios.defaults.baseURL = "http://gszhdz.crpower.com.cn:9809/"; // 敦煌
+    axios.defaults.baseURL = "http://192.168.34.221:19112/"; //郭圣雄本地
+    // axios.defaults.baseURL = 'http://192.168.34.155:19111/' //彭洁本地
+    // axios.defaults.baseURL = 'http://182.90.224.237:51234/' //郭圣雄远程
+    // axios.defaults.baseURL = 'http://jxj.zhgdyun.com:61212/' //彭洁远程
+    // axios.defaults.baseURL ='http://101.43.164.214:45020/' //沈阳和盈
+    // axios.defaults.baseURL ='http://183.249.224.118:9000/' //嘉兴王江泾公用码头
+    // axios.defaults.baseURL = 'http://101.43.164.214:11111/' // 百色三标段项目
+    // axios.defaults.baseURL = 'http://125.88.207.86:8088/'//中建四局线上（最新）地址
+    // axios.defaults.baseURL = 'http://125.88.207.86:8099/'//中建四局(沙湖)线上（最新）地址
+    // axios.defaults.baseURL = 'http://jxj.zhgdyun.com:15551/'//测试地址
+    // axios.defaults.baseURL = 'http://47.93.215.234:9809/'//鞍钢正式地址(弃用)
+    // axios.defaults.baseURL = 'http://42.180.188.17:9809/' //鞍钢正式地址
+    // axios.defaults.baseURL = 'http://47.93.215.234:11211/'//鞍钢测试地址(弃用)
+    // axios.defaults.baseURL = 'http://42.180.188.17:11211/' //鞍钢测试地址
+    // axios.defaults.baseURL = 'http://8.136.222.164:8808/' //中科安信正式地址
+    // axios.defaults.baseURL = 'http://1.13.185.209:9820/' //中科佳成正式地址
+    // axios.defaults.baseURL = 'http://192.168.9.249:9820/' //四川网城正式地址
+    // axios.defaults.baseURL = 'http://jxj.zhgdyun.com:34568/' //四川网城外网映射地址
+    // axios.defaults.baseURL = 'http://192.168.110.220:9809/' //同济正式地址
+    // axios.defaults.baseURL = 'http://192.168.100.4:9809/' //乌丹(合肥启程)新正式地址
+    // axios.defaults.baseURL = "http://jxj.zhgdyun.com:18000"; //包头化工
+    // axios.defaults.baseURL = "http://222.80.185.228:6090"; //木垒
+    // axios.defaults.baseURL = "https://zm.zhgdyun.com:11111";
+    // // axios.defaults.baseURL = "http://121.37.106.37:9809";
+    // axios.defaults.baseURL = "http://139.9.66.234:20628";
+    // axios.defaults.baseURL = "http://jxj.zhgdyun.com:9500";
+    // axios.defaults.baseURL = "http://jxj.zhgdyun.com:21000/"; // 潮州
+    // axios.defaults.baseURL = "http://gszhdz.crpower.com.cn:9809/"; // 敦煌
 } else if (process.env.NODE_ENV == "debug") {
     axios.defaults.baseURL = "https://www.ceshi.com";
 } else if (process.env.NODE_ENV == "production") {
@@ -402,4 +402,8 @@ function startLoading() {
 
 function endLoading() {
     loading.close();
-}
\ No newline at end of file
+}
+
+export function baseURL() {
+    return axios.defaults.baseURL;
+};
\ No newline at end of file
diff --git a/src/components/ImageAnnotation.vue b/src/components/ImageAnnotation.vue
new file mode 100644
index 00000000..eb33c048
--- /dev/null
+++ b/src/components/ImageAnnotation.vue
@@ -0,0 +1,547 @@
+<template>
+  <div class="simple-image-annotator">
+    <div class="controls">
+      <!-- 只有在编辑模式下才显示操作按钮 -->
+      <div v-if="viewMode === 'edit'">
+        <el-button 
+          @click="setAddMode" 
+          size="medium"
+          type="primary"
+          :class="{ active: mode === 'add' }"
+        >
+          新增点位
+        </el-button>
+        <el-button 
+          @click="setDeleteMode" 
+          plain
+          size="medium"
+          type="danger"
+          :class="{ active: mode === 'delete' }"
+        >
+          删除点位
+        </el-button>
+      </div>
+      <!-- 详情模式下显示提示文本 -->
+      <!-- <div v-else-if="viewMode === 'detail'" class="detail-mode-tip">
+        详情模式：已禁止新增和删除操作
+      </div> -->
+      <!-- <button @click="clearAllPoints" class="clear-btn">清空所有点位</button>
+      <span class="point-count">已标注: {{ points.length }} 个点位</span> -->
+    </div>
+    <div class="image-container" ref="imageContainer">
+      <img 
+        ref="image" 
+        :src="imagePath" 
+        alt="标注图片" 
+        @load="handleImageLoad"
+        @click="handleImageClick"
+      />
+      <div class="annotation-layer" ref="annotationLayer" style="position: absolute;">
+        <div 
+          v-for="point in points" 
+          :key="point.id"
+          class="annotation-point"
+          :style="getPointPositionStyle(point)"
+          @click.stop="handlePointClick(point.id)"
+          @contextmenu.prevent="handleRightClick(point.id)"
+        >
+          <!-- <span class="point-index">{{ point.x }}</span> -->
+          <!-- <span class="delete-btn" @click.stop="deletePoint(index)">×</span> -->
+        </div>
+      </div>
+    </div>
+  </div>
+</template>
+
+<script>
+export default {
+  name: 'SimpleImageAnnotator',
+  props: {
+    imagePath: {
+      type: String,
+      required: true,
+      default: ''
+    },
+    drawingPointData: {
+      type: Array,
+      default() {
+        return []
+      }
+    },
+    viewMode: {
+      type: String,
+      default: 'edit', // edit: 编辑模式, detail: 详情模式
+      validator(value) {
+        return ['edit', 'detail'].includes(value)
+      }
+    },
+  },
+  data() {
+    return {
+      points: [],
+      imageNaturalWidth: 0,
+      imageNaturalHeight: 0,
+      containerWidth: 0,
+      containerHeight: 0,
+      scale: 1,
+      mode: 'add' // 默认模式为新增点位
+    }
+  },
+  watch: {
+    viewMode(newMode) {
+      // 根据视图模式更新内部状态
+      if (newMode === 'detail') {
+        this.mode = 'detail'
+      } else {
+        this.mode = 'add'
+      }
+      this.$emit('modeChanged', this.mode)
+    }
+  },
+  mounted() {
+    this.initContainerSize()
+    window.addEventListener('resize', this.handleResize)
+    // 初始化时根据viewMode设置mode
+    if (this.viewMode === 'detail') {
+      this.mode = 'detail'
+    }
+  },
+  computed: {
+    watchRef() {
+      return {
+        imagePath: this.imagePath,
+        drawingPointData: this.drawingPointData
+      }
+    }
+  },
+  watch: {
+    imagePath: {
+      handler(newPath) {
+        if (newPath) {
+          console.log('Image path changed:', newPath);
+          this.resetViewer()
+        }
+      },
+      immediate: true,
+      deep: true
+    },
+    // watchRef: {
+    //   handler(newData) {
+    //     this.resetViewer();
+    //     if(newData.drawingPointData) {
+    //       this.points = newData.drawingPointData;
+    //     }
+    //     console.log('drawingPointData changed:', this.points);
+    //   },
+    //   immediate: true,
+    //   deep: true
+    // },
+    drawingPointData: {
+        handler(newData) {
+          // this.resetPosit();
+          // 对传入的点位数据进行标准化处理，确保所有点位都包含原始图片尺寸信息
+          const normalizedData = this.normalizePointsData(newData);
+          this.points = JSON.parse(JSON.stringify(normalizedData));
+          console.log('drawingPointData changed:', this.points);
+        },
+        immediate: true,
+        deep: true
+      },
+  },
+  mounted() {
+    this.initContainerSize()
+    window.addEventListener('resize', this.handleResize)
+  },
+  beforeDestroy() {
+    window.removeEventListener('resize', this.handleResize)
+  },
+  methods: {
+    // 初始化容器大小
+    initContainerSize() {
+      if (this.$refs.imageContainer) {
+        const container = this.$refs.imageContainer
+        this.containerWidth = container.clientWidth
+        this.containerHeight = container.clientHeight
+        
+        // 如果图片已经加载，重新计算缩放
+        if (this.imageNaturalWidth && this.imageNaturalHeight) {
+          this.calculateScale()
+        }
+      }
+    },
+    
+    // 处理窗口大小变化
+    handleResize() {
+      this.initContainerSize()
+    },
+    
+    // 处理图片加载
+    handleImageLoad(event) {
+      const img = event.target
+      // 使用图片的实际渲染宽度和高度，而不是原始尺寸
+      this.imageNaturalWidth = img.clientWidth
+      this.imageNaturalHeight = img.clientHeight
+      this.calculateScale()
+    },
+    
+    // 计算缩放比例
+    calculateScale() {
+      if (!this.imageNaturalWidth || !this.imageNaturalHeight || !this.$refs.image || !this.$refs.annotationLayer) {
+        return
+      }
+      
+      // 获取容器和图片的实际尺寸
+      const container = this.$refs.imageContainer
+      const containerRect = container.getBoundingClientRect()
+      const img = this.$refs.image
+      const imgRect = img.getBoundingClientRect()
+      
+      // 计算实际显示的缩放比例（基于DOM中图片的实际尺寸）
+      this.scale = imgRect.width / this.imageNaturalWidth
+      
+      // 直接将标注层与图片完全重叠
+      const layer = this.$refs.annotationLayer
+      layer.style.width = imgRect.width + 'px'
+      layer.style.height = imgRect.height + 'px'
+      layer.style.left = (containerRect.width - imgRect.width) / 2 + 'px'
+      layer.style.top = (containerRect.height - imgRect.height) / 2 + 'px'
+      layer.style.transformOrigin = 'top left'
+    },
+    
+    // 处理图片点击事件
+    handleImageClick(event) {
+      // 只有在编辑模式且为新增模式时才允许添加点位
+      if (this.viewMode === 'edit' && this.mode === 'add') {
+        // 直接使用相对于标注层的位置
+        const annotationLayer = this.$refs.annotationLayer
+        const layerRect = annotationLayer.getBoundingClientRect()
+        // 计算鼠标在标注层内的相对位置（考虑缩放）
+        const x = (event.clientX - layerRect.left) / this.scale
+        const y = (event.clientY - layerRect.top) / this.scale
+        this.addPoint(x, y)
+      }
+      // 删除模式或详情模式下，点击图片空白区域不执行操作
+    },
+    
+    // 生成唯一ID
+    generateUniqueId() {
+      return Date.now() + '_' + Math.floor(Math.random() * 10000)
+    },
+    
+    // 添加标注点
+    addPoint(x, y) {
+      console.log('Adding point at:', x, y)
+      console.log(this.imageNaturalWidth, this.imageNaturalHeight)
+      // 确保坐标在有效范围内
+      const validX = Math.max(0, Math.min(x, this.imageNaturalWidth))
+      const validY = Math.max(0, Math.min(y, this.imageNaturalHeight))
+      console.log('Valid X, Y:', validX, validY)
+      const newPoint = {
+        id: this.generateUniqueId(),
+        x: validX,
+        y: validY,
+        // 记录点位创建时的原始图片尺寸
+        originalImageWidth: this.imageNaturalWidth,
+        originalImageHeight: this.imageNaturalHeight
+      }
+      
+      this.points.push(newPoint)
+      this.$emit('pointsChanged', this.points)
+      this.$emit('pointAdded', newPoint)
+    },
+    
+    // 处理标注点点击
+    handlePointClick(pointId) {
+      // 只有在编辑模式且为删除模式时才允许删除点位
+      if (this.viewMode === 'edit' && this.mode === 'delete') {
+        this.deletePoint(pointId)
+      } else {
+        // 新增模式或详情模式下，触发点位选中事件
+        const point = this.points.find(p => p.id === pointId)
+        if (point) {
+          this.$emit('pointSelected', { id: pointId, point })
+        }
+      }
+    },
+    
+    // 设置为新增模式
+    setAddMode() {
+      if (this.viewMode === 'edit') {
+        this.mode = 'add'
+        if (this.$refs.image) {
+          this.$refs.image.style.cursor = 'crosshair'
+        }
+        this.$emit('modeChanged', 'add')
+      }
+    },
+    
+    // 设置为删除模式
+    setDeleteMode() {
+      if (this.viewMode === 'edit') {
+        this.mode = 'delete'
+        if (this.$refs.image) {
+          this.$refs.image.style.cursor = 'default'
+        }
+        this.$emit('modeChanged', 'delete')
+      }
+    },
+    
+    // 设置为详情模式
+    setDetailMode() {
+      this.mode = 'detail'
+      if (this.$refs.image) {
+        this.$refs.image.style.cursor = 'default'
+      }
+      this.$emit('modeChanged', 'detail')
+    },
+    
+    // 处理右键点击
+    handleRightClick(pointId) {
+      // 只有在编辑模式下才允许右键删除点位
+      if (this.viewMode === 'edit') {
+        this.deletePoint(pointId)
+      }
+    },
+    
+    // 删除标注点
+    deletePoint(pointId) {
+      const pointIndex = this.points.findIndex(p => p.id === pointId)
+      if (pointIndex !== -1) {
+        const deletedPoint = this.points[pointIndex]
+        this.points.splice(pointIndex, 1)
+        this.$emit('pointsChanged', this.points)
+        this.$emit('pointDeleted', deletedPoint)
+      }
+    },
+    
+    /**
+     * 计算点位在当前图片上的实际显示位置
+     * 考虑点位创建时的原始图片尺寸与当前显示图片尺寸的差异
+     */
+    getPointPositionStyle(point) {
+      // 获取点位创建时的原始图片尺寸
+      const originalWidth = point.originalImageWidth || this.imageNaturalWidth
+      const originalHeight = point.originalImageHeight || this.imageNaturalHeight
+      
+      // 计算相对于原始图片的位置比例
+      const relativeX = point.x / originalWidth
+      const relativeY = point.y / originalHeight
+      
+      // 根据当前图片尺寸和相对位置计算实际显示位置
+      const displayX = relativeX * this.imageNaturalWidth
+      const displayY = relativeY * this.imageNaturalHeight
+      
+      // 应用当前的缩放比例
+      return {
+        left: displayX * this.scale + 'px',
+        top: displayY * this.scale + 'px'
+      }
+    },
+    
+    /**
+     * 标准化点位数据，确保所有点位都包含原始图片尺寸信息
+     * @param {Array} pointsArray - 点位数组
+     * @returns {Array} - 标准化后的点位数组
+     */
+    normalizePointsData(pointsArray) {
+      if (!Array.isArray(pointsArray)) return []
+      
+      return pointsArray.map(point => {
+        // 如果点位没有原始图片尺寸信息，添加当前图片尺寸
+        if (!point.originalImageWidth || !point.originalImageHeight) {
+          return {
+            ...point,
+            originalImageWidth: this.imageNaturalWidth || point.originalImageWidth,
+            originalImageHeight: this.imageNaturalHeight || point.originalImageHeight
+          }
+        }
+        return point
+      })
+    },
+    
+    // 清空所有标注点
+    clearAllPoints() {
+      this.points = []
+      this.$emit('allPointsCleared')
+    },
+    
+    // 重置查看器
+    resetViewer() {
+      // this.points = []
+      this.imageNaturalWidth = 0
+      this.imageNaturalHeight = 0
+      this.scale = 1
+      // 根据视图模式重置mode
+      if (this.viewMode === 'detail') {
+        this.mode = 'detail'
+      } else {
+        this.mode = 'add' // 重置为新增模式
+      }
+      if (this.$refs.image) {
+        this.$refs.image.style.cursor = this.mode === 'add' ? 'crosshair' : 'default'
+      }
+    },
+    resetPosit() {
+      // 标准化点位数据后再设置
+      const normalizedData = this.normalizePointsData(this.drawingPointData);
+      this.points = JSON.parse(JSON.stringify(normalizedData));
+      this.mode = 'add' // 重置为新增模式
+      if (this.$refs.image) {
+        this.$refs.image.style.cursor = 'crosshair'
+      }
+    },
+    // 获取所有点位
+    getAllPoints() {
+      // 返回点位数组的深拷贝，避免外部直接修改原始数据
+      return JSON.parse(JSON.stringify(this.points))
+    },
+    
+    // 获取当前模式
+    getCurrentMode() {
+      return this.mode
+    },
+  }
+}
+</script>
+
+<style scoped>
+.simple-image-annotator {
+  display: flex;
+  flex-direction: column;
+  height: 100%;
+  width: 100%;
+}
+
+.image-container {
+  position: relative;
+  flex: 1;
+  overflow: hidden;
+  background-color: #f5f5f5;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+}
+
+.image-container img {
+  max-width: 100%;
+  max-height: 100%;
+  cursor: crosshair;
+  transition: transform 0.2s;
+  width: 100%;
+  pointer-events: auto;
+}
+
+/* 详情模式下图片指针样式 */
+.detail-mode img {
+  cursor: default !important;
+}
+
+.annotation-layer {
+  position: absolute;
+  top: 0;
+  left: 0;
+  pointer-events: none;
+  transform-origin: top left;
+}
+
+.annotation-point {
+  position: absolute;
+  width: 28px;
+  height: 43px;
+  /* background-color: rgba(255, 69, 0, 0.8); */
+  /* border-radius: 50%; */
+  background-image: url("~@/assets/images/draw-point.png");
+  background-repeat: no-repeat;
+  background-size: 100% 100%;
+  transform: translate(-50%, -50%);
+  pointer-events: all;
+  cursor: pointer;
+  transition: all 0.2s;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  color: white;
+  font-weight: bold;
+  /* box-shadow: 0 2px 8px rgba(0, 0, 0, 0.3); */
+}
+
+.annotation-point:hover {
+  /* background-color: rgba(255, 0, 0, 0.9); */
+  transform: translate(-50%, -50%) scale(1.1);
+}
+
+.annotation-point .delete-btn {
+  position: absolute;
+  top: -8px;
+  right: -8px;
+  width: 16px;
+  height: 16px;
+  background-color: white;
+  border-radius: 50%;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  color: #ff4500;
+  font-size: 12px;
+  cursor: pointer;
+  border: 1px solid #ff4500;
+}
+
+.annotation-point .delete-btn:hover {
+  background-color: #ff4500;
+  color: white;
+}
+
+.point-index {
+  font-size: 10px;
+}
+
+.controls {
+  padding: 0 10px 10px;
+  background-color: white;
+  /* border-top: 1px solid #e0e0e0; */
+  display: flex;
+  gap: 10px;
+  align-items: center;
+  flex-wrap: wrap;
+}
+
+.control-btn {
+  padding: 6px 16px;
+  background-color: #4CAF50;
+  color: white;
+  border: none;
+  border-radius: 4px;
+  cursor: pointer;
+  transition: background-color 0.2s;
+}
+
+.control-btn:hover {
+  background-color: #45a049;
+}
+
+.control-btn.active {
+  background-color: #2196F3;
+}
+
+.clear-btn {
+  padding: 6px 16px;
+  background-color: #ff4500;
+  color: white;
+  border: none;
+  border-radius: 4px;
+  cursor: pointer;
+  transition: background-color 0.2s;
+  margin-left: auto;
+}
+
+.clear-btn:hover {
+  background-color: #ff6347;
+}
+
+.point-count {
+  color: #666;
+  font-size: 14px;
+  margin-left: 10px;
+}
+</style>
\ No newline at end of file
diff --git a/src/router/index.js b/src/router/index.js
index 5c31df21..4f3238b6 100644
--- a/src/router/index.js
+++ b/src/router/index.js
@@ -3611,6 +3611,14 @@ const routes2 = [{
                         "@/views/projectFront/operationManagement/truckCraneMonitoring.vue",
                     ], resolve),
             },
+            {
+                path: "/project/operationManagement/bridgeCraneMonitor",
+                name: "运维管理_桥吊监测",
+                component: (resolve) =>
+                    require([
+                        "@/views/projectFront/operationManagement/bridgeCraneMonitor.vue",
+                    ], resolve),
+            },
             // 车辆定位
             {
                 path: "/project/vehiclePosition/realTimeMonitor",
diff --git a/src/store/index.js b/src/store/index.js
index 4ef6fcef..b6b3ae8b 100644
--- a/src/store/index.js
+++ b/src/store/index.js
@@ -2,12 +2,13 @@ import Vue from "vue";
 import Vuex from "vuex";
 import createPersistedState from "vuex-persistedstate";
 import { initAI } from '@/util/ai';
+import { baseURL } from '@/assets/js/http';
 Vue.use(Vuex);
 // import user from './module/user'
 // import fileList from './module/fileList'
 // import sideMenu from './module/sideMenu'
 // import imgReview from './module/imgReview'
-
+console.log(1111111111, baseURL())
 export default new Vuex.Store({
     plugins: [
         createPersistedState({
@@ -83,8 +84,8 @@ export default new Vuex.Store({
         // FILEURL: "http://192.168.34.155:19111/image/", //洁本地
         // UPLOADURL: 'http://192.168.34.221:9111/upload/image/', // 郭圣雄本地
         // FILEURL: 'http://192.168.34.221:9111/image/', //郭圣雄本地
-        // UPLOADURL: 'http://192.168.34.221:19112/upload/image/', // 郭圣雄本地
-        // FILEURL: 'http://192.168.34.221:19112/image/', //郭圣雄本地
+        UPLOADURL: 'http://192.168.34.221:19112/upload/image/', // 郭圣雄本地
+        FILEURL: 'http://192.168.34.221:19112/image/', //郭圣雄本地
         // WORKFLOWURL: "http://192.168.34.216:88/#/workspace/forms", //jiayu工作流地址(本地)
         // WORKFLOWURL: "http://192.168.34.138:88/#/workspace/forms", //坤工作流地址(本地)
         // WORKFLOWURL: "http://192.168.34.129:88/#/workspace/forms", //罗峰工作流地址(本地)
@@ -94,16 +95,15 @@ export default new Vuex.Store({
         // FILEURL:'http://182.90.224.237:51234/image/',//郭圣雄远程
         // UPLOADURL: 'http://42.180.188.17:11211/upload/image', //测试
         // FILEURL: 'http://42.180.188.17:11211/image/', //测试
-        BASEURL: baseUrl ?
-            baseUrl : window.location.protocol + "//" + window.location.host + "/", //正式环境
-        UPLOADURL: window.location.protocol + "//" + window.location.host + "/upload/image", //正式环境
-        FILEURL: window.location.protocol + "//" + window.location.host + "/image/", //正式环境
+        // BASEURL: baseUrl ?
+        //     baseUrl : window.location.protocol + "//" + window.location.host + "/", //正式环境
+        // UPLOADURL: window.location.protocol + "//" + window.location.host + "/upload/image", //正式环境
+        // FILEURL: window.location.protocol + "//" + window.location.host + "/image/", //正式环境
         // // WORKFLOWURL: 'http://47.93.215.234:19998/#/workspace/forms',//鞍钢平台工作流地址(弃用)
         // // WORKFLOWURL: 'http://47.93.215.234:19098/#/workspace/forms',//鞍钢测试平台工作流地址(弃用)
         // WORKFLOWURL: 'http://42.180.188.17:19998/#/workspace/forms', //鞍钢平台工作流地址
         // WORKFLOWURL: "http://42.180.188.17:19098/#/workspace/forms", //鞍钢测试平台工作流地址
         PREVIEWURL: "http://219.147.96.221:8012/onlinePreview",
-        
         // UPLOADURL: 'http://192.168.34.221:8111/upload/image', //演示平台 雄本地
         // FILEURL: 'http://192.168.34.221:8111/image/', //演示平台 雄本地
 
diff --git a/src/views/companyAdmin/qualityAndSafety/hiddenDangerSet.vue b/src/views/companyAdmin/qualityAndSafety/hiddenDangerSet.vue
index a7040131..fd08f74f 100644
--- a/src/views/companyAdmin/qualityAndSafety/hiddenDangerSet.vue
+++ b/src/views/companyAdmin/qualityAndSafety/hiddenDangerSet.vue
@@ -201,6 +201,10 @@ export default {
                 key: "priorityNameDic",
                 value: "问题等级二",
               },
+              {
+                key: "regionDrawId",
+                value: "施工图纸",
+              },
               {
                 key: "urgentLevel",
                 value: "紧急程度",
diff --git a/src/views/projectFront/quality/business.vue b/src/views/projectFront/quality/business.vue
index c608a92a..ce6adf5b 100644
--- a/src/views/projectFront/quality/business.vue
+++ b/src/views/projectFront/quality/business.vue
@@ -1,6 +1,6 @@
 <template>
   <!-- 业务中心 -->
-  <div class="business whiteBlock">
+  <div class="business" :class="{'whiteBlock': activeIndex == '1'}">
     <!-- <el-menu
       :default-active="activeIndex"
       class="business-menu-demo"
@@ -12,21 +12,28 @@
     </el-menu> -->
 
 
-    <check v-if="activeIndex == '1'" style="width:100%;height:calc(100%)"></check>
+    <check @updateValue="updateValue" v-if="activeIndex == '1'" style="width:100%;height:calc(100%)"></check>
+    <BlueprintsManagement @updateValue="updateValue" v-else-if="activeIndex == '2'" style="width:100%;height:calc(100%)"></BlueprintsManagement>
   </div>
 </template>
 <script>
 import check from "./businessModule/checkPoint.vue";
+import BlueprintsManagement from "./businessModule/blueprintsManagement.vue";
 export default {
   name: "business",
   components: {
-    check,
+    check,BlueprintsManagement
   },
   data() {
     return {
         activeIndex:'1',
     };
   },
+  methods: {
+    updateValue(val) {
+      this.activeIndex = val;
+    }
+  }
 };
 </script>
 <style lang="less" scoped>
diff --git a/src/views/projectFront/quality/businessModule/blueprintsManagement.vue b/src/views/projectFront/quality/businessModule/blueprintsManagement.vue
new file mode 100644
index 00000000..e1a2e1ab
--- /dev/null
+++ b/src/views/projectFront/quality/businessModule/blueprintsManagement.vue
@@ -0,0 +1,1455 @@
+<template>
+  <div class="fullHeight">
+    <div class="areaTreeBox fullHeight" id="videoTreeBox">
+      <div class="areaTreeInner whiteBlock fullHeight">
+        <div class="areaTreeInner_header">
+          <el-button
+            class="flex"
+            @click="sendValue"
+            size="medium"
+            icon="el-icon-back"
+            type="text"
+            plain
+          >
+            返回
+          </el-button>
+          <p class="pageTitle">检查部位</p>
+        </div>
+
+        <el-form size="medium" ref="riskListForm" :model="riskListForm">
+          <el-form-item class="flex-box">
+            <el-input
+              @input="onProjectBlur"
+              suffix-icon="el-icon-search"
+              v-model="riskListForm.devName"
+              placeholder="请输入内容"
+            ></el-input>
+          </el-form-item>
+        </el-form>
+        <div class="treeBox">
+          <vue-scroll v-if="level1CompanyData.length > 0">
+            <el-tree
+              :data="level1CompanyData"
+              @node-click="handleNodeClick"
+              :props="defaultProps"
+              :default-expanded-keys="defaultExpandedKeys"
+              :default-expand-all="defaultExpandAll"
+              @node-expand="handleNodeExpand"
+              @node-collapse="handleNodeCollapse"
+              node-key="id"
+              ref="tree"
+            >
+              <div
+                :class="{
+                  'node_icon-offline': data.deviceState != 1,
+                  'custom-tree-node_icon node_icon-online': data.type == 2,
+                }"
+                class="custom-tree-node"
+                slot-scope="{ node, data }"
+              >
+                <span
+                  style="
+                    width: 56%;
+                    overflow: hidden;
+                    text-overflow: ellipsis;
+                    white-space: nowrap;
+                    display: inline-block;
+                  "
+                  class="videoName projectName"
+                  :class="{
+                    'color_333 font-bold': data.type == 1,
+                  }"
+                  :title="data.regionName"
+                  >{{ data.regionName }}</span
+                >
+              </div>
+            </el-tree>
+          </vue-scroll>
+          <div class="placeholderBox" v-else>
+            <img src="@/assets/images/noData2.png" alt="" srcset="" />
+            <p>{{ $t("message.videoManage.empty") }}</p>
+          </div>
+        </div>
+        <div class="sidebar_btn2">
+          <el-button
+            style="color: #b3b3b3"
+            @click="setCheckedNodes"
+            size="mini"
+            type="text"
+            plain
+            >全部展开</el-button
+          >
+          <el-button
+            @click="setCheckedKeys"
+            style="color: #b3b3b3"
+            size="mini"
+            type="text"
+            plain
+            >全部关闭</el-button
+          >
+        </div>
+      </div>
+    </div>
+    <div class="rightPanel whiteBlock">
+      <div class="rightPanel_header">
+        <p class="pageTitle">施工图纸</p>
+        <span>仅支持上传dwg，pdf和图片格式，且最大为50M，如果较大建议拆分。</span>
+      </div>
+      <div>
+        <el-upload
+          :action="$store.state.UPLOADURL"
+          drag
+          name="files"
+          :on-success="handleSuccess"
+          :on-remove="handleRemove"
+          ref="upload"
+          :show-file-list="false"
+          :data="{ sn: $store.state.userInfo.headquartersSn }"
+          :headers="headers"
+          accept=".png, .jpg, .jpeg, .dwg, .pdf"
+        >
+          <i class="el-icon-upload"></i>
+          <div class="el-upload__text">将文件拖到此处，或<em>点击上传</em></div>
+        </el-upload>
+      </div>
+      <el-table
+        :data="riskListDetailList"
+        style="width: 100%; margin: 20px 0"
+        row-key="id"
+        class="tables"
+      >
+        <el-table-column type="selection" width="55"> </el-table-column>
+        <el-table-column prop="regionName" label="图纸名称">
+          <template slot-scope="scope">
+            <span style="color: #5181f6">{{ scope.row.drawingName }}</span>
+          </template>
+        </el-table-column>
+        <el-table-column
+          align="center"
+          prop="uploadTime"
+          label="上传时间"
+        ></el-table-column>
+        <el-table-column
+          align="center"
+          prop="uploaderName"
+          label="上传人"
+        ></el-table-column>
+        <el-table-column align="center" prop="fileSize" label="文件大小">
+          <template slot-scope="scope">
+            {{ (scope.row.fileSize / (1024 * 1024)).toFixed(2) }}MB
+          </template>
+        </el-table-column>
+        <el-table-column :label="$t('message.quality.operation')" align="center">
+          <template slot-scope="scope">
+            <div class="flex2 edit">
+              <el-button @click="exportFn(scope.row)" icon="el-icon-download" type="text">
+                下载
+              </el-button>
+              <el-button icon="el-icon-delete" type="text" @click="deleteBtn(scope.row)">
+                删除
+              </el-button>
+            </div>
+          </template>
+        </el-table-column>
+      </el-table>
+    </div>
+  </div>
+</template>
+<script>
+import {
+  getQualityRegionTreePageApi,
+  getQualityRegionConstructionDrawListApi,
+  addQualityRegionConstructionDrawApi,
+  deleteQualityRegionConstructionDrawApi,
+} from "@/assets/js/api/quality.js";
+import dayjs from "dayjs";
+import html2canvas from "html2canvas";
+import { isJSON } from "@/util/nowDate/index";
+export default {
+  data() {
+    return {
+      pageInfo: {
+        pageNo: 1, //页数
+        pageSize: 12, //条数
+        total: 0, //总条数
+        id: "",
+        startTime: [],
+      },
+      defaultProps: {
+        children: "children",
+        label: "regionName",
+      },
+      level1CompanyData: [],
+      riskListForm: {
+        deviceState: "",
+        devName: "",
+      },
+      defaultExpandAll: false,
+      defaultExpandedKeys: [],
+      projectSn: "",
+      projectTypeList: [],
+      riskListDetailList: [],
+      riskListDetailInfo: [],
+
+      riskAssessmentInfo: {},
+      fileList: [],
+      batchImportDialog: false,
+      sureImportTitle: "",
+      activeName: "first",
+      policeCameraItemDetail: {},
+      multipleSelection: [],
+      dialogVisible: false,
+    };
+  },
+  created() {
+    this.projectSn = this.$route.query.projectSn;
+    this.getRiskListLibraryList();
+  },
+  mounted() {},
+  methods: {
+    //删除 按钮
+    deleteBtn(value) {
+      this.$confirm(
+        this.$t("message.quality.deleteHint"),
+        this.$t("message.quality.hint"),
+        {
+          confirmButtonText: this.$t("message.quality.confirm"),
+          cancelButtonText: this.$t("message.quality.cancel"),
+          type: "warning",
+        }
+      )
+        .then(() => {
+          let data = {
+            id: value.id,
+          };
+          deleteQualityRegionConstructionDrawApi(data).then((res) => {
+            if (res.code == 200) {
+              this.$message({
+                type: "success",
+                message: this.$t("message.quality.successfullyDelete") + "!",
+              });
+              this.getRiskListDetailPage();
+            }
+          });
+        })
+        .catch(() => {});
+    },
+    exportFn(item) {
+      fetch(this.$store.state.FILEURL + item.fileUrl, {
+        headers: {
+          Authorization: this.$store.state.userInfo.token,
+        },
+      })
+        .then((response) => {
+          // 处理响应
+          if (!response.ok) {
+            throw new Error("导出失败");
+          }
+          return response.blob();
+        })
+        .then((blob) => {
+          console.log("导出成功");
+          // 创建一个下载链接
+          const url = window.URL.createObjectURL(blob);
+          // 创建一个<a>元素
+          const link = document.createElement("a");
+          link.href = url;
+          link.download = item.drawingName; // 指定下载文件的文件名
+          // 模拟点击下载链接
+          document.body.appendChild(link);
+          link.click();
+          document.body.removeChild(link);
+          // 释放URL对象
+          window.URL.revokeObjectURL(url);
+          // 处理导出的文件
+          // 这里可以使用blob对象来获取导出的文件内容或者将其保存到本地
+        })
+        .catch((error) => {
+          // 处理错误
+          console.error(error);
+        });
+    },
+    sendValue() {
+      //   this.safetyRiskDetailShow = true;
+      this.$emit("updateValue", 1);
+    },
+    handleSuccess(response, file, fileList) {
+      console.log("图片上传成功", file, response);
+      if (file.status == "success") {
+        addQualityRegionConstructionDrawApi({
+          projectSn: this.$store.state.projectSn,
+          fileInfoId: response.data[0].id,
+          drawingName: response.data[0].fileInfo.originalFilename,
+          fileSize: file.size,
+          fileUrl: response.data[0].imageUrl,
+          qualityRegionId: this.riskListDetailInfo.id,
+          uploaderName: this.$store.state.userInfo.realName,
+          uploadTime: dayjs().format("YYYY-MM-DD HH:mm:ss"),
+        }).then((res) => {
+          if (res.code == 200) {
+            this.$message.success("上传成功");
+            this.getRiskListDetailPage();
+          }
+        });
+      }
+      this.fileList = fileList;
+    },
+    handleRemove(response, fileList) {
+      this.fileList = fileList;
+    },
+    queryBtn() {
+      this.pageInfo.pageNo = 1;
+      this.getRiskListDetailPage();
+    },
+    toggleSelection(flag) {
+      if (flag) {
+        this.multipleSelection = this.riskListDetailList.map((item) => item.id);
+      } else {
+        this.multipleSelection = [];
+      }
+    },
+    onProjectBlur() {
+      this.getRiskListLibraryList();
+    },
+    getRiskListLibraryList() {
+      getQualityRegionTreePageApi({
+        regionName: this.riskListForm.devName,
+        projectSn: this.$store.state.projectSn,
+        pageNo: -1,
+      }).then((res) => {
+        if (res.success) {
+          this.level1CompanyData = res.result.records;
+          if (
+            this.level1CompanyData.length > 0 &&
+            this.level1CompanyData[0].children.length > 0
+          ) {
+            this.$nextTick(() => {
+              const resultInfo = this.level1CompanyData[0].children[0];
+              this.$refs.tree.setCurrentKey(resultInfo);
+              this.handleNodeClick(resultInfo);
+            });
+          }
+        }
+      });
+    },
+    handleNodeClick(data) {
+      if (data.type == 1) return;
+      this.riskListDetailInfo = {
+        ...data,
+      };
+      this.getRiskListDetailPage();
+    },
+    onQuery() {
+      this.pageInfo.pageNo = 1;
+      this.getRiskListDetailPage();
+    },
+    onRefresh() {
+      this.pageInfo.id = "";
+      this.pageInfo.startTime = [];
+      this.onQuery();
+    },
+    getRiskListDetailPage() {
+      if (!this.riskListDetailInfo.id) return;
+      let params = {
+        projectSn: this.$store.state.projectSn,
+        qualityRegionId: this.riskListDetailInfo.id,
+      };
+      getQualityRegionConstructionDrawListApi({
+        ...params,
+      }).then((res) => {
+        if (res.success) {
+          this.riskListDetailList = res.result.map((item) => {
+            return {
+              ...item,
+            };
+          });
+        }
+      });
+    },
+    //全部关闭
+    setCheckedKeys() {
+      this.defaultExpandAll = false;
+      for (var i = 0; i < this.$refs.tree.store._getAllNodes().length; i++) {
+        this.$refs.tree.store._getAllNodes()[i].expanded = this.defaultExpandAll;
+        const { data } = this.$refs.tree.store._getAllNodes()[i];
+        this.handleNodeCollapse(data);
+      }
+      console.log(this.defaultExpandedKeys);
+    },
+    //全部展开
+    setCheckedNodes() {
+      // defaultExpandedKeys
+      console.log(this.$refs.tree.store._getAllNodes());
+      this.defaultExpandAll = true; //展开所有节点
+      for (var i = 0; i < this.$refs.tree.store._getAllNodes().length; i++) {
+        // this.$refs.tree.store._getAllNodes()[i].expanded = this.defaultExpandAll;
+        const { data } = this.$refs.tree.store._getAllNodes()[i];
+        if (data.children.length > 0) {
+          this.handleNodeExpand(data);
+        }
+      }
+    },
+    // 树节点展开
+    handleNodeExpand(data) {
+      // 保存当前展开的节点
+      const flag = this.defaultExpandedKeys.some((item) => {
+        if (item === data.id) {
+          return true;
+        }
+        return false;
+      });
+      if (!flag) {
+        // 不存在则存到数组里
+        this.defaultExpandedKeys.push(data.id);
+      }
+    },
+    // 树节点关闭
+    handleNodeCollapse(data) {
+      // 删除当前关闭的节点
+      this.defaultExpandedKeys.some((item, i) => {
+        if (item === data.id) {
+          this.defaultExpandedKeys.splice(i, 1);
+        }
+      });
+      this.removeChildrenIds(data); // 这里主要针对多级树状结构，当关闭父节点时，递归删除父节点下的所有子节点
+    },
+    // 删除树子节点
+    removeChildrenIds(data) {
+      if (data.children) {
+        data.children.forEach((item) => {
+          const index = this.defaultExpandedKeys.indexOf(item.id);
+          if (index > 0) {
+            this.defaultExpandedKeys.splice(index, 1);
+          }
+          this.removeChildrenIds(item);
+        });
+      }
+    },
+  },
+  computed: {
+    headers() {
+      return {
+        Authorization: this.$store.state.userInfo.token,
+      };
+    },
+  },
+};
+</script>
+<style lang="less" scoped>
+/deep/ .el-button--text {
+  color: #262d49;
+  .el-icon-download {
+    color: #5181f6;
+  }
+  .el-icon-delete {
+    color: #ea3941;
+  }
+}
+/deep/ .download-dialog {
+  .el-dialog {
+    background: transparent;
+    box-shadow: initial;
+    width: fit-content;
+    margin-top: 0 !important;
+    top: 50%;
+    transform: translateY(-50%);
+  }
+  .el-dialog__body {
+    padding: 0;
+  }
+  .el-dialog__header {
+    display: none;
+  }
+  .download-box {
+    position: relative;
+    left: 50%;
+    transform: translateX(-50%);
+    z-index: 0;
+  }
+}
+.download-box {
+  width: calc(355px - 40px - 40px);
+  padding: 10px 20px 20px;
+  background-color: #5181f6;
+  position: absolute;
+  z-index: -1;
+  .download-header {
+    font-weight: bold;
+    font-size: 24px;
+    color: #ffffff;
+    padding-bottom: 6px;
+    text-align: center;
+  }
+  .download-box_content {
+    background-color: white;
+    > div {
+      padding-top: 6px;
+      display: flex;
+      align-items: center;
+      // justify-content: center;
+      font-size: 14px;
+      color: #272d45;
+      > div:last-child {
+        flex: 1;
+      }
+      > div:first-child {
+        color: #a2a4af;
+        margin-right: 10px;
+        text-align: right;
+        width: 92px;
+      }
+    }
+    > img {
+      width: 275px;
+      height: 275px;
+    }
+  }
+}
+.card-main1 {
+  display: flex;
+  flex-wrap: wrap;
+  max-height: calc(100% - 54px - 36px - 16px - 64px - 20px - 15px);
+  padding-bottom: 20px;
+  overflow-y: scroll;
+  .card-box {
+    width: calc(24% - 13px - 22px);
+    background: #ffffff;
+    box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.15);
+    border: 1px solid transparent;
+    display: flex;
+    align-items: center;
+    justify-content: space-between;
+    padding: 13px 22px 13px 13px;
+    position: relative;
+    overflow: hidden;
+    audio {
+      opacity: 0;
+      position: absolute;
+      left: 0;
+      //   right: -67%;
+    }
+
+    > div:last-child {
+      width: 26px;
+      height: 26px;
+      background-repeat: no-repeat;
+      background-size: 100% 100%;
+    }
+    .bodyworn_pause {
+      background-image: url(~@/assets/images/laborManage/bodyworn_pause.png);
+    }
+    .bodyworn_play {
+      background-image: url(~@/assets/images/laborManage/bodyworn_play.png);
+    }
+    > div:first-child {
+      display: flex;
+      flex-direction: column;
+      justify-content: space-between;
+      > div:last-child {
+        display: flex;
+        align-items: center;
+        font-size: 14px;
+        color: #808080;
+        margin-top: 20px;
+        > div:not(:first-child) {
+          margin-left: 19px;
+        }
+      }
+      > div:first-child {
+        display: flex;
+        align-items: center;
+        font-size: 14px;
+        color: #272d45;
+        > div:not(:first-child) {
+          margin-left: 10px;
+        }
+        > div:first-child {
+          width: 19px;
+          height: 18px;
+          background-image: url(~@/assets/images/laborManage/bodyworn_audio.png);
+          background-repeat: no-repeat;
+          background-size: 100% 100%;
+        }
+        > div:last-child {
+          padding: 2px 10px;
+          border: 1px solid #f7af13;
+          font-size: 14px;
+          color: #f7af13;
+        }
+      }
+    }
+  }
+  .card-box:not(:nth-child(4n)) {
+    margin-right: 1%;
+  }
+  .card-box_active {
+    box-shadow: 0px 4px 4px 0px rgba(81, 129, 246, 0.2);
+    border: 1px solid #5181f6;
+  }
+  > .card-box:nth-child(n + 5) {
+    margin-top: 15px;
+  }
+}
+.card-main {
+  display: flex;
+  flex-wrap: wrap;
+  max-height: calc(100% - 54px - 36px - 16px - 64px - 20px - 15px);
+  padding-bottom: 20px;
+  overflow-y: scroll;
+  > .card-box:nth-child(n + 5) {
+    margin-top: 15px;
+  }
+  .card-box {
+    width: 24%;
+    background: #ffffff;
+    box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.15);
+    border: 1px solid transparent;
+
+    padding-bottom: 15px;
+    .card-img {
+      width: 100%;
+      height: 150px;
+      img,
+      video,
+      .el-image {
+        width: 100%;
+        height: 100%;
+      }
+    }
+    .card-flex {
+      display: flex;
+      justify-content: space-between;
+      align-items: center;
+      padding: 15px 15px 0;
+      color: #333333;
+      font-size: 15px;
+      .webkit-clamp_1 {
+        width: 50%;
+        overflow: hidden;
+        white-space: nowrap;
+        text-overflow: ellipsis;
+      }
+      .card-num {
+        font-size: 14px;
+        color: #808080;
+      }
+    }
+  }
+  .card-box:not(:nth-child(4n)) {
+    margin-right: 1%;
+  }
+  .card-box_active {
+    box-shadow: 0px 4px 4px 0px rgba(81, 129, 246, 0.2);
+    border: 1px solid #5181f6;
+  }
+}
+.equipment_detail {
+  display: flex;
+  align-items: flex-start;
+  justify-content: space-between;
+  > div:first-child {
+    display: flex;
+    .equipment_box {
+      display: flex;
+      flex-direction: column;
+      .state-box {
+        padding: 4px 8px;
+        min-width: 40px;
+        color: white;
+        background-color: #88cf65;
+        border-radius: 4px;
+        text-align: center;
+      }
+      .state-box_offline {
+        background-color: #f7f7f7;
+        color: #272d45;
+      }
+      > div {
+        display: flex;
+        align-items: center;
+        font-size: 14px;
+        height: 40px;
+        > span:first-child {
+          color: #808080;
+          width: 60px;
+          text-align: right;
+        }
+        > span:last-child {
+          margin-left: 20px;
+        }
+      }
+    }
+    .equipment_box:not(:first-child) {
+      margin-left: 80px;
+      > div > span:first-child {
+        width: 130px;
+      }
+    }
+  }
+  > div:last-child {
+    display: flex;
+    flex-direction: column;
+    justify-content: center;
+    align-items: center;
+    margin-right: 80px;
+    margin-top: 10px;
+    .el-button {
+      width: 122px;
+      margin-bottom: 10px;
+    }
+    .image-box {
+      border-radius: 2px 2px 2px 2px;
+      border: 1px solid #a2a4af;
+      display: flex;
+      align-items: center;
+      justify-content: center;
+      img {
+        width: 122px;
+        height: 122px;
+      }
+    }
+  }
+}
+.flex-box {
+  /deep/ .el-form-item__content {
+    display: flex;
+    .el-select {
+      margin-left: 12px;
+      width: 7.5rem;
+    }
+  }
+}
+.border-radius_3 {
+  border-radius: 3px 3px 3px 3px;
+}
+.delete_btn {
+  background-color: transparent;
+  color: #f56c6c;
+  border-color: #f56c6c;
+}
+.risk_detail_main_title {
+  font-size: 16px;
+  font-weight: bold;
+  color: #4d4d4d;
+  margin-bottom: 20px;
+}
+.risk_detail_main {
+  .detail_flex {
+    display: flex;
+    justify-content: space-between;
+    align-items: center;
+    height: 36px;
+  }
+  .detail_table2 {
+    width: calc(100% - 320px) !important;
+    :deep(.el-input-number) {
+      width: 320px !important;
+      .el-input__inner {
+        width: 320px !important;
+      }
+    }
+  }
+  .detail_table3 {
+    // width: calc(100% - 320px - 120px) !important;
+    .el-select,
+    .el-input {
+      width: 320px !important;
+    }
+    .box1 {
+      min-width: 320px;
+      width: initial !important;
+      color: #a2a4af !important;
+      font-size: 12px !important;
+      > span {
+        font-size: 14px !important;
+        color: #272d45 !important;
+      }
+    }
+    > div:first-child {
+      justify-content: flex-start !important;
+      > .box1:last-child {
+        margin-left: 18px;
+      }
+    }
+    > div:last-child {
+      justify-content: flex-start !important;
+      .el-select:not(:first-child) {
+        margin-left: 20px;
+      }
+    }
+  }
+  .detail_table {
+    width: 100%;
+    > div:first-child {
+      display: flex;
+      align-items: center;
+      padding: 10px 17px;
+      background-color: #fafafa;
+      margin-bottom: 10px;
+      justify-content: space-between;
+      > .box1 {
+        width: 320px;
+      }
+      > .box1:last-child {
+        text-align: center;
+      }
+      > .box2 {
+        margin: 0 6px;
+      }
+    }
+    > div:last-child {
+      display: flex;
+      justify-content: space-between;
+      padding: 10px 17px;
+      border: 1px dashed #e4e7ed;
+      .el-select,
+      .el-input {
+        width: 320px;
+        height: 34px;
+        :deep(.el-input__inner) {
+          height: 34px;
+          line-height: 34px;
+        }
+      }
+    }
+  }
+  .detail_table1 {
+    display: flex;
+    padding: 10px 17px;
+    border: 1px dashed #e4e7ed;
+    .el-radio-group {
+      display: flex;
+      flex-wrap: wrap;
+      // justify-content: space-between;
+      .el-radio:nth-child(n + 3) {
+        margin-top: 10px;
+      }
+      .el-radio {
+        width: 604px;
+        :deep(.el-input-number) {
+          width: 320px !important;
+          height: 34px !important;
+          .el-input__inner {
+            width: 320px !important;
+            height: 34px !important;
+          }
+        }
+        :deep(.el-radio__label) {
+          span {
+            width: 70px;
+            display: inline-block;
+          }
+          > span:last-child {
+            margin: 0 20px;
+            color: #aaabb6;
+          }
+        }
+      }
+    }
+  }
+}
+.detail_table4 {
+  margin: 16px 0;
+  .detail_table4_title {
+    margin-bottom: 16px;
+  }
+  table {
+    width: 100%;
+    border: 1px solid #ccc;
+    border-collapse: collapse;
+    font-size: 14px;
+  }
+  th,
+  td {
+    height: 30px;
+    border: 1px solid #ccc;
+    text-align: center;
+    min-width: 80px;
+  }
+  thead {
+    background-color: #f2f2f2;
+  }
+}
+.risk_detail_top {
+  width: 76%;
+  margin: 0 auto;
+  display: flex;
+  flex-wrap: wrap;
+  .el-input,
+  .el-select {
+    width: 320px;
+    height: 34px;
+  }
+}
+.riskcolor {
+  color: white;
+  padding: 4px 6px;
+  width: 64px;
+}
+.riskcolor_table {
+  padding: 1px 6px;
+  display: inline-block;
+}
+.riskcolor1 {
+  background-color: #eb4047;
+}
+.riskcolor2 {
+  background-color: #ffbf00;
+}
+.riskcolor3 {
+  background-color: #ffff00;
+}
+.riskcolor4 {
+  background-color: #006fbf;
+}
+.check_box {
+  display: flex;
+  font-size: 14px;
+  > .el-button:hover {
+    color: #5181f6 !important;
+  }
+  padding-bottom: 15px;
+  > .el-button {
+    padding: 0;
+    margin-left: 10px;
+  }
+  > .el-button:first-child {
+    color: #eb4047;
+  }
+}
+.dialog-style {
+  .el-input {
+    width: 220px;
+  }
+  .el-form-item {
+    margin-bottom: 10px;
+  }
+}
+.sidebar_btn {
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+  padding-bottom: 8px;
+  .el-button + .el-button {
+    margin-left: 8px;
+  }
+}
+.sidebar_btn1 {
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+  padding-bottom: 8px;
+}
+.sidebar_btn2 {
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  padding-top: 8px;
+  > .el-button:hover {
+    color: #5181f6 !important;
+  }
+  > .el-button {
+    // padding: 0;
+    position: relative;
+    border: none;
+    // margin-left: 10px;
+  }
+  > .el-button:first-child::before {
+    content: " ";
+    position: absolute;
+    top: 50%;
+    right: -10px;
+    transform: translateY(-50%);
+    width: 1px;
+    height: 90%;
+    background-color: #d9d9d9;
+  }
+}
+.el-form-item--mini.el-form-item {
+  margin-bottom: 8px;
+}
+.flex() {
+  display: flex;
+  align-items: center;
+}
+.treeStyle() {
+  /deep/.el-tree {
+    font-size: 15px;
+    width: 100%;
+    background-color: transparent;
+    .el-tree-node {
+      white-space: normal;
+      &:focus > .el-tree-node__content {
+        background-color: transparent;
+      }
+      &.is-current > .el-tree-node__content {
+        background-color: rgba(81, 129, 246, 0.14);
+        color: #5181f6;
+      }
+    }
+    .el-tree-node__content {
+      // height: 32px;
+      padding: 7px 0;
+      height: auto;
+      line-height: 16px;
+      position: relative;
+      // margin-bottom: 7px;
+      &:hover {
+        background-color: rgba(81, 129, 246, 0.14);
+        color: #5181f6;
+      }
+
+      .videoName {
+        font-size: 14px;
+      }
+      .projectName {
+        font-size: 14px;
+        width: calc(100% - 55px);
+        display: inline-block;
+      }
+      .companyName2 {
+        font-size: 16px;
+        font-weight: bold;
+        display: inline-block;
+        width: 192px;
+        overflow: hidden;
+        text-overflow: ellipsis;
+        white-space: nowrap;
+      }
+    }
+    .el-tree-node__expand-icon {
+      font-size: 16px;
+      padding: 0 6px;
+      &.is-leaf {
+        color: transparent !important;
+      }
+    }
+    .treeTitle {
+      background-color: #f7f7f7;
+      margin-bottom: 10px;
+    }
+  }
+}
+.custom-tree-node {
+  width: 100%;
+  position: relative;
+}
+.custom-tree-node_icon::before {
+  content: "";
+  width: 12px;
+  height: 14px;
+  background-repeat: no-repeat;
+  background-size: 100% 100%;
+  position: absolute;
+  left: -16px;
+  top: 50%;
+  transform: translateY(-62%);
+}
+.node_icon-online::before {
+  background-image: url(~@/assets/images/laborManage/bodyworn_icon1.png);
+}
+.node_icon-offline::before {
+  background-image: url(~@/assets/images/laborManage/bodyworn_icon2.png);
+}
+
+.el-tree-node.is-current .custom-tree-node_icon::before {
+  background-image: url(~@/assets/images/laborManage/bodyworn_icon3.png);
+}
+
+.projectName {
+  // color: #191e3d;
+  //   font-size: 15px;
+  //   margin-bottom: 8px;
+  //   font-weight: 500;
+}
+
+.el-icon-view {
+  font-size: 16px;
+  width: 16px;
+  height: 16px;
+  margin-left: 10px;
+  vertical-align: top;
+  display: none;
+  position: absolute;
+  bottom: 10px;
+  right: 10px;
+}
+
+.avatar-uploader {
+  border: 1px dashed #d9d9d9;
+  border-radius: 6px;
+  cursor: pointer;
+  position: relative;
+  // overflow: hidden;
+  height: 178px;
+}
+
+.avatar-uploader:hover {
+  border-color: #409eff;
+}
+
+.avatar-uploader-icon {
+  font-size: 28px;
+  color: #8c939d;
+  width: 178px;
+  height: 178px;
+  line-height: 178px;
+  text-align: center;
+}
+
+.avatar {
+  width: 178px;
+  height: 178px;
+  display: block;
+}
+
+.imgBox {
+  position: relative;
+  .el-icon-error {
+    font-size: 20px;
+    position: absolute;
+    right: -10px;
+    top: -10px;
+    cursor: pointer;
+  }
+}
+
+/deep/ .projectDialog .el-dialog {
+  margin-top: 20px !important;
+  margin-bottom: 0;
+  .el-input--medium .el-input__inner {
+    // height: 65px;
+  }
+}
+.el-icon-setting {
+  font-size: 15px;
+  color: #8eb0fa;
+}
+.tableBtns .el-icon-setting {
+  margin-right: 6px;
+}
+.CheckboxTitle {
+  font-size: 14px;
+  width: 100%;
+  padding: 15px;
+}
+.zdy-checkbox {
+  display: flex;
+  flex-wrap: wrap;
+  justify-content: space-between;
+  > label {
+    width: 30%;
+  }
+}
+.el-checkbox {
+  width: 46%;
+  margin: 10px 0;
+}
+
+.areaTreeBox {
+  float: left;
+  position: relative;
+  .treeStyle();
+}
+
+.areaTreeInner {
+  //   background-color: rgba(0, 0, 0, 0.7);
+  width: 300px;
+  padding: 20px 15px;
+  height: calc(100% - 40px);
+  .areaTreeInner_header {
+    display: flex;
+    align-items: center;
+    margin-bottom: 15px;
+    .el-button--text {
+      padding: 0;
+    }
+    .pageTitle {
+      margin-bottom: 0;
+      margin-left: 20px;
+    }
+  }
+}
+.treeBox {
+  height: calc(100% - 42px - 32px - 32px - 20px);
+  background-color: rgba(216, 216, 216, 0.2);
+  padding-top: 10px;
+}
+.rightPanel {
+  float: left;
+  width: calc(100% - 330px - 40px - 30px);
+  margin-left: 20px;
+  padding: 20px;
+  height: calc(100% - 40px);
+  position: relative;
+  /deep/ .el-upload {
+    width: 100%;
+    .el-upload-dragger {
+      width: 100%;
+      height: 120px;
+      border-color: #5181f6;
+      .el-icon-upload {
+        margin-top: 20px;
+      }
+      .el-upload__text {
+        font-size: 12px;
+        color: #808080;
+      }
+    }
+  }
+  .rightPanel_header {
+    display: flex;
+    align-items: center;
+    margin-bottom: 33px;
+    .pageTitle {
+      margin-bottom: 0;
+    }
+    > span {
+      font-weight: 500;
+      font-size: 12px;
+      color: #808080;
+    }
+  }
+}
+.operateBtns {
+  float: right; //向右浮动
+
+  i {
+    margin-right: 10px;
+    cursor: pointer;
+  }
+}
+.plusBtn {
+  float: right;
+  background-color: #409eff;
+  color: white;
+  padding: 2px 6px;
+  border-radius: 3px;
+  margin-top: -6px;
+  cursor: pointer;
+}
+.operation-style {
+  .flex();
+  justify-content: center;
+  .operationText:not(:last-child) {
+    margin-right: 10px;
+  }
+}
+.add {
+  display: flex;
+  align-items: center;
+  cursor: pointer;
+  :nth-child(2) {
+    margin-left: 5px;
+  }
+}
+.select {
+  display: flex;
+  width: 500px;
+  max-height: 380px;
+  flex-wrap: wrap;
+  align-items: center;
+  overflow: auto;
+  // div{
+  //   margin: 3px 15px;
+  // }
+  .el-tag {
+    margin: 5px 10px;
+  }
+}
+.select::-webkit-scrollbar {
+  background-color: rgb(132, 132, 133);
+  width: 4px;
+}
+.select::-webkit-scrollbar-thumb {
+  background-color: rgb(80, 78, 252);
+}
+/deep/ .el-transfer__buttons {
+  display: none;
+}
+/deep/ .el-transfer-panel {
+  width: 200px;
+  margin: 5px 22px;
+}
+.leftSelect {
+  width: 230px;
+  height: 300px;
+  display: inline-block;
+  position: relative;
+  margin: 5px 15px 5px 0;
+  border: 1px solid #f4f2f4;
+  .title {
+    position: absolute;
+    top: 0;
+    left: 0;
+    right: 0;
+    padding-left: 20px;
+    background-color: #f5f5f5;
+  }
+  .el-autocomplete {
+    position: absolute;
+    top: 50px;
+    left: 25px;
+    right: 30px;
+    /deep/ .el-input--medium .el-input__inner {
+      border-radius: 10px;
+      padding: 0 10px;
+    }
+  }
+
+  .el-checkbox-group {
+    height: 190px;
+    width: 90%;
+    overflow: auto;
+    position: absolute;
+    top: 95px;
+    left: 25px;
+    .el-checkbox {
+      display: block;
+      margin: 0;
+    }
+  }
+  .el-checkbox-group::-webkit-scrollbar {
+    background-color: #fff;
+    width: 4px;
+    border-radius: 5px;
+  }
+  .el-checkbox-group::-webkit-scrollbar-thumb {
+    background-color: #e0e1e3;
+    border-radius: 5px;
+  }
+}
+.rightSelect {
+  width: 230px;
+  height: 300px;
+  display: inline-block;
+  position: relative;
+  margin: 5px 10px 5px 0;
+  border: 1px solid #f4f2f4;
+  .title {
+    position: absolute;
+    top: 0;
+    left: 0;
+    right: 0;
+    padding-left: 20px;
+    background-color: #f5f5f5;
+  }
+  .rightAllSelect {
+    width: 100%;
+    height: 230px;
+    overflow: auto;
+    display: flex;
+    flex-direction: column;
+    position: absolute;
+    top: 50px;
+    .selectItem {
+      width: 100%;
+      display: flex;
+      justify-content: space-between;
+      align-items: center;
+      span {
+        margin-left: 30px;
+      }
+      img {
+        cursor: pointer;
+        display: none;
+        margin-right: 20px;
+      }
+    }
+    .selectItem:hover {
+      background-color: #ecf4fd;
+    }
+    .selectItem:hover img {
+      display: inline-block;
+    }
+  }
+  .rightAllSelect::-webkit-scrollbar {
+    background-color: #fff;
+    width: 4px;
+    border-radius: 5px;
+  }
+  .rightAllSelect::-webkit-scrollbar-thumb {
+    background-color: #e0e1e3;
+    border-radius: 5px;
+  }
+}
+.select-content {
+  box-sizing: border-box;
+  height: 34px;
+  line-height: 34px !important;
+  border-radius: 3px;
+  border: 1px solid #d7dbe9;
+  padding: 0 15px;
+  position: relative;
+  .tip-text {
+    display: flex;
+    align-items: center;
+    justify-content: space-between;
+    cursor: pointer;
+  }
+  .select-list {
+    width: 100%;
+    position: absolute;
+    top: 34px;
+    left: -3px;
+    z-index: 10;
+    background-color: #fff;
+    border-radius: 4px;
+    box-shadow: 4px 4px 10px #e3e3e3;
+    padding-top: 10px;
+    &-item {
+      display: flex;
+      align-items: center;
+      justify-content: space-between;
+    }
+  }
+}
+// 账号审核弹框样式
+.auditDialog /deep/ .el-dialog__body {
+  padding: 0px;
+}
+.dialog_content {
+  padding: 0px;
+  .dialog_content-part {
+    padding: 0px 25px;
+    .dialog-tip {
+      .flex();
+      margin-bottom: 5px;
+      .el-icon-warning-outline {
+        color: #eb474f;
+      }
+      span {
+        color: #eb4047;
+        margin-left: 3px;
+      }
+    }
+    .dialog-search {
+      .flex();
+      span {
+        font-family: Source Han Sans CN, Source Han Sans CN;
+        font-weight: 500;
+        font-size: 16px;
+        color: #272d45;
+        margin-right: 10px;
+        margin-left: 10px;
+      }
+    }
+    .dialog-tree {
+      margin: 10px 0px;
+      .treeStyle();
+      /deep/.el-tree-node__content {
+        position: relative;
+      }
+      /deep/.el-tree-node__content > label.el-checkbox {
+        position: absolute;
+        right: 0;
+      }
+    }
+  }
+  .relative-group {
+    height: 60px;
+    line-height: 60px;
+    border-top: 1px solid #d8dbe8;
+  }
+}
+</style>
diff --git a/src/views/projectFront/quality/businessModule/checkPoint.vue b/src/views/projectFront/quality/businessModule/checkPoint.vue
index e9f5c8f4..9397f9fd 100644
--- a/src/views/projectFront/quality/businessModule/checkPoint.vue
+++ b/src/views/projectFront/quality/businessModule/checkPoint.vue
@@ -43,6 +43,16 @@
             @click="deleteAttendanceBatch"
             >删除</el-button
           >
+          <el-button
+            type="primary"
+            size="medium"
+            @click="sendValue"
+            v-permission="{
+              key: 'business_drawing',
+              menuPath: '/project/quality/business',
+            }"
+            >图纸管理</el-button
+          >
         </el-form-item>
       </el-form>
       <div class="check_box">
@@ -465,6 +475,10 @@ export default {
     this.getMachineList();
   },
   methods: {
+    sendValue() {
+      //   this.safetyRiskDetailShow = true;
+      this.$emit("updateValue", 2);
+    },
     handleSelectAll(selection) {
       console.log(selection);
       if (selection.length >= this.tableData.length) {
diff --git a/src/views/projectFront/safeManage/v2/components/hiddenDangerSet.vue b/src/views/projectFront/safeManage/v2/components/hiddenDangerSet.vue
index a141f1b6..d64a47ad 100644
--- a/src/views/projectFront/safeManage/v2/components/hiddenDangerSet.vue
+++ b/src/views/projectFront/safeManage/v2/components/hiddenDangerSet.vue
@@ -276,6 +276,10 @@ export default {
                 key: "priorityNameDic",
                 value: "问题等级二",
               },
+              {
+                key: "regionDrawId",
+                value: "施工图纸",
+              },
               {
                 key: "urgentLevel",
                 value: "紧急程度",
diff --git a/src/views/projectFront/safeSame/rectificationRecord.vue b/src/views/projectFront/safeSame/rectificationRecord.vue
index 77ac5d23..aefd727f 100644
--- a/src/views/projectFront/safeSame/rectificationRecord.vue
+++ b/src/views/projectFront/safeSame/rectificationRecord.vue
@@ -1,99 +1,81 @@
 <template>
-    <div class="inspectionRecord">
-        <div class="statistics">
-            <span
-                >{{ $t("message.quality.sum") }}:
-                <span class="value">{{ statisticsValue.totalNum }}</span>
-            </span>
-            <span
-                >{{ $t("message.quality.recordsOfTheFebruary") }}:
-                <span class="value">{{
-                    statisticsValue.investigateNum
-                }}</span></span
-            >
-            <span
-                >{{ $t("message.quality.hasBeenClosed") }}:
-                <span class="value">{{ statisticsValue.closeNum }}</span></span
-            >
-            <span
-                >{{ $t("message.quality.NotClosed") }}:
-                <span class="value">{{
-                    statisticsValue.notCloseNum
-                }}</span></span
-            >
-            <span
-                >{{ $t("message.quality.extendedPeriodNotClosed") }}:
-                <span class="value">{{
-                    statisticsValue.overdueNotCloseNum
-                }}</span></span
-            >
-            <span
-                >{{ $t("message.quality.afterRectification") }}:
-                <span class="value">{{
-                    statisticsValue.rectificationNum
-                }}</span></span
-            >
-            <span
-                >{{ $t("message.quality.toReview") }}:
-                <span class="value">{{ statisticsValue.reviewNum }}</span></span
-            >
-            <span
-                >{{ $t("message.quality.toCheck") }}:
-                <span class="value">{{
-                    statisticsValue.verificationNum
-                }}</span></span
-            >
-            <!-- 中建五局添加字段 -->
-            <span v-if="COMPANY == 'zjwj'"
-                >整改率:
-                <span class="value"
-                    >{{ statisticsValue.rectificationRatio }}%</span
-                ></span
-            >
-            <span v-if="COMPANY == 'zjwj'"
-                >闭合率:
-                <span class="value"
-                    >{{ statisticsValue.completeRatio }}%</span
-                ></span
-            >
-        </div>
-        <el-form
-            :inline="true"
-            :model="formInline"
-            size="small"
-            class="demo-form-inline"
-            style="display: flex"
+  <div class="inspectionRecord">
+    <div class="statistics">
+      <span
+        >{{ $t("message.quality.sum") }}:
+        <span class="value">{{ statisticsValue.totalNum }}</span>
+      </span>
+      <span
+        >{{ $t("message.quality.recordsOfTheFebruary") }}:
+        <span class="value">{{ statisticsValue.investigateNum }}</span></span
+      >
+      <span
+        >{{ $t("message.quality.hasBeenClosed") }}:
+        <span class="value">{{ statisticsValue.closeNum }}</span></span
+      >
+      <span
+        >{{ $t("message.quality.NotClosed") }}:
+        <span class="value">{{ statisticsValue.notCloseNum }}</span></span
+      >
+      <span
+        >{{ $t("message.quality.extendedPeriodNotClosed") }}:
+        <span class="value">{{ statisticsValue.overdueNotCloseNum }}</span></span
+      >
+      <span
+        >{{ $t("message.quality.afterRectification") }}:
+        <span class="value">{{ statisticsValue.rectificationNum }}</span></span
+      >
+      <span
+        >{{ $t("message.quality.toReview") }}:
+        <span class="value">{{ statisticsValue.reviewNum }}</span></span
+      >
+      <span
+        >{{ $t("message.quality.toCheck") }}:
+        <span class="value">{{ statisticsValue.verificationNum }}</span></span
+      >
+      <!-- 中建五局添加字段 -->
+      <span v-if="COMPANY == 'zjwj'"
+        >整改率:
+        <span class="value">{{ statisticsValue.rectificationRatio }}%</span></span
+      >
+      <span v-if="COMPANY == 'zjwj'"
+        >闭合率: <span class="value">{{ statisticsValue.completeRatio }}%</span></span
+      >
+    </div>
+    <el-form
+      :inline="true"
+      :model="formInline"
+      size="small"
+      class="demo-form-inline"
+      style="display: flex"
+    >
+      <div style="width: 72%">
+        <el-form-item
+          v-if="securityDangerListUp('检查时间')"
+          :label="securityDangerListUp('检查时间')"
         >
-            <div style="width: 72%">
-                <el-form-item
-                    v-if="securityDangerListUp('检查时间')"
-                    :label="securityDangerListUp('检查时间')"
-                >
-                    <el-date-picker
-                        style="width: 335px"
-                        v-model="time"
-                        value-format="yyyy-MM-dd HH:mm:ss"
-                        type="datetimerange"
-                        :range-separator="$t('message.quality.to')"
-                        :start-placeholder="$t('message.quality.startDate')"
-                        :end-placeholder="$t('message.quality.endDate')"
-                        @change="checkedTime"
-                    >
-                    </el-date-picker>
-                </el-form-item>
-                <el-form-item :label="$t('message.quality.queryType')">
-                    <el-select
-                        style="width: 150px"
-                        v-model="formInline.recordType"
-                        :placeholder="$t('message.quality.queryType')"
-                    >
-                        <el-option
-                            :label="$t('message.quality.add')"
-                            value=""
-                        ></el-option>
-                        <el-option label="排查记录" :value="2"></el-option>
-                        <el-option label="安全问题" :value="1"></el-option>
-                        <!-- <el-option
+          <el-date-picker
+            style="width: 335px"
+            v-model="time"
+            value-format="yyyy-MM-dd HH:mm:ss"
+            type="datetimerange"
+            :range-separator="$t('message.quality.to')"
+            :start-placeholder="$t('message.quality.startDate')"
+            :end-placeholder="$t('message.quality.endDate')"
+            @change="checkedTime"
+          >
+          </el-date-picker>
+        </el-form-item>
+        <el-form-item :label="$t('message.quality.queryType')">
+          <el-select
+            style="width: 150px"
+            v-model="formInline.recordType"
+            :placeholder="$t('message.quality.queryType')"
+          >
+            <el-option :label="$t('message.quality.add')" value=""></el-option>
+            <el-option label="排查记录" :value="2"></el-option>
+            <el-option label="安全问题" :value="1"></el-option>
+            <!-- <el-option
               :label="$t('message.quality.recordsOfTheFebruary')"
               :value="1"
             ></el-option>
@@ -121,60 +103,42 @@
               :label="$t('message.quality.toCheck')"
               :value="7"
             ></el-option> -->
-                    </el-select>
-                </el-form-item>
-                <el-form-item
-                    v-if="securityDangerListUp('问题等级')"
-                    :label="securityDangerListUp('问题等级')"
-                >
-                    <el-select
-                        style="width: 150px"
-                        v-model="formInline.level"
-                        :placeholder="$t('message.quality.problemLevel')"
-                    >
-                        <el-option
-                            :label="$t('message.quality.add')"
-                            value=""
-                        ></el-option>
-                        <el-option
-                            :label="$t('message.quality.stair')"
-                            :value="1"
-                        ></el-option>
-                        <el-option
-                            :label="$t('message.quality.second')"
-                            :value="2"
-                        ></el-option>
-                        <el-option
-                            :label="$t('message.quality.three')"
-                            :value="3"
-                        ></el-option>
-                        <el-option
-                            :label="$t('message.quality.four')"
-                            :value="4"
-                        ></el-option>
-                    </el-select>
-                </el-form-item>
-                <el-form-item :label="$t('message.quality.state')">
-                    <el-select
-                        style="width: 150px"
-                        v-model="formInline.status"
-                        :placeholder="$t('message.quality.state')"
-                    >
-                        <el-option
-                            :label="$t('message.quality.add')"
-                            value=""
-                        ></el-option>
-                        <el-option label="待整改" :value="2"></el-option>
-                        <el-option label="待复查" :value="3"></el-option>
-                        <el-option label="待核验" :value="4"></el-option>
-                        <el-option label="超期未关闭" :value="7"></el-option>
-                        <el-option label="合格" :value="5"></el-option>
-                        <el-option label="已撤回" :value="6"></el-option>
-                        <!-- <el-option
+          </el-select>
+        </el-form-item>
+        <el-form-item
+          v-if="securityDangerListUp('问题等级')"
+          :label="securityDangerListUp('问题等级')"
+        >
+          <el-select
+            style="width: 150px"
+            v-model="formInline.level"
+            :placeholder="$t('message.quality.problemLevel')"
+          >
+            <el-option :label="$t('message.quality.add')" value=""></el-option>
+            <el-option :label="$t('message.quality.stair')" :value="1"></el-option>
+            <el-option :label="$t('message.quality.second')" :value="2"></el-option>
+            <el-option :label="$t('message.quality.three')" :value="3"></el-option>
+            <el-option :label="$t('message.quality.four')" :value="4"></el-option>
+          </el-select>
+        </el-form-item>
+        <el-form-item :label="$t('message.quality.state')">
+          <el-select
+            style="width: 150px"
+            v-model="formInline.status"
+            :placeholder="$t('message.quality.state')"
+          >
+            <el-option :label="$t('message.quality.add')" value=""></el-option>
+            <el-option label="待整改" :value="2"></el-option>
+            <el-option label="待复查" :value="3"></el-option>
+            <el-option label="待核验" :value="4"></el-option>
+            <el-option label="超期未关闭" :value="7"></el-option>
+            <el-option label="合格" :value="5"></el-option>
+            <el-option label="已撤回" :value="6"></el-option>
+            <!-- <el-option
                 :label="$t('message.quality.noRectification')"
                 :value="1"
               ></el-option> -->
-                        <!-- <el-option
+            <!-- <el-option
                 :label="$t('message.quality.afterRectification')"
                 :value="2"
               ></el-option>
@@ -194,469 +158,398 @@
                 :label="$t('message.quality.disqualification')"
                 :value="6"
               ></el-option> -->
-                    </el-select>
-                </el-form-item>
-                <el-form-item
-                    v-if="securityDangerListUp('紧急程度')"
-                    :label="securityDangerListUp('紧急程度')"
-                >
-                    <el-select
-                        style="width: 150px"
-                        v-model="formInline.urgentLevel"
-                        :placeholder="$t('message.quality.urgencyDegree')"
-                    >
-                        <el-option
-                            :label="$t('message.quality.add')"
-                            value=""
-                        ></el-option>
-                        <el-option
-                            :label="$t('message.quality.ordinary')"
-                            :value="1"
-                        ></el-option>
-                        <el-option
-                            :label="$t('message.quality.severity')"
-                            :value="2"
-                        ></el-option>
-                        <el-option
-                            :label="$t('message.quality.critical')"
-                            :value="3"
-                        ></el-option>
-                    </el-select>
-                </el-form-item>
-                <el-form-item
-                    :label="securityDangerListUp('责任区域')"
-                    prop="regionId"
-                    v-if="COMPANY == 'zjwj' && securityDangerListUp('责任区域')"
-                >
-                    <el-cascader
-                        style="width: 150px"
-                        v-model="formInline.regionId"
-                        clearable
-                        :options="checkPointList"
-                        :props="checkPointProps"
-                    ></el-cascader>
-                </el-form-item>
-                <el-form-item
-                    v-if="securityDangerListUp('问题描述')"
-                    :label="securityDangerListUp('问题描述')"
-                    prop="dangerInfoId"
-                >
-                    <div class="custom-cascader-wrapper">
-                        <el-cascader
-                            :options="classifyList"
-                            v-model="formInline.dangerInfoId"
-                            :show-all-levels="false"
-                            @clear="formInline.dangerInfoId = []"
-                            :props="{
-                                value: 'id',
-                                label: 'dangerName',
-                                children: 'children',
-                                checkStrictly: true,
-                            }"
-                            clearable
-                            ref="cascaderAddr"
-                        ></el-cascader>
-                    </div>
-                </el-form-item>
-                <el-form-item
-                    v-if="securityDangerListUp('分包单位')"
-                    :label="securityDangerListUp('分包单位')"
-                    prop="verifyManIds"
-                >
-                    <el-select
-                        v-model="formInline.enterpriseId"
-                        clearable
-                        :placeholder="$t('message.quality.pleaseSelect')"
-                    >
-                        <el-option
-                            v-for="item in enterpriseList"
-                            :key="item.enterpriseId"
-                            :label="item.enterpriseName"
-                            :value="item.enterpriseId"
-                        >
-                        </el-option>
-                    </el-select>
-                </el-form-item>
-            </div>
-            <el-form-item>
-                <el-button
-                    v-permission="{
-                        key: 'inspectionLedger_query',
-                        menuPath: '/project/safeSame/inspectionLedger',
-                    }"
-                    type="primary"
-                    plain
-                    @click="onSubmit"
-                    >{{ $t("message.quality.inquire") }}</el-button
-                >
-                <el-button type="warning" plain @click="refreshBtn">{{
-                    $t("message.quality.flush")
-                }}</el-button>
-                <el-button
-                    v-permission="{
-                        key: 'inspectionLedger_add',
-                        menuPath: '/project/safeSame/inspectionLedger',
-                    }"
-                    type="primary"
-                    @click="addBtn"
-                    >新增</el-button
-                >
-                <el-button
-                    v-permission="{
-                        key: 'inspectionLedger_export',
-                        menuPath: '/project/safeSame/inspectionLedger',
-                    }"
-                    type="primary"
-                    @click="exportData"
-                    >导出</el-button
-                >
-                <el-button
-                    v-permission="{
-                        key: 'chaozhou_export',
-                        menuPath: '/project/safeSame/inspectionLedger',
-                    }"
-                    type="primary"
-                    @click="exportDownload"
-                    >导出</el-button
-                >
-                <el-button
-                    v-permission="{
-                        key: 'inspectionLedger_backAdd',
-                        menuPath: '/project/safeSame/inspectionLedger',
-                    }"
-                    type="primary"
-                    @click="additionalRecording(1)"
-                    >补录</el-button
-                >
-            </el-form-item>
-        </el-form>
-        <el-table
-            :data="tableData"
-            class="tables"
-            row-key="id"
-            height="calc(100% - 200px)"
-            style="width: 100%; min-height: initial"
-            ref="multipleTable"
+          </el-select>
+        </el-form-item>
+        <el-form-item
+          v-if="securityDangerListUp('紧急程度')"
+          :label="securityDangerListUp('紧急程度')"
         >
-            <el-table-column
-                :label="$t('message.quality.numericalOrder')"
-                type="index"
-                width="55"
+          <el-select
+            style="width: 150px"
+            v-model="formInline.urgentLevel"
+            :placeholder="$t('message.quality.urgencyDegree')"
+          >
+            <el-option :label="$t('message.quality.add')" value=""></el-option>
+            <el-option :label="$t('message.quality.ordinary')" :value="1"></el-option>
+            <el-option :label="$t('message.quality.severity')" :value="2"></el-option>
+            <el-option :label="$t('message.quality.critical')" :value="3"></el-option>
+          </el-select>
+        </el-form-item>
+        <el-form-item
+          :label="securityDangerListUp('责任区域')"
+          prop="regionId"
+          v-if="COMPANY == 'zjwj' && securityDangerListUp('责任区域')"
+        >
+          <el-cascader
+            style="width: 150px"
+            v-model="formInline.regionId"
+            clearable
+            :options="checkPointList"
+            :props="checkPointProps"
+          ></el-cascader>
+        </el-form-item>
+        <el-form-item
+          v-if="securityDangerListUp('问题描述')"
+          :label="securityDangerListUp('问题描述')"
+          prop="dangerInfoId"
+        >
+          <div class="custom-cascader-wrapper">
+            <el-cascader
+              :options="classifyList"
+              v-model="formInline.dangerInfoId"
+              :show-all-levels="false"
+              @clear="formInline.dangerInfoId = []"
+              :props="{
+                value: 'id',
+                label: 'dangerName',
+                children: 'children',
+                checkStrictly: true,
+              }"
+              clearable
+              ref="cascaderAddr"
+            ></el-cascader>
+          </div>
+        </el-form-item>
+        <el-form-item
+          v-if="securityDangerListUp('分包单位')"
+          :label="securityDangerListUp('分包单位')"
+          prop="verifyManIds"
+        >
+          <el-select
+            v-model="formInline.enterpriseId"
+            clearable
+            :placeholder="$t('message.quality.pleaseSelect')"
+          >
+            <el-option
+              v-for="item in enterpriseList"
+              :key="item.enterpriseId"
+              :label="item.enterpriseName"
+              :value="item.enterpriseId"
             >
-            </el-table-column>
-            <el-table-column
-                :width="securityDangerPinnedList.length > 0 ? 120 : ''"
-                label="检查类型"
-                align="center"
-                prop="recordType"
+            </el-option>
+          </el-select>
+        </el-form-item>
+      </div>
+      <el-form-item>
+        <el-button
+          v-permission="{
+            key: 'inspectionLedger_query',
+            menuPath: '/project/safeSame/inspectionLedger',
+          }"
+          type="primary"
+          plain
+          @click="onSubmit"
+          >{{ $t("message.quality.inquire") }}</el-button
+        >
+        <el-button type="warning" plain @click="refreshBtn">{{
+          $t("message.quality.flush")
+        }}</el-button>
+        <el-button
+          v-permission="{
+            key: 'inspectionLedger_add',
+            menuPath: '/project/safeSame/inspectionLedger',
+          }"
+          type="primary"
+          @click="addBtn"
+          >新增</el-button
+        >
+        <el-button
+          v-permission="{
+            key: 'inspectionLedger_export',
+            menuPath: '/project/safeSame/inspectionLedger',
+          }"
+          type="primary"
+          @click="exportData"
+          >导出</el-button
+        >
+        <el-button
+          v-permission="{
+            key: 'chaozhou_export',
+            menuPath: '/project/safeSame/inspectionLedger',
+          }"
+          type="primary"
+          @click="exportDownload"
+          >导出</el-button
+        >
+        <el-button
+          v-permission="{
+            key: 'inspectionLedger_backAdd',
+            menuPath: '/project/safeSame/inspectionLedger',
+          }"
+          type="primary"
+          @click="additionalRecording(1)"
+          >补录</el-button
+        >
+      </el-form-item>
+    </el-form>
+    <el-table
+      :data="tableData"
+      class="tables"
+      row-key="id"
+      height="calc(100% - 200px)"
+      style="width: 100%; min-height: initial"
+      ref="multipleTable"
+    >
+      <el-table-column
+        :label="$t('message.quality.numericalOrder')"
+        type="index"
+        width="55"
+      >
+      </el-table-column>
+      <el-table-column
+        :width="securityDangerPinnedList.length > 0 ? 120 : ''"
+        label="检查类型"
+        align="center"
+        prop="recordType"
+      >
+        <template slot-scope="scope">{{
+          scope.row.recordType == 1 ? "安全问题" : "排查记录"
+        }}</template>
+      </el-table-column>
+      <el-table-column
+        :width="securityDangerPinnedList.length > 0 ? 120 : ''"
+        label="状态"
+        align="center"
+        prop="status"
+      >
+        <template slot-scope="scope">
+          <el-button type="text" v-if="scope.row.status != 6">
+            {{
+              scope.row.status == 1
+                ? $t("message.quality.noRectification")
+                : scope.row.status == 2
+                ? $t("message.quality.afterRectification")
+                : scope.row.status == 3
+                ? $t("message.quality.toReview")
+                : scope.row.status == 4
+                ? $t("message.quality.toCheck")
+                : scope.row.status == 5
+                ? $t("message.quality.qualified")
+                : scope.row.status == 6
+                ? $t("message.quality.disqualification")
+                : scope.row.status == ""
+                ? $t("message.quality.qualified")
+                : ""
+            }}
+          </el-button>
+          <span style="color: #94979e" v-else>已撤回</span>
+          <span
+            class="tableStatus"
+            v-show="scope.row.overTime == true && scope.row.status != 6"
+            >超期</span
+          >
+        </template>
+      </el-table-column>
+      <el-table-column
+        :width="securityDangerPinnedList.length > 0 ? 150 : ''"
+        label="检查人"
+        align="center"
+        prop="inspectManName"
+      >
+        <template slot-scope="scope">{{ scope.row.inspectManName }}</template>
+      </el-table-column>
+      <el-table-column
+        v-for="item in securityDangerPinnedList"
+        :key="item.id"
+        align="center"
+        prop="changeLimitTime"
+        show-overflow-tooltip
+        :width="170"
+        :label="item.originalFieldName ? item.originalFieldName : item.displayFieldName"
+      >
+        <template slot-scope="scope">
+          <template v-if="item.originalFieldName == '上传附件'">
+            <span
+              style="color: #5181f6; cursor: pointer; margin-top: 3px"
+              class="value"
+              @click.stop="playerVideo(scope.row[item.fieldName])"
             >
-                <template slot-scope="scope">{{
-                    scope.row.recordType == 1 ? "安全问题" : "排查记录"
-                }}</template>
-            </el-table-column>
-            <el-table-column
-                :width="securityDangerPinnedList.length > 0 ? 120 : ''"
-                label="状态"
-                align="center"
-                prop="status"
+              {{ scope.row[item.fieldName].split("*")[0] }}
+            </span>
+          </template>
+          <div
+            v-else-if="
+              item.originalFieldName == '隐患图片' ||
+              item.originalFieldName == '上传图片' ||
+              item.originalFieldName == '整改后图片'
+            "
+          >
+            <el-image
+              v-for="(item, index) in parseImage2(scope.row[item.fieldName])"
+              :key="index"
+              style="width: 100px; height: 100px; margin-right: 10px"
+              :src="item"
+              :preview-src-list="parseImage2(item.fileUrl)"
+              @click="openImg(item)"
             >
-                <template slot-scope="scope">
-                    <el-button type="text" v-if="scope.row.status != 6">
-                        {{
-                            scope.row.status == 1
-                                ? $t("message.quality.noRectification")
-                                : scope.row.status == 2
-                                ? $t("message.quality.afterRectification")
-                                : scope.row.status == 3
-                                ? $t("message.quality.toReview")
-                                : scope.row.status == 4
-                                ? $t("message.quality.toCheck")
-                                : scope.row.status == 5
-                                ? $t("message.quality.qualified")
-                                : scope.row.status == 6
-                                ? $t("message.quality.disqualification")
-                                : scope.row.status == ""
-                                ? $t("message.quality.qualified")
-                                : ""
-                        }}
-                    </el-button>
-                    <span style="color: #94979e" v-else>已撤回</span>
-                    <span
-                        class="tableStatus"
-                        v-show="
-                            scope.row.overTime == true && scope.row.status != 6
-                        "
-                        >超期</span
-                    >
-                </template>
-            </el-table-column>
-            <el-table-column
-                :width="securityDangerPinnedList.length > 0 ? 150 : ''"
-                label="检查人"
-                align="center"
-                prop="inspectManName"
+            </el-image>
+          </div>
+          <template v-else>
+            {{ dataNameUp(scope.row, item) }}
+          </template>
+        </template>
+      </el-table-column>
+      <el-table-column
+        align="center"
+        label="操作"
+        fixed="right"
+        :width="securityDangerPinnedList.length > 0 ? 260 : ''"
+      >
+        <template slot-scope="scope">
+          <div class="tableBtns" style="justify-content: center">
+            <div
+              v-permission="{
+                key: 'inspectionLedger_detail',
+                menuPath: '/project/safeSame/inspectionLedger',
+              }"
+              @click="newShowDatadetails(scope.row, scope.$index)"
+              class="operationText last"
             >
-                <template slot-scope="scope">{{
-                    scope.row.inspectManName
-                }}</template>
-            </el-table-column>
-            <el-table-column
-                v-for="item in securityDangerPinnedList"
-                :key="item.id"
-                align="center"
-                prop="changeLimitTime"
-                show-overflow-tooltip
-                :width="170"
-                :label="
-                    item.originalFieldName
-                        ? item.originalFieldName
-                        : item.displayFieldName
-                "
-            >
-                <template slot-scope="scope">
-                    <template v-if="item.originalFieldName == '上传附件'">
-                        <span
-                            style="
-                                color: #5181f6;
-                                cursor: pointer;
-                                margin-top: 3px;
-                            "
-                            class="value"
-                            @click.stop="playerVideo(scope.row[item.fieldName])"
-                        >
-                            {{ scope.row[item.fieldName].split("*")[0] }}
-                        </span>
-                    </template>
-                    <div
-                        v-else-if="
-                            item.originalFieldName == '隐患图片' ||
-                            item.originalFieldName == '上传图片' ||
-                            item.originalFieldName == '整改后图片'
-                        "
-                    >
-                        <el-image
-                            v-for="(item, index) in parseImage2(
-                                scope.row[item.fieldName]
-                            )"
-                            :key="index"
-                            style="
-                                width: 100px;
-                                height: 100px;
-                                margin-right: 10px;
-                            "
-                            :src="item"
-                            :preview-src-list="parseImage2(item.fileUrl)"
-                            @click="openImg(item)"
-                        >
-                        </el-image>
-                    </div>
-                    <template v-else>
-                        {{ dataNameUp(scope.row, item) }}
-                    </template>
-                </template>
-            </el-table-column>
-            <el-table-column
-                align="center"
-                label="操作"
-                fixed="right"
-                :width="securityDangerPinnedList.length > 0 ? 260 : ''"
-            >
-                <template slot-scope="scope">
-                    <div class="tableBtns" style="justify-content: center">
-                        <div
-                            v-permission="{
-                                key: 'inspectionLedger_detail',
-                                menuPath: '/project/safeSame/inspectionLedger',
-                            }"
-                            @click="newShowDatadetails(scope.row, scope.$index)"
-                            class="operationText last"
-                        >
-                            <i
-                                class="el-icon-tickets"
-                                style="
-                                    color: #8dacfa;
-                                    font-size: 16px;
-                                    margin-right: 2px;
-                                "
-                            ></i>
-                            <span>查看</span>
-                        </div>
-                        <!-- v-if="
+              <i
+                class="el-icon-tickets"
+                style="color: #8dacfa; font-size: 16px; margin-right: 2px"
+              ></i>
+              <span>查看</span>
+            </div>
+            <!-- v-if="
                 scope.row.status == 6 &&
                 scope.row.inspectManId == $store.state.userInfo.userId
               " -->
-                        <div
-                            class="operationText"
-                            v-permission="{
-                                key: 'inspectionLedger_edit',
-                                menuPath: '/project/safeSame/inspectionLedger',
-                            }"
-                            @click="editRow(scope.row)"
-                        >
-                            <img
-                                src="@/assets/images/icon-edit.png"
-                                width="15px"
-                                height="15px"
-                            />
-                            <span>{{ $t("message.alarmValueSet.edit") }}</span>
-                        </div>
-                        <!-- v-if="
+            <div
+              class="operationText"
+              v-permission="{
+                key: 'inspectionLedger_edit',
+                menuPath: '/project/safeSame/inspectionLedger',
+              }"
+              @click="editRow(scope.row)"
+            >
+              <img src="@/assets/images/icon-edit.png" width="15px" height="15px" />
+              <span>{{ $t("message.alarmValueSet.edit") }}</span>
+            </div>
+            <!-- v-if="
                   scope.row.status == 6 &&
                   scope.row.inspectManId == $store.state.userInfo.userId
                 " -->
-                        <div
-                            v-permission="{
-                                key: 'inspectionLedger_delete',
-                                menuPath: '/project/safeSame/inspectionLedger',
-                            }"
-                            @click="deleteQuestion(scope.row)"
-                            class="operationText"
-                        >
-                            <img
-                                src="@/assets/images/icon-delete.png"
-                                width="15px"
-                                height="15px"
-                            />
-                            <!-- 删除 -->
-                            <span>{{
-                                $t("message.alarmValueSet.delete")
-                            }}</span>
-                        </div>
-                    </div>
-                </template>
-            </el-table-column>
-        </el-table>
-        <el-pagination
-            class="pagerBox"
-            style="margin: 30px 0 20px"
-            @size-change="handleSizeChange"
-            @current-change="handleCurrentChange"
-            :current-page="pageNo"
-            :page-sizes="$store.state.PAGESIZRS"
-            :page-size="pageSize"
-            layout="total, sizes, prev, pager, next"
-            :total="Number(total)"
-            background
-        ></el-pagination>
-        <!-- //编辑责任区域 -->
-        <el-dialog
-            :modal-append-to-body="false"
-            @close="close"
-            :title="addTitle"
-            :visible.sync="addDialog"
-            width="866px"
-            :close-on-click-modal="false"
-        >
-            <vue-scroll style="height: 600px">
-                <div class="dialog_content" style="padding: 0 100px">
-                    <el-radio-group
-                        v-model="recordType"
-                        size="small"
-                        style="margin-bottom: 20px"
-                        @change="changeRecordType"
-                    >
-                        <el-radio-button
-                            :label="1"
-                            :disabled="
-                                !(addForm1.status != 6) && recordType == 2
-                            "
-                            v-show="
-                                type == 'add' ||
-                                (type == 'detail' && recordType == 1)
-                            "
-                            >安全问题</el-radio-button
-                        >
-                        <el-radio-button
-                            v-if="COMPANY != 'zjwj'"
-                            :label="2"
-                            :disabled="
-                                !(addForm1.status != 6) && recordType == 1
-                            "
-                            v-show="
-                                type == 'add' ||
-                                (type == 'detail' && recordType == 2)
-                            "
-                            >{{
-                                $t("message.quality.recordsOfTheFebruary")
-                            }}</el-radio-button
-                        >
-                    </el-radio-group>
-                    <div
-                        v-show="
-                            recordType == 1 ||
-                            (recordType == 1 && type == 'detail')
-                        "
-                    >
-                        <el-form
-                            ref="addForm1"
-                            size="small"
-                            :rules="addForm1Rules"
-                            :model="addForm1"
-                            label-width="120px"
-                        >
-                            <!--              检查部位-->
-                            <template v-for="item in securityDangerList">
-                                <el-form-item
-                                    :label="
-                                        item.displayFieldName
-                                            ? item.displayFieldName
-                                            : item.originalFieldName
-                                    "
-                                    :prop="item.fieldName"
-                                    v-if="item.originalFieldName == '责任区域'"
-                                >
-                                    <el-cascader
-                                        :disabled="type == 'detail'"
-                                        v-model="addForm1[item.fieldName]"
-                                        style="width: 400px"
-                                        clearable
-                                        ref="formRegion1"
-                                        :options="checkPointList"
-                                        :props="checkPointProps"
-                                        @change="changeRegion"
-                                    ></el-cascader>
-                                </el-form-item>
-                                <el-form-item
-                                    :label="
-                                        item.displayFieldName
-                                            ? item.displayFieldName
-                                            : item.originalFieldName
-                                    "
-                                    :prop="item.fieldName"
-                                    v-else-if="
-                                        item.originalFieldName == '问题描述'
-                                    "
-                                >
-                                    <el-cascader
-                                        :disabled="type == 'detail'"
-                                        :options="classifyList"
-                                        v-model="addForm1[item.fieldName]"
-                                        style="width: 400px"
-                                        :show-all-levels="false"
-                                        @clear="addForm1[item.fieldName] = []"
-                                        :props="checkClassifyProps"
-                                        clearable
-                                        @change="handleChange"
-                                        ref="cascaderAddr"
-                                    ></el-cascader>
-                                </el-form-item>
-                                <el-form-item
-                                    :label="
-                                        item.displayFieldName
-                                            ? item.displayFieldName
-                                            : item.originalFieldName
-                                    "
-                                    :prop="item.fieldName"
-                                    v-else-if="
-                                        item.originalFieldName == '问题分类'
-                                    "
-                                >
-                                    <el-input
-                                        style="width: 400px"
-                                        v-model="addForm1.dangerItemContent"
-                                        disabled
-                                    ></el-input>
-                                    <!-- <el-cascader
+            <div
+              v-permission="{
+                key: 'inspectionLedger_delete',
+                menuPath: '/project/safeSame/inspectionLedger',
+              }"
+              @click="deleteQuestion(scope.row)"
+              class="operationText"
+            >
+              <img src="@/assets/images/icon-delete.png" width="15px" height="15px" />
+              <!-- 删除 -->
+              <span>{{ $t("message.alarmValueSet.delete") }}</span>
+            </div>
+          </div>
+        </template>
+      </el-table-column>
+    </el-table>
+    <el-pagination
+      class="pagerBox"
+      style="margin: 30px 0 20px"
+      @size-change="handleSizeChange"
+      @current-change="handleCurrentChange"
+      :current-page="pageNo"
+      :page-sizes="$store.state.PAGESIZRS"
+      :page-size="pageSize"
+      layout="total, sizes, prev, pager, next"
+      :total="Number(total)"
+      background
+    ></el-pagination>
+    <!-- //编辑责任区域 -->
+    <el-dialog
+      :modal-append-to-body="false"
+      @close="close"
+      :title="addTitle"
+      :visible.sync="addDialog"
+      width="866px"
+      :close-on-click-modal="false"
+    >
+      <vue-scroll style="height: 600px">
+        <div class="dialog_content" style="padding: 0 100px">
+          <el-radio-group
+            v-model="recordType"
+            size="small"
+            style="margin-bottom: 20px"
+            @change="changeRecordType"
+          >
+            <el-radio-button
+              :label="1"
+              :disabled="!(addForm1.status != 6) && recordType == 2"
+              v-show="type == 'add' || (type == 'detail' && recordType == 1)"
+              >安全问题</el-radio-button
+            >
+            <el-radio-button
+              v-if="COMPANY != 'zjwj'"
+              :label="2"
+              :disabled="!(addForm1.status != 6) && recordType == 1"
+              v-show="type == 'add' || (type == 'detail' && recordType == 2)"
+              >{{ $t("message.quality.recordsOfTheFebruary") }}</el-radio-button
+            >
+          </el-radio-group>
+          <div v-show="recordType == 1 || (recordType == 1 && type == 'detail')">
+            <el-form
+              ref="addForm1"
+              size="small"
+              :rules="addForm1Rules"
+              :model="addForm1"
+              label-width="120px"
+            >
+              <!--              检查部位-->
+              <template v-for="item in securityDangerList">
+                <el-form-item
+                  :label="
+                    item.displayFieldName ? item.displayFieldName : item.originalFieldName
+                  "
+                  :prop="item.fieldName"
+                  v-if="item.originalFieldName == '责任区域'"
+                >
+                  <el-cascader
+                    :disabled="type == 'detail'"
+                    v-model="addForm1[item.fieldName]"
+                    style="width: 400px"
+                    clearable
+                    ref="formRegion1"
+                    :options="checkPointList"
+                    :props="checkPointProps"
+                    @change="changeRegion"
+                  ></el-cascader>
+                </el-form-item>
+                <el-form-item
+                  :label="
+                    item.displayFieldName ? item.displayFieldName : item.originalFieldName
+                  "
+                  :prop="item.fieldName"
+                  v-else-if="item.originalFieldName == '问题描述'"
+                >
+                  <el-cascader
+                    :disabled="type == 'detail'"
+                    :options="classifyList"
+                    v-model="addForm1[item.fieldName]"
+                    style="width: 400px"
+                    :show-all-levels="false"
+                    @clear="addForm1[item.fieldName] = []"
+                    :props="checkClassifyProps"
+                    clearable
+                    @change="handleChange"
+                    ref="cascaderAddr"
+                  ></el-cascader>
+                </el-form-item>
+                <el-form-item
+                  :label="
+                    item.displayFieldName ? item.displayFieldName : item.originalFieldName
+                  "
+                  :prop="item.fieldName"
+                  v-else-if="item.originalFieldName == '问题分类'"
+                >
+                  <el-input
+                    style="width: 400px"
+                    v-model="addForm1.dangerItemContent"
+                    disabled
+                  ></el-input>
+                  <!-- <el-cascader
                     disabled
                     v-model="addForm1[item.fieldName]"
                     style="width: 400px"
@@ -669,807 +562,623 @@
                     @clear="addForm1[item.fieldName] = []"
                     :options="classifyList"
                   ></el-cascader> -->
-                                </el-form-item>
-                                <el-form-item
-                                    :label="
-                                        item.displayFieldName
-                                            ? item.displayFieldName
-                                            : item.originalFieldName
-                                    "
-                                    :prop="item.fieldName"
-                                    v-else-if="
-                                        item.originalFieldName == '补充说明' ||
-                                        item.originalFieldName == '整改要求' ||
-                                        item.originalFieldName == '事件描述' ||
-                                        item.originalFieldName == '详细部位'
-                                    "
-                                >
-                                    <el-input
-                                        :disabled="type == 'detail'"
-                                        type="textarea"
-                                        style="width: 400px"
-                                        :placeholder="
-                                            $t('message.quality.pleaseEnter') +
-                                            $t('message.quality.content')
-                                        "
-                                        v-model="addForm1[item.fieldName]"
-                                    >
-                                    </el-input>
-                                </el-form-item>
-                                <el-form-item
-                                    :label="
-                                        item.displayFieldName
-                                            ? item.displayFieldName
-                                            : item.originalFieldName
-                                    "
-                                    :prop="item.fieldName"
-                                    v-else-if="
-                                        item.originalFieldName == '例行检查' &&
-                                        routineList.length > 0
-                                    "
-                                >
-                                    <el-radio-group
-                                        v-model="addForm1[item.fieldName]"
-                                        :disabled="type == 'detail'"
-                                    >
-                                        <el-radio
-                                            v-for="(item, index) in routineList"
-                                            :key="index"
-                                            :label="item.id"
-                                            >{{ item.name }}</el-radio
-                                        >
-                                    </el-radio-group>
-                                </el-form-item>
-                                <el-form-item
-                                    :label="
-                                        item.displayFieldName
-                                            ? item.displayFieldName
-                                            : item.originalFieldName
-                                    "
-                                    :prop="item.fieldName"
-                                    v-else-if="
-                                        item.originalFieldName == '问题等级'
-                                    "
-                                >
-                                    <el-radio-group
-                                        v-model="addForm1.level"
-                                        :disabled="type == 'detail'"
-                                    >
-                                        <el-radio :label="1">{{
-                                            $t("message.quality.stair")
-                                        }}</el-radio>
-                                        <el-radio :label="2">{{
-                                            $t("message.quality.second")
-                                        }}</el-radio>
-                                        <el-radio :label="3">{{
-                                            $t("message.quality.three")
-                                        }}</el-radio>
-                                        <el-radio :label="4">{{
-                                            $t("message.quality.four")
-                                        }}</el-radio>
-                                    </el-radio-group>
-                                </el-form-item>
-                                <el-form-item
-                                    :label="
-                                        item.displayFieldName
-                                            ? item.displayFieldName
-                                            : item.originalFieldName
-                                    "
-                                    :prop="item.fieldName"
-                                    v-else-if="
-                                        item.originalFieldName == '紧急程度'
-                                    "
-                                >
-                                    <el-radio-group
-                                        v-model="addForm1.urgentLevel"
-                                        :disabled="type == 'detail'"
-                                    >
-                                        <el-radio :label="1">{{
-                                            $t("message.quality.ordinary")
-                                        }}</el-radio>
-                                        <el-radio :label="2">{{
-                                            $t("message.quality.severity")
-                                        }}</el-radio>
-                                        <el-radio :label="3">{{
-                                            $t("message.quality.critical")
-                                        }}</el-radio>
-                                    </el-radio-group>
-                                </el-form-item>
-                                <el-form-item
-                                    :label="
-                                        item.displayFieldName
-                                            ? item.displayFieldName
-                                            : item.originalFieldName
-                                    "
-                                    :prop="item.fieldName"
-                                    v-else-if="
-                                        item.originalFieldName == '检查时间'
-                                    "
-                                >
-                                    <el-date-picker
-                                        :disabled="
-                                            item.defaultDataType ? true : false
-                                        "
-                                        value-format="yyyy-MM-dd HH:mm:ss"
-                                        style="width: 400px"
-                                        v-model="addForm1.inspectTime"
-                                        type="datetime"
-                                        :placeholder="
-                                            $t('message.quality.optionDate')
-                                        "
-                                    >
-                                    </el-date-picker>
-                                </el-form-item>
-                                <el-form-item
-                                    :label="
-                                        item.displayFieldName
-                                            ? item.displayFieldName
-                                            : item.originalFieldName
-                                    "
-                                    :prop="item.fieldName"
-                                    v-if="
-                                        item.originalFieldName == '分包单位' &&
-                                        COMPANY != 'zjwj'
-                                    "
-                                >
-                                    <el-select
-                                        v-model="addForm1.enterpriseIds"
-                                        clearable
-                                        filterable
-                                        multiple
-                                        @change="checkedSubcontractListUp"
-                                        :disabled="type == 'detail'"
-                                        placeholder="请选择"
-                                        style="width: 400px"
-                                    >
-                                        <el-option
-                                            v-for="item in subcontractList"
-                                            :key="item.id"
-                                            :label="item.enterpriseName"
-                                            :value="item.id"
-                                        >
-                                        </el-option>
-                                    </el-select>
-                                </el-form-item>
-                                <el-form-item
-                                    :label="
-                                        item.displayFieldName
-                                            ? item.displayFieldName
-                                            : item.originalFieldName
-                                    "
-                                    :prop="item.fieldName"
-                                    v-if="item.originalFieldName == '整改时限'"
-                                >
-                                    <el-date-picker
-                                        :disabled="type == 'detail'"
-                                        style="width: 400px"
-                                        value-format="yyyy-MM-dd HH:mm:ss"
-                                        v-model="addForm1.changeLimitTime"
-                                        type="datetime"
-                                        :placeholder="
-                                            $t('message.quality.optionDate')
-                                        "
-                                    >
-                                    </el-date-picker>
-                                </el-form-item>
-                                <el-form-item
-                                    :label="
-                                        item.displayFieldName
-                                            ? item.displayFieldName
-                                            : item.originalFieldName
-                                    "
-                                    :prop="item.fieldName"
-                                    v-else-if="
-                                        item.originalFieldName == '问题等级二'
-                                    "
-                                >
-                                    <el-select
-                                        :disabled="type == 'detail'"
-                                        v-model="addForm1.priorityNameDic"
-                                        filterable
-                                        style="width: 400px"
-                                        clearable
-                                        :placeholder="
-                                            $t('message.quality.pleaseSelect')
-                                        "
-                                    >
-                                        <el-option
-                                            v-for="item in dangerItemList"
-                                            :key="Number(item.data)"
-                                            :label="item.name"
-                                            :value="Number(item.data)"
-                                        >
-                                        </el-option>
-                                    </el-select>
-                                </el-form-item>
-                                <el-form-item
-                                    :label="
-                                        item.displayFieldName
-                                            ? item.displayFieldName
-                                            : item.originalFieldName
-                                    "
-                                    :prop="item.fieldName"
-                                    v-else-if="
-                                        item.originalFieldName == '整改人'
-                                    "
-                                >
-                                    <el-select
-                                        :disabled="type == 'detail'"
-                                        v-model="addForm1.changeId"
-                                        filterable
-                                        style="width: 400px"
-                                        clearable
-                                        :placeholder="
-                                            $t('message.quality.pleaseSelect')
-                                        "
-                                    >
-                                        <el-option
-                                            v-for="(
-                                                item, index
-                                            ) in crewUpdateList"
-                                            :key="item.userId + '' + index"
-                                            :label="item.realName"
-                                            :value="item.userId + ''"
-                                        >
-                                        </el-option>
-                                    </el-select>
-                                </el-form-item>
-                                <el-form-item
-                                    :label="
-                                        item.displayFieldName
-                                            ? item.displayFieldName
-                                            : item.originalFieldName
-                                    "
-                                    :prop="item.fieldName"
-                                    v-else-if="
-                                        item.originalFieldName == '复查人'
-                                    "
-                                >
-                                    <el-select
-                                        :disabled="type == 'detail'"
-                                        v-model="addForm1.reviewIds"
-                                        filterable
-                                        style="width: 400px"
-                                        clearable
-                                        multiple
-                                        :placeholder="
-                                            $t('message.quality.pleaseSelect')
-                                        "
-                                    >
-                                        <el-option
-                                            v-for="item in reviewList"
-                                            :key="item.userId + ''"
-                                            :label="item.realName"
-                                            :value="item.userId"
-                                        >
-                                        </el-option>
-                                    </el-select>
-                                </el-form-item>
-                                <el-form-item
-                                    :label="
-                                        item.displayFieldName
-                                            ? item.displayFieldName
-                                            : item.originalFieldName
-                                    "
-                                    :prop="item.fieldName"
-                                    v-else-if="
-                                        item.originalFieldName == '核验人'
-                                    "
-                                >
-                                    <el-select
-                                        v-model="addForm1.verifyManIds"
-                                        multiple
-                                        filterable
-                                        style="width: 400px"
-                                        clearable
-                                        :placeholder="
-                                            $t('message.quality.pleaseSelect')
-                                        "
-                                    >
-                                        <el-option
-                                            v-for="item in crewList"
-                                            :key="item.userId + ''"
-                                            :label="item.realName"
-                                            :value="item.userId + ''"
-                                        >
-                                        </el-option>
-                                    </el-select>
-                                </el-form-item>
-                                <el-form-item
-                                    :label="
-                                        item.displayFieldName
-                                            ? item.displayFieldName
-                                            : item.originalFieldName
-                                    "
-                                    :prop="item.fieldName"
-                                    v-else-if="
-                                        item.originalFieldName == '现场整改'
-                                    "
-                                >
-                                    <el-switch
-                                        :disabled="type == 'detail'"
-                                        v-model="addForm1.status"
-                                        :active-text="
-                                            $t('message.quality.completed')
-                                        "
-                                        :inactive-text="
-                                            $t('message.quality.unfinished')
-                                        "
-                                        active-color="#13ce66"
-                                        :active-value="5"
-                                        :inactive-value="2"
-                                    >
-                                    </el-switch>
-                                </el-form-item>
-                                <el-form-item
-                                    :label="
-                                        item.displayFieldName
-                                            ? item.displayFieldName
-                                            : item.originalFieldName
-                                    "
-                                    :prop="item.fieldName"
-                                    v-else-if="
-                                        item.originalFieldName ==
-                                            '整改后图片' && addForm1.status == 5
-                                    "
-                                >
-                                    <el-upload
-                                        :class="{ hide: hideUpload }"
-                                        :disabled="type == 'detail'"
-                                        :action="uploadUrl"
-                                        list-type="picture-card"
-                                        :on-success="
-                                            (file) => handleSuccess(file, 6)
-                                        "
-                                        :on-error="
-                                            (file) => handleError(file, 6)
-                                        "
-                                        :on-remove="
-                                            (file, fileList) =>
-                                                handleRemove(file, fileList, 6)
-                                        "
-                                        :on-preview="
-                                            (file) => handlePreview(file, 6)
-                                        "
-                                        accept="image/jpeg,image/jpg,image/png"
-                                        :before-upload="
-                                            (file) => beforeUpload(file, 6)
-                                        "
-                                        name="files"
-                                        :file-list="fileList6"
-                                    >
-                                        <!-- :limit="5" -->
-                                        <i class="el-icon-plus"></i>
-                                    </el-upload>
-                                    <!--                支持格式-->
-                                    <span>{{
-                                        $t("message.quality.uploadHint")
-                                    }}</span>
-                                </el-form-item>
-                                <el-form-item
-                                    :label="
-                                        item.displayFieldName
-                                            ? item.displayFieldName
-                                            : item.originalFieldName
-                                    "
-                                    :prop="item.fieldName"
-                                    v-else-if="
-                                        item.originalFieldName == '责任专业'
-                                    "
-                                >
-                                    <el-select
-                                        :disabled="type == 'detail'"
-                                        v-model="addForm1.dutyMajor"
-                                        filterable
-                                        style="width: 400px"
-                                        clearable
-                                        :placeholder="
-                                            $t('message.quality.pleaseSelect')
-                                        "
-                                    >
-                                        <el-option
-                                            v-for="item in majorItemList"
-                                            :key="Number(item.data)"
-                                            :label="item.name"
-                                            :value="Number(item.data)"
-                                        >
-                                        </el-option>
-                                    </el-select>
-                                </el-form-item>
-                                <el-form-item
-                                    :label="
-                                        item.displayFieldName
-                                            ? item.displayFieldName
-                                            : item.originalFieldName
-                                    "
-                                    :prop="item.fieldName"
-                                    v-else-if="
-                                        item.originalFieldName == '隐患图片'
-                                    "
-                                >
-                                    <el-upload
-                                        :class="{ hide: hideUpload }"
-                                        :disabled="type == 'detail'"
-                                        :action="uploadUrl"
-                                        list-type="picture-card"
-                                        :on-success="
-                                            (file) => handleSuccess(file, 1)
-                                        "
-                                        :on-error="
-                                            (file) => handleError(file, 1)
-                                        "
-                                        :on-remove="
-                                            (file, fileList) =>
-                                                handleRemove(file, fileList, 1)
-                                        "
-                                        :on-preview="
-                                            (file) => handlePreview(file, 1)
-                                        "
-                                        accept="image/jpeg,image/jpg,image/png"
-                                        :before-upload="
-                                            (file) => beforeUpload(file, 1)
-                                        "
-                                        name="files"
-                                        :file-list="fileList1"
-                                    >
-                                        <!-- :limit="5" -->
-                                        <i class="el-icon-plus"></i>
-                                    </el-upload>
-                                    <!--                支持格式-->
-                                    <span>{{
-                                        $t("message.quality.uploadHint")
-                                    }}</span>
-                                </el-form-item>
-                                <el-form-item
-                                    :prop="item.fieldName"
-                                    v-else-if="
-                                        item.originalFieldName == '上传附件'
-                                    "
-                                >
-                                    <el-upload
-                                        :disabled="type == 'detail'"
-                                        class="upload-demo"
-                                        :action="uploadUrl"
-                                        :on-success="
-                                            (file) => handleSuccess(file, 2)
-                                        "
-                                        :on-error="
-                                            (file) => handleError(file, 2)
-                                        "
-                                        :on-remove="
-                                            (file, fileList) =>
-                                                handleRemove(file, fileList, 2)
-                                        "
-                                        :on-preview="
-                                            (file) => handlePreview(file, 2)
-                                        "
-                                        :limit="1"
-                                        accept=".mp3,.mp4"
-                                        :file-list="fileList2"
-                                        :before-upload="
-                                            (file) => beforeUpload(file, 2)
-                                        "
-                                        name="files"
-                                    >
-                                        <el-button
-                                            :disabled="type == 'detail'"
-                                            size="small"
-                                            type="primary"
-                                            >{{
-                                                $t(
-                                                    "message.quality.uploadAttachment"
-                                                )
-                                            }}</el-button
-                                        >
-                                        <!--                  上传附件-->
-                                        <div slot="tip" class="el-upload__tip">
-                                            {{
-                                                $t(
-                                                    "message.quality.uploadHint2"
-                                                )
-                                            }}
-                                        </div>
-                                    </el-upload>
-                                </el-form-item>
-                            </template>
-                        </el-form>
-                    </div>
-                    <div
-                        v-show="
-                            recordType == 2 ||
-                            (recordType == 2 && type == 'detail')
-                        "
+                </el-form-item>
+                <el-form-item
+                  :label="
+                    item.displayFieldName ? item.displayFieldName : item.originalFieldName
+                  "
+                  :prop="item.fieldName"
+                  v-else-if="
+                    item.originalFieldName == '补充说明' ||
+                    item.originalFieldName == '整改要求' ||
+                    item.originalFieldName == '事件描述' ||
+                    item.originalFieldName == '详细部位'
+                  "
+                >
+                  <el-input
+                    :disabled="type == 'detail'"
+                    type="textarea"
+                    style="width: 400px"
+                    :placeholder="
+                      $t('message.quality.pleaseEnter') + $t('message.quality.content')
+                    "
+                    v-model="addForm1[item.fieldName]"
+                  >
+                  </el-input>
+                </el-form-item>
+                <el-form-item
+                  :label="
+                    item.displayFieldName ? item.displayFieldName : item.originalFieldName
+                  "
+                  :prop="item.fieldName"
+                  v-else-if="
+                    item.originalFieldName == '例行检查' && routineList.length > 0
+                  "
+                >
+                  <el-radio-group
+                    v-model="addForm1[item.fieldName]"
+                    :disabled="type == 'detail'"
+                  >
+                    <el-radio
+                      v-for="(item, index) in routineList"
+                      :key="index"
+                      :label="item.id"
+                      >{{ item.name }}</el-radio
                     >
-                        <el-form
-                            ref="addForm2"
-                            size="small"
-                            :rules="addForm1Rules"
-                            :model="addForm2"
-                            label-width="120px"
-                        >
-                            <template v-for="item in securityDangerList">
-                                <el-form-item
-                                    :label="
-                                        item.displayFieldName
-                                            ? item.displayFieldName
-                                            : item.originalFieldName
-                                    "
-                                    :prop="item.fieldName"
-                                    v-if="item.originalFieldName == '检查部位'"
-                                >
-                                    <el-cascader
-                                        :disabled="type == 'detail'"
-                                        v-model="addForm2.regionIds"
-                                        style="width: 400px"
-                                        clearable
-                                        :options="checkPointList"
-                                        ref="addFormRegion2"
-                                        :props="checkPointProps"
-                                        @clear="addForm2.regionIds = ''"
-                                        @change="changeRegion"
-                                    ></el-cascader>
-                                </el-form-item>
-                                <el-form-item
-                                    :label="
-                                        item.displayFieldName
-                                            ? item.displayFieldName
-                                            : item.originalFieldName
-                                    "
-                                    :prop="item.fieldName"
-                                    v-else-if="
-                                        item.originalFieldName == '排查分类'
-                                    "
-                                >
-                                    <el-cascader
-                                        :disabled="type == 'detail'"
-                                        :options="classifyList"
-                                        v-model="addForm2.dangerItemId"
-                                        style="width: 400px"
-                                        @clear="addForm2.dangerItemId = []"
-                                        :props="checkClassifyProps"
-                                        clearable
-                                        @change="handleChange"
-                                        ref="cascaderAddr2"
-                                    ></el-cascader>
-                                </el-form-item>
-                                <el-form-item
-                                    :label="
-                                        item.displayFieldName
-                                            ? item.displayFieldName
-                                            : item.originalFieldName
-                                    "
-                                    :prop="item.fieldName"
-                                    v-else-if="
-                                        item.originalFieldName == '事件描述' ||
-                                        item.originalFieldName == '补充说明'
-                                    "
-                                >
-                                    <el-input
-                                        :disabled="type == 'detail'"
-                                        type="textarea"
-                                        style="width: 400px"
-                                        :placeholder="
-                                            $t('message.quality.pleaseEnter') +
-                                            $t('message.quality.content')
-                                        "
-                                        v-model="addForm2[item.fieldName]"
-                                    >
-                                    </el-input>
-                                </el-form-item>
-                                <el-form-item
-                                    :label="
-                                        item.displayFieldName
-                                            ? item.displayFieldName
-                                            : item.originalFieldName
-                                    "
-                                    :prop="item.fieldName"
-                                    v-else-if="
-                                        item.originalFieldName == '例行检查' &&
-                                        routineList.length > 0
-                                    "
-                                >
-                                    <el-radio-group
-                                        v-model="addForm2.routineId"
-                                        :disabled="type == 'detail'"
-                                    >
-                                        <el-radio
-                                            v-for="(item, index) in routineList"
-                                            :key="index"
-                                            :label="item.id"
-                                            >{{ item.name }}</el-radio
-                                        >
-                                    </el-radio-group>
-                                </el-form-item>
-                                <el-form-item
-                                    :label="
-                                        item.displayFieldName
-                                            ? item.displayFieldName
-                                            : item.originalFieldName
-                                    "
-                                    :prop="item.fieldName"
-                                    v-else-if="
-                                        item.originalFieldName == '检查时间'
-                                    "
-                                >
-                                    <el-date-picker
-                                        :disabled="true"
-                                        style="width: 400px"
-                                        value-format="yyyy-MM-dd HH:mm:ss"
-                                        v-model="addForm2.inspectTime"
-                                        type="datetime"
-                                        :placeholder="
-                                            $t('message.quality.optionDate')
-                                        "
-                                    >
-                                    </el-date-picker>
-                                </el-form-item>
-                                <el-form-item
-                                    :label="
-                                        item.displayFieldName
-                                            ? item.displayFieldName
-                                            : item.originalFieldName
-                                    "
-                                    :prop="item.fieldName"
-                                    v-show="
-                                        item.originalFieldName == '分包单位'
-                                    "
-                                >
-                                    <el-select
-                                        v-model="addForm2.enterpriseIds"
-                                        clearable
-                                        filterable
-                                        multiple
-                                        @change="checkedSubcontractListUp"
-                                        :disabled="type == 'detail'"
-                                        placeholder="请选择"
-                                        style="width: 400px"
-                                    >
-                                        <el-option
-                                            v-for="item in subcontractList"
-                                            :key="item.id"
-                                            :label="item.enterpriseName"
-                                            :value="item.id"
-                                        >
-                                        </el-option>
-                                    </el-select>
-                                </el-form-item>
-                                <el-form-item
-                                    :label="
-                                        item.displayFieldName
-                                            ? item.displayFieldName
-                                            : item.originalFieldName
-                                    "
-                                    :prop="item.fieldName"
-                                    v-if="item.originalFieldName == '上传图片'"
-                                >
-                                    <el-upload
-                                        :class="{ hide: hideUpload }"
-                                        :disabled="type == 'detail'"
-                                        :action="uploadUrl"
-                                        list-type="picture-card"
-                                        :on-success="
-                                            (file) => handleSuccess(file, 3)
-                                        "
-                                        :on-error="
-                                            (file) => handleError(file, 3)
-                                        "
-                                        :on-remove="
-                                            (file, fileList) =>
-                                                handleRemove(file, fileList, 3)
-                                        "
-                                        :on-preview="
-                                            (file) => handlePreview(file, 3)
-                                        "
-                                        :file-list="fileList3"
-                                        accept="image/jpeg,image/jpg,image/png"
-                                        name="files"
-                                    >
-                                        <!-- :limit="5" -->
-                                        <i class="el-icon-plus"></i>
-                                    </el-upload>
-                                    <span>{{
-                                        $t("message.quality.uploadHint")
-                                    }}</span>
-                                </el-form-item>
-                                <el-form-item
-                                    :prop="item.fieldName"
-                                    v-else-if="
-                                        item.originalFieldName == '上传附件'
-                                    "
-                                >
-                                    <el-upload
-                                        :disabled="type == 'detail'"
-                                        class="upload-demo"
-                                        :action="uploadUrl"
-                                        :on-success="
-                                            (file) => handleSuccess(file, 4)
-                                        "
-                                        :on-error="
-                                            (file) => handleError(file, 4)
-                                        "
-                                        :on-remove="
-                                            (file, fileList) =>
-                                                handleRemove(file, fileList, 4)
-                                        "
-                                        :on-preview="
-                                            (file) => handlePreview(file, 4)
-                                        "
-                                        :limit="1"
-                                        accept=".mp3,.mp4"
-                                        :on-exceed="handleExceed"
-                                        :file-list="fileList4"
-                                        :before-upload="
-                                            (file) => beforeUpload(file, 4)
-                                        "
-                                        name="files"
-                                    >
-                                        <el-button
-                                            :disabled="type == 'detail'"
-                                            size="small"
-                                            type="primary"
-                                            >{{
-                                                $t(
-                                                    "message.quality.uploadAttachment"
-                                                )
-                                            }}</el-button
-                                        >
-                                        <div slot="tip" class="el-upload__tip">
-                                            {{
-                                                $t(
-                                                    "message.quality.uploadHint2"
-                                                )
-                                            }}
-                                        </div>
-                                    </el-upload>
-                                </el-form-item>
-                            </template>
-                        </el-form>
+                  </el-radio-group>
+                </el-form-item>
+                <el-form-item
+                  :label="
+                    item.displayFieldName ? item.displayFieldName : item.originalFieldName
+                  "
+                  :prop="item.fieldName"
+                  v-else-if="item.originalFieldName == '问题等级'"
+                >
+                  <el-radio-group v-model="addForm1.level" :disabled="type == 'detail'">
+                    <el-radio :label="1">{{ $t("message.quality.stair") }}</el-radio>
+                    <el-radio :label="2">{{ $t("message.quality.second") }}</el-radio>
+                    <el-radio :label="3">{{ $t("message.quality.three") }}</el-radio>
+                    <el-radio :label="4">{{ $t("message.quality.four") }}</el-radio>
+                  </el-radio-group>
+                </el-form-item>
+                <el-form-item
+                  :label="
+                    item.displayFieldName ? item.displayFieldName : item.originalFieldName
+                  "
+                  :prop="item.fieldName"
+                  v-else-if="item.originalFieldName == '紧急程度'"
+                >
+                  <el-radio-group
+                    v-model="addForm1.urgentLevel"
+                    :disabled="type == 'detail'"
+                  >
+                    <el-radio :label="1">{{ $t("message.quality.ordinary") }}</el-radio>
+                    <el-radio :label="2">{{ $t("message.quality.severity") }}</el-radio>
+                    <el-radio :label="3">{{ $t("message.quality.critical") }}</el-radio>
+                  </el-radio-group>
+                </el-form-item>
+                <el-form-item
+                  :label="
+                    item.displayFieldName ? item.displayFieldName : item.originalFieldName
+                  "
+                  :prop="item.fieldName"
+                  v-else-if="item.originalFieldName == '检查时间'"
+                >
+                  <el-date-picker
+                    :disabled="item.defaultDataType ? true : false"
+                    value-format="yyyy-MM-dd HH:mm:ss"
+                    style="width: 400px"
+                    v-model="addForm1.inspectTime"
+                    type="datetime"
+                    :placeholder="$t('message.quality.optionDate')"
+                  >
+                  </el-date-picker>
+                </el-form-item>
+                <el-form-item
+                  :label="
+                    item.displayFieldName ? item.displayFieldName : item.originalFieldName
+                  "
+                  :prop="item.fieldName"
+                  v-if="item.originalFieldName == '分包单位' && COMPANY != 'zjwj'"
+                >
+                  <el-select
+                    v-model="addForm1.enterpriseIds"
+                    clearable
+                    filterable
+                    multiple
+                    @change="checkedSubcontractListUp"
+                    :disabled="type == 'detail'"
+                    placeholder="请选择"
+                    style="width: 400px"
+                  >
+                    <el-option
+                      v-for="item in subcontractList"
+                      :key="item.id"
+                      :label="item.enterpriseName"
+                      :value="item.id"
+                    >
+                    </el-option>
+                  </el-select>
+                </el-form-item>
+                <el-form-item
+                  :label="
+                    item.displayFieldName ? item.displayFieldName : item.originalFieldName
+                  "
+                  :prop="item.fieldName"
+                  v-if="item.originalFieldName == '整改时限'"
+                >
+                  <el-date-picker
+                    :disabled="type == 'detail'"
+                    style="width: 400px"
+                    value-format="yyyy-MM-dd HH:mm:ss"
+                    v-model="addForm1.changeLimitTime"
+                    type="datetime"
+                    :placeholder="$t('message.quality.optionDate')"
+                  >
+                  </el-date-picker>
+                </el-form-item>
+                <el-form-item
+                  :label="
+                    item.displayFieldName ? item.displayFieldName : item.originalFieldName
+                  "
+                  :prop="item.fieldName"
+                  v-else-if="item.originalFieldName == '问题等级二'"
+                >
+                  <el-select
+                    :disabled="type == 'detail'"
+                    v-model="addForm1.priorityNameDic"
+                    filterable
+                    style="width: 400px"
+                    clearable
+                    :placeholder="$t('message.quality.pleaseSelect')"
+                  >
+                    <el-option
+                      v-for="item in dangerItemList"
+                      :key="Number(item.data)"
+                      :label="item.name"
+                      :value="Number(item.data)"
+                    >
+                    </el-option>
+                  </el-select>
+                </el-form-item>
+                <el-form-item
+                  v-if="item.originalFieldName == '施工图纸'"
+                  :label="'施工图纸'"
+                  :prop="item.fieldName"
+                >
+                  <el-cascader
+                    :disabled="type == 'detail'"
+                    :options="drawTreeList"
+                    v-model="addForm1.regionDrawId"
+                    :show-all-levels="false"
+                    style="width: 400px"
+                    :props="{
+                      value: 'tableId',
+                      label: 'name',
+                      children: 'children',
+                      checkStrictly: true,
+                    }"
+                    clearable
+                    filterable
+                    ref="cascaderAddr"
+                    @change="onCascaderChange"
+                  ></el-cascader>
+                  <span
+                    @click="onCascaderChange(addForm1.regionDrawId)"
+                    style="color: #498cec; margin-left: 10px; cursor: pointer"
+                    >重选</span
+                  >
+                </el-form-item>
+                <el-form-item
+                  :label="
+                    item.displayFieldName ? item.displayFieldName : item.originalFieldName
+                  "
+                  :prop="item.fieldName"
+                  v-else-if="item.originalFieldName == '整改人'"
+                >
+                  <el-select
+                    :disabled="type == 'detail'"
+                    v-model="addForm1.changeId"
+                    filterable
+                    style="width: 400px"
+                    clearable
+                    :placeholder="$t('message.quality.pleaseSelect')"
+                  >
+                    <el-option
+                      v-for="(item, index) in crewUpdateList"
+                      :key="item.userId + '' + index"
+                      :label="item.realName"
+                      :value="item.userId + ''"
+                    >
+                    </el-option>
+                  </el-select>
+                </el-form-item>
+                <el-form-item
+                  :label="
+                    item.displayFieldName ? item.displayFieldName : item.originalFieldName
+                  "
+                  :prop="item.fieldName"
+                  v-else-if="item.originalFieldName == '复查人'"
+                >
+                  <el-select
+                    :disabled="type == 'detail'"
+                    v-model="addForm1.reviewIds"
+                    filterable
+                    style="width: 400px"
+                    clearable
+                    multiple
+                    :placeholder="$t('message.quality.pleaseSelect')"
+                  >
+                    <el-option
+                      v-for="item in reviewList"
+                      :key="item.userId + ''"
+                      :label="item.realName"
+                      :value="item.userId"
+                    >
+                    </el-option>
+                  </el-select>
+                </el-form-item>
+                <el-form-item
+                  :label="
+                    item.displayFieldName ? item.displayFieldName : item.originalFieldName
+                  "
+                  :prop="item.fieldName"
+                  v-else-if="item.originalFieldName == '核验人'"
+                >
+                  <el-select
+                    v-model="addForm1.verifyManIds"
+                    multiple
+                    filterable
+                    style="width: 400px"
+                    clearable
+                    :placeholder="$t('message.quality.pleaseSelect')"
+                  >
+                    <el-option
+                      v-for="item in crewList"
+                      :key="item.userId + ''"
+                      :label="item.realName"
+                      :value="item.userId + ''"
+                    >
+                    </el-option>
+                  </el-select>
+                </el-form-item>
+                <el-form-item
+                  :label="
+                    item.displayFieldName ? item.displayFieldName : item.originalFieldName
+                  "
+                  :prop="item.fieldName"
+                  v-else-if="item.originalFieldName == '现场整改'"
+                >
+                  <el-switch
+                    :disabled="type == 'detail'"
+                    v-model="addForm1.status"
+                    :active-text="$t('message.quality.completed')"
+                    :inactive-text="$t('message.quality.unfinished')"
+                    active-color="#13ce66"
+                    :active-value="5"
+                    :inactive-value="2"
+                  >
+                  </el-switch>
+                </el-form-item>
+                <el-form-item
+                  :label="
+                    item.displayFieldName ? item.displayFieldName : item.originalFieldName
+                  "
+                  :prop="item.fieldName"
+                  v-else-if="
+                    item.originalFieldName == '整改后图片' && addForm1.status == 5
+                  "
+                >
+                  <el-upload
+                    :class="{ hide: hideUpload }"
+                    :disabled="type == 'detail'"
+                    :action="uploadUrl"
+                    list-type="picture-card"
+                    :on-success="(file) => handleSuccess(file, 6)"
+                    :on-error="(file) => handleError(file, 6)"
+                    :on-remove="(file, fileList) => handleRemove(file, fileList, 6)"
+                    :on-preview="(file) => handlePreview(file, 6)"
+                    accept="image/jpeg,image/jpg,image/png"
+                    :before-upload="(file) => beforeUpload(file, 6)"
+                    name="files"
+                    :file-list="fileList6"
+                  >
+                    <!-- :limit="5" -->
+                    <i class="el-icon-plus"></i>
+                  </el-upload>
+                  <!--                支持格式-->
+                  <span>{{ $t("message.quality.uploadHint") }}</span>
+                </el-form-item>
+                <el-form-item
+                  :label="
+                    item.displayFieldName ? item.displayFieldName : item.originalFieldName
+                  "
+                  :prop="item.fieldName"
+                  v-else-if="item.originalFieldName == '责任专业'"
+                >
+                  <el-select
+                    :disabled="type == 'detail'"
+                    v-model="addForm1.dutyMajor"
+                    filterable
+                    style="width: 400px"
+                    clearable
+                    :placeholder="$t('message.quality.pleaseSelect')"
+                  >
+                    <el-option
+                      v-for="item in majorItemList"
+                      :key="Number(item.data)"
+                      :label="item.name"
+                      :value="Number(item.data)"
+                    >
+                    </el-option>
+                  </el-select>
+                </el-form-item>
+                <el-form-item
+                  :label="
+                    item.displayFieldName ? item.displayFieldName : item.originalFieldName
+                  "
+                  :prop="item.fieldName"
+                  v-else-if="item.originalFieldName == '隐患图片'"
+                >
+                  <el-upload
+                    :class="{ hide: hideUpload }"
+                    :disabled="type == 'detail'"
+                    :action="uploadUrl"
+                    list-type="picture-card"
+                    :on-success="(file) => handleSuccess(file, 1)"
+                    :on-error="(file) => handleError(file, 1)"
+                    :on-remove="(file, fileList) => handleRemove(file, fileList, 1)"
+                    :on-preview="(file) => handlePreview(file, 1)"
+                    accept="image/jpeg,image/jpg,image/png"
+                    :before-upload="(file) => beforeUpload(file, 1)"
+                    name="files"
+                    :file-list="fileList1"
+                  >
+                    <!-- :limit="5" -->
+                    <i class="el-icon-plus"></i>
+                  </el-upload>
+                  <!--                支持格式-->
+                  <span>{{ $t("message.quality.uploadHint") }}</span>
+                </el-form-item>
+                <el-form-item
+                  :prop="item.fieldName"
+                  v-else-if="item.originalFieldName == '上传附件'"
+                >
+                  <el-upload
+                    :disabled="type == 'detail'"
+                    class="upload-demo"
+                    :action="uploadUrl"
+                    :on-success="(file) => handleSuccess(file, 2)"
+                    :on-error="(file) => handleError(file, 2)"
+                    :on-remove="(file, fileList) => handleRemove(file, fileList, 2)"
+                    :on-preview="(file) => handlePreview(file, 2)"
+                    :limit="1"
+                    accept=".mp3,.mp4"
+                    :file-list="fileList2"
+                    :before-upload="(file) => beforeUpload(file, 2)"
+                    name="files"
+                  >
+                    <el-button :disabled="type == 'detail'" size="small" type="primary">{{
+                      $t("message.quality.uploadAttachment")
+                    }}</el-button>
+                    <!--                  上传附件-->
+                    <div slot="tip" class="el-upload__tip">
+                      {{ $t("message.quality.uploadHint2") }}
                     </div>
-                </div>
+                  </el-upload>
+                </el-form-item>
+              </template>
+            </el-form>
+          </div>
+          <div v-show="recordType == 2 || (recordType == 2 && type == 'detail')">
+            <el-form
+              ref="addForm2"
+              size="small"
+              :rules="addForm1Rules"
+              :model="addForm2"
+              label-width="120px"
+            >
+              <template v-for="item in securityDangerList">
+                <el-form-item
+                  :label="
+                    item.displayFieldName ? item.displayFieldName : item.originalFieldName
+                  "
+                  :prop="item.fieldName"
+                  v-if="item.originalFieldName == '检查部位'"
+                >
+                  <el-cascader
+                    :disabled="type == 'detail'"
+                    v-model="addForm2.regionIds"
+                    style="width: 400px"
+                    clearable
+                    :options="checkPointList"
+                    ref="addFormRegion2"
+                    :props="checkPointProps"
+                    @clear="addForm2.regionIds = ''"
+                    @change="changeRegion"
+                  ></el-cascader>
+                </el-form-item>
+                <el-form-item
+                  :label="
+                    item.displayFieldName ? item.displayFieldName : item.originalFieldName
+                  "
+                  :prop="item.fieldName"
+                  v-else-if="item.originalFieldName == '排查分类'"
+                >
+                  <el-cascader
+                    :disabled="type == 'detail'"
+                    :options="classifyList"
+                    v-model="addForm2.dangerItemId"
+                    style="width: 400px"
+                    @clear="addForm2.dangerItemId = []"
+                    :props="checkClassifyProps"
+                    clearable
+                    @change="handleChange"
+                    ref="cascaderAddr2"
+                  ></el-cascader>
+                </el-form-item>
+                <el-form-item
+                  :label="
+                    item.displayFieldName ? item.displayFieldName : item.originalFieldName
+                  "
+                  :prop="item.fieldName"
+                  v-else-if="
+                    item.originalFieldName == '事件描述' ||
+                    item.originalFieldName == '补充说明'
+                  "
+                >
+                  <el-input
+                    :disabled="type == 'detail'"
+                    type="textarea"
+                    style="width: 400px"
+                    :placeholder="
+                      $t('message.quality.pleaseEnter') + $t('message.quality.content')
+                    "
+                    v-model="addForm2[item.fieldName]"
+                  >
+                  </el-input>
+                </el-form-item>
+                <el-form-item
+                  :label="
+                    item.displayFieldName ? item.displayFieldName : item.originalFieldName
+                  "
+                  :prop="item.fieldName"
+                  v-else-if="
+                    item.originalFieldName == '例行检查' && routineList.length > 0
+                  "
+                >
+                  <el-radio-group
+                    v-model="addForm2.routineId"
+                    :disabled="type == 'detail'"
+                  >
+                    <el-radio
+                      v-for="(item, index) in routineList"
+                      :key="index"
+                      :label="item.id"
+                      >{{ item.name }}</el-radio
+                    >
+                  </el-radio-group>
+                </el-form-item>
+                <el-form-item
+                  :label="
+                    item.displayFieldName ? item.displayFieldName : item.originalFieldName
+                  "
+                  :prop="item.fieldName"
+                  v-else-if="item.originalFieldName == '检查时间'"
+                >
+                  <el-date-picker
+                    :disabled="true"
+                    style="width: 400px"
+                    value-format="yyyy-MM-dd HH:mm:ss"
+                    v-model="addForm2.inspectTime"
+                    type="datetime"
+                    :placeholder="$t('message.quality.optionDate')"
+                  >
+                  </el-date-picker>
+                </el-form-item>
+                <el-form-item
+                  :label="
+                    item.displayFieldName ? item.displayFieldName : item.originalFieldName
+                  "
+                  :prop="item.fieldName"
+                  v-show="item.originalFieldName == '分包单位'"
+                >
+                  <el-select
+                    v-model="addForm2.enterpriseIds"
+                    clearable
+                    filterable
+                    multiple
+                    @change="checkedSubcontractListUp"
+                    :disabled="type == 'detail'"
+                    placeholder="请选择"
+                    style="width: 400px"
+                  >
+                    <el-option
+                      v-for="item in subcontractList"
+                      :key="item.id"
+                      :label="item.enterpriseName"
+                      :value="item.id"
+                    >
+                    </el-option>
+                  </el-select>
+                </el-form-item>
+                <el-form-item
+                  :label="
+                    item.displayFieldName ? item.displayFieldName : item.originalFieldName
+                  "
+                  :prop="item.fieldName"
+                  v-if="item.originalFieldName == '上传图片'"
+                >
+                  <el-upload
+                    :class="{ hide: hideUpload }"
+                    :disabled="type == 'detail'"
+                    :action="uploadUrl"
+                    list-type="picture-card"
+                    :on-success="(file) => handleSuccess(file, 3)"
+                    :on-error="(file) => handleError(file, 3)"
+                    :on-remove="(file, fileList) => handleRemove(file, fileList, 3)"
+                    :on-preview="(file) => handlePreview(file, 3)"
+                    :file-list="fileList3"
+                    accept="image/jpeg,image/jpg,image/png"
+                    name="files"
+                  >
+                    <!-- :limit="5" -->
+                    <i class="el-icon-plus"></i>
+                  </el-upload>
+                  <span>{{ $t("message.quality.uploadHint") }}</span>
+                </el-form-item>
+                <el-form-item
+                  :prop="item.fieldName"
+                  v-else-if="item.originalFieldName == '上传附件'"
+                >
+                  <el-upload
+                    :disabled="type == 'detail'"
+                    class="upload-demo"
+                    :action="uploadUrl"
+                    :on-success="(file) => handleSuccess(file, 4)"
+                    :on-error="(file) => handleError(file, 4)"
+                    :on-remove="(file, fileList) => handleRemove(file, fileList, 4)"
+                    :on-preview="(file) => handlePreview(file, 4)"
+                    :limit="1"
+                    accept=".mp3,.mp4"
+                    :on-exceed="handleExceed"
+                    :file-list="fileList4"
+                    :before-upload="(file) => beforeUpload(file, 4)"
+                    name="files"
+                  >
+                    <el-button :disabled="type == 'detail'" size="small" type="primary">{{
+                      $t("message.quality.uploadAttachment")
+                    }}</el-button>
+                    <div slot="tip" class="el-upload__tip">
+                      {{ $t("message.quality.uploadHint2") }}
+                    </div>
+                  </el-upload>
+                </el-form-item>
+              </template>
+            </el-form>
+          </div>
+        </div>
 
-                <div class="dialog-footer">
-                    <el-button
-                        class="cancleBtn"
-                        @click="cancleEvent"
-                        icon="el-icon-circle-close"
-                        size="medium"
-                        >{{ $t("message.alarmValueSet.cancel") }}
-                    </el-button>
-                    <el-button
-                        v-if="addTitle != '编辑'"
-                        :disabled="type == 'detail'"
-                        type="primary"
-                        icon="el-icon-circle-check"
-                        @click="submitAddRecordFrom"
-                        size="medium"
-                        >{{ $t("message.alarmValueSet.save") }}
-                    </el-button>
-                    <el-button
-                        v-if="addTitle == '编辑'"
-                        :disabled="type == 'detail'"
-                        type="primary"
-                        icon="el-icon-circle-check"
-                        @click="submitEditRecordFrom"
-                        size="medium"
-                        >重新提交
-                    </el-button>
-                </div>
-            </vue-scroll>
-        </el-dialog>
+        <div class="dialog-footer">
+          <el-button
+            class="cancleBtn"
+            @click="cancleEvent"
+            icon="el-icon-circle-close"
+            size="medium"
+            >{{ $t("message.alarmValueSet.cancel") }}
+          </el-button>
+          <el-button
+            v-if="addTitle != '编辑'"
+            :disabled="type == 'detail'"
+            type="primary"
+            icon="el-icon-circle-check"
+            @click="submitAddRecordFrom"
+            size="medium"
+            >{{ $t("message.alarmValueSet.save") }}
+          </el-button>
+          <el-button
+            v-if="addTitle == '编辑'"
+            :disabled="type == 'detail'"
+            type="primary"
+            icon="el-icon-circle-check"
+            @click="submitEditRecordFrom"
+            size="medium"
+            >重新提交
+          </el-button>
+        </div>
+      </vue-scroll>
+    </el-dialog>
 
-        <!-- 分包弹窗 -->
-        <el-dialog
-            :modal-append-to-body="false"
-            :title="
-                $t('message.quality.select') +
-                $t('message.quality.subContractor')
-            "
-            :visible.sync="showEnterpriseDialog"
-            width="667px"
-            :close-on-click-modal="false"
-        >
-            <div class="dialog_content">
-                <!-- <el-radio-group
+    <!-- 分包弹窗 -->
+    <el-dialog
+      :modal-append-to-body="false"
+      :title="$t('message.quality.select') + $t('message.quality.subContractor')"
+      :visible.sync="showEnterpriseDialog"
+      width="667px"
+      :close-on-click-modal="false"
+    >
+      <div class="dialog_content">
+        <!-- <el-radio-group
             v-model="subcontractType"
             size="small"
             style="margin-bottom: 20px"
@@ -1482,34 +1191,34 @@
               $t('message.quality.lborSubcontractor')
             }}</el-radio-button>
           </el-radio-group> -->
-                <el-table
-                    :data="subcontractList"
-                    style="width: 100%"
-                    class="tables"
-                    @row-click="checkedSubcontractList"
-                >
-                    <el-table-column
-                        prop="enterpriseName"
-                        :label="$t('message.quality.companyName')"
-                    >
-                    </el-table-column>
-                </el-table>
-            </div>
-        </el-dialog>
-
-        <!-- 图纸定位 -->
-        <el-dialog
-            :modal-append-to-body="false"
-            :title="$t('message.quality.drawingPositioning')"
-            :visible.sync="showPositioning"
-            width="1000px"
-            :close-on-click-modal="false"
+        <el-table
+          :data="subcontractList"
+          style="width: 100%"
+          class="tables"
+          @row-click="checkedSubcontractList"
         >
-            <!-- <vue-scroll style="height: 600px"> -->
-            <div class="dialog_content" style="padding: 0 20px">
-                <div class="fullHeight">
-                    <div class="right fullHeight">
-                        <!-- <el-select
+          <el-table-column
+            prop="enterpriseName"
+            :label="$t('message.quality.companyName')"
+          >
+          </el-table-column>
+        </el-table>
+      </div>
+    </el-dialog>
+
+    <!-- 图纸定位 -->
+    <el-dialog
+      :modal-append-to-body="false"
+      :title="$t('message.quality.drawingPositioning')"
+      :visible.sync="showPositioning"
+      width="1000px"
+      :close-on-click-modal="false"
+    >
+      <!-- <vue-scroll style="height: 600px"> -->
+      <div class="dialog_content" style="padding: 0 20px">
+        <div class="fullHeight">
+          <div class="right fullHeight">
+            <!-- <el-select
                 v-model="value"
                 clearable
                 placeholder="请选择图纸"
@@ -1523,604 +1232,480 @@
                 >
                 </el-option>
               </el-select> -->
-                        <div
-                            class="mapContainer whiteBlock"
-                            id="mapContainer"
-                            v-show="mapUrl"
-                        >
-                            <div class="infoDetail">
-                                <div class="operateBox">
-                                    <img
-                                        src="@/assets/images/personPosition/zoomin.png"
-                                        @click="shrink"
-                                        v-show="!createdCoord"
-                                    />
-                                    <img
-                                        src="@/assets/images/personPosition/zoomout.png"
-                                        @click="magnify"
-                                        v-show="!createdCoord"
-                                    />
-                                    <img
-                                        src="@/assets/images/personPosition/addPoint.png"
-                                        class="add"
-                                        v-show="!createdCoord"
-                                        @click="
-                                            createdCoord = !createdCoord;
-                                            multiples = 1;
-                                        "
-                                    />
-                                    <img
-                                        src="@/assets/images/personPosition/addPointing.png"
-                                        class="add"
-                                        v-show="createdCoord"
-                                        @click="createdCoord = !createdCoord"
-                                    />
-                                </div>
-                                <el-upload
-                                    class="uploadBtn"
-                                    ref="upload"
-                                    name="files"
-                                    :action="$store.state.UPLOADURL"
-                                    :on-success="uploadMapSuccess"
-                                    accept=".png, .jpg, .jpeg"
-                                    :show-file-list="false"
-                                >
-                                    <el-button
-                                        slot="trigger"
-                                        type="primary"
-                                        size="medium"
-                                    >
-                                        {{
-                                            $t(
-                                                "message.personnelPosition.mapManage.re_upload"
-                                            )
-                                        }}
-                                    </el-button>
-                                </el-upload>
-                            </div>
+            <div class="mapContainer whiteBlock" id="mapContainer" v-show="mapUrl">
+              <div class="infoDetail">
+                <div class="operateBox">
+                  <img
+                    src="@/assets/images/personPosition/zoomin.png"
+                    @click="shrink"
+                    v-show="!createdCoord"
+                  />
+                  <img
+                    src="@/assets/images/personPosition/zoomout.png"
+                    @click="magnify"
+                    v-show="!createdCoord"
+                  />
+                  <img
+                    src="@/assets/images/personPosition/addPoint.png"
+                    class="add"
+                    v-show="!createdCoord"
+                    @click="
+                      createdCoord = !createdCoord;
+                      multiples = 1;
+                    "
+                  />
+                  <img
+                    src="@/assets/images/personPosition/addPointing.png"
+                    class="add"
+                    v-show="createdCoord"
+                    @click="createdCoord = !createdCoord"
+                  />
+                </div>
+                <el-upload
+                  class="uploadBtn"
+                  ref="upload"
+                  name="files"
+                  :action="$store.state.UPLOADURL"
+                  :on-success="uploadMapSuccess"
+                  accept=".png, .jpg, .jpeg"
+                  :show-file-list="false"
+                >
+                  <el-button slot="trigger" type="primary" size="medium">
+                    {{ $t("message.personnelPosition.mapManage.re_upload") }}
+                  </el-button>
+                </el-upload>
+              </div>
 
-                            <div class="mapBox" id="mapBox">
-                                <div
-                                    class="mapContent"
-                                    id="mapContent"
-                                    :style="{
-                                        transform: 'scale(' + multiples + ')',
-                                        transformOrigin: 'top left',
-                                    }"
-                                >
-                                    <img
-                                        id="map"
-                                        :src="mapUrl"
-                                        :class="createdCoord ? 'map' : ''"
-                                        :style="{
-                                            transform:
-                                                'rotateZ(' + deg + 'deg)',
-                                        }"
-                                        @click="addPoint($event)"
-                                    />
+              <div class="mapBox" id="mapBox">
+                <div
+                  class="mapContent"
+                  id="mapContent"
+                  :style="{
+                    transform: 'scale(' + multiples + ')',
+                    transformOrigin: 'top left',
+                  }"
+                >
+                  <img
+                    id="map"
+                    :src="mapUrl"
+                    :class="createdCoord ? 'map' : ''"
+                    :style="{
+                      transform: 'rotateZ(' + deg + 'deg)',
+                    }"
+                    @click="addPoint($event)"
+                  />
 
-                                    <div
-                                        class="personBox"
-                                        v-for="(item, index) in pointList"
-                                        :key="index"
-                                        :style="{
-                                            left: item.coordinateX + 'px',
-                                            top: item.coordinateY + 'px',
-                                        }"
-                                    >
-                                        <el-popover
-                                            placement="top"
-                                            width="auto"
-                                            trigger="click"
-                                        >
-                                            <div class="devDetail">
-                                                <p>
-                                                    {{
-                                                        $t(
-                                                            "message.quality.coordinate"
-                                                        )
-                                                    }}：X:
-                                                    {{ item.coordinateX }}；Y:
-                                                    {{ item.coordinateY }}
-                                                </p>
-                                                <p>
-                                                    <!-- <span
+                  <div
+                    class="personBox"
+                    v-for="(item, index) in pointList"
+                    :key="index"
+                    :style="{
+                      left: item.coordinateX + 'px',
+                      top: item.coordinateY + 'px',
+                    }"
+                  >
+                    <el-popover placement="top" width="auto" trigger="click">
+                      <div class="devDetail">
+                        <p>
+                          {{ $t("message.quality.coordinate") }}：X:
+                          {{ item.coordinateX }}；Y:
+                          {{ item.coordinateY }}
+                        </p>
+                        <p>
+                          <!-- <span
                               class="primaryText hovers"
                               @click="editPoint(item, index)"
                               >{{
                                 $t("message.personnelPosition.mapManage.edit")
                               }}</span> -->
-                                                    <span
-                                                        class="redText hovers"
-                                                        @click="
-                                                            removePoint(
-                                                                item,
-                                                                index
-                                                            )
-                                                        "
-                                                        >{{
-                                                            $t(
-                                                                "message.personnelPosition.mapManage.delete"
-                                                            )
-                                                        }}</span
-                                                    >
-                                                </p>
-                                            </div>
-                                            <img
-                                                slot="reference"
-                                                src="@/assets/images/personPosition/monitorPoint.png"
-                                                alt
-                                            />
-                                        </el-popover>
-                                    </div>
-                                </div>
-                            </div>
-                        </div>
-                        <div class="mapContainer whiteBlock" v-show="!mapUrl">
-                            <div class="placeholderBox">
-                                <img
-                                    src="@/assets/images/noData.png"
-                                    alt
-                                    srcset
-                                />
-                                <p>
-                                    {{
-                                        $t(
-                                            "message.personnelPosition.mapManage.no_drawings"
-                                        )
-                                    }}
-                                    <el-upload
-                                        style="display: inline-block"
-                                        ref="upload"
-                                        name="files"
-                                        :action="$store.state.UPLOADURL"
-                                        :on-success="uploadMapSuccess"
-                                        :before-upload="beforeAvatarUpload"
-                                        accept=".png, .jpg, .jpeg"
-                                        :show-file-list="false"
-                                    >
-                                        <span slot="trigger">{{
-                                            $t(
-                                                "message.personnelPosition.mapManage.click_upload"
-                                            )
-                                        }}</span>
-                                        <!--点击上传-->
-                                    </el-upload>
-                                </p>
-                            </div>
-                        </div>
-                    </div>
+                          <span
+                            class="redText hovers"
+                            @click="removePoint(item, index)"
+                            >{{ $t("message.personnelPosition.mapManage.delete") }}</span
+                          >
+                        </p>
+                      </div>
+                      <img
+                        slot="reference"
+                        src="@/assets/images/personPosition/monitorPoint.png"
+                        alt
+                      />
+                    </el-popover>
+                  </div>
                 </div>
+              </div>
             </div>
-            <div class="dialog-footer">
-                <el-button
-                    class="cancleBtn"
-                    @click="
-                        showPositioning = false;
-                        pointList = [];
-                        createdCoord = false;
+            <div class="mapContainer whiteBlock" v-show="!mapUrl">
+              <div class="placeholderBox">
+                <img src="@/assets/images/noData.png" alt srcset />
+                <p>
+                  {{ $t("message.personnelPosition.mapManage.no_drawings") }}
+                  <el-upload
+                    style="display: inline-block"
+                    ref="upload"
+                    name="files"
+                    :action="$store.state.UPLOADURL"
+                    :on-success="uploadMapSuccess"
+                    :before-upload="beforeAvatarUpload"
+                    accept=".png, .jpg, .jpeg"
+                    :show-file-list="false"
+                  >
+                    <span slot="trigger">{{
+                      $t("message.personnelPosition.mapManage.click_upload")
+                    }}</span>
+                    <!--点击上传-->
+                  </el-upload>
+                </p>
+              </div>
+            </div>
+          </div>
+        </div>
+      </div>
+      <div class="dialog-footer">
+        <el-button
+          class="cancleBtn"
+          @click="
+            showPositioning = false;
+            pointList = [];
+            createdCoord = false;
+          "
+          icon="el-icon-circle-close"
+          size="medium"
+          >{{ $t("message.alarmValueSet.cancel") }}
+        </el-button>
+        <el-button
+          type="primary"
+          icon="el-icon-circle-check"
+          @click="savePointBtn"
+          size="medium"
+          >{{ $t("message.alarmValueSet.save") }}
+        </el-button>
+      </div>
+      <!-- </vue-scroll> -->
+    </el-dialog>
+
+    <!-- 图片裁剪弹框 -->
+    <el-dialog
+      :modal-append-to-body="false"
+      :title="$t('message.personnelPosition.mapManage.dialog_KJNova_Clipper.title')"
+      :visible.sync="cropperDialog"
+      width="1200px"
+    >
+      <div class="dialog_content" style="height: 600px">
+        <!-- <vue-scroll> -->
+        <vueCropper
+          ref="cropper"
+          :img="cropperOption.img"
+          :outputType="cropperOption.outputType"
+          :autoCrop="true"
+        ></vueCropper>
+        <!-- </vue-scroll> -->
+      </div>
+      <div class="dialog-footer">
+        <el-button
+          class="cancleBtn"
+          @click="cropperDialog = false"
+          icon="el-icon-circle-close"
+          size="medium"
+          >{{ $t("message.personnelPosition.cancel") }}
+        </el-button>
+        <el-button
+          type="primary"
+          icon="el-icon-circle-check"
+          @click="saveMapUrlFn"
+          size="medium"
+          >{{ $t("message.personnelPosition.determine") }}
+        </el-button>
+      </div>
+    </el-dialog>
+    <el-dialog :modal-append-to-body="false" :visible.sync="dialogVisible">
+      <img width="100%" :src="dialogImageUrl" alt="" />
+    </el-dialog>
+    <!-- 查看详情 -->
+    <el-dialog
+      :modal-append-to-body="false"
+      title="查看详情"
+      :visible.sync="dialogDetil"
+      width="867px"
+      :close-on-click-modal="false"
+    >
+      <div style="height: 600px">
+        <vue-scroll>
+          <div style="width: 800px">
+            <!-- 隐患记录  超期整改 -->
+            <div class="headerLeft">隐患记录</div>
+            <div
+              class="back-btn"
+              v-if="
+                detailData.status == 2 &&
+                rectifyRecordList.length == 0 &&
+                detailData.inspectManId == $store.state.userInfo.userId
+              "
+              @click="backQuestion(detailData)"
+            >
+              <i class="el-icon-refresh-right"></i>
+              <span>撤回</span>
+            </div>
+            <span
+              v-else-if="detailData.overTime == true"
+              style="color: red; font-weight: 500; position: absolute; left: 89%; top: 1%"
+              >超期</span
+            >
+            <!-- 超期整改 -->
+            <div class="detailBox">
+              <el-row :gutter="20">
+                <el-col :span="12">
+                  <div class="grid-content">
+                    <span class="label">检查类型：</span>
+                    <span
+                      class="value"
+                      style="font-weight: 500; color: #5181f6; cursor: pointer"
+                      >{{ detailData.recordType == 1 ? "安全问题" : "排查记录" }}</span
+                    >
+                  </div>
+                </el-col>
+                <el-col :span="12">
+                  <div class="grid-content">
+                    <span class="label">整改结果：</span>
+                    <span
+                      class="value"
+                      :style="{
+                        'font-weight': 500,
+                        cursor: 'pointer',
+                        color:
+                          detailData.status == 2
+                            ? '#5181f6'
+                            : detailData.status == 3
+                            ? '#ff8c00'
+                            : detailData.status == 4
+                            ? '#a020f0'
+                            : detailData.status == 5
+                            ? '#21c28e'
+                            : detailData.status == 6
+                            ? '#262D47'
+                            : '',
+                      }"
+                    >
+                      <span
+                        class="radiusD"
+                        :style="{
+                          background:
+                            detailData.status == 2
+                              ? '#5181f6'
+                              : detailData.status == 3
+                              ? '#ff8c00'
+                              : detailData.status == 4
+                              ? '#a020f0'
+                              : detailData.status == 5
+                              ? '#21c28e'
+                              : detailData.status == 6
+                              ? '#262D47'
+                              : '',
+                        }"
+                      ></span>
+                      <span>
+                        {{
+                          detailData.status == 2
+                            ? "待整改"
+                            : detailData.status == 3
+                            ? "待复查"
+                            : detailData.status == 4
+                            ? "待核验"
+                            : detailData.status == 5
+                            ? "合格"
+                            : detailData.status == 6
+                            ? "已撤回"
+                            : ""
+                        }}</span
+                      >
+                    </span>
+                  </div>
+                </el-col>
+                <el-col :span="12">
+                  <div class="grid-content">
+                    <span class="label" style="margin-left: -14px">检查人：</span>
+                    <span class="value" style="margin-left: 25px">{{
+                      detailData.inspectManName
+                    }}</span>
+                  </div>
+                </el-col>
+                <template v-for="item in securityDangerList">
+                  <el-col v-if="item.originalFieldName == '现场整改'" :span="12">
+                    <div class="grid-content">
+                      <span class="label"
+                        >{{
+                          item.displayFieldName
+                            ? item.displayFieldName
+                            : item.originalFieldName
+                        }}：</span
+                      >
+                      <span
+                        class="value"
+                        :style="{
+                          color:
+                            detailData.status == 1 || detailData.status == 5
+                              ? '#21c28e'
+                              : '#ff8c00',
+                        }"
+                        >{{
+                          detailData.status == 1 || detailData.status == 5
+                            ? "已完成"
+                            : "未完成"
+                        }}</span
+                      >
+                    </div>
+                  </el-col>
+                  <el-col v-else-if="item.originalFieldName == '上传附件'" :span="12">
+                    <div class="grid-content">
+                      <span class="label" style="line-height: 25px"
+                        >{{
+                          item.displayFieldName
+                            ? item.displayFieldName
+                            : item.originalFieldName
+                        }}：</span
+                      >
+                      <span
+                        style="color: #5181f6; cursor: pointer; margin-top: 3px"
+                        class="value"
+                        @click.stop="playerVideo(detailData[item.fieldName])"
+                      >
+                        {{ videoName }}
+                      </span>
+                    </div>
+                  </el-col>
+                  <el-col
+                    v-else-if="
+                      item.originalFieldName == '隐患图片' ||
+                      item.originalFieldName == '上传图片' ||
+                      item.originalFieldName == '整改后图片'
                     "
-                    icon="el-icon-circle-close"
-                    size="medium"
-                    >{{ $t("message.alarmValueSet.cancel") }}
-                </el-button>
-                <el-button
-                    type="primary"
-                    icon="el-icon-circle-check"
-                    @click="savePointBtn"
-                    size="medium"
-                    >{{ $t("message.alarmValueSet.save") }}
-                </el-button>
-            </div>
-            <!-- </vue-scroll> -->
-        </el-dialog>
-
-        <!-- 图片裁剪弹框 -->
-        <el-dialog
-            :modal-append-to-body="false"
-            :title="
-                $t(
-                    'message.personnelPosition.mapManage.dialog_KJNova_Clipper.title'
-                )
-            "
-            :visible.sync="cropperDialog"
-            width="1200px"
-        >
-            <div class="dialog_content" style="height: 600px">
-                <!-- <vue-scroll> -->
-                <vueCropper
-                    ref="cropper"
-                    :img="cropperOption.img"
-                    :outputType="cropperOption.outputType"
-                    :autoCrop="true"
-                ></vueCropper>
-                <!-- </vue-scroll> -->
-            </div>
-            <div class="dialog-footer">
-                <el-button
-                    class="cancleBtn"
-                    @click="cropperDialog = false"
-                    icon="el-icon-circle-close"
-                    size="medium"
-                    >{{ $t("message.personnelPosition.cancel") }}
-                </el-button>
-                <el-button
-                    type="primary"
-                    icon="el-icon-circle-check"
-                    @click="saveMapUrlFn"
-                    size="medium"
-                    >{{ $t("message.personnelPosition.determine") }}
-                </el-button>
-            </div>
-        </el-dialog>
-        <el-dialog :modal-append-to-body="false" :visible.sync="dialogVisible">
-            <img width="100%" :src="dialogImageUrl" alt="" />
-        </el-dialog>
-        <!-- 查看详情 -->
-        <el-dialog
-            :modal-append-to-body="false"
-            title="查看详情"
-            :visible.sync="dialogDetil"
-            width="867px"
-            :close-on-click-modal="false"
-        >
-            <div style="height: 600px">
-                <vue-scroll>
-                    <div style="width: 800px">
-                        <!-- 隐患记录  超期整改 -->
-                        <div class="headerLeft">隐患记录</div>
-                        <div
-                            class="back-btn"
-                            v-if="
-                                detailData.status == 2 &&
-                                rectifyRecordList.length == 0 &&
-                                detailData.inspectManId ==
-                                    $store.state.userInfo.userId
-                            "
-                            @click="backQuestion(detailData)"
+                    :span="12"
+                  >
+                    <div class="grid-content">
+                      <span class="label"
+                        >{{
+                          item.displayFieldName
+                            ? item.displayFieldName
+                            : item.originalFieldName
+                        }}：</span
+                      >
+                      <span
+                        style="
+                          cursor: pointer;
+                          float: left;
+                          width: calc(80% - 80px);
+                          margin-left: 10px;
+                        "
+                      >
+                        <el-image
+                          v-for="(item, index) in parseImage2(detailData[item.fieldName])"
+                          :key="index"
+                          style="width: 100px; height: 100px; margin-right: 10px"
+                          :src="item"
+                          :preview-src-list="parseImage2(item.fileUrl)"
+                          @click="openImg(item)"
                         >
-                            <i class="el-icon-refresh-right"></i>
-                            <span>撤回</span>
+                        </el-image>
+                      </span>
+                    </div>
+                  </el-col>
+                  <el-col v-else-if="item.originalFieldName == '施工图纸'" :span="12">
+                    <div class="grid-content">
+                      <span class="label"
+                        >{{
+                          item.displayFieldName
+                            ? item.displayFieldName
+                            : item.originalFieldName
+                        }}：</span
+                      >
+                      <span class="value view-detail"
+                        ><span>{{ detailData.drawingName }}</span><span @click="onCascaderChange(detailData.regionDrawId, 'detail')" style="color: #5181F6;cursor: pointer;">点击查看</span></span
+                      >
+                    </div>
+                  </el-col>
+                  <el-col :span="12" v-else>
+                    <div class="grid-content">
+                      <span class="label"
+                        >{{
+                          item.displayFieldName
+                            ? item.displayFieldName
+                            : item.originalFieldName
+                        }}：</span
+                      >
+                      <span class="value">{{ dataNameUp(detailData, item) }}</span>
+                    </div>
+                  </el-col>
+                </template>
+              </el-row>
+              <el-row :gutter="20" v-if="detailData.recordType == 1">
+                <el-col :span="24">
+                  <div class="grid-content1">
+                    <div class="label">延期记录：</div>
+                    <div class="content1-main">
+                      <div
+                        class="content1-box"
+                        v-for="item in postponeRectifyApplyList"
+                        :key="item.id"
+                      >
+                        <div class="content1-box_header" v-if="item.applyStatus != 1">
+                          <div>{{ item.approveName }}审批于{{ item.approveTime }}</div>
+                          <div>
+                            审批意见<span>{{ item.approveRejectRemark }}</span>
+                          </div>
                         </div>
-                        <span
-                            v-else-if="detailData.overTime == true"
-                            style="
-                                color: red;
-                                font-weight: 500;
-                                position: absolute;
-                                left: 89%;
-                                top: 1%;
-                            "
-                            >超期</span
+                        <div class="content1-box_item">
+                          <div>申请人</div>
+                          <div>
+                            {{ item.applicant }}
+                          </div>
+                        </div>
+                        <div class="content1-box_item">
+                          <div>申请时间</div>
+                          <div>
+                            {{ item.applyTime }}
+                          </div>
+                        </div>
+                        <div class="content1-box_item">
+                          <div>申请延期至</div>
+                          <div>
+                            {{ item.postponeTime }}
+                          </div>
+                        </div>
+                        <div class="content1-box_item">
+                          <div>原整改期限</div>
+                          <div>
+                            {{ item.oldLimitTime }}
+                          </div>
+                        </div>
+                        <div class="content1-box_item">
+                          <div>延期理由</div>
+                          <div>
+                            {{ item.postponeReason }}
+                          </div>
+                        </div>
+                        <div
+                          class="pending"
+                          :class="{
+                            trial1: item.applyStatus == 1,
+                            trial2: item.applyStatus == 2,
+                            trial3: item.applyStatus == 3,
+                          }"
                         >
-                        <!-- 超期整改 -->
-                        <div class="detailBox">
-                            <el-row :gutter="20">
-                                <el-col :span="12">
-                                    <div class="grid-content">
-                                        <span class="label">检查类型：</span>
-                                        <span
-                                            class="value"
-                                            style="
-                                                font-weight: 500;
-                                                color: #5181f6;
-                                                cursor: pointer;
-                                            "
-                                            >{{
-                                                detailData.recordType == 1
-                                                    ? "安全问题"
-                                                    : "排查记录"
-                                            }}</span
-                                        >
-                                    </div>
-                                </el-col>
-                                <el-col :span="12">
-                                    <div class="grid-content">
-                                        <span class="label">整改结果：</span>
-                                        <span
-                                            class="value"
-                                            :style="{
-                                                'font-weight': 500,
-                                                cursor: 'pointer',
-                                                color:
-                                                    detailData.status == 2
-                                                        ? '#5181f6'
-                                                        : detailData.status == 3
-                                                        ? '#ff8c00'
-                                                        : detailData.status == 4
-                                                        ? '#a020f0'
-                                                        : detailData.status == 5
-                                                        ? '#21c28e'
-                                                        : detailData.status == 6
-                                                        ? '#262D47'
-                                                        : '',
-                                            }"
-                                        >
-                                            <span
-                                                class="radiusD"
-                                                :style="{
-                                                    background:
-                                                        detailData.status == 2
-                                                            ? '#5181f6'
-                                                            : detailData.status ==
-                                                              3
-                                                            ? '#ff8c00'
-                                                            : detailData.status ==
-                                                              4
-                                                            ? '#a020f0'
-                                                            : detailData.status ==
-                                                              5
-                                                            ? '#21c28e'
-                                                            : detailData.status ==
-                                                              6
-                                                            ? '#262D47'
-                                                            : '',
-                                                }"
-                                            ></span>
-                                            <span>
-                                                {{
-                                                    detailData.status == 2
-                                                        ? "待整改"
-                                                        : detailData.status == 3
-                                                        ? "待复查"
-                                                        : detailData.status == 4
-                                                        ? "待核验"
-                                                        : detailData.status == 5
-                                                        ? "合格"
-                                                        : detailData.status == 6
-                                                        ? "已撤回"
-                                                        : ""
-                                                }}</span
-                                            >
-                                        </span>
-                                    </div>
-                                </el-col>
-                                <el-col :span="12">
-                                    <div class="grid-content">
-                                        <span
-                                            class="label"
-                                            style="margin-left: -14px"
-                                            >检查人：</span
-                                        >
-                                        <span
-                                            class="value"
-                                            style="margin-left: 25px"
-                                            >{{
-                                                detailData.inspectManName
-                                            }}</span
-                                        >
-                                    </div>
-                                </el-col>
-                                <template v-for="item in securityDangerList">
-                                    <el-col
-                                        v-if="
-                                            item.originalFieldName == '现场整改'
-                                        "
-                                        :span="12"
-                                    >
-                                        <div class="grid-content">
-                                            <span class="label"
-                                                >{{
-                                                    item.displayFieldName
-                                                        ? item.displayFieldName
-                                                        : item.originalFieldName
-                                                }}：</span
-                                            >
-                                            <span
-                                                class="value"
-                                                :style="{
-                                                    color:
-                                                        detailData.status ==
-                                                            1 ||
-                                                        detailData.status == 5
-                                                            ? '#21c28e'
-                                                            : '#ff8c00',
-                                                }"
-                                                >{{
-                                                    detailData.status == 1 ||
-                                                    detailData.status == 5
-                                                        ? "已完成"
-                                                        : "未完成"
-                                                }}</span
-                                            >
-                                        </div>
-                                    </el-col>
-                                    <el-col
-                                        v-else-if="
-                                            item.originalFieldName == '上传附件'
-                                        "
-                                        :span="12"
-                                    >
-                                        <div class="grid-content">
-                                            <span
-                                                class="label"
-                                                style="line-height: 25px"
-                                                >{{
-                                                    item.displayFieldName
-                                                        ? item.displayFieldName
-                                                        : item.originalFieldName
-                                                }}：</span
-                                            >
-                                            <span
-                                                style="
-                                                    color: #5181f6;
-                                                    cursor: pointer;
-                                                    margin-top: 3px;
-                                                "
-                                                class="value"
-                                                @click.stop="
-                                                    playerVideo(
-                                                        detailData[
-                                                            item.fieldName
-                                                        ]
-                                                    )
-                                                "
-                                            >
-                                                {{ videoName }}
-                                            </span>
-                                        </div>
-                                    </el-col>
-                                    <el-col
-                                        v-else-if="
-                                            item.originalFieldName ==
-                                                '隐患图片' ||
-                                            item.originalFieldName ==
-                                                '上传图片' ||
-                                            item.originalFieldName ==
-                                                '整改后图片'
-                                        "
-                                        :span="12"
-                                    >
-                                        <div class="grid-content">
-                                            <span class="label"
-                                                >{{
-                                                    item.displayFieldName
-                                                        ? item.displayFieldName
-                                                        : item.originalFieldName
-                                                }}：</span
-                                            >
-                                            <span
-                                                style="
-                                                    cursor: pointer;
-                                                    float: left;
-                                                    width: calc(80% - 80px);
-                                                    margin-left: 10px;
-                                                "
-                                            >
-                                                <el-image
-                                                    v-for="(
-                                                        item, index
-                                                    ) in parseImage2(
-                                                        detailData[
-                                                            item.fieldName
-                                                        ]
-                                                    )"
-                                                    :key="index"
-                                                    style="
-                                                        width: 100px;
-                                                        height: 100px;
-                                                        margin-right: 10px;
-                                                    "
-                                                    :src="item"
-                                                    :preview-src-list="
-                                                        parseImage2(
-                                                            item.fileUrl
-                                                        )
-                                                    "
-                                                    @click="openImg(item)"
-                                                >
-                                                </el-image>
-                                            </span>
-                                        </div>
-                                    </el-col>
-                                    <el-col :span="12" v-else>
-                                        <div class="grid-content">
-                                            <span class="label"
-                                                >{{
-                                                    item.displayFieldName
-                                                        ? item.displayFieldName
-                                                        : item.originalFieldName
-                                                }}：</span
-                                            >
-                                            <span class="value">{{
-                                                dataNameUp(detailData, item)
-                                            }}</span>
-                                        </div>
-                                    </el-col>
-                                </template>
-                            </el-row>
-                            <el-row
-                                :gutter="20"
-                                v-if="detailData.recordType == 1"
-                            >
-                                <el-col :span="24">
-                                    <div class="grid-content1">
-                                        <div class="label">延期记录：</div>
-                                        <div class="content1-main">
-                                            <div
-                                                class="content1-box"
-                                                v-for="item in postponeRectifyApplyList"
-                                                :key="item.id"
-                                            >
-                                                <div
-                                                    class="content1-box_header"
-                                                    v-if="item.applyStatus != 1"
-                                                >
-                                                    <div>
-                                                        {{
-                                                            item.approveName
-                                                        }}审批于{{
-                                                            item.approveTime
-                                                        }}
-                                                    </div>
-                                                    <div>
-                                                        审批意见<span>{{
-                                                            item.approveRejectRemark
-                                                        }}</span>
-                                                    </div>
-                                                </div>
-                                                <div class="content1-box_item">
-                                                    <div>申请人</div>
-                                                    <div>
-                                                        {{ item.applicant }}
-                                                    </div>
-                                                </div>
-                                                <div class="content1-box_item">
-                                                    <div>申请时间</div>
-                                                    <div>
-                                                        {{ item.applyTime }}
-                                                    </div>
-                                                </div>
-                                                <div class="content1-box_item">
-                                                    <div>申请延期至</div>
-                                                    <div>
-                                                        {{ item.postponeTime }}
-                                                    </div>
-                                                </div>
-                                                <div class="content1-box_item">
-                                                    <div>原整改期限</div>
-                                                    <div>
-                                                        {{ item.oldLimitTime }}
-                                                    </div>
-                                                </div>
-                                                <div class="content1-box_item">
-                                                    <div>延期理由</div>
-                                                    <div>
-                                                        {{
-                                                            item.postponeReason
-                                                        }}
-                                                    </div>
-                                                </div>
-                                                <div
-                                                    class="pending"
-                                                    :class="{
-                                                        trial1:
-                                                            item.applyStatus ==
-                                                            1,
-                                                        trial2:
-                                                            item.applyStatus ==
-                                                            2,
-                                                        trial3:
-                                                            item.applyStatus ==
-                                                            3,
-                                                    }"
-                                                >
-                                                    {{
-                                                        item.applyStatus == 1
-                                                            ? "延期待审"
-                                                            : item.applyStatus ==
-                                                              2
-                                                            ? "已批准"
-                                                            : "已驳回"
-                                                    }}
-                                                </div>
-                                            </div>
-                                        </div>
-                                    </div>
-                                </el-col>
-                            </el-row>
+                          {{
+                            item.applyStatus == 1
+                              ? "延期待审"
+                              : item.applyStatus == 2
+                              ? "已批准"
+                              : "已驳回"
+                          }}
+                        </div>
+                      </div>
+                    </div>
+                  </div>
+                </el-col>
+              </el-row>
 
-                            <!-- <el-row :gutter="20">
+              <!-- <el-row :gutter="20">
                   <el-col :span="24">
                     <div class="grid-content">
                       <span class="label">模型定位：</span>
@@ -2128,3929 +1713,3640 @@
                     </div>
                   </el-col>
                 </el-row> -->
-                            <div
-                                class="headerLeft"
-                                v-if="rectifyRecordList.length > 0"
-                            >
-                                整改&复核记录
-                            </div>
-                            <el-timeline class="detailBox" :reverse="true">
-                                <el-timeline-item
-                                    :timestamp="item.rectifyTime"
-                                    placement="top"
-                                    v-for="(item, index) in rectifyRecordList"
-                                    :key="index"
-                                >
-                                    <el-card>
-                                        <div class="timestamp_btn">
-                                            <div
-                                                class="timestamp_red"
-                                                v-if="item.overTime == true"
-                                            >
-                                                超期
-                                            </div>
-                                            <div class="timestamp_bule">
-                                                用时：{{ item.takeTime }}
-                                            </div>
-                                        </div>
-                                        <p class="grid-content">
-                                            <span class="label">{{
-                                                item.type == 1
-                                                    ? "责任人："
-                                                    : item.type == 2
-                                                    ? "复查人："
-                                                    : item.type == 3
-                                                    ? "核验人："
-                                                    : "无"
-                                            }}</span
-                                            ><span class="value">{{
-                                                item.createUserName
-                                            }}</span>
-                                        </p>
-                                        <p
-                                            class="grid-content"
-                                            v-if="
-                                                item.type == 1 &&
-                                                item.violatorId
-                                            "
-                                        >
-                                            <span class="label">违章人员：</span
-                                            ><span class="value">{{
-                                                personList
-                                                    .filter(
-                                                        (ele) =>
-                                                            item.violatorId ==
-                                                            ele.id
-                                                    )
-                                                    .map(
-                                                        (ele) => ele.workerName
-                                                    )
-                                                    .join("、")
-                                            }}</span>
-                                        </p>
-                                        <p
-                                            class="grid-content"
-                                            v-if="item.type == 1"
-                                        >
-                                            <span class="label">整改状态：</span
-                                            ><span class="value">{{
-                                                item.status == 2
-                                                    ? "已整改"
-                                                    : "未整改"
-                                            }}</span>
-                                        </p>
-                                        <p
-                                            class="grid-content"
-                                            v-else-if="item.type == 2"
-                                        >
-                                            <span class="label">复查状态：</span
-                                            ><span class="value">{{
-                                                item.status == 2
-                                                    ? "合格"
-                                                    : "不合格"
-                                            }}</span>
-                                        </p>
-                                        <p class="grid-content" v-else>
-                                            <span class="label">核验状态：</span
-                                            ><span class="value">{{
-                                                item.status == 2
-                                                    ? "合格"
-                                                    : "不合格"
-                                            }}</span>
-                                        </p>
-                                        <p
-                                            class="grid-content"
-                                            v-if="item.status == 1"
-                                        >
-                                            <span class="label">驳回说明：</span
-                                            ><span class="value">{{
-                                                item.additionalRemarks
-                                            }}</span>
-                                        </p>
-                                        <p
-                                            class="grid-content"
-                                            v-if="item.status == 2"
-                                        >
-                                            <span class="label">补充说明：</span
-                                            ><span class="value">{{
-                                                item.additionalRemarks
-                                            }}</span>
-                                        </p>
-                                        <div class="grid-content">
-                                            <span class="label">{{
-                                                item.type == 1
-                                                    ? "整改照片："
-                                                    : item.type == 2
-                                                    ? "复查照片："
-                                                    : "核验照片："
-                                            }}</span>
-                                            <span
-                                                class="value"
-                                                style="cursor: pointer"
-                                            >
-                                                <el-image
-                                                    v-for="(
-                                                        item2, index
-                                                    ) in item.fileUrl"
-                                                    :key="index"
-                                                    style="
-                                                        width: 100px;
-                                                        height: 100px;
-                                                        margin-right: 10px;
-                                                    "
-                                                    :src="item2"
-                                                    :preview-src-list="
-                                                        item2.fileUrl
-                                                    "
-                                                    @click="openImg(item2)"
-                                                >
-                                                </el-image>
-                                            </span>
-                                        </div>
-                                    </el-card>
-                                </el-timeline-item>
-                            </el-timeline>
-                            <div
-                                v-if="
-                                    ![5].includes(detailData.status) &&
-                                    statusCondition(detailData)
-                                "
-                            >
-                                <div class="headerLeft">
-                                    {{
-                                        detailData.status == 2
-                                            ? "整改回复"
-                                            : detailData.status == 3
-                                            ? "复查回复"
-                                            : "核验回复"
-                                    }}
-                                </div>
-                                <el-row :gutter="20">
-                                    <el-col :span="24">
-                                        <div class="grid-content">
-                                            <span
-                                                class="label"
-                                                style="
-                                                    line-height: 30px;
-                                                    width: 90px;
-                                                "
-                                            >
-                                                <span style="color: red"
-                                                    >*&nbsp;</span
-                                                >{{
-                                                    detailData.status == 2
-                                                        ? "整改时间："
-                                                        : detailData.status == 3
-                                                        ? "复查时间："
-                                                        : "核验时间："
-                                                }}</span
-                                            >
-
-                                            <span
-                                                class="value"
-                                                style="
-                                                    width: calc(100% - 90px);
-                                                    margin-left: 0px;
-                                                "
-                                            >
-                                                <el-date-picker
-                                                    v-model="
-                                                        replyData.rectifyTime
-                                                    "
-                                                    size="mini"
-                                                    type="datetime"
-                                                    placeholder="选择日期时间"
-                                                    value-format="yyyy-MM-dd HH:mm:ss"
-                                                    style="width: 175px"
-                                                    required
-                                                    disabled
-                                                >
-                                                </el-date-picker>
-                                            </span>
-                                        </div>
-                                    </el-col>
-                                </el-row>
-                                <el-row
-                                    :gutter="20"
-                                    v-if="detailData.status == 2"
-                                >
-                                    <el-col :span="24">
-                                        <div class="grid-content">
-                                            <span
-                                                class="label"
-                                                style="
-                                                    line-height: 30px;
-                                                    width: 90px;
-                                                "
-                                            >
-                                                违章人员：</span
-                                            >
-                                            <!-- multiple
-                      collapse-tags -->
-                                            <span
-                                                class="value"
-                                                style="
-                                                    width: calc(100% - 90px);
-                                                    margin-left: 0px;
-                                                "
-                                            >
-                                                <el-select
-                                                    v-model="
-                                                        replyData.violatorId
-                                                    "
-                                                    filterable
-                                                    size="mini"
-                                                    placeholder="请选择"
-                                                >
-                                                    <el-option
-                                                        v-for="item in personList"
-                                                        :key="item.id"
-                                                        :label="item.workerName"
-                                                        :value="item.id"
-                                                    >
-                                                    </el-option>
-                                                </el-select>
-                                            </span>
-                                        </div>
-                                    </el-col>
-                                </el-row>
-                                <el-row :gutter="20">
-                                    <el-col :span="24">
-                                        <div class="grid-content">
-                                            <span
-                                                class="label"
-                                                style="
-                                                    line-height: 45px;
-                                                    width: 90px;
-                                                "
-                                                ><span style="color: red"
-                                                    >*&nbsp;</span
-                                                >补充说明：</span
-                                            >
-                                            <span
-                                                class="value"
-                                                style="
-                                                    width: calc(100% - 90px);
-                                                    margin-left: 0px;
-                                                "
-                                            >
-                                                <el-input
-                                                    v-model="
-                                                        replyData.additionalRemarks
-                                                    "
-                                                    placeholder="请输入"
-                                                    required
-                                                ></el-input>
-                                            </span>
-                                        </div>
-                                    </el-col>
-                                </el-row>
-                                <el-row :gutter="20">
-                                    <el-col :span="24">
-                                        <div class="grid-content">
-                                            <span
-                                                class="label"
-                                                style="width: 90px"
-                                                ><span
-                                                    v-if="
-                                                        detailData.status == 2
-                                                    "
-                                                    style="color: red"
-                                                    >*&nbsp;</span
-                                                >{{
-                                                    detailData.status == 2
-                                                        ? "整改照片："
-                                                        : detailData.status == 3
-                                                        ? "复查照片："
-                                                        : "核验照片："
-                                                }}</span
-                                            >
-                                            <span
-                                                class="value"
-                                                style="
-                                                    width: calc(100% - 90px);
-                                                    margin-left: 0px;
-                                                "
-                                            >
-                                                <el-upload
-                                                    :class="{
-                                                        hide: hideUpload,
-                                                    }"
-                                                    :disabled="type == 'detail'"
-                                                    :action="uploadUrl"
-                                                    list-type="picture-card"
-                                                    :on-success="
-                                                        (file) =>
-                                                            handleSuccess(
-                                                                file,
-                                                                5
-                                                            )
-                                                    "
-                                                    :on-error="
-                                                        (file) =>
-                                                            handleError(file, 5)
-                                                    "
-                                                    :on-remove="
-                                                        (file, fileList) =>
-                                                            handleRemove(
-                                                                file,
-                                                                fileList,
-                                                                5
-                                                            )
-                                                    "
-                                                    :before-upload="
-                                                        (file) =>
-                                                            beforeUpload(
-                                                                file,
-                                                                5
-                                                            )
-                                                    "
-                                                    :on-preview="
-                                                        (file) =>
-                                                            handlePreview(
-                                                                file,
-                                                                5
-                                                            )
-                                                    "
-                                                    name="files"
-                                                    :file-list="
-                                                        fileListRectification
-                                                    "
-                                                    accept="image/jpeg,image/jpg,image/png"
-                                                    required
-                                                >
-                                                    <!-- :limit="5" -->
-                                                    <i class="el-icon-plus"></i>
-                                                </el-upload>
-                                            </span>
-                                        </div>
-                                    </el-col>
-                                </el-row>
-                            </div>
-                        </div>
+              <div class="headerLeft" v-if="rectifyRecordList.length > 0">
+                整改&复核记录
+              </div>
+              <el-timeline class="detailBox" :reverse="true">
+                <el-timeline-item
+                  :timestamp="item.rectifyTime"
+                  placement="top"
+                  v-for="(item, index) in rectifyRecordList"
+                  :key="index"
+                >
+                  <el-card>
+                    <div class="timestamp_btn">
+                      <div class="timestamp_red" v-if="item.overTime == true">超期</div>
+                      <div class="timestamp_bule">用时：{{ item.takeTime }}</div>
                     </div>
-                </vue-scroll>
+                    <p class="grid-content">
+                      <span class="label">{{
+                        item.type == 1
+                          ? "责任人："
+                          : item.type == 2
+                          ? "复查人："
+                          : item.type == 3
+                          ? "核验人："
+                          : "无"
+                      }}</span
+                      ><span class="value">{{ item.createUserName }}</span>
+                    </p>
+                    <p class="grid-content" v-if="item.type == 1 && item.violatorId">
+                      <span class="label">违章人员：</span
+                      ><span class="value">{{
+                        personList
+                          .filter((ele) => item.violatorId == ele.id)
+                          .map((ele) => ele.workerName)
+                          .join("、")
+                      }}</span>
+                    </p>
+                    <p class="grid-content" v-if="item.type == 1">
+                      <span class="label">整改状态：</span
+                      ><span class="value">{{
+                        item.status == 2 ? "已整改" : "未整改"
+                      }}</span>
+                    </p>
+                    <p class="grid-content" v-else-if="item.type == 2">
+                      <span class="label">复查状态：</span
+                      ><span class="value">{{
+                        item.status == 2 ? "合格" : "不合格"
+                      }}</span>
+                    </p>
+                    <p class="grid-content" v-else>
+                      <span class="label">核验状态：</span
+                      ><span class="value">{{
+                        item.status == 2 ? "合格" : "不合格"
+                      }}</span>
+                    </p>
+                    <p class="grid-content" v-if="item.status == 1">
+                      <span class="label">驳回说明：</span
+                      ><span class="value">{{ item.additionalRemarks }}</span>
+                    </p>
+                    <p class="grid-content" v-if="item.status == 2">
+                      <span class="label">补充说明：</span
+                      ><span class="value">{{ item.additionalRemarks }}</span>
+                    </p>
+                    <div class="grid-content">
+                      <span class="label">{{
+                        item.type == 1
+                          ? "整改照片："
+                          : item.type == 2
+                          ? "复查照片："
+                          : "核验照片："
+                      }}</span>
+                      <span class="value" style="cursor: pointer">
+                        <el-image
+                          v-for="(item2, index) in item.fileUrl"
+                          :key="index"
+                          style="width: 100px; height: 100px; margin-right: 10px"
+                          :src="item2"
+                          :preview-src-list="item2.fileUrl"
+                          @click="openImg(item2)"
+                        >
+                        </el-image>
+                      </span>
+                    </div>
+                  </el-card>
+                </el-timeline-item>
+              </el-timeline>
+              <div v-if="![5].includes(detailData.status) && statusCondition(detailData)">
+                <div class="headerLeft">
+                  {{
+                    detailData.status == 2
+                      ? "整改回复"
+                      : detailData.status == 3
+                      ? "复查回复"
+                      : "核验回复"
+                  }}
+                </div>
+                <el-row :gutter="20">
+                  <el-col :span="24">
+                    <div class="grid-content">
+                      <span class="label" style="line-height: 30px; width: 90px">
+                        <span style="color: red">*&nbsp;</span
+                        >{{
+                          detailData.status == 2
+                            ? "整改时间："
+                            : detailData.status == 3
+                            ? "复查时间："
+                            : "核验时间："
+                        }}</span
+                      >
+
+                      <span
+                        class="value"
+                        style="width: calc(100% - 90px); margin-left: 0px"
+                      >
+                        <el-date-picker
+                          v-model="replyData.rectifyTime"
+                          size="mini"
+                          type="datetime"
+                          placeholder="选择日期时间"
+                          value-format="yyyy-MM-dd HH:mm:ss"
+                          style="width: 175px"
+                          required
+                          disabled
+                        >
+                        </el-date-picker>
+                      </span>
+                    </div>
+                  </el-col>
+                </el-row>
+                <el-row :gutter="20" v-if="detailData.status == 2">
+                  <el-col :span="24">
+                    <div class="grid-content">
+                      <span class="label" style="line-height: 30px; width: 90px">
+                        违章人员：</span
+                      >
+                      <!-- multiple
+                      collapse-tags -->
+                      <span
+                        class="value"
+                        style="width: calc(100% - 90px); margin-left: 0px"
+                      >
+                        <el-select
+                          v-model="replyData.violatorId"
+                          filterable
+                          size="mini"
+                          placeholder="请选择"
+                        >
+                          <el-option
+                            v-for="item in personList"
+                            :key="item.id"
+                            :label="item.workerName"
+                            :value="item.id"
+                          >
+                          </el-option>
+                        </el-select>
+                      </span>
+                    </div>
+                  </el-col>
+                </el-row>
+                <el-row :gutter="20">
+                  <el-col :span="24">
+                    <div class="grid-content">
+                      <span class="label" style="line-height: 45px; width: 90px"
+                        ><span style="color: red">*&nbsp;</span>补充说明：</span
+                      >
+                      <span
+                        class="value"
+                        style="width: calc(100% - 90px); margin-left: 0px"
+                      >
+                        <el-input
+                          v-model="replyData.additionalRemarks"
+                          placeholder="请输入"
+                          required
+                        ></el-input>
+                      </span>
+                    </div>
+                  </el-col>
+                </el-row>
+                <el-row :gutter="20">
+                  <el-col :span="24">
+                    <div class="grid-content">
+                      <span class="label" style="width: 90px"
+                        ><span v-if="detailData.status == 2" style="color: red"
+                          >*&nbsp;</span
+                        >{{
+                          detailData.status == 2
+                            ? "整改照片："
+                            : detailData.status == 3
+                            ? "复查照片："
+                            : "核验照片："
+                        }}</span
+                      >
+                      <span
+                        class="value"
+                        style="width: calc(100% - 90px); margin-left: 0px"
+                      >
+                        <el-upload
+                          :class="{
+                            hide: hideUpload,
+                          }"
+                          :disabled="type == 'detail'"
+                          :action="uploadUrl"
+                          list-type="picture-card"
+                          :on-success="(file) => handleSuccess(file, 5)"
+                          :on-error="(file) => handleError(file, 5)"
+                          :on-remove="(file, fileList) => handleRemove(file, fileList, 5)"
+                          :before-upload="(file) => beforeUpload(file, 5)"
+                          :on-preview="(file) => handlePreview(file, 5)"
+                          name="files"
+                          :file-list="fileListRectification"
+                          accept="image/jpeg,image/jpg,image/png"
+                          required
+                        >
+                          <!-- :limit="5" -->
+                          <i class="el-icon-plus"></i>
+                        </el-upload>
+                      </span>
+                    </div>
+                  </el-col>
+                </el-row>
+              </div>
             </div>
-            <div class="btn-box" v-if="statusCondition(detailData)">
-                <el-button
-                    v-if="detailData.status == 3 || detailData.status == 4"
-                    size="medium"
-                    type="danger"
-                    @click.stop="rectifAdd(detailData.id, detailData.status, 3)"
-                    >驳回</el-button
-                >
-                <el-button
-                    v-if="detailData.status == 5 || detailData.status == 2"
-                    size="medium"
-                    @click="dialogDetil = false"
-                    >取消</el-button
-                >
-                <!-- v-permission="{key: 'inspectionLedger_edit', menuPath: '/project/safeSame/inspectionLedger'}" -->
-                <el-button
-                    v-if="detailData.status == 3 || detailData.status == 4"
-                    size="medium"
-                    type="primary"
-                    @click="rectifAdd(detailData.id, detailData.status, 2)"
-                    >通过</el-button
-                >
-                <el-button
-                    v-if="detailData.status == 2"
-                    size="medium"
-                    type="primary"
-                    @click="rectifAdd(detailData.id, detailData.status, 1)"
-                    >提交</el-button
-                >
-            </div>
-            <div class="btn-box" v-else>
-                <el-button size="medium" @click="dialogDetil = false"
-                    >取消</el-button
-                >
-            </div>
-        </el-dialog>
-        <!-- 视频播放 -->
-        <el-dialog
-            class="video"
-            :modal-append-to-body="false"
-            :visible.sync="isShow"
-            @close="closeBtn"
+          </div>
+        </vue-scroll>
+      </div>
+      <div class="btn-box" v-if="statusCondition(detailData)">
+        <el-button
+          v-if="detailData.status == 3 || detailData.status == 4"
+          size="medium"
+          type="danger"
+          @click.stop="rectifAdd(detailData.id, detailData.status, 3)"
+          >驳回</el-button
         >
-            <video
-                v-if="isShow || player"
-                width="100%"
-                height="550"
-                controls
-                autoplay
-                style="margin-left: 10px"
-            >
-                <source :src="player" type="video/mp4" />
-                <source :src="player" type="video/mp4" />
-                <source :src="player" type="video/mp4" />
-                您的浏览器不支持 video 标签。
-            </video>
-        </el-dialog>
-        <!-- 新增 -->
-        <el-dialog
-            :visible.sync="dealShow"
-            :width="recordType == 1 ? '1150px' : '600px'"
-            append-to-body
-            :title="dealTitle"
+        <el-button
+          v-if="detailData.status == 5 || detailData.status == 2"
+          size="medium"
+          @click="dialogDetil = false"
+          >取消</el-button
         >
-            <el-radio-group
-                v-model="recordType"
-                size="small"
-                style="margin-bottom: 20px"
-                @change="getSecurityDangerFieldPage"
+        <!-- v-permission="{key: 'inspectionLedger_edit', menuPath: '/project/safeSame/inspectionLedger'}" -->
+        <el-button
+          v-if="detailData.status == 3 || detailData.status == 4"
+          size="medium"
+          type="primary"
+          @click="rectifAdd(detailData.id, detailData.status, 2)"
+          >通过</el-button
+        >
+        <el-button
+          v-if="detailData.status == 2"
+          size="medium"
+          type="primary"
+          @click="rectifAdd(detailData.id, detailData.status, 1)"
+          >提交</el-button
+        >
+      </div>
+      <div class="btn-box" v-else>
+        <el-button size="medium" @click="dialogDetil = false">取消</el-button>
+      </div>
+    </el-dialog>
+    <!-- 视频播放 -->
+    <el-dialog
+      class="video"
+      :modal-append-to-body="false"
+      :visible.sync="isShow"
+      @close="closeBtn"
+    >
+      <video
+        v-if="isShow || player"
+        width="100%"
+        height="550"
+        controls
+        autoplay
+        style="margin-left: 10px"
+      >
+        <source :src="player" type="video/mp4" />
+        <source :src="player" type="video/mp4" />
+        <source :src="player" type="video/mp4" />
+        您的浏览器不支持 video 标签。
+      </video>
+    </el-dialog>
+    <!-- 视频播放 -->
+    <el-dialog
+      class="hiddenDanger"
+      :modal-append-to-body="false"
+      :title="'添加隐患点'"
+      :visible.sync="hiddenDangerFlag"
+    >
+      <div>
+        <ImageAnnotation
+          ref="imageAnnotator"
+          :viewMode="currentMode"
+          :drawingPointData="addForm1.drawingPointData"
+          :imagePath="drawingUrl"
+        ></ImageAnnotation>
+      </div>
+      <div slot="footer" style="text-align: center">
+        <el-button
+          icon="el-icon-circle-close"
+          size="medium"
+          @click="hiddenDangerFlag = false"
+          >取消</el-button
+        >
+        <el-button
+          icon="el-icon-circle-check"
+          size="medium"
+          type="primary"
+          @click="handlePointsSubmit"
+          >确认</el-button
+        >
+      </div>
+    </el-dialog>
+    <!-- 新增 -->
+    <el-dialog
+      :visible.sync="dealShow"
+      :width="recordType == 1 ? '1150px' : '600px'"
+      append-to-body
+      :title="dealTitle"
+    >
+      <el-radio-group
+        v-model="recordType"
+        size="small"
+        style="margin-bottom: 20px"
+        @change="getSecurityDangerFieldPage"
+      >
+        <el-radio-button :label="1">安全问题</el-radio-button>
+        <el-radio-button :label="2">{{
+          $t("message.quality.recordsOfTheFebruary")
+        }}</el-radio-button>
+      </el-radio-group>
+      <el-form
+        ref="dealForm"
+        :model="dealForm"
+        :rules="addForm1Rules"
+        size="medium"
+        :label-width="recordType == 1 ? '140px' : '140px'"
+        class="dealForm"
+      >
+        <el-form-item label="检查人" prop="inspectManId">
+          <el-select
+            v-model="dealForm.inspectManId"
+            filterable
+            clearable
+            :placeholder="$t('message.quality.pleaseSelect')"
+          >
+            <el-option
+              v-for="item in crewList"
+              :key="item.userId + ''"
+              :label="item.realName"
+              :value="item.userId + ''"
             >
-                <el-radio-button :label="1">安全问题</el-radio-button>
-                <el-radio-button :label="2">{{
-                    $t("message.quality.recordsOfTheFebruary")
-                }}</el-radio-button>
+            </el-option>
+          </el-select>
+        </el-form-item>
+        <template v-for="item in securityDangerList">
+          <el-form-item
+            :label="
+              item.displayFieldName ? item.displayFieldName : item.originalFieldName
+            "
+            :prop="item.fieldName"
+            v-if="item.originalFieldName == '检查时间'"
+          >
+            <el-date-picker
+              value-format="yyyy-MM-dd HH:mm:ss"
+              v-model="dealForm.inspectTime"
+              type="datetime"
+              :placeholder="$t('message.quality.optionDate')"
+            >
+            </el-date-picker>
+          </el-form-item>
+          <el-form-item
+            :label="
+              item.displayFieldName ? item.displayFieldName : item.originalFieldName
+            "
+            :prop="item.fieldName"
+            v-if="
+              item.originalFieldName == '检查部位' || item.originalFieldName == '责任区域'
+            "
+          >
+            <el-cascader
+              v-model="dealForm.regionIds"
+              clearable
+              ref="formRegion1"
+              :options="checkPointList"
+              :props="checkPointProps"
+              @change="changeRegion2"
+            ></el-cascader>
+          </el-form-item>
+          <el-form-item
+            :label="
+              item.displayFieldName ? item.displayFieldName : item.originalFieldName
+            "
+            :prop="item.fieldName"
+            v-if="
+              item.originalFieldName == '问题分类' || item.originalFieldName == '排查分类'
+            "
+          >
+            <el-cascader
+              :options="classifyList"
+              v-model="dealForm.dangerItemId"
+              :show-all-levels="false"
+              @clear="dealForm.dangerItemId = []"
+              :props="checkClassifyProps"
+              clearable
+              @change="handleChange"
+              ref="cascaderAddr"
+            ></el-cascader>
+          </el-form-item>
+          <el-form-item
+            :label="
+              item.displayFieldName ? item.displayFieldName : item.originalFieldName
+            "
+            :prop="item.fieldName"
+            v-else-if="
+              item.originalFieldName == '补充说明' ||
+              item.originalFieldName == '整改要求' ||
+              item.originalFieldName == '事件描述' ||
+              item.originalFieldName == '详细部位'
+            "
+          >
+            <el-input
+              type="text"
+              :placeholder="
+                $t('message.quality.pleaseEnter') + $t('message.quality.content')
+              "
+              v-model="dealForm[item.fieldName]"
+            >
+            </el-input>
+          </el-form-item>
+          <el-form-item
+            :label="
+              item.displayFieldName ? item.displayFieldName : item.originalFieldName
+            "
+            :prop="item.fieldName"
+            v-else-if="item.originalFieldName == '问题等级'"
+          >
+            <el-radio-group v-model="dealForm.level">
+              <el-radio :label="1">{{ $t("message.quality.stair") }}</el-radio>
+              <el-radio :label="2">{{ $t("message.quality.second") }}</el-radio>
+              <el-radio :label="3">{{ $t("message.quality.three") }}</el-radio>
+              <el-radio :label="4">{{ $t("message.quality.four") }}</el-radio>
             </el-radio-group>
-            <el-form
-                ref="dealForm"
-                :model="dealForm"
-                :rules="addForm1Rules"
-                size="medium"
-                :label-width="recordType == 1 ? '140px' : '140px'"
-                class="dealForm"
+          </el-form-item>
+          <el-form-item
+            :label="
+              item.displayFieldName ? item.displayFieldName : item.originalFieldName
+            "
+            :prop="item.fieldName"
+            v-else-if="item.originalFieldName == '紧急程度'"
+          >
+            <el-radio-group v-model="dealForm.urgentLevel">
+              <el-radio :label="1">{{ $t("message.quality.ordinary") }}</el-radio>
+              <el-radio :label="2">{{ $t("message.quality.severity") }}</el-radio>
+              <el-radio :label="3">{{ $t("message.quality.critical") }}</el-radio>
+            </el-radio-group>
+          </el-form-item>
+          <el-form-item
+            :label="
+              item.displayFieldName ? item.displayFieldName : item.originalFieldName
+            "
+            :prop="item.fieldName"
+            v-else-if="item.originalFieldName == '问题等级二'"
+          >
+            <el-select
+              v-model="dealForm.priorityNameDic"
+              filterable
+              clearable
+              :placeholder="$t('message.quality.pleaseSelect')"
             >
-                <el-form-item label="检查人" prop="inspectManId">
-                    <el-select
-                        v-model="dealForm.inspectManId"
-                        filterable
-                        clearable
-                        :placeholder="$t('message.quality.pleaseSelect')"
-                    >
-                        <el-option
-                            v-for="item in crewList"
-                            :key="item.userId + ''"
-                            :label="item.realName"
-                            :value="item.userId + ''"
-                        >
-                        </el-option>
-                    </el-select>
-                </el-form-item>
-                <template v-for="item in securityDangerList">
-                    <el-form-item
-                        :label="
-                            item.displayFieldName
-                                ? item.displayFieldName
-                                : item.originalFieldName
-                        "
-                        :prop="item.fieldName"
-                        v-if="item.originalFieldName == '检查时间'"
-                    >
-                        <el-date-picker
-                            value-format="yyyy-MM-dd HH:mm:ss"
-                            v-model="dealForm.inspectTime"
-                            type="datetime"
-                            :placeholder="$t('message.quality.optionDate')"
-                        >
-                        </el-date-picker>
-                    </el-form-item>
-                    <el-form-item
-                        :label="
-                            item.displayFieldName
-                                ? item.displayFieldName
-                                : item.originalFieldName
-                        "
-                        :prop="item.fieldName"
-                        v-if="
-                            item.originalFieldName == '检查部位' ||
-                            item.originalFieldName == '责任区域'
-                        "
-                    >
-                        <el-cascader
-                            v-model="dealForm.regionIds"
-                            clearable
-                            ref="formRegion1"
-                            :options="checkPointList"
-                            :props="checkPointProps"
-                            @change="changeRegion2"
-                        ></el-cascader>
-                    </el-form-item>
-                    <el-form-item
-                        :label="
-                            item.displayFieldName
-                                ? item.displayFieldName
-                                : item.originalFieldName
-                        "
-                        :prop="item.fieldName"
-                        v-if="
-                            item.originalFieldName == '问题分类' ||
-                            item.originalFieldName == '排查分类'
-                        "
-                    >
-                        <el-cascader
-                            :options="classifyList"
-                            v-model="dealForm.dangerItemId"
-                            :show-all-levels="false"
-                            @clear="dealForm.dangerItemId = []"
-                            :props="checkClassifyProps"
-                            clearable
-                            @change="handleChange"
-                            ref="cascaderAddr"
-                        ></el-cascader>
-                    </el-form-item>
-                    <el-form-item
-                        :label="
-                            item.displayFieldName
-                                ? item.displayFieldName
-                                : item.originalFieldName
-                        "
-                        :prop="item.fieldName"
-                        v-else-if="
-                            item.originalFieldName == '补充说明' ||
-                            item.originalFieldName == '整改要求' ||
-                            item.originalFieldName == '事件描述' ||
-                            item.originalFieldName == '详细部位'
-                        "
-                    >
-                        <el-input
-                            type="text"
-                            :placeholder="
-                                $t('message.quality.pleaseEnter') +
-                                $t('message.quality.content')
-                            "
-                            v-model="dealForm[item.fieldName]"
-                        >
-                        </el-input>
-                    </el-form-item>
-                    <el-form-item
-                        :label="
-                            item.displayFieldName
-                                ? item.displayFieldName
-                                : item.originalFieldName
-                        "
-                        :prop="item.fieldName"
-                        v-else-if="item.originalFieldName == '问题等级'"
-                    >
-                        <el-radio-group v-model="dealForm.level">
-                            <el-radio :label="1">{{
-                                $t("message.quality.stair")
-                            }}</el-radio>
-                            <el-radio :label="2">{{
-                                $t("message.quality.second")
-                            }}</el-radio>
-                            <el-radio :label="3">{{
-                                $t("message.quality.three")
-                            }}</el-radio>
-                            <el-radio :label="4">{{
-                                $t("message.quality.four")
-                            }}</el-radio>
-                        </el-radio-group>
-                    </el-form-item>
-                    <el-form-item
-                        :label="
-                            item.displayFieldName
-                                ? item.displayFieldName
-                                : item.originalFieldName
-                        "
-                        :prop="item.fieldName"
-                        v-else-if="item.originalFieldName == '紧急程度'"
-                    >
-                        <el-radio-group v-model="dealForm.urgentLevel">
-                            <el-radio :label="1">{{
-                                $t("message.quality.ordinary")
-                            }}</el-radio>
-                            <el-radio :label="2">{{
-                                $t("message.quality.severity")
-                            }}</el-radio>
-                            <el-radio :label="3">{{
-                                $t("message.quality.critical")
-                            }}</el-radio>
-                        </el-radio-group>
-                    </el-form-item>
-                    <el-form-item
-                        :label="
-                            item.displayFieldName
-                                ? item.displayFieldName
-                                : item.originalFieldName
-                        "
-                        :prop="item.fieldName"
-                        v-else-if="item.originalFieldName == '问题等级二'"
-                    >
-                        <el-select
-                            v-model="dealForm.priorityNameDic"
-                            filterable
-                            clearable
-                            :placeholder="$t('message.quality.pleaseSelect')"
-                        >
-                            <el-option
-                                v-for="item in dangerItemList"
-                                :key="Number(item.data)"
-                                :label="item.name"
-                                :value="Number(item.data)"
-                            >
-                            </el-option>
-                        </el-select>
-                    </el-form-item>
-                    <el-form-item
-                        :label="
-                            item.displayFieldName
-                                ? item.displayFieldName
-                                : item.originalFieldName
-                        "
-                        :prop="item.fieldName"
-                        v-show="item.originalFieldName == '分包单位'"
-                    >
-                        <el-select
-                            v-model="dealForm.enterpriseIds"
-                            clearable
-                            filterable
-                            multiple
-                            @change="checkedSubcontractListUp"
-                            placeholder="请选择"
-                        >
-                            <el-option
-                                v-for="item in subcontractList"
-                                :key="item.id"
-                                :label="item.enterpriseName"
-                                :value="item.id"
-                            >
-                            </el-option>
-                        </el-select>
-                    </el-form-item>
-                    <el-form-item
-                        :label="
-                            item.displayFieldName
-                                ? item.displayFieldName
-                                : item.originalFieldName
-                        "
-                        :prop="item.fieldName"
-                        v-if="item.originalFieldName == '责任专业'"
-                    >
-                        <el-select
-                            v-model="dealForm.dutyMajor"
-                            filterable
-                            clearable
-                            :placeholder="$t('message.quality.pleaseSelect')"
-                        >
-                            <el-option
-                                v-for="item in majorItemList"
-                                :key="Number(item.data)"
-                                :label="item.name"
-                                :value="Number(item.data)"
-                            >
-                            </el-option>
-                        </el-select>
-                    </el-form-item>
-                    <el-form-item
-                        :label="
-                            item.displayFieldName
-                                ? item.displayFieldName
-                                : item.originalFieldName
-                        "
-                        :prop="item.fieldName"
-                        v-else-if="item.originalFieldName == '责任人'"
-                    >
-                        <el-select
-                            v-model="dealForm.changeId"
-                            filterable
-                            clearable
-                            :placeholder="$t('message.quality.pleaseSelect')"
-                        >
-                            <el-option
-                                v-for="item in crewUpdateList"
-                                :key="item.userId + ''"
-                                :label="item.realName"
-                                :value="item.userId + ''"
-                            >
-                            </el-option>
-                        </el-select>
-                    </el-form-item>
-                    <el-form-item
-                        :label="
-                            item.displayFieldName
-                                ? item.displayFieldName
-                                : item.originalFieldName
-                        "
-                        :prop="item.fieldName"
-                        v-else-if="item.originalFieldName == '整改时限'"
-                    >
-                        <el-date-picker
-                            value-format="yyyy-MM-dd HH:mm:ss"
-                            v-model="dealForm.changeLimitTime"
-                            type="datetime"
-                            :placeholder="$t('message.quality.optionDate')"
-                        >
-                        </el-date-picker>
-                    </el-form-item>
-                    <el-form-item
-                        :label="
-                            item.displayFieldName
-                                ? item.displayFieldName
-                                : item.originalFieldName
-                        "
-                        :prop="item.fieldName"
-                        v-else-if="item.originalFieldName == '复查人'"
-                    >
-                        <el-select
-                            v-model="dealForm.reviewIds"
-                            filterable
-                            clearable
-                            multiple
-                            :placeholder="$t('message.quality.pleaseSelect')"
-                        >
-                            <el-option
-                                v-for="item in reviewList"
-                                :key="item.userId + ''"
-                                :label="item.realName"
-                                :value="item.userId"
-                            >
-                            </el-option>
-                        </el-select>
-                    </el-form-item>
-                    <el-form-item
-                        :label="
-                            item.displayFieldName
-                                ? item.displayFieldName
-                                : item.originalFieldName
-                        "
-                        :prop="item.fieldName"
-                        v-else-if="item.originalFieldName == '核验人'"
-                    >
-                        <el-select
-                            v-model="dealForm.verifyManIds"
-                            filterable
-                            clearable
-                            multiple
-                            :placeholder="$t('message.quality.pleaseSelect')"
-                        >
-                            <el-option
-                                v-for="item in crewList"
-                                :key="item.userId + ''"
-                                :label="item.realName"
-                                :value="item.userId + ''"
-                            >
-                            </el-option>
-                        </el-select>
-                    </el-form-item>
-                    <el-form-item
-                        :label="
-                            item.displayFieldName
-                                ? item.displayFieldName
-                                : item.originalFieldName
-                        "
-                        :prop="item.fieldName"
-                        v-else-if="item.originalFieldName == '整改人'"
-                    >
-                        <el-select
-                            v-model="dealForm.changeId"
-                            filterable
-                            clearable
-                            :placeholder="$t('message.quality.pleaseSelect')"
-                        >
-                            <el-option
-                                v-for="(item, index) in crewUpdateList"
-                                :key="item.userId + '' + index"
-                                :label="item.realName"
-                                :value="item.userId + ''"
-                            >
-                            </el-option>
-                        </el-select>
-                    </el-form-item>
-                    <el-form-item
-                        :label="
-                            item.displayFieldName
-                                ? item.displayFieldName
-                                : item.originalFieldName
-                        "
-                        :prop="item.fieldName"
-                        v-else-if="
-                            item.originalFieldName == '隐患图片' ||
-                            item.originalFieldName == '上传图片'
-                        "
-                    >
-                        <el-upload
-                            :class="{ hide: hideUpload }"
-                            :action="uploadUrl"
-                            list-type="picture-card"
-                            :on-success="(file) => handleSuccess2(file, 2)"
-                            :on-error="(file) => handleError(file, 1)"
-                            :on-remove="
-                                (file, fileList) =>
-                                    handleRemove2(file, fileList, 2)
-                            "
-                            :on-preview="(file) => handlePreview(file, 1)"
-                            accept="image/jpeg,image/jpg,image/png"
-                            name="files"
-                            :file-list="dealForm.imageUrl"
-                        >
-                            <i class="el-icon-plus"></i>
-                        </el-upload>
-                        <span>{{ $t("message.quality.uploadHint") }}</span>
-                    </el-form-item>
-                    <el-form-item
-                        :label="
-                            item.displayFieldName
-                                ? item.displayFieldName
-                                : item.originalFieldName
-                        "
-                        :prop="item.fieldName"
-                        v-else-if="
-                            item.originalFieldName == '整改后图片' &&
-                            addForm1.status == 5
-                        "
-                    >
-                        <el-upload
-                            :class="{ hide: hideUpload }"
-                            :disabled="type == 'detail'"
-                            :action="uploadUrl"
-                            list-type="picture-card"
-                            :on-success="(file) => handleSuccess(file, 6)"
-                            :on-error="(file) => handleError(file, 6)"
-                            :on-remove="
-                                (file, fileList) =>
-                                    handleRemove(file, fileList, 6)
-                            "
-                            :on-preview="(file) => handlePreview(file, 6)"
-                            accept="image/jpeg,image/jpg,image/png"
-                            :before-upload="(file) => beforeUpload(file, 6)"
-                            name="files"
-                            :file-list="fileList6"
-                        >
-                            <!-- :limit="5" -->
-                            <i class="el-icon-plus"></i>
-                        </el-upload>
-                        <!--                支持格式-->
-                        <span>{{ $t("message.quality.uploadHint") }}</span>
-                    </el-form-item>
-                    <el-form-item
-                        :prop="item.fieldName"
-                        v-else-if="item.originalFieldName == '上传附件'"
-                    >
-                        <el-upload
-                            class="upload-demo"
-                            :action="uploadUrl"
-                            :on-success="(file) => handleSuccess2(file, 5)"
-                            :on-error="(file) => handleError(file, 2)"
-                            :on-remove="
-                                (file, fileList) =>
-                                    handleRemove2(file, fileList, 5)
-                            "
-                            :on-preview="(file) => handlePreview(file, 2)"
-                            :limit="1"
-                            :file-list="dealForm.fileUrl"
-                            accept=".mp3,.mp4"
-                            name="files"
-                        >
-                            <el-button
-                                :disabled="type == 'detail'"
-                                size="small"
-                                type="primary"
-                                >{{
-                                    $t("message.quality.uploadAttachment")
-                                }}</el-button
-                            >
-                            <!--                  上传附件-->
-                            <div slot="tip" class="el-upload__tip">
-                                {{ $t("message.quality.uploadHint2") }}
-                            </div>
-                        </el-upload>
-                    </el-form-item>
-                </template>
-                <template v-if="recordType == 1">
-                    <el-form-item label="整改时间" prop="zgRectifyTime">
-                        <el-date-picker
-                            value-format="yyyy-MM-dd HH:mm:ss"
-                            v-model="dealForm.zgRectifyTime"
-                            type="datetime"
-                            :placeholder="$t('message.quality.optionDate')"
-                        >
-                        </el-date-picker>
-                    </el-form-item>
-                    <el-form-item label="违章人员" prop="violatorId">
-                        <el-select
-                            v-model="dealForm.violatorId"
-                            filterable
-                            clearable
-                            :placeholder="$t('message.quality.pleaseSelect')"
-                        >
-                            <el-option
-                                v-for="item in crewUpdateList2"
-                                :key="item.id"
-                                :label="item.workerName"
-                                :value="item.id"
-                            >
-                            </el-option>
-                        </el-select>
-                    </el-form-item>
-                    <el-form-item label="整改回复" prop="zgAdditionalRemarks">
-                        <el-input
-                            type="text"
-                            :placeholder="
-                                $t('message.quality.pleaseEnter') +
-                                $t('message.quality.content')
-                            "
-                            v-model="dealForm.zgAdditionalRemarks"
-                        >
-                        </el-input>
-                    </el-form-item>
-                    <el-form-item label="整改照片" prop="createDate">
-                        <el-upload
-                            :class="{ hide: hideUpload }"
-                            :action="uploadUrl"
-                            list-type="picture-card"
-                            :on-success="(file) => handleSuccess2(file, 1)"
-                            :on-error="(file) => handleError(file, 1)"
-                            :on-remove="
-                                (file, fileList) =>
-                                    handleRemove2(file, fileList, 1)
-                            "
-                            :on-preview="(file) => handlePreview(file, 1)"
-                            accept="image/jpeg,image/jpg,image/png"
-                            name="files"
-                            :file-list="dealForm.zgFileUrl"
-                        >
-                            <i class="el-icon-plus"></i>
-                        </el-upload>
-                        <span>{{ $t("message.quality.uploadHint") }}</span>
-                    </el-form-item>
-                    <el-form-item label="复查照片" prop="fcFileUrl">
-                        <el-upload
-                            :class="{ hide: hideUpload }"
-                            :action="uploadUrl"
-                            list-type="picture-card"
-                            :on-success="(file) => handleSuccess2(file, 3)"
-                            :on-error="(file) => handleError(file, 1)"
-                            :on-remove="
-                                (file, fileList) =>
-                                    handleRemove2(file, fileList, 3)
-                            "
-                            :on-preview="(file) => handlePreview(file, 1)"
-                            accept="image/jpeg,image/jpg,image/png"
-                            name="files"
-                            :file-list="dealForm.fcFileUrl"
-                        >
-                            <i class="el-icon-plus"></i>
-                        </el-upload>
-                        <span>{{ $t("message.quality.uploadHint") }}</span>
-                    </el-form-item>
-                    <el-form-item label="复查时间" prop="fcRectifyTime">
-                        <el-date-picker
-                            value-format="yyyy-MM-dd HH:mm:ss"
-                            v-model="dealForm.fcRectifyTime"
-                            type="datetime"
-                            :placeholder="$t('message.quality.optionDate')"
-                        >
-                        </el-date-picker>
-                    </el-form-item>
-                    <el-form-item label="复查回复" prop="fcAdditionalRemarks">
-                        <el-input
-                            type="text"
-                            :placeholder="
-                                $t('message.quality.pleaseEnter') +
-                                $t('message.quality.content')
-                            "
-                            v-model="dealForm.fcAdditionalRemarks"
-                        >
-                        </el-input>
-                    </el-form-item>
-                    <el-form-item label="核验时间" prop="hyRectifyTime">
-                        <el-date-picker
-                            value-format="yyyy-MM-dd HH:mm:ss"
-                            v-model="dealForm.hyRectifyTime"
-                            type="datetime"
-                            :placeholder="$t('message.quality.optionDate')"
-                        >
-                        </el-date-picker>
-                    </el-form-item>
-                    <el-form-item label="核验回复" prop="hyAdditionalRemarks">
-                        <el-input
-                            type="text"
-                            :placeholder="
-                                $t('message.quality.pleaseEnter') +
-                                $t('message.quality.content')
-                            "
-                            v-model="dealForm.hyAdditionalRemarks"
-                        >
-                        </el-input>
-                    </el-form-item>
-                    <el-form-item label="核验照片" prop="createDate">
-                        <el-upload
-                            :class="{ hide: hideUpload }"
-                            :action="uploadUrl"
-                            list-type="picture-card"
-                            :on-success="(file) => handleSuccess2(file, 4)"
-                            :on-error="(file) => handleError(file, 1)"
-                            :on-remove="
-                                (file, fileList) =>
-                                    handleRemove2(file, fileList, 4)
-                            "
-                            :on-preview="(file) => handlePreview(file, 1)"
-                            accept="image/jpeg,image/jpg,image/png"
-                            name="files"
-                            :file-list="dealForm.hyFileUrl"
-                        >
-                            <i class="el-icon-plus"></i>
-                        </el-upload>
-                        <span>{{ $t("message.quality.uploadHint") }}</span>
-                    </el-form-item>
-                </template>
-            </el-form>
-            <div slot="footer" style="text-align: center">
-                <el-button
-                    icon="el-icon-circle-close"
-                    size="medium"
-                    @click="dealFormCancel"
-                    >取消</el-button
-                >
-                <el-button
-                    icon="el-icon-circle-check"
-                    size="medium"
-                    type="primary"
-                    @click="submitDealForm"
-                    >确认</el-button
-                >
-            </div>
-        </el-dialog>
-    </div>
+              <el-option
+                v-for="item in dangerItemList"
+                :key="Number(item.data)"
+                :label="item.name"
+                :value="Number(item.data)"
+              >
+              </el-option>
+            </el-select>
+          </el-form-item>
+          <el-form-item
+            :label="
+              item.displayFieldName ? item.displayFieldName : item.originalFieldName
+            "
+            :prop="item.fieldName"
+            v-show="item.originalFieldName == '分包单位'"
+          >
+            <el-select
+              v-model="dealForm.enterpriseIds"
+              clearable
+              filterable
+              multiple
+              @change="checkedSubcontractListUp"
+              placeholder="请选择"
+            >
+              <el-option
+                v-for="item in subcontractList"
+                :key="item.id"
+                :label="item.enterpriseName"
+                :value="item.id"
+              >
+              </el-option>
+            </el-select>
+          </el-form-item>
+          <el-form-item
+            :label="
+              item.displayFieldName ? item.displayFieldName : item.originalFieldName
+            "
+            :prop="item.fieldName"
+            v-if="item.originalFieldName == '责任专业'"
+          >
+            <el-select
+              v-model="dealForm.dutyMajor"
+              filterable
+              clearable
+              :placeholder="$t('message.quality.pleaseSelect')"
+            >
+              <el-option
+                v-for="item in majorItemList"
+                :key="Number(item.data)"
+                :label="item.name"
+                :value="Number(item.data)"
+              >
+              </el-option>
+            </el-select>
+          </el-form-item>
+          <el-form-item
+            :label="
+              item.displayFieldName ? item.displayFieldName : item.originalFieldName
+            "
+            :prop="item.fieldName"
+            v-else-if="item.originalFieldName == '责任人'"
+          >
+            <el-select
+              v-model="dealForm.changeId"
+              filterable
+              clearable
+              :placeholder="$t('message.quality.pleaseSelect')"
+            >
+              <el-option
+                v-for="item in crewUpdateList"
+                :key="item.userId + ''"
+                :label="item.realName"
+                :value="item.userId + ''"
+              >
+              </el-option>
+            </el-select>
+          </el-form-item>
+          <el-form-item
+            :label="
+              item.displayFieldName ? item.displayFieldName : item.originalFieldName
+            "
+            :prop="item.fieldName"
+            v-else-if="item.originalFieldName == '整改时限'"
+          >
+            <el-date-picker
+              value-format="yyyy-MM-dd HH:mm:ss"
+              v-model="dealForm.changeLimitTime"
+              type="datetime"
+              :placeholder="$t('message.quality.optionDate')"
+            >
+            </el-date-picker>
+          </el-form-item>
+          <el-form-item
+            :label="
+              item.displayFieldName ? item.displayFieldName : item.originalFieldName
+            "
+            :prop="item.fieldName"
+            v-else-if="item.originalFieldName == '复查人'"
+          >
+            <el-select
+              v-model="dealForm.reviewIds"
+              filterable
+              clearable
+              multiple
+              :placeholder="$t('message.quality.pleaseSelect')"
+            >
+              <el-option
+                v-for="item in reviewList"
+                :key="item.userId + ''"
+                :label="item.realName"
+                :value="item.userId"
+              >
+              </el-option>
+            </el-select>
+          </el-form-item>
+          <el-form-item
+            :label="
+              item.displayFieldName ? item.displayFieldName : item.originalFieldName
+            "
+            :prop="item.fieldName"
+            v-else-if="item.originalFieldName == '核验人'"
+          >
+            <el-select
+              v-model="dealForm.verifyManIds"
+              filterable
+              clearable
+              multiple
+              :placeholder="$t('message.quality.pleaseSelect')"
+            >
+              <el-option
+                v-for="item in crewList"
+                :key="item.userId + ''"
+                :label="item.realName"
+                :value="item.userId + ''"
+              >
+              </el-option>
+            </el-select>
+          </el-form-item>
+          <el-form-item
+            :label="
+              item.displayFieldName ? item.displayFieldName : item.originalFieldName
+            "
+            :prop="item.fieldName"
+            v-else-if="item.originalFieldName == '整改人'"
+          >
+            <el-select
+              v-model="dealForm.changeId"
+              filterable
+              clearable
+              :placeholder="$t('message.quality.pleaseSelect')"
+            >
+              <el-option
+                v-for="(item, index) in crewUpdateList"
+                :key="item.userId + '' + index"
+                :label="item.realName"
+                :value="item.userId + ''"
+              >
+              </el-option>
+            </el-select>
+          </el-form-item>
+          <el-form-item
+            :label="
+              item.displayFieldName ? item.displayFieldName : item.originalFieldName
+            "
+            :prop="item.fieldName"
+            v-else-if="
+              item.originalFieldName == '隐患图片' || item.originalFieldName == '上传图片'
+            "
+          >
+            <el-upload
+              :class="{ hide: hideUpload }"
+              :action="uploadUrl"
+              list-type="picture-card"
+              :on-success="(file) => handleSuccess2(file, 2)"
+              :on-error="(file) => handleError(file, 1)"
+              :on-remove="(file, fileList) => handleRemove2(file, fileList, 2)"
+              :on-preview="(file) => handlePreview(file, 1)"
+              accept="image/jpeg,image/jpg,image/png"
+              name="files"
+              :file-list="dealForm.imageUrl"
+            >
+              <i class="el-icon-plus"></i>
+            </el-upload>
+            <span>{{ $t("message.quality.uploadHint") }}</span>
+          </el-form-item>
+          <el-form-item
+            :label="
+              item.displayFieldName ? item.displayFieldName : item.originalFieldName
+            "
+            :prop="item.fieldName"
+            v-else-if="item.originalFieldName == '整改后图片' && addForm1.status == 5"
+          >
+            <el-upload
+              :class="{ hide: hideUpload }"
+              :disabled="type == 'detail'"
+              :action="uploadUrl"
+              list-type="picture-card"
+              :on-success="(file) => handleSuccess(file, 6)"
+              :on-error="(file) => handleError(file, 6)"
+              :on-remove="(file, fileList) => handleRemove(file, fileList, 6)"
+              :on-preview="(file) => handlePreview(file, 6)"
+              accept="image/jpeg,image/jpg,image/png"
+              :before-upload="(file) => beforeUpload(file, 6)"
+              name="files"
+              :file-list="fileList6"
+            >
+              <!-- :limit="5" -->
+              <i class="el-icon-plus"></i>
+            </el-upload>
+            <!--                支持格式-->
+            <span>{{ $t("message.quality.uploadHint") }}</span>
+          </el-form-item>
+          <el-form-item
+            :prop="item.fieldName"
+            v-else-if="item.originalFieldName == '上传附件'"
+          >
+            <el-upload
+              class="upload-demo"
+              :action="uploadUrl"
+              :on-success="(file) => handleSuccess2(file, 5)"
+              :on-error="(file) => handleError(file, 2)"
+              :on-remove="(file, fileList) => handleRemove2(file, fileList, 5)"
+              :on-preview="(file) => handlePreview(file, 2)"
+              :limit="1"
+              :file-list="dealForm.fileUrl"
+              accept=".mp3,.mp4"
+              name="files"
+            >
+              <el-button :disabled="type == 'detail'" size="small" type="primary">{{
+                $t("message.quality.uploadAttachment")
+              }}</el-button>
+              <!--                  上传附件-->
+              <div slot="tip" class="el-upload__tip">
+                {{ $t("message.quality.uploadHint2") }}
+              </div>
+            </el-upload>
+          </el-form-item>
+        </template>
+        <template v-if="recordType == 1">
+          <el-form-item label="整改时间" prop="zgRectifyTime">
+            <el-date-picker
+              value-format="yyyy-MM-dd HH:mm:ss"
+              v-model="dealForm.zgRectifyTime"
+              type="datetime"
+              :placeholder="$t('message.quality.optionDate')"
+            >
+            </el-date-picker>
+          </el-form-item>
+          <el-form-item label="违章人员" prop="violatorId">
+            <el-select
+              v-model="dealForm.violatorId"
+              filterable
+              clearable
+              :placeholder="$t('message.quality.pleaseSelect')"
+            >
+              <el-option
+                v-for="item in crewUpdateList2"
+                :key="item.id"
+                :label="item.workerName"
+                :value="item.id"
+              >
+              </el-option>
+            </el-select>
+          </el-form-item>
+          <el-form-item label="整改回复" prop="zgAdditionalRemarks">
+            <el-input
+              type="text"
+              :placeholder="
+                $t('message.quality.pleaseEnter') + $t('message.quality.content')
+              "
+              v-model="dealForm.zgAdditionalRemarks"
+            >
+            </el-input>
+          </el-form-item>
+          <el-form-item label="整改照片" prop="createDate">
+            <el-upload
+              :class="{ hide: hideUpload }"
+              :action="uploadUrl"
+              list-type="picture-card"
+              :on-success="(file) => handleSuccess2(file, 1)"
+              :on-error="(file) => handleError(file, 1)"
+              :on-remove="(file, fileList) => handleRemove2(file, fileList, 1)"
+              :on-preview="(file) => handlePreview(file, 1)"
+              accept="image/jpeg,image/jpg,image/png"
+              name="files"
+              :file-list="dealForm.zgFileUrl"
+            >
+              <i class="el-icon-plus"></i>
+            </el-upload>
+            <span>{{ $t("message.quality.uploadHint") }}</span>
+          </el-form-item>
+          <el-form-item label="复查照片" prop="fcFileUrl">
+            <el-upload
+              :class="{ hide: hideUpload }"
+              :action="uploadUrl"
+              list-type="picture-card"
+              :on-success="(file) => handleSuccess2(file, 3)"
+              :on-error="(file) => handleError(file, 1)"
+              :on-remove="(file, fileList) => handleRemove2(file, fileList, 3)"
+              :on-preview="(file) => handlePreview(file, 1)"
+              accept="image/jpeg,image/jpg,image/png"
+              name="files"
+              :file-list="dealForm.fcFileUrl"
+            >
+              <i class="el-icon-plus"></i>
+            </el-upload>
+            <span>{{ $t("message.quality.uploadHint") }}</span>
+          </el-form-item>
+          <el-form-item label="复查时间" prop="fcRectifyTime">
+            <el-date-picker
+              value-format="yyyy-MM-dd HH:mm:ss"
+              v-model="dealForm.fcRectifyTime"
+              type="datetime"
+              :placeholder="$t('message.quality.optionDate')"
+            >
+            </el-date-picker>
+          </el-form-item>
+          <el-form-item label="复查回复" prop="fcAdditionalRemarks">
+            <el-input
+              type="text"
+              :placeholder="
+                $t('message.quality.pleaseEnter') + $t('message.quality.content')
+              "
+              v-model="dealForm.fcAdditionalRemarks"
+            >
+            </el-input>
+          </el-form-item>
+          <el-form-item label="核验时间" prop="hyRectifyTime">
+            <el-date-picker
+              value-format="yyyy-MM-dd HH:mm:ss"
+              v-model="dealForm.hyRectifyTime"
+              type="datetime"
+              :placeholder="$t('message.quality.optionDate')"
+            >
+            </el-date-picker>
+          </el-form-item>
+          <el-form-item label="核验回复" prop="hyAdditionalRemarks">
+            <el-input
+              type="text"
+              :placeholder="
+                $t('message.quality.pleaseEnter') + $t('message.quality.content')
+              "
+              v-model="dealForm.hyAdditionalRemarks"
+            >
+            </el-input>
+          </el-form-item>
+          <el-form-item label="核验照片" prop="createDate">
+            <el-upload
+              :class="{ hide: hideUpload }"
+              :action="uploadUrl"
+              list-type="picture-card"
+              :on-success="(file) => handleSuccess2(file, 4)"
+              :on-error="(file) => handleError(file, 1)"
+              :on-remove="(file, fileList) => handleRemove2(file, fileList, 4)"
+              :on-preview="(file) => handlePreview(file, 1)"
+              accept="image/jpeg,image/jpg,image/png"
+              name="files"
+              :file-list="dealForm.hyFileUrl"
+            >
+              <i class="el-icon-plus"></i>
+            </el-upload>
+            <span>{{ $t("message.quality.uploadHint") }}</span>
+          </el-form-item>
+        </template>
+      </el-form>
+      <div slot="footer" style="text-align: center">
+        <el-button icon="el-icon-circle-close" size="medium" @click="dealFormCancel"
+          >取消</el-button
+        >
+        <el-button
+          icon="el-icon-circle-check"
+          size="medium"
+          type="primary"
+          @click="submitDealForm"
+          >确认</el-button
+        >
+      </div>
+    </el-dialog>
+  </div>
 </template>
 <script>
 import {
-    getSafeInspectionRecordListApi,
-    getQualityRegionTreePageApi,
-    getSafeDangerTypeRecordApi,
-    getSubcontractListApi,
-    addSafeRecordApi,
-    editSafeRecordApi,
-    getRoutineInspectApi,
-    selectSafeRectifyRecordListApi,
-    addSafeQualityRectifyRecordApi,
-    deleteSafeRectifyRecordListApi,
-    backSafeRectifyRecordListApi,
-    backAddSafetyInspectionRecordApi,
-    getXZSecurityPostponeRectifyApplyListApi,
+  getSafeInspectionRecordListApi,
+  getQualityRegionTreePageApi,
+  getSafeDangerTypeRecordApi,
+  getSubcontractListApi,
+  addSafeRecordApi,
+  editSafeRecordApi,
+  getRoutineInspectApi,
+  selectSafeRectifyRecordListApi,
+  addSafeQualityRectifyRecordApi,
+  deleteSafeRectifyRecordListApi,
+  backSafeRectifyRecordListApi,
+  backAddSafetyInspectionRecordApi,
+  getXZSecurityPostponeRectifyApplyListApi,
+  getSubdivisionProjectApi,
+  getQualityRegionConstructionDrawTreePageApi,
+  getQualityRegionConstructionDrawByIdApi,
 } from "@/assets/js/api/quality.js";
 import { getDictionaryItemApi } from "@/assets/js/api/companyDiagram";
 import {
-    getProjectChilderSystemUserListApi,
-    getEnterpriseInfoListApi,
-    getLaborManagementInfoListApi,
+  getProjectChilderSystemUserListApi,
+  getEnterpriseInfoListApi,
+  getLaborManagementInfoListApi,
 } from "@/assets/js/api/configManage.js";
 import { getWorkerInfoListApi } from "@/assets/js/api/towerCrane";
 import {
-    getEffectiveConfigSecurityDangerFieldApi,
-    getEffectiveConfigSecurityDangerReviewVerifyApi,
+  getEffectiveConfigSecurityDangerFieldApi,
+  getEffectiveConfigSecurityDangerReviewVerifyApi,
 } from "@/assets/js/api/safeManage";
 import { VueCropper } from "vue-cropper";
-import {
-    getSubdivisionProjectApi, //所有分部分项工程， 以父子节点形式呈现
-} from "@/assets/js/api/quality";
+import { isJSON } from "@/util/nowDate";
 import moment from "moment";
 import dayjs from "dayjs";
+import ImageAnnotation from "@/components/ImageAnnotation.vue";
 var VUE = null;
 export default {
-    components: {
-        VueCropper,
-    },
+  components: {
+    VueCropper,
+    ImageAnnotation,
+  },
 
-    data() {
-        return {
-            areaData: {},
-            replyData: {
-                rectifyTime: moment(new Date()).format("YYYY-MM-DD HH:mm:ss"),
-                fileUrl: "",
-                additionalRemarks: "",
-                qualityId: "",
-                violatorId: "",
-            }, //未整改回复
-            personList: [],
-            dialogDetil: false,
-            detailData: {},
-            fileListRectification: [],
-            userIdInfo: "",
-            //-------
-            listData: [],
-            subListData: [],
-            time: [],
-            hideUpload: false, //
-            formInline: {
-                inspectEndTime: "",
-                inspectStartTime: "",
-                recordType: "",
-                level: "",
-                status: "",
-                urgentLevel: "",
-                regionId: "",
-                dangerInfoId: "",
-                enterpriseId: "",
-            },
-            type: "add",
-            pageNo: 1,
-            pageSize: 10,
-            total: 0,
-            projectSn: this.$store.state.projectSn,
-            statisticsValue: {
-                closeNum: 0,
-                investigateNum: 0,
-                notCloseNum: 0,
-                overdueNotCloseNum: 0,
-                rectificationNum: 0,
-                reviewNum: 0,
-                totalNum: 0,
-                verificationNum: 0,
-                rectificationRatio: 0, //整改率
-                completeRatio: 0, //闭合率
-            },
-            tableData: [], //列表数据
-            recordType: 1, //新增数据 1安全问题，2排查记录
-            addDialog: false,
-            addTitle:
-                this.$t("message.quality.new") +
-                this.$t("message.quality.inspectionRecord"),
-            addForm1: {
-                regionIds: "",
-                regionName: "",
-                dangerItemContent: "",
-                dangerItemId: "",
-                dangerTypeId: "",
-                dangerDesc: "",
-                remark: "",
-                routineId: 0,
-                level: 0,
-                urgentLevel: 0,
-                inspectManId: "",
-                enterpriseIds: [],
-                inspectTime: "",
-                enterpriseSns: [],
-                enterpriseName: "",
-                changeLimitTime: "",
-                changeId: "",
-                reviewIds: [],
-                verifyManIds: [],
-                notifyPerson: [],
-                status: "",
-                measurePoints: [],
-                imageUrl: "",
-                fileUrl: "",
-                subsectionId: "", //分部工程
-                subentryId: "", //分项工程
-                floor: "", //巡检楼层
-                addedDescription: "", //问题描述
-            },
-            // this.$t("message.quality.addForm1Rules")
-            addForm1Rules: {},
-            addForm2: {
-                regionIds: "",
-                regionName: "",
-                dangerDesc: "",
-                routineInspect: 0,
-                inspectManId: "",
-                inspectTime: "",
-                enterpriseIds: [],
-                dangerItemContent: "",
-                dangerItemId: "",
-                dangerTypeId: "",
-                enterpriseSns: [],
-                enterpriseName: "",
-                imageUrl: "",
-                fileUrl: "",
-                subsectionId: "", //分部工程
-                subentryId: "", //分项工程
-                floor: "", //巡检楼层
-                addedDescription: "", //问题描述
-            },
-            addForm2Rules: this.$t("message.quality.addForm2Rules"),
-            checkPointList: [], // 检查部位下拉
-            checkPointProps: {
-                value: "id",
-                label: "regionName",
-                children: "children",
-                checkStrictly: true,
-                multiple: true,
-                emitPath: false,
-            },
-            classifyList: [], // 问题描述 问题分类下拉
-            checkClassifyProps: {
-                value: "id",
-                label: "dangerName",
-                children: "children",
-                checkStrictly: false,
-            },
-            reviewList: [],
-            crewList: [],
-            crewUpdateList: [],
-            routineList: [], //例行检查列表
-            showEnterpriseDialog: false, // 显示分包选择弹窗
-            subcontractType: 1, //分包商类型
-            subcontractList: [], // 分包商列表
-            uploadUrl: "",
-            fileUrl: "",
-            fileList1: [],
-            fileList2: [],
-            fileList3: [],
-            fileList4: [],
-            fileList6: [],
-            dialogImageUrl: "", //查看图片的路径
-            dialogVisible: false, //查看图片弹窗
-            showPositioning: false, //图纸定位 弹窗
-            mapUrl: "", //图纸
-            pointList: [], //坐标数组
-            createdCoord: false, //创建坐标
-            multiples: 1, //图纸大小
-            floorList: [], //背景图列表
-            cropperDialog: false, //图片裁剪弹窗
-            cropperOption: {
-                outputType: "png",
-                img: "",
-            },
-            deg: 0,
-            COMPANY: "",
-            rectifyRecordList: "", //整改记录
-            imgList: [],
-            player: "",
-            isShow: false,
-            videoName: "",
-            unitEnterpriseId: [],
-            unitRegionId: [],
-            enterpriseList: [],
-            crewUpdateList2: [],
+  data() {
+    return {
+      areaData: {},
+      replyData: {
+        rectifyTime: moment(new Date()).format("YYYY-MM-DD HH:mm:ss"),
+        fileUrl: "",
+        additionalRemarks: "",
+        qualityId: "",
+        violatorId: "",
+      }, //未整改回复
+      personList: [],
+      dialogDetil: false,
+      detailData: {},
+      fileListRectification: [],
+      userIdInfo: "",
+      //-------
+      listData: [],
+      subListData: [],
+      time: [],
+      hideUpload: false, //
+      formInline: {
+        inspectEndTime: "",
+        inspectStartTime: "",
+        recordType: "",
+        level: "",
+        status: "",
+        urgentLevel: "",
+        regionId: "",
+        dangerInfoId: "",
+        enterpriseId: "",
+      },
+      type: "add",
+      pageNo: 1,
+      pageSize: 10,
+      total: 0,
+      projectSn: this.$store.state.projectSn,
+      statisticsValue: {
+        closeNum: 0,
+        investigateNum: 0,
+        notCloseNum: 0,
+        overdueNotCloseNum: 0,
+        rectificationNum: 0,
+        reviewNum: 0,
+        totalNum: 0,
+        verificationNum: 0,
+        rectificationRatio: 0, //整改率
+        completeRatio: 0, //闭合率
+      },
+      tableData: [], //列表数据
+      recordType: 1, //新增数据 1安全问题，2排查记录
+      addDialog: false,
+      addTitle:
+        this.$t("message.quality.new") + this.$t("message.quality.inspectionRecord"),
+      addForm1: {
+        regionIds: "",
+        regionName: "",
+        dangerItemContent: "",
+        dangerItemId: "",
+        dangerTypeId: "",
+        dangerDesc: "",
+        remark: "",
+        routineId: 0,
+        level: 0,
+        urgentLevel: 0,
+        inspectManId: "",
+        enterpriseIds: [],
+        inspectTime: "",
+        enterpriseSns: [],
+        enterpriseName: "",
+        changeLimitTime: "",
+        changeId: "",
+        regionDrawId: "",
+        drawingName: "",
+        drawingPointData: [],
+        reviewIds: [],
+        verifyManIds: [],
+        notifyPerson: [],
+        status: "",
+        measurePoints: [],
+        imageUrl: "",
+        fileUrl: "",
+        subsectionId: "", //分部工程
+        subentryId: "", //分项工程
+        floor: "", //巡检楼层
+        addedDescription: "", //问题描述
+      },
+      // this.$t("message.quality.addForm1Rules")
+      addForm1Rules: {},
+      addForm2: {
+        regionIds: "",
+        regionName: "",
+        dangerDesc: "",
+        routineInspect: 0,
+        inspectManId: "",
+        inspectTime: "",
+        enterpriseIds: [],
+        dangerItemContent: "",
+        dangerItemId: "",
+        dangerTypeId: "",
+        enterpriseSns: [],
+        enterpriseName: "",
+        imageUrl: "",
+        fileUrl: "",
+        subsectionId: "", //分部工程
+        subentryId: "", //分项工程
+        floor: "", //巡检楼层
+        addedDescription: "", //问题描述
+      },
+      addForm2Rules: this.$t("message.quality.addForm2Rules"),
+      checkPointList: [], // 检查部位下拉
+      checkPointProps: {
+        value: "id",
+        label: "regionName",
+        children: "children",
+        checkStrictly: true,
+        multiple: true,
+        emitPath: false,
+      },
+      classifyList: [], // 问题描述 问题分类下拉
+      checkClassifyProps: {
+        value: "id",
+        label: "dangerName",
+        children: "children",
+        checkStrictly: false,
+      },
+      reviewList: [],
+      crewList: [],
+      crewUpdateList: [],
+      routineList: [], //例行检查列表
+      showEnterpriseDialog: false, // 显示分包选择弹窗
+      subcontractType: 1, //分包商类型
+      subcontractList: [], // 分包商列表
+      uploadUrl: "",
+      fileUrl: "",
+      fileList1: [],
+      fileList2: [],
+      fileList3: [],
+      fileList4: [],
+      fileList6: [],
+      dialogImageUrl: "", //查看图片的路径
+      dialogVisible: false, //查看图片弹窗
+      showPositioning: false, //图纸定位 弹窗
+      mapUrl: "", //图纸
+      pointList: [], //坐标数组
+      createdCoord: false, //创建坐标
+      multiples: 1, //图纸大小
+      floorList: [], //背景图列表
+      cropperDialog: false, //图片裁剪弹窗
+      cropperOption: {
+        outputType: "png",
+        img: "",
+      },
+      deg: 0,
+      COMPANY: "",
+      rectifyRecordList: "", //整改记录
+      imgList: [],
+      player: "",
+      isShow: false,
+      videoName: "",
+      unitEnterpriseId: [],
+      unitRegionId: [],
+      enterpriseList: [],
+      crewUpdateList2: [],
 
-            dealShow: false,
-            dealForm: {},
-            dealType: 1,
-            dealTitle: "",
-            dealFormRules: {
-                ...this.$t("message.quality.addForm1Rules"),
-            },
-            postponeRectifyApplyList: [],
-            securityDangerList: [],
-            securityDangerPinnedList: [],
-            securityDangerFieldList: [],
-            dangerItemList: [], // 问题等级二
-            majorItemList: [], // 责任专业
-            dangerReviewInfo: {},
-        };
-    },
-    created() {
-        this.userIdInfo = this.$store.state.userInfo.userId;
-        console.log("查看当前用户的id", this.userIdInfo);
+      dealShow: false,
+      dealForm: {},
+      dealType: 1,
+      dealTitle: "",
+      dealFormRules: {
+        ...this.$t("message.quality.addForm1Rules"),
+      },
+      postponeRectifyApplyList: [],
+      securityDangerList: [],
+      securityDangerPinnedList: [],
+      securityDangerFieldList: [],
+      dangerItemList: [], // 问题等级二
+      majorItemList: [], // 责任专业
+      dangerReviewInfo: {},
+      hiddenDangerFlag: false,
+      drawTreeList: [],
+      drawingUrl: "",
+      currentMode: 'edit'
+    };
+  },
+  created() {
+    this.userIdInfo = this.$store.state.userInfo.userId;
+    console.log("查看当前用户的id", this.userIdInfo);
 
-        this.uploadUrl = this.$store.state.UPLOADURL;
-        this.fileUrl = this.$store.state.FILEURL;
-
-        this.getSecurityDangerFieldPage();
-        this.onSubmit();
-        this.COMPANY = COMPANY;
-        this.getProgressListData();
-        this.getPositionList();
-        this.getDescribeClassifyList();
-        this.getUpdateUnitListFn();
-        this.getDicProjectTypeList();
-        this.getXzSecurityDangerReviewVerifyList();
+    this.uploadUrl = this.$store.state.UPLOADURL;
+    this.fileUrl = this.$store.state.FILEURL;
+    this.getQualityRegionConstructionDrawTreePage();
+    this.getSecurityDangerFieldPage();
+    this.onSubmit();
+    this.COMPANY = COMPANY;
+    this.getProgressListData();
+    this.getPositionList();
+    this.getDescribeClassifyList();
+    this.getUpdateUnitListFn();
+    this.getDicProjectTypeList();
+    this.getXzSecurityDangerReviewVerifyList();
+  },
+  computed: {
+    securityDangerListUp() {
+      return (originalFieldName) => {
+        const find = this.securityDangerPinnedList.find(
+          (item) => item.originalFieldName == originalFieldName
+        );
+        if (find) {
+          return find.displayFieldName ? find.displayFieldName : find.originalFieldName;
+        }
+        return "";
+      };
     },
-    computed: {
-        isJSON() {
-            return function (str) {
-                if (typeof str == "string") {
-                    try {
-                        var obj = JSON.parse(str);
-                        if (typeof obj == "object" && obj) {
-                            return true;
-                        } else {
-                            return false;
-                        }
-                    } catch (e) {
-                        return false;
-                    }
-                }
-            };
-        },
-        securityDangerListUp() {
-            return (originalFieldName) => {
-                const find = this.securityDangerPinnedList.find(
-                    (item) => item.originalFieldName == originalFieldName
-                );
-                if (find) {
-                    return find.displayFieldName
-                        ? find.displayFieldName
-                        : find.originalFieldName;
-                }
-                return "";
-            };
-        },
-        dataNameUp() {
-            return (row, eItem) => {
-                if (eItem.originalFieldName == "责任区域") {
-                    return row.regionNames ? row.regionNames : row.regionName;
-                } else if (eItem.originalFieldName == "问题描述") {
-                    return row.problemDescription;
-                } else if (eItem.originalFieldName == "问题分类") {
-                    return row.dangerItemContent;
-                } else if (eItem.originalFieldName == "问题等级") {
-                    const levelList = ["一级", "二级", "三级", "四级"];
-                    return levelList[row.level - 1];
-                } else if (eItem.originalFieldName == "问题等级二") {
-                    const find = this.dangerItemList.find(
-                        (item) => item.data == row.priorityNameDic
-                    );
-                    return find ? find.name : "";
-                } else if (eItem.originalFieldName == "责任专业") {
-                    const find = this.majorItemList.find(
-                        (item) => item.data == row.dutyMajor
-                    );
-                    return find ? find.name : "";
-                } else if (eItem.originalFieldName == "紧急程度") {
-                    const levelList = ["一般", "严重", "重大"];
-                    return levelList[row.urgentLevel - 1];
-                } else if (eItem.originalFieldName == "整改人") {
-                    return row.changeName;
-                } else if (eItem.originalFieldName == "复查人") {
-                    return row.reviewNames ? row.reviewNames : row.reviewName;
-                } else if (eItem.originalFieldName == "核验人") {
-                    return row.verifyManNames
-                        ? row.verifyManNames
-                        : row.verifyManName;
-                } else if (eItem.originalFieldName == "分包单位") {
-                    return row.enterpriseNames
-                        ? row.enterpriseNames
-                        : row.enterpriseName;
-                } else if (eItem.originalFieldName == "现场整改") {
-                    return row.status == 1 || row.status == 5
-                        ? "已完成"
-                        : "未完成";
-                }
-                return row[eItem.fieldName];
-            };
-        },
+    dataNameUp() {
+      return (row, eItem) => {
+        if (eItem.originalFieldName == "责任区域") {
+          return row.regionNames ? row.regionNames : row.regionName;
+        } else if (eItem.originalFieldName == "问题描述") {
+          return row.problemDescription;
+        } else if (eItem.originalFieldName == "问题分类") {
+          return row.dangerItemContent;
+        } else if (eItem.originalFieldName == "问题等级") {
+          const levelList = ["一级", "二级", "三级", "四级"];
+          return levelList[row.level - 1];
+        } else if (eItem.originalFieldName == "问题等级二") {
+          const find = this.dangerItemList.find(
+            (item) => item.data == row.priorityNameDic
+          );
+          return find ? find.name : "";
+        } else if (eItem.originalFieldName == "责任专业") {
+          const find = this.majorItemList.find((item) => item.data == row.dutyMajor);
+          return find ? find.name : "";
+        } else if (eItem.originalFieldName == "紧急程度") {
+          const levelList = ["一般", "严重", "重大"];
+          return levelList[row.urgentLevel - 1];
+        } else if (eItem.originalFieldName == "整改人") {
+          return row.changeName;
+        } else if (eItem.originalFieldName == "复查人") {
+          return row.reviewNames ? row.reviewNames : row.reviewName;
+        } else if (eItem.originalFieldName == "核验人") {
+          return row.verifyManNames ? row.verifyManNames : row.verifyManName;
+        } else if (eItem.originalFieldName == "分包单位") {
+          return row.enterpriseNames ? row.enterpriseNames : row.enterpriseName;
+        } else if (eItem.originalFieldName == "现场整改") {
+          return row.status == 1 || row.status == 5 ? "已完成" : "未完成";
+        }
+        return row[eItem.fieldName];
+      };
     },
-    // watch: {
-    //   "addForm1.regionIds": {
-    //     handler(newVal) {
-    //       console.log(newVal);
-    //       if (newVal.length == 0) {
-    //         this.addForm1.reviewIds = []; // 先清空复查人
-    //         this.reviewList = [];
-    //       } else {
-    //         this.getReviewPeopleList(newVal);
-    //       }
-    //       // this.addForm1.reviewId = ""
-    //     },
-    //     deep: true,
-    //   },
-    //   "addForm2.regionIds": {
-    //     handler(newVal) {
-    //       if (newVal.length == 0) {
-    //         this.reviewList = [];
-    //       } else {
-    //         this.getReviewPeopleList(newVal);
-    //       }
-    //       // this.addForm2.reviewId = ""
-    //     },
-    //     deep: true,
+  },
+  watch: {
+    // "addForm1.regionIds": {
+    //   handler(newVal) {
+    //     console.log(newVal);
+    //     if (newVal.length == 0) {
+    //       this.addForm1.reviewIds = []; // 先清空复查人
+    //       this.reviewList = [];
+    //     } else {
+    //       this.getReviewPeopleList(newVal);
+    //     }
+    //     // this.addForm1.reviewId = ""
     //   },
+    //   deep: true,
     // },
-    mounted() {},
-    methods: {
-        getXzSecurityDangerReviewVerifyList() {
-            getEffectiveConfigSecurityDangerReviewVerifyApi({
-                sn: this.projectSn,
-                companyProjectType: 2,
-            }).then((res) => {
-                if (res.code == 200) {
-                    const data = res.result;
-                    this.dangerReviewInfo = {
-                        ...data,
-                    };
-                }
-            });
-        },
-        // 获取字典工程类别列表
-        getDicProjectTypeList() {
-            getDictionaryItemApi({
-                dictionaryEncoding:
-                    "xz_security_danger_item_record_priority_name_dic",
-                projectSn: this.projectSn,
-            }).then((res) => {
-                if (res.result.length > 0) {
-                    this.dangerItemList = res.result;
-                }
-            });
-            getDictionaryItemApi({
-                dictionaryEncoding:
-                    "xz_security_quality_inspection_record_duty_major",
-                projectSn: this.projectSn,
-            }).then((res) => {
-                if (res.result.length > 0) {
-                    this.majorItemList = res.result;
-                }
-            });
-        },
-        changeRecordType() {
-            this.close();
-            this.getSecurityDangerFieldPage();
-            this.$nextTick(() => {
-                if (this.recordType == 1) {
-                    this.securityDangerListFn(this.addForm1, this.recordType);
-                    this.$refs.addForm1.clearValidate(); //清除所有验证
-                } else if (this.recordType == 2) {
-                    this.securityDangerListFn(this.addForm2, this.recordType);
-                    setTimeout(() => {
-                        this.$refs.addForm2.clearValidate(); //清除所有验证
-                    }, 100);
-                }
-            });
-        },
-        getSecurityDangerFieldPage(recordType) {
-            getEffectiveConfigSecurityDangerFieldApi({
-                pageNo: 1,
-                pageSize: -1,
-                sn: this.projectSn,
-                companyProjectType: 2,
-                recordType: recordType ? recordType : this.recordType,
-            }).then((res) => {
-                if (res.code === 200) {
-                    this.securityDangerList = res.result.filter(
-                        (item) => item.isEnabled == 1
-                    );
-                    console.log(11223344, this.securityDangerList);
-                    if (this.securityDangerPinnedList.length == 0) {
-                        this.securityDangerPinnedList = res.result
-                            .filter((item) => item.isPinned == 1)
-                            .filter((item) => item.recordType == 1);
-                        this.$nextTick(() => {
-                            this.$refs.multipleTable.doLayout();
-                        });
-                    }
-                    this.securityDangerFieldList = res.result;
-                    console.log(
-                        1111222333,
-                        res.result.filter(
-                            (item) =>
-                                item.isEnabled == 1 && item.isRequired == 1
-                        )
-                    );
-                    res.result
-                        .filter(
-                            (item) =>
-                                item.isEnabled == 1 && item.isRequired == 1
-                        )
-                        .forEach((item) => {
-                            const tipName = item.displayFieldName
-                                ? item.displayFieldName
-                                : item.originalFieldName;
-                            this.addForm1Rules[item.fieldName] = [
-                                {
-                                    required: true,
-                                    message: `${tipName}必填`,
-                                    trigger: "change",
-                                },
-                            ];
-                        });
-                }
-            });
-        },
-        getXZSecurityPostponeRectifyApplyList(id) {
-            let data = {
-                projectSn: this.projectSn,
-                securityId: id,
-            };
-            getXZSecurityPostponeRectifyApplyListApi(data).then((res) => {
-                if (res.code == 200) {
-                    this.postponeRectifyApplyList = res.result;
-                }
-            });
-        },
-        initDealForm() {
-            if (this.dealType == 1) {
-                this.dealForm = {
-                    regionIds: "",
-                    dangerItemId: "",
-                    dangerDesc: "",
-                    remark: "",
-                    addedDescription: "",
-                    level: "",
-                    urgentLevel: "",
-                    inspectManId: "",
-                    inspectTime: "",
-                    enterpriseName: "",
-                    changeLimitTime: "",
-                    changeId: "",
-                    zgRectifyTime: "",
-                    zgAdditionalRemarks: "",
-                    violatorId: "",
-                    zgFileUrl: [],
-                    verifyManIds: [],
-                    reviewIds: [],
-                    fcRectifyTime: "",
-                    fcAdditionalRemarks: "",
-                    fcFileUrl: [],
-                    imageUrl: [],
-                    fileUrl: [],
-                    hyFileUrl: [],
-                    notifyPerson: [],
-                    hyRectifyTime: "",
-                    hyAdditionalRemarks: "",
-                    dangerItemContent: "",
-                    status: 5,
-                };
-            }
-        },
-        // 新增
-        additionalRecording(type) {
-            this.dealType = type;
-            this.initDealForm();
-            this.$nextTick(() => {
-                this.$refs["dealForm"] &&
-                    this.$refs["dealForm"].clearValidate();
-            });
-            // this.getDescribeClassifyList();
-
-            // this.getPeopleUpdateList();
-            this.getRoutineInspect();
-            this.dealTitle = "补录";
-            this.dealShow = true;
-        },
-        submitDealForm() {
-            this.dealForm.imageUrl = this.setSplitFn(this.dealForm.imageUrl);
-            this.dealForm.fileUrl = this.setSplitFn(this.dealForm.fileUrl);
-            this.dealForm.rectifyAfterImage = this.setSplitFn(this.fileList6);
-            this.$refs["dealForm"].validate((valid) => {
-                if (valid) {
-                    let data = {
-                        ...this.dealForm,
-                        regionIds: this.dealForm.regionIds.join(","),
-                        enterpriseIds: this.dealForm.enterpriseIds.join(","),
-                        reviewIds: this.dealForm.reviewIds.join(","),
-                        notifyPerson: this.dealForm.notifyPerson.join(","),
-                        verifyManIds: this.dealForm.verifyManIds.join(","),
-                        dangerItemId:
-                            this.dealForm.dangerItemId[
-                                this.dealForm.dangerItemId.length - 1
-                            ],
-                        dangerTypeId: this.dealForm.dangerItemId[0],
-                    };
-                    if (this.recordType == 1) {
-                        data.zgFileUrl = this.dealForm.zgFileUrl
-                            .reduce((prev, cur) => {
-                                const obj = cur.name;
-                                prev.push(obj);
-                                return prev;
-                            }, [])
-                            .join(",");
-                        data.fcFileUrl = this.dealForm.fcFileUrl
-                            .reduce((prev, cur) => {
-                                const obj = cur.name;
-                                prev.push(obj);
-                                return prev;
-                            }, [])
-                            .join(",");
-                        data.hyFileUrl = this.dealForm.hyFileUrl
-                            .reduce((prev, cur) => {
-                                const obj = cur.name;
-                                prev.push(obj);
-                                return prev;
-                            }, [])
-                            .join(",");
-                        data.measurePoints = this.pointList
-                            .reduce((prev, cur) => {
-                                const obj =
-                                    cur.coordinateX + "*" + cur.coordinateY;
-                                prev.push(obj);
-                                return prev;
-                            }, [])
-                            .join(",");
-                        if (
-                            data.verifyManIds.includes(
-                                this.$store.state.userInfo.realName
-                            )
-                        ) {
-                            data.verifyManIds =
-                                this.$store.state.userInfo.userId;
-                        }
-                    }
-                    console.log("data", data);
-                    // data.inspectManId = this.$store.state.userInfo.userId;
-
-                    if (this.dealTitle == "新增" && this.dealType == 1) {
-                        const objFn = {
-                            1: backAddSafetyInspectionRecordApi,
-                            2: addSafeRecordApi,
-                        };
-                        let param = {};
-                        if (this.recordType == 1) {
-                            param = {
-                                ...data,
-                            };
-                        } else {
-                            param = {
-                                addedDescription: data.addedDescription,
-                                dangerDesc: data.dangerDesc,
-                                dangerItemId: data.dangerItemId,
-                                dangerTypeId: data.dangerTypeId,
-                                enterpriseName: data.enterpriseName,
-                                enterpriseSns: data.enterpriseSns,
-                                fileUrl: data.fileUrl,
-                                imageUrl: data.imageUrl,
-                                inspectManId: data.inspectManId,
-                                inspectTime: data.inspectTime,
-                                regionIds: data.regionIds,
-                                regionName: data.regionName,
-                                dangerItemContent: data.dangerItemContent,
-                                remark: data.remark,
-                            };
-                        }
-                        // this.recordType
-                        objFn[this.recordType]({
-                            ...param,
-                            recordType: this.recordType,
-                            projectSn: this.projectSn,
-                        }).then((result) => {
-                            if (result.success) {
-                                this.$message.success(result.message);
-                                this.onSubmit();
-                                this.dealShow = false;
-                            }
-                        });
-                    }
-                }
-            });
-        },
-        dealFormCancel() {
-            this.initDealForm();
-            this.$refs["dealForm"].resetFields();
-            this.dealShow = false;
-        },
-        //获取人员列表
-        getViolationList() {
-            let data = {
-                projectSn: this.projectSn,
-            };
-            getSubdivisionProjectApi(data).then((res) => {
-                if (res.code == 200) {
-                    this.violationList = res.result;
-                }
-            });
-        },
-        backQuestion(obj) {
-            console.log("删除", obj);
-            this.$confirm(
-                "确定撤回该条记录?",
-                this.$t("message.personnelPosition.beaconManage.table.Tips"),
-                {
-                    confirmButtonText: this.$t(
-                        "message.personnelPosition.confirmButtonText"
-                    ),
-                    cancelButtonText: this.$t(
-                        "message.personnelPosition.cancelButtonText"
-                    ),
-                    type: "warning",
-                }
-            )
-                .then(() => {
-                    backSafeRectifyRecordListApi({ id: obj.id }).then(
-                        (result) => {
-                            if (result.success) {
-                                this.$message.success(result.message);
-                                this.onSubmit();
-                                this.dialogDetil = false;
-                            }
-                        }
-                    );
-                })
-                .catch(() => {});
-        },
-        deleteQuestion(obj) {
-            console.log("删除", obj);
-            this.$confirm(
-                "确定删除该条记录?",
-                this.$t("message.personnelPosition.beaconManage.table.Tips"),
-                {
-                    confirmButtonText: this.$t(
-                        "message.personnelPosition.confirmButtonText"
-                    ),
-                    cancelButtonText: this.$t(
-                        "message.personnelPosition.cancelButtonText"
-                    ),
-                    type: "warning",
-                }
-            )
-                .then(() => {
-                    deleteSafeRectifyRecordListApi({ id: obj.id }).then(
-                        (result) => {
-                            if (result.success) {
-                                this.$message.success(result.message);
-                                this.onSubmit();
-                            }
-                        }
-                    );
-                })
-                .catch(() => {});
-        },
-        getSplitFn(dataList) {
-            if (!dataList) return [];
-            return dataList
-                .map((item) => {
-                    let imgArr = item.split("*");
-                    let obj = { name: imgArr[0], url: imgArr[1] };
-                    return obj;
-                })
-                .filter((item) => {
-                    return item.url != undefined;
-                });
-        },
-        async editRow(obj) {
-            // 编辑撤回数据(重新提交)
-            console.log("77777777777777777777777777777");
-            // await this.getReviewPeopleList(obj.regionId)
-            console.log("77777777777777777777777777777");
-            this.addTitle = "编辑";
-            this.recordType = obj.recordType;
-            this.getSecurityDangerFieldPage();
-            if (obj.recordType == 1) {
-                this.addForm1 = {
-                    ...obj,
-                    enterpriseIds: obj.enterpriseIds
-                        ? obj.enterpriseIds.split(",")
-                        : "",
-                    regionIds: obj.regionIds ? obj.regionIds.split(",") : "",
-                    reviewIds: obj.reviewIds ? obj.reviewIds.split(",") : "",
-                    verifyManIds: obj.verifyManIds
-                        ? obj.verifyManIds.split(",")
-                        : "",
-                    priorityNameDic: obj.priorityNameDic
-                        ? Number(obj.priorityNameDic)
-                        : "",
-                    dutyMajor: obj.dutyMajor ? Number(obj.dutyMajor) : "",
-                    urgentLevel: obj.urgentLevel ? Number(obj.urgentLevel) : "",
-                };
-                this.fileList1 = obj.imageUrl
-                    ? this.getSplitFn(obj.imageUrl.split(","))
-                    : [];
-                this.fileList2 = obj.fileUrl
-                    ? this.getSplitFn(obj.fileUrl.split(","))
-                    : [];
-                this.fileList6 = obj.rectifyAfterImage
-                    ? this.getSplitFn(obj.rectifyAfterImage.split(","))
-                    : [];
-            } else if (obj.recordType == 2) {
-                this.addForm2 = {
-                    ...obj,
-                    enterpriseIds: obj.enterpriseIds
-                        ? obj.enterpriseIds.split(",")
-                        : "",
-                    regionIds: obj.regionIds ? obj.regionIds.split(",") : "",
-                };
-                this.fileList3 = obj.imageUrl
-                    ? this.getSplitFn(obj.imageUrl.split(","))
-                    : [];
-                this.fileList4 = obj.fileUrl
-                    ? this.getSplitFn(obj.fileUrl.split(","))
-                    : [];
-            }
-            console.log(this.addForm1, 777, this.addForm2);
-            // 责任人数据处理
-            this.unitEnterpriseId = obj.enterpriseIds
-                ? obj.enterpriseIds.split(",")
-                : [];
-            this.unitRegionId = obj.regionIds ? obj.regionIds.split(",") : [];
-            // 逻辑结束
-            // this.getDescribeClassifyList();
-            this.getPeopleUpdateList();
-            this.getPeopleList();
-            this.getReviewPeopleList();
-            this.getRoutineInspect();
-            this.rectifyRecordList = [];
-            // 默认选择核验人逻辑
-            // let index = this.crewList.findIndex((item) => {
-            //   return item.userId == obj.verifyManIds;
-            // });
-            // if (index != -1) {
-            //   this.addForm1.verifyManIds = this.$store.state.userInfo.userId;
-            // } else {
-            //   this.addForm1.verifyManIds = this.$store.state.userInfo.realName;
-            // }
-            // 检查时间都改为当前
-            let date = new Date();
-            let nowDate = moment(date).format("YYYY-MM-DD HH:mm:ss");
-            this.addForm1.inspectTime = nowDate;
-            this.addForm2.inspectTime = nowDate;
-            this.addDialog = true;
-            this.$nextTick(() => {
-                this.editChangeRegion();
-            });
-        },
-        statusCondition(data) {
-            console.log(data, "我爱我爱");
-            if (data.status == 2) {
-                if (data.changeId == this.$store.state.userInfo.userId) {
-                    return true;
-                }
-            } else if (data.status == 3) {
-                if (
-                    data.reviewIds.includes(this.$store.state.userInfo.userId)
-                ) {
-                    return true;
-                }
-            } else if (data.status == 4) {
-                if (
-                    data.verifyManIds.includes(
-                        this.$store.state.userInfo.userId
-                    )
-                ) {
-                    return true;
-                }
-            } else {
-                return false;
-            }
-        },
-        //关闭视频
-        closeBtn() {
-            this.isShow = false;
-            this.player = "";
-        },
-        //视频播放
-        playerVideo(item) {
-            if (item) {
-                let index = item.indexOf("*");
-                let videoUrl = item.substring(index + 1);
-                console.log("点击", videoUrl);
-                this.isShow = false;
-                this.$nextTick(() => {
-                    this.player = videoUrl;
-                    this.isShow = true;
-                });
-            } else {
-                this.$message.error("暂无视频");
-            }
-        },
-        //新版查看详情
-        newShowDatadetails(item, index) {
-            this.videoName = item.fileUrl.split("*")[0];
-            console.log("新版查看详情", item);
-            this.selectRectifyRecordList(item.id);
-            if (item.recordType == 1) {
-                this.getXZSecurityPostponeRectifyApplyList(item.id);
-            }
-            this.getSecurityDangerFieldPage(item.recordType);
-            this.dialogDetil = true;
-            this.detailData = item;
-            this.replyData = {
-                rectifyTime: moment(new Date()).format("YYYY-MM-DD HH:mm:ss"),
-                fileUrl: "",
-                additionalRemarks: "",
-                violatorId: "",
-            };
-            this.fileListRectification = [];
-            this.loadPersonList(item.projectSn);
-        },
-        //提交整改回复
-        rectifAdd(valId, statusType, type) {
-            if (type == 1 && statusType == 2) {
-                this.replyData.status = 2; //整改
-                this.replyData.type = 1;
-            } else if (type == 2 && statusType == 3) {
-                this.replyData.status = 2; //复查合格
-                this.replyData.type = 2;
-            } else if (type == 3 && statusType == 3) {
-                this.replyData.status = 1; //复查不合格
-                this.replyData.type = 2;
-            } else if (type == 2 && statusType == 4) {
-                this.replyData.status = 2; //核验合格
-                this.replyData.type = 3;
-            } else if (type == 3 && statusType == 4) {
-                this.replyData.status = 1; //核验不合格
-                this.replyData.type = 3;
-            }
-            //待整改提交
-            if (this.fileListRectification.length > 0) {
-                let arr = [];
-                this.fileListRectification.forEach((item) => {
-                    arr.push(item.name);
-                });
-                this.replyData.fileUrl = arr.join(",");
-            } else {
-                this.replyData.fileUrl = "";
-            }
-            // if (this.replyData.violatorId == "" && type == 1 && statusType == 2) {
-            //   this.$message.error("请选择违章人员");
-            //   return;
-            // }
-            if (
-                this.fileListRectification.length == 0 &&
-                this.replyData.type == 1
-            ) {
-                this.$message.error("请将回复内容输入完整");
-                return;
-            }
-            if (this.replyData.additionalRemarks == "") {
-                this.$message.error("请将回复内容输入完整");
-                return;
-            }
-            if (this.replyData.rectifyTime == "") {
-                this.$message.error("请选择整改时间");
-                return;
-            }
-            const result = {
-                ...this.replyData,
-                // violatorId: this.replyData.violatorId.join(","),
-                qualityId: valId,
-                createUser: this.userIdInfo,
-            };
-            if (type == 1 && statusType == 2) {
-                // result.violatorId = this.replyData.violatorId.join(",");
-                result.violatorId = this.replyData.violatorId;
-            }
-            console.log("整改提交的表单数据：：：", result);
-            addSafeQualityRectifyRecordApi(result).then((res) => {
-                if (res.code == 200) {
-                    this.$message.success("提交成功");
-                    this.dialogDetil = false;
-                    this.onSubmit();
-                }
-            });
-        },
-        parseImage2(urls) {
-            console.log(112233, urls);
-            let arr = [];
-            if (urls) {
-                arr = urls.split(",");
-            }
-            arr.forEach((element, index) => {
-                // console.log(22222, element)
-                // arr[index] = element.includes("http://") ? element : this.$store.state.FILEURL + element;
-                let result = arr[index].substring(
-                    arr[index].indexOf("*") + 1,
-                    arr[index].length
-                );
-                // console.log(3333, result)
-                arr[index] = result.includes("http://")
-                    ? result
-                    : this.$store.state.FILEURL + result;
-            });
-            console.log(11222444, arr);
-            return arr;
-        },
-        parseImage(urls) {
-            let arr = [];
-
-            if (typeof urls === "string") {
-                arr = urls.split(",");
-            } else if (Array.isArray(urls)) {
-                arr = urls;
-            }
-
-            const data = arr
-                .map((item) => {
-                    return this.$store.state.FILEURL + item.trim();
-                })
-                .filter(Boolean);
-
-            return data;
-        },
-        checkSubListData(val) {
-            console.log("一级菜单改动了 ：", val);
-
-            if (this.recordType == 1) {
-                this.listData.forEach((value) => {
-                    if (value.id == val) {
-                        this.subListData = value.children;
-                        if (value.children.length >= 1) {
-                            this.addForm1.subentryId = value.children[0].id;
-                        }
-                    }
-                });
-            } else if (this.recordType == 2) {
-                this.listData.forEach((value) => {
-                    if (value.id == val) {
-                        this.subListData = value.children;
-                        if (value.children.length >= 1) {
-                            this.addForm2.subentryId = value.children[0].id;
-                        }
-                    }
-                });
-            }
-        },
-
-        //获取分部分项工程， 以父子节点形式呈现
-        getProgressListData() {
-            let data = {
-                projectSn: this.projectSn,
-            };
-            getSubdivisionProjectApi(data).then((res) => {
-                if (res.code == 200) {
-                    this.listData = res.result;
-                    if (this.listData.length >= 1) {
-                        // this.addForm1.subsectionId = this.listData[0].id;//默认选中第一项分部工程
-                        if (this.listData[0].children.length >= 1) {
-                            this.subListData = this.listData[0].children;
-                            // this.addForm1.subentryId = this.listData[0].children[0].id//默认选中第一项分项工程
-                        }
-                    }
-                }
-            });
-        },
-        //导出
-        exportData() {
-            if (this.COMPANY == "zjwj") {
-                window.location.href =
-                    this.$http.defaults.baseURL +
-                    "xmgl/qualityRectifyRecord/recordRectify/excel/export?projectSn=" +
-                    this.$store.state.projectSn +
-                    "&recordType=" +
-                    this.formInline.recordType +
-                    "&inspectStartTime=" +
-                    this.formInline.inspectStartTime +
-                    "&inspectEndTime=" +
-                    this.formInline.inspectEndTime +
-                    "&level=" +
-                    this.formInline.level +
-                    "&status=" +
-                    this.formInline.status +
-                    "&pageNo=" +
-                    this.pageNo +
-                    "&pageSize=" +
-                    this.pageSize;
-            } else {
-                // xmgl/download/exporExcelQualityInspectionRecord
-                const data = {};
-                if (this.formInline.dangerInfoId.length > 0) {
-                    data.dangerInfoLevel = this.formInline.dangerInfoId.length;
-                    data.dangerInfoId =
-                        this.formInline.dangerInfoId[
-                            this.formInline.dangerInfoId.length - 1
-                        ];
-                } else {
-                    data.dangerInfoLevel = "";
-                    data.dangerInfoId = "";
-                }
-                console.log(this.formInline.enterpriseId);
-                let url =
-                    this.$http.defaults.baseURL +
-                    "xmgl/download/exportExcelXzSecurityQualityInspectionRecord?projectSn=" +
-                    this.$store.state.projectSn +
-                    "&recordType=" +
-                    this.formInline.recordType +
-                    "&inspectStartTime=" +
-                    this.formInline.inspectStartTime +
-                    "&inspectEndTime=" +
-                    this.formInline.inspectEndTime +
-                    "&level=" +
-                    this.formInline.level +
-                    "&status=" +
-                    this.formInline.status +
-                    "&urgentLevel=" +
-                    this.formInline.urgentLevel +
-                    "&pageNo=" +
-                    this.pageNo +
-                    "&pageSize=" +
-                    this.pageSize +
-                    "&dangerInfoId=" +
-                    data.dangerInfoId +
-                    "&dangerInfoLevel=" +
-                    data.dangerInfoLevel +
-                    "&enterpriseId=" +
-                    this.formInline.enterpriseId;
-                window.open(url, "_blank");
-                // window.location.href
-            }
-        },
-        exportDownload() {
-            const data = {
-                ...this.formInline,
-                projectSn: this.projectSn,
-            };
-            if (data.dangerInfoId.length > 0) {
-                data.dangerInfoLevel = data.dangerInfoId.length;
-                data.dangerInfoId =
-                    data.dangerInfoId[data.dangerInfoId.length - 1];
-            } else {
-                data.dangerInfoLevel = "";
-                data.dangerInfoId = "";
-            }
-            fetch(
-                this.$http.defaults.baseURL +
-                    "xmgl/xzSecurityQualityInspectionRecord/exportXls",
-                {
-                    method: "post",
-                    headers: {
-                        Authorization: this.$store.state.userInfo.token,
-                        "Content-Type": "application/json", // 设置请求头的内容类型为JSON
-                    },
-                    body: JSON.stringify(data),
-                }
-            )
-                .then((response) => {
-                    // 处理响应
-                    if (!response.ok) {
-                        throw new Error("导出失败");
-                    }
-                    return response.blob();
-                })
-                .then((blob) => {
-                    console.log("导出成功");
-                    // 创建一个下载链接
-                    const url = window.URL.createObjectURL(blob);
-                    // 创建一个<a>元素
-                    const link = document.createElement("a");
-                    link.href = url;
-                    link.download = "导出隐患统计汇总表.xlsx"; // 指定下载文件的文件名
-                    // 模拟点击下载链接
-                    document.body.appendChild(link);
-                    link.click();
-                    document.body.removeChild(link);
-                    // 释放URL对象
-                    window.URL.revokeObjectURL(url);
-                    // 处理导出的文件
-                    // 这里可以使用blob对象来获取导出的文件内容或者将其保存到本地
-                })
-                .catch((error) => {
-                    // 处理错误
-                    console.error(error);
-                });
-        },
-        openImg(src) {
-            window.open(src);
-        },
-        focuscascader(e) {
-            let that = this;
-            console.log(that.classifyList);
-            if (that.$refs["formRegion2"].getCheckedNodes().length) {
-                that.classifyList.forEach((item) => {
-                    that.$set(item, "disabled", true);
-                    // item.disabled = true;
-                    if (item.children) {
-                        item.children.forEach((item2) => {
-                            that.$set(item2, "disabled", true);
-                            // item2.disabled = true
-                        });
-                    }
-                });
-                // this.$refs.formRegion2.panel.lazyLoad();
-                // this.$refs['formRegion2'].getCheckedNodes()[0].pathNodes.disabled = true;
-            }
-        },
-        blurcascader(e) {
-            let that = this;
-            console.log(that.classifyList);
-            if (that.$refs["formRegion2"].getCheckedNodes().length) {
-                that.classifyList.forEach((item) => {
-                    that.$set(item, "disabled", false);
-                    // item.disabled = true;
-                    if (item.children) {
-                        item.children.forEach((item2) => {
-                            that.$set(item2, "disabled", false);
-                            // item2.disabled = true
-                        });
-                    }
-                });
-                // this.$refs.formRegion2.panel.lazyLoad();
-                // this.$refs['formRegion2'].getCheckedNodes()[0].pathNodes.disabled = true;
-            }
-        },
-        selectcascader(e) {
-            //remark整改要求 level等级
-            if (this.dealShow) {
-                if (e.length) {
-                    console.log(
-                        this.$refs["formRegion2"].getCheckedNodes()[0].data
-                    );
-                    this.dealForm.level =
-                        this.$refs[
-                            "formRegion2"
-                        ].getCheckedNodes()[0].data.level;
-                    this.dealForm.remark =
-                        this.$refs[
-                            "formRegion2"
-                        ].getCheckedNodes()[0].data.remark;
-                } else {
-                    this.dealForm.level = "";
-                    this.dealForm.remark = "";
-                }
-            } else {
-                if (e.length) {
-                    console.log(
-                        this.$refs["formRegion2"].getCheckedNodes()[0].data
-                    );
-                    this.addForm1.level =
-                        this.$refs[
-                            "formRegion2"
-                        ].getCheckedNodes()[0].data.level;
-                    this.addForm1.remark =
-                        this.$refs[
-                            "formRegion2"
-                        ].getCheckedNodes()[0].data.remark;
-                } else {
-                    this.addForm1.level = "";
-                    this.addForm1.remark = "";
-                }
-            }
-        },
-        changeRegion2(val) {
-            // console.log(val,this.checkPointList,this.$refs['formRegion1'].getCheckedNodes()[0])
-            if (this.recordType == 1) {
-                this.dealForm.changeId = "";
-                if (
-                    this.$refs["formRegion1"][0].getCheckedNodes().length == 0
-                ) {
-                    this.subcontractList = [];
-                    this.crewUpdateList = [];
-                    return;
-                }
-            } else {
-                if (
-                    this.$refs["formRegion2"][0].getCheckedNodes().length == 0
-                ) {
-                    this.subcontractList = [];
-                    this.crewUpdateList = [];
-                    return;
-                }
-            }
-
-            let pathLabels = {};
-            let dataList = [];
-            if (this.recordType == 1) {
-                pathLabels =
-                    this.$refs["formRegion1"][0].getCheckedNodes()[0]
-                        .pathLabels;
-                dataList = this.$refs["formRegion1"][0].getCheckedNodes();
-            } else if (this.recordType == 2) {
-                pathLabels =
-                    this.$refs["formRegion2"][0].getCheckedNodes()[0]
-                        .pathLabels;
-                dataList = this.$refs["formRegion2"][0].getCheckedNodes();
-            }
-
-            console.log(1122334455, dataList);
-            let data = {};
-            dataList.forEach((item) => {
-                data = {
-                    ...item.data,
-                    intendanceIds: data.intendanceIds
-                        ? data.intendanceIds + "," + item.data.intendanceIds
-                        : item.data.intendanceIds,
-                    securityDutyIds: data.securityDutyIds
-                        ? data.securityDutyIds + "," + item.data.securityDutyIds
-                        : item.data.securityDutyIds,
-                    securityEnterpriseIds: data.securityEnterpriseIds
-                        ? data.securityEnterpriseIds +
-                          "," +
-                          item.data.securityEnterpriseIds
-                        : item.data.securityEnterpriseIds,
-                };
-            });
-            let text = "";
-            for (let i = 0; i < pathLabels.length; i++) {
-                if (text) {
-                    text = text + "/" + pathLabels[i];
-                } else {
-                    text = pathLabels[i];
-                }
-            }
-            if (this.recordType == 1) {
-                this.areaData = data;
-                this.dealForm.notifyPerson = data.intendanceIds
-                    ? data.intendanceIds.split(",")
-                    : [];
-            }
-            this.dealForm.regionName = text;
-            console.log(11334455, data);
-            this.unitRegionId = this.dealForm.regionIds;
-            this.getReviewPeopleList(this.dealForm.regionIds);
-
-            if (data.securityEnterpriseIds) {
-                this.getDivisionUnitFn(data.securityEnterpriseIds);
-            } else {
-                this.subcontractList = [];
-                this.crewUpdateList = [];
-            }
-            this.getPeopleUpdateList();
-            this.getPeopleList();
-            this.getReviewPeopleList();
-            this.$refs["addForm1"].clearValidate();
-            this.dealForm.inspectManId = this.checkPointList;
-        },
-        getAlls(tree, result = []) {
-            //遍历树  获取id数组
-            for (const i in tree) {
-                result.push(tree[i]); // 遍历项目满足条件后的操作
-                if (tree[i].children) {
-                    //存在子节点就递归
-                    this.getAllIds(tree[i].children, result);
-                }
-            }
-            return result;
-        },
-        changeRegion(val) {
-            console.log(11114444, val, this.checkPointList, this.recordType);
-            // console.log(this.$refs["formRegion1"][0].getCheckedNodes());
-            const securityFlag = this.securityDangerList.filter(
-                (item) =>
-                    item.originalFieldName == "责任区域" ||
-                    item.originalFieldName == "检查部位"
-            );
-            if (securityFlag == 0) {
-                const resultList = this.getAlls(this.checkPointList);
-                console.log(resultList);
-                if (this.recordType == 1) {
-                    this.addForm1.notifyPerson = resultList.map(
-                        (item) => item.intendanceIds
-                    );
-                    this.unitRegionId = this.addForm1.regionIds;
-                    this.getReviewPeopleList(this.addForm1.regionIds);
-                } else if (this.recordType == 2) {
-                    this.unitRegionId = this.addForm2.regionIds;
-                    this.getReviewPeopleList(this.addForm2.regionIds);
-                }
-                const securityEnterpriseIds = resultList
-                    .map((item) => item.securityEnterpriseIds)
-                    .join(",");
-                if (securityEnterpriseIds) {
-                    this.getDivisionUnitFn(securityEnterpriseIds);
-                } else {
-                    this.subcontractList = [];
-                    this.crewUpdateList = [];
-                }
-
-                this.getPeopleUpdateList();
-                this.getPeopleList();
-                this.getReviewPeopleList();
-                return;
-            }
-            if (this.recordType == 1) {
-                this.addForm1.enterpriseSns = "";
-                this.addForm1.enterpriseName = "";
-                this.addForm1.changeId = "";
-                if (
-                    this.$refs["formRegion1"][0].getCheckedNodes().length == 0
-                ) {
-                    this.subcontractList = [];
-                    this.crewUpdateList = [];
-                    return;
-                }
-            } else {
-                this.addForm2.enterpriseSns = "";
-                this.addForm2.enterpriseName = "";
-                if (
-                    this.$refs["addFormRegion2"][0].getCheckedNodes().length ==
-                    0
-                ) {
-                    this.subcontractList = [];
-                    this.crewUpdateList = [];
-                    return;
-                }
-            }
-
-            let pathLabels = {};
-            let dataList = [];
-            if (this.recordType == 1) {
-                pathLabels =
-                    this.$refs["formRegion1"][0].getCheckedNodes()[0]
-                        .pathLabels;
-                dataList = this.$refs["formRegion1"][0].getCheckedNodes();
-            } else if (this.recordType == 2) {
-                pathLabels =
-                    this.$refs["addFormRegion2"][0].getCheckedNodes()[0]
-                        .pathLabels;
-                dataList = this.$refs["addFormRegion2"][0].getCheckedNodes();
-            }
-
-            console.log(1122334455, this.$refs["formRegion1"], dataList);
-            let data = {};
-            dataList.forEach((item) => {
-                console.log(
-                    1122334455,
-                    data.securityDutyIds,
-                    item.securityDutyIds
-                );
-                data = {
-                    ...item.data,
-                    intendanceIds: data.intendanceIds
-                        ? data.intendanceIds + "," + item.data.intendanceIds
-                        : item.data.intendanceIds,
-                    securityDutyIds: data.securityDutyIds
-                        ? data.securityDutyIds + "," + item.data.securityDutyIds
-                        : item.data.securityDutyIds,
-                    securityEnterpriseIds: data.securityEnterpriseIds
-                        ? data.securityEnterpriseIds +
-                          "," +
-                          item.data.securityEnterpriseIds
-                        : item.data.securityEnterpriseIds,
-                };
-            });
-            let text = "";
-            for (let i = 0; i < pathLabels.length; i++) {
-                if (text) {
-                    text = text + "/" + pathLabels[i];
-                } else {
-                    text = pathLabels[i];
-                }
-            }
-            if (this.recordType == 1) {
-                this.areaData = data;
-                this.addForm1.notifyPerson = data.intendanceIds
-                    ? data.intendanceIds.split(",")
-                    : [];
-                this.addForm1.regionName = text;
-                console.log(11334455, this.addForm1.regionIds);
-                this.unitRegionId = this.addForm1.regionIds;
-                this.getReviewPeopleList(this.addForm1.regionIds);
-            } else if (this.recordType == 2) {
-                this.addForm2.regionName = text;
-                this.unitRegionId = this.addForm2.regionIds;
-                this.getReviewPeopleList(this.addForm2.regionIds);
-            }
-            console.log(5566677, data);
-            if (data.securityEnterpriseIds) {
-                this.getDivisionUnitFn(data.securityEnterpriseIds);
-            } else {
-                this.subcontractList = [];
-                this.crewUpdateList = [];
-            }
-
-            this.getPeopleUpdateList();
-            this.getPeopleList();
-            this.getReviewPeopleList();
-            this.$refs["addForm1"].clearValidate();
-            this.addForm1.inspectManId = this.checkPointList;
-        },
-        editChangeRegion() {
-            if (this.recordType == 1) {
-                this.addForm1.enterpriseSns = "";
-                this.addForm1.enterpriseName = "";
-                // this.addForm1.changeId = "";
-                if (
-                    this.$refs["formRegion1"][0].getCheckedNodes().length == 0
-                ) {
-                    this.subcontractList = [];
-                    this.crewUpdateList = [];
-                    return;
-                }
-            } else {
-                this.addForm2.enterpriseSns = "";
-                this.addForm2.enterpriseName = "";
-                if (
-                    this.$refs["addFormRegion2"][0].getCheckedNodes().length ==
-                    0
-                ) {
-                    this.subcontractList = [];
-                    this.crewUpdateList = [];
-                    return;
-                }
-            }
-
-            let pathLabels = {};
-            let dataList = [];
-            if (this.recordType == 1) {
-                pathLabels =
-                    this.$refs["formRegion1"][0].getCheckedNodes()[0]
-                        .pathLabels;
-                dataList = this.$refs["formRegion1"][0].getCheckedNodes();
-            } else if (this.recordType == 2) {
-                pathLabels =
-                    this.$refs["addFormRegion2"][0].getCheckedNodes()[0]
-                        .pathLabels;
-                dataList = this.$refs["addFormRegion2"][0].getCheckedNodes();
-            }
-
-            console.log(1122334455, dataList);
-            let data = {};
-            dataList.forEach((item) => {
-                data = {
-                    ...item.data,
-                    intendanceIds: data.intendanceIds
-                        ? data.intendanceIds + "," + item.data.intendanceIds
-                        : item.data.intendanceIds,
-                    securityDutyIds: data.securityDutyIds
-                        ? data.securityDutyIds + "," + item.data.securityDutyIds
-                        : item.data.securityDutyIds,
-                    securityEnterpriseIds: data.securityEnterpriseIds
-                        ? data.securityEnterpriseIds +
-                          "," +
-                          item.data.securityEnterpriseIds
-                        : item.data.securityEnterpriseIds,
-                };
-            });
-            let text = "";
-            for (let i = 0; i < pathLabels.length; i++) {
-                if (text) {
-                    text = text + "/" + pathLabels[i];
-                } else {
-                    text = pathLabels[i];
-                }
-            }
-            if (this.recordType == 1) {
-                this.areaData = data;
-                if (data.dutyId) {
-                    this.addForm1.changeId = data.dutyId;
-                }
-                this.addForm1.notifyPerson = data.intendanceIds
-                    ? data.intendanceIds.split(",")
-                    : [];
-                this.addForm1.regionName = text;
-                console.log(11334455);
-                this.getReviewPeopleList(this.addForm1.regionIds);
-            } else if (this.recordType == 2) {
-                this.addForm2.regionName = text;
-                this.getReviewPeopleList(this.addForm2.regionIds);
-                this.subcontractList = data.enterpriseInfos;
-            }
-
-            if (data.securityEnterpriseIds) {
-                this.getDivisionUnitFn(data.securityEnterpriseIds);
-            } else {
-                this.subcontractList = [];
-                this.crewUpdateList = [];
-            }
-            this.getPeopleUpdateList();
-            this.getPeopleList();
-            this.getReviewPeopleList();
-            this.$refs["addForm1"].clearValidate();
-            this.addForm1.inspectManId = this.checkPointList;
-        },
-        // 切换检查时间
-        checkedTime(time) {
-            if (time != null) {
-                this.formInline.inspectStartTime = time[0];
-                this.formInline.inspectEndTime = time[1];
-            } else {
-                this.formInline.inspectStartTime = "";
-                this.formInline.inspectEndTime = "";
-            }
-        },
-        //整改记录
-        selectRectifyRecordList(id) {
-            selectSafeRectifyRecordListApi({
-                qualityId: id,
-            }).then((res) => {
-                this.rectifyRecordList = res.result;
-                this.rectifyRecordList.forEach((item) => {
-                    if (item.fileUrl) {
-                        this.imgList = [];
-                        if (
-                            item.fileUrl.startsWith("[") &&
-                            item.fileUrl.endsWith("]")
-                        ) {
-                            let fileListI = JSON.parse(item.fileUrl);
-                            fileListI.forEach((file) => {
-                                let url = file.url;
-                                if (!url.startsWith("http://")) {
-                                    url = this.fileUrl + url;
-                                }
-                                this.imgList.push(url);
-                            });
-                        } else {
-                            let fileListI = item.fileUrl.split(",");
-                            fileListI.forEach((url) => {
-                                if (!url.startsWith("http://")) {
-                                    url = this.fileUrl + url;
-                                }
-                                this.imgList.push(url);
-                            });
-                        }
-                        item.fileUrl = this.imgList;
-                    } else {
-                        item.fileUrl = [];
-                    }
-                });
-                console.log("整改记录-处理后--", this.rectifyRecordList);
-            });
-        },
-        //原版查看详情
-        showDatadetails(val) {
-            console.log("查看详情====", val);
-            this.selectRectifyRecordList(val.id);
-            this.hideUpload = true;
-            this.addBtn(1);
-            if (val.recordType == 1) {
-                console.log("类型是1吗");
-                this.recordType = 1;
-                val.urgentLevel = Number(val.urgentLevel);
-                // val.notifyPerson = [Number(val.notifyPerson)];
-
-                this.fileList1 = this.getSplitFn(val.imageUrl.split(","));
-                this.fileList2 = this.getSplitFn(val.fileUrl.split(","));
-                this.fileList6 = this.getSplitFn(
-                    val.rectifyAfterImage.split(",")
-                );
-
-                this.addForm1 = JSON.parse(JSON.stringify(val));
-                this.addForm1.notifyPerson = val.notifyPerson
-                    .split(",")
-                    .map((item2) => String(item2));
-            } else {
-                this.recordType = 2;
-                val.urgentLevel = Number(val.urgentLevel);
-                // val.notifyPerson = [Number(val.notifyPerson)];
-
-                this.fileList3 = this.getSplitFn(val.imageUrl.split(","));
-                this.fileList4 = this.getSplitFn(val.fileUrl.split(","));
-                this.fileList6 = this.getSplitFn(
-                    val.rectifyAfterImage.split(",")
-                );
-                this.addForm2 = val;
-                this.addForm2.notifyPerson = val.notifyPerson
-                    .split(",")
-                    .map((item) => Number(item));
-            }
-        },
-        //刷新按钮
-        refreshBtn() {
-            this.time = [];
-            this.formInline = {
-                inspectEndTime: "",
-                inspectStartTime: "",
-                recordType: "",
-                level: "",
-                status: "",
-                urgentLevel: "",
-                regionId: "",
-                dangerInfoId: "",
-                enterpriseId: "",
-            };
-            this.pageNo = 1;
-            this.pageSize = 10;
-            this.onSubmit();
-        },
-
-        //查询按钮  分页列表查询
-        onSubmit() {
-            let data = { ...this.formInline };
-            console.log(data.dangerInfoId);
-            if (data.dangerInfoId.length > 0) {
-                data.dangerInfoLevel = data.dangerInfoId.length;
-                data.dangerInfoId =
-                    data.dangerInfoId[data.dangerInfoId.length - 1];
-            } else {
-                data.dangerInfoLevel = "";
-                data.dangerInfoId = "";
-            }
-
-            data.projectSn = this.projectSn;
-            data.pageNo = this.pageNo;
-            data.pageSize = this.pageSize;
-            getSafeInspectionRecordListApi(data).then((res) => {
-                console.log("res----", res);
-                if (res.code == 200) {
-                    this.statisticsValue = res.result.total;
-                    this.tableData = res.result.page.records;
-                    this.total = res.result.page.total;
-                }
-            });
-        },
-
-        //新增按钮
-        addBtn(type) {
-            console.log(type);
-            // 逻辑结束
-            this.addDialog = true;
-            // this.getDescribeClassifyList();
-
-            // this.getPeopleUpdateList();
-            this.getRoutineInspect();
-            this.$nextTick(() => {
-                this.close();
-            });
-            this.rectifyRecordList = [];
-            if (type == 1) {
-                this.type = "detail";
-                this.addTitle =
-                    this.$t("message.quality.inspectionRecord") +
-                    this.$t("message.quality.detail");
-            } else {
-                this.type = "add";
-                this.addTitle =
-                    this.$t("message.quality.new") +
-                    this.$t("message.quality.inspectionRecord");
-                this.$nextTick(() => {
-                    // this.securityDangerListFn(this.addForm1, this.recordType);
-                    this.recordType = 1;
-                    this.changeRecordType();
-                });
-                this.fileList1 = [];
-                this.fileList6 = [];
-                this.fileList3 = [];
-            }
-        },
-        securityDangerListFn(obj, recordType) {
-            this.securityDangerFieldList.forEach((item) => {
-                if (!item.defaultDataType) return;
-                if (
-                    item.originalFieldName == "责任区域" ||
-                    item.originalFieldName == "检查部位"
-                ) {
-                    const resultList = this.getAllIds(this.checkPointList);
-                    obj[item.fieldName] = [...resultList];
-                    console.log("责任区域", item.fieldName, resultList);
-                    this.$nextTick(() => {
-                        if (recordType == 1) {
-                            this.changeRegion();
-                        }
-                    });
-                } else if (
-                    item.originalFieldName == "问题等级" ||
-                    item.originalFieldName == "问题等级二" ||
-                    item.originalFieldName == "紧急程度"
-                ) {
-                    obj[item.fieldName] = item.defaultDataType;
-                } else if (item.originalFieldName == "检查时间") {
-                    let date = new Date();
-                    let nowDate = moment(date).format("YYYY-MM-DD HH:mm:ss");
-                    obj[item.fieldName] = nowDate;
-                } else if (item.originalFieldName == "分包单位") {
-                    this.$nextTick(() => {
-                        obj[item.fieldName] = this.subcontractList.map(
-                            (item) => item.id
-                        );
-                        this.checkedSubcontractListUp();
-                    });
-                } else if (item.originalFieldName == "核验人") {
-                    // 默认选择核验人逻辑
-                    let index = this.crewList.findIndex((item) => {
-                        return item.userId == this.$store.state.userInfo.userId;
-                    });
-                    if (index != -1) {
-                        obj[item.fieldName] = [
-                            this.$store.state.userInfo.userId,
-                        ];
-                    } else {
-                        this.addForm1.verifyManIds = [
-                            this.$store.state.userInfo.realName,
-                        ];
-                    }
-                } else if (item.originalFieldName == "现场整改") {
-                    obj[item.fieldName] = item.defaultDataType;
-                }
-            });
-        },
-        getAllIds(tree, result = []) {
-            //遍历树  获取id数组
-            for (const i in tree) {
-                result.push(tree[i].id); // 遍历项目满足条件后的操作
-                if (tree[i].children) {
-                    //存在子节点就递归
-                    this.getAllIds(tree[i].children, result);
-                }
-            }
-            return result;
-        },
-        //获取新增弹窗--  检查部位下拉
-        getPositionList() {
-            let data = {
-                projectSn: this.projectSn,
-                notSupervisingUnit: 1,
-                pageNo: 1,
-                pageSize: -1,
-            };
-            getQualityRegionTreePageApi(data).then((res) => {
-                console.log("res=================", res);
-                if (res.code == 200) {
-                    this.checkPointList = res.result.records;
-                }
-            });
-        },
-        // 例行检查 列表
-        getRoutineInspect() {
-            let data = {
-                projectSn: this.projectSn,
-            };
-            getRoutineInspectApi(data).then((res) => {
-                if (res.code == 200) {
-                    this.routineList = res.result;
-                }
-            });
-        },
-
-        //获取问题描述  和 问题分类 下拉列表
-        getDescribeClassifyList() {
-            let data = {
-                projectSn: this.projectSn,
-                recordStatus: 0,
-            };
-            getSafeDangerTypeRecordApi(data).then((res) => {
-                if (res.code == 200) {
-                    console.log(res);
-                    this.classifyList = res.result;
-                    this.classifyList.forEach((item) => {
-                        // item.disabled = true;
-                        if (item.children) {
-                            item.children.forEach((item2) => {
-                                // item2.disabled = true;
-                                // console.log(item2);
-                                if (item2.itemList) {
-                                    item2.itemList.forEach((item3) => {
-                                        item3.dangerName = item3.content;
-                                        // console.log(item.content);
-                                    });
-                                }
-                                item2.children = item2.itemList;
-                            });
-                            // console.log();
-                            // console.log(item.children);
-                        }
-                    });
-                }
-            });
-        },
-
-        //获取去整改人 通知人 检查人 核查人下拉
-        getReviewPeopleList(regionIds) {
-            console.log(1122334455, regionIds);
-            if (regionIds instanceof Array) {
-                this.reviewList = [];
-            }
-            let data = {
-                projectSn: this.projectSn,
-                // enterpriseTypeId: 7,
-                safeQualityRegionIdForDuty: this.unitRegionId.join(","),
-                // qualityRegionId: regionId.toString(),
-                // qualityRegionBindType: 2,
-                // isSupervisingRoleName: 1,
-            };
-            if (this.dangerReviewInfo.enableReview == 1) {
-                data.roleName = this.dangerReviewInfo.reviewRoleName;
-                data.enterpriseId = this.unitEnterpriseId.join(",");
-            }
-            getProjectChilderSystemUserListApi(data).then((res) => {
-                if (res.code == 200) {
-                    this.reviewList = res.result;
-                    if (this.addForm1.reviewIds instanceof Array) {
-                        this.addForm1.reviewIds.forEach((item, index) => {
-                            const findIndex = this.reviewList.findIndex(
-                                (ele) => ele.userId == item
-                            );
-                            if (findIndex == -1) {
-                                this.addForm1.reviewIds.splice(index, 1); // 删除不存在的复查人id
-                            }
-                        });
-                    }
-                    if (this.dealForm.reviewIds instanceof Array) {
-                        this.dealForm.reviewIds.forEach((item, index) => {
-                            const findIndex = this.reviewList.findIndex(
-                                (ele) => ele.userId == item
-                            );
-                            if (findIndex == -1) {
-                                this.dealForm.reviewIds.splice(index, 1); // 删除不存在的复查人id
-                            }
-                        });
-                    }
-                    const find = this.securityDangerFieldList.find(
-                        (item) =>
-                            item.originalFieldName == "复查人" &&
-                            item.defaultDataType
-                    );
-                    console.log(find);
-                    if (find) {
-                        this.addForm1[find.fieldName] = this.reviewList.map(
-                            (item) => item.userId
-                        );
-                    }
-                }
-            });
-        },
-        //查询劳务和管理人员列表
-        loadPersonList(sn) {
-            getLaborManagementInfoListApi({
-                projectSn: sn,
-            }).then((res) => {
-                this.personList = res.result;
-            });
-        },
-        //获取去整改人 通知人 检查人 核查人下拉
-        getPeopleList() {
-            let data = {
-                projectSn: this.projectSn,
-            };
-            if (this.dangerReviewInfo.enableVerify == 1) {
-                data.roleName = this.dangerReviewInfo.verifyRoleName;
-                data.enterpriseId = this.unitEnterpriseId.join(",");
-            }
-            getProjectChilderSystemUserListApi(data).then((res) => {
-                if (res.code == 200) {
-                    this.crewList = res.result;
-                }
-            });
-        },
-        //获取整改人
-        getPeopleUpdateList() {
-            let data = {
-                projectSn: this.projectSn,
-                enterpriseId: this.unitEnterpriseId.join(","),
-                safeQualityRegionIdForDuty: this.unitRegionId.join(","),
-            };
-            getProjectChilderSystemUserListApi(data).then((res) => {
-                if (res.code == 200) {
-                    this.crewUpdateList = res.result;
-                }
-            });
-        },
-        getPeopleUpdate() {
-            let data = {
-                projectSn: this.projectSn,
-                enterpriseId: this.unitEnterpriseId,
-            };
-            getWorkerInfoListApi(data).then((res) => {
-                if (res.code == 200) {
-                    this.crewUpdateList2 = res.result;
-                }
-            });
-        },
-        //获取问题描述
-        handleChange(value) {
-            if (this.dealShow) {
-                if (value.length) {
-                    if (this.recordType == 1) {
-                        const cascaderAddr = this.$refs["cascaderAddr"][0];
-                        let pathLabels = cascaderAddr.getCheckedNodes();
-                        //只有问题描述有三级时才查询问题等级
-                        if (
-                            cascaderAddr.getCheckedNodes()[0].pathLabels
-                                .length >= 3
-                        ) {
-                            this.dealForm.level =
-                                cascaderAddr.getCheckedNodes()[0].data.level;
-                        } else {
-                            this.dealForm.level = "";
-                        }
-                        const data = cascaderAddr.getCheckedNodes()[0].data;
-                        this.dealForm.remark = data.remark;
-                        const find = this.securityDangerFieldList.find(
-                            (item) =>
-                                item.originalFieldName == "整改时限" &&
-                                item.defaultDataType
-                        );
-                        if (find) {
-                            this.dealForm.changeLimitTime = dayjs()
-                                .add(data.changeLimit, "day")
-                                .format("YYYY-MM-DD HH:mm:ss");
-                        }
-
-                        console.log(
-                            "整改时限",
-                            cascaderAddr.getCheckedNodes()[0].data
-                        );
-                        // changeLimitTime
-                        const pathLabelList = pathLabels[0].pathLabels.filter(
-                            (item) => item != pathLabels[0].label
-                        );
-                        console.log("整改时限", pathLabels, pathLabelList);
-                        this.dealForm.problemDescription = pathLabels[0].label;
-                        this.dealForm.dangerItemContent = pathLabelList
-                            .map((item) => {
-                                return item;
-                            })
-                            .join("/");
-                    } else {
-                        const cascaderAddr2 = this.$refs["cascaderAddr2"][0];
-                        let pathLabels2 = cascaderAddr2.getCheckedNodes();
-                        // this.addForm2.level =
-                        //   this.$refs['cascaderAddr2'].getCheckedNodes()[0].data.level
-                        this.dealForm.remark =
-                            cascaderAddr2.getCheckedNodes()[0].data.remark;
-
-                        this.dealForm.dangerItemContent =
-                            pathLabels2[0].pathLabels
-                                .map((item) => {
-                                    console.log(item, 1640);
-                                    return item;
-                                })
-                                .join("/");
-                        console.log(
-                            "获取问题进来了吗-2",
-                            this.dealForm.dangerItemContent
-                        );
-                    }
-                } else {
-                    this.dealForm.level = "";
-                    this.dealForm.remark = "";
-                }
-            } else {
-                if (value.length) {
-                    if (this.recordType == 1) {
-                        const cascaderAddr = this.$refs["cascaderAddr"][0];
-                        let pathLabels = cascaderAddr.getCheckedNodes();
-                        //只有问题描述有三级时才查询问题等级
-                        if (
-                            cascaderAddr.getCheckedNodes()[0].pathLabels
-                                .length >= 3
-                        ) {
-                            this.addForm1.level =
-                                cascaderAddr.getCheckedNodes()[0].data.level;
-                        } else {
-                            this.addForm1.level = "";
-                        }
-                        const data = cascaderAddr.getCheckedNodes()[0].data;
-                        this.addForm1.remark = data.remark;
-                        const find = this.securityDangerFieldList.find(
-                            (item) =>
-                                item.originalFieldName == "整改时限" &&
-                                item.defaultDataType
-                        );
-                        if (find) {
-                            this.addForm1.changeLimitTime = dayjs()
-                                .add(data.changeLimit, "day")
-                                .format("YYYY-MM-DD HH:mm:ss");
-                        }
-                        // changeLimitTime
-                        const pathLabelList = pathLabels[0].pathLabels.filter(
-                            (item) => item != pathLabels[0].label
-                        );
-                        console.log("整改时限", pathLabels, pathLabelList);
-                        this.addForm1.problemDescription = pathLabels[0].label;
-                        this.addForm1.dangerItemContent = pathLabelList
-                            .map((item) => {
-                                return item;
-                            })
-                            .join("/");
-                    } else {
-                        const cascaderAddr2 = this.$refs["cascaderAddr2"][0];
-                        let pathLabels2 = cascaderAddr2.getCheckedNodes();
-                        // this.addForm2.level =
-                        //   this.$refs['cascaderAddr2'].getCheckedNodes()[0].data.level
-                        this.addForm2.remark =
-                            cascaderAddr2.getCheckedNodes()[0].data.remark;
-
-                        this.addForm2.dangerItemContent =
-                            pathLabels2[0].pathLabels
-                                .map((item) => {
-                                    console.log(item, 1640);
-                                    return item;
-                                })
-                                .join("/");
-                        console.log(
-                            "获取问题进来了吗-2",
-                            this.addForm2.dangerItemContent
-                        );
-                    }
-                } else {
-                    this.addForm1.level = "";
-                    this.addForm1.remark = "";
-                }
-            }
-        },
-        // 获取分包单位
-        getDivisionUnitFn(securityEnterpriseIds) {
-            let data = {
-                // enterpriseTypeId: this.subcontractType,
-                enterpriseIds: securityEnterpriseIds
-                    ? securityEnterpriseIds.split(",")
-                    : [],
-                pageNo: 1,
-                pageSize: -1,
-                projectSn: this.projectSn,
-            };
-            getSubcontractListApi(data).then((res) => {
-                if (res.code == 200) {
-                    this.subcontractList = res.result.records;
-
-                    this.securityDangerFieldList
-                        .filter((item) => item.originalFieldName == "分包单位")
-                        .forEach((item) => {
-                            if (!item.defaultDataType) return;
-                            this.$nextTick(() => {
-                                if (this.recordType == 1) {
-                                    this.addForm1[item.fieldName] =
-                                        this.subcontractList.map(
-                                            (item) => item.id
-                                        );
-                                } else if (this.recordType == 2) {
-                                    this.addForm2[item.fieldName] =
-                                        this.subcontractList.map(
-                                            (item) => item.id
-                                        );
-                                }
-
-                                this.checkedSubcontractListUp();
-                            });
-                        });
-                }
-            });
-        },
-        getUpdateUnitListFn() {
-            getEnterpriseInfoListApi({ projectSn: this.projectSn }).then(
-                (res) => {
-                    console.log(res);
-                    if (res.code == 200) {
-                        this.enterpriseList = res.result;
-                    }
-                }
-            );
-        },
-
-        //获取分包单位
-        getEnterprise(type) {
-            if (type != 1) {
-                this.showEnterpriseDialog = true;
-            }
-        },
-        //切换分包公司类型
-        changeSubcontractType(val) {
-            this.subcontractType = val;
-            this.getEnterprise(1);
-        },
-        checkedSubcontractListUp() {
-            console.log(3334444, this.addForm1.enterpriseIds);
-            if (this.dealShow) {
-                if (this.recordType == 1) {
-                    const resultList = this.subcontractList.filter((item) => {
-                        return this.dealForm.enterpriseIds.includes(item.id);
-                    });
-                    this.dealForm.enterpriseSns = resultList
-                        .map((item) => item.enterpriseSn)
-                        .join(",");
-                    this.dealForm.enterpriseName = resultList
-                        .map((item) => item.enterpriseName)
-                        .join(",");
-                    this.unitEnterpriseId = resultList.map((item) => item.id);
-                    this.dealForm.changeId = "";
-                } else {
-                    const resultList = this.subcontractList.filter((item) => {
-                        return this.dealForm.enterpriseIds.includes(item.id);
-                    });
-                    this.dealForm.enterpriseSns = resultList
-                        .map((item) => item.enterpriseSn)
-                        .join(",");
-                    this.dealForm.enterpriseName = resultList
-                        .map((item) => item.enterpriseName)
-                        .join(",");
-                    this.unitEnterpriseId = resultList.map((item) => item.id);
-                }
-            } else {
-                if (this.recordType == 1) {
-                    const resultList = this.subcontractList.filter((item) => {
-                        return this.addForm1.enterpriseIds.includes(item.id);
-                    });
-                    this.addForm1.enterpriseSns = resultList
-                        .map((item) => item.enterpriseSn)
-                        .join(",");
-                    this.addForm1.enterpriseName = resultList
-                        .map((item) => item.enterpriseName)
-                        .join(",");
-                    this.unitEnterpriseId = resultList.map((item) => item.id);
-                    this.addForm1.changeId = "";
-                } else {
-                    const resultList = this.subcontractList.filter((item) => {
-                        return this.addForm2.enterpriseIds.includes(item.id);
-                    });
-                    this.addForm2.enterpriseSns = resultList
-                        .map((item) => item.enterpriseSn)
-                        .join(",");
-                    this.addForm2.enterpriseName = resultList
-                        .map((item) => item.enterpriseName)
-                        .join(",");
-                    this.unitEnterpriseId = resultList.map((item) => item.id);
-                }
-            }
-
-            this.getPeopleUpdateList();
-            this.getPeopleList();
-            this.getReviewPeopleList();
-            // const newArr = [];
-            // console.log(this.areaData, 777999333);
-            // if (this.areaData.systemUsers) {
-            //   this.areaData.systemUsers.filter((item) => {
-            //     if (
-            //       item.userId &&
-            //       this.unitEnterpriseId.includes(item.enterpriseId)
-            //     ) {
-            //       newArr.push(item);
-            //     }
-            //   });
-            //   console.log(newArr, 666777);
-            //   this.crewUpdateList = newArr;
-            // }
-        },
-        //选中的分包公司
-        checkedSubcontractList(val) {
-            if (this.dealShow) {
-                if (this.recordType == 1) {
-                    this.dealForm.enterpriseSns = val.enterpriseSns;
-                    this.dealForm.enterpriseName = val.enterpriseName;
-                    this.unitEnterpriseId = val.id;
-                } else {
-                    // addForm2
-                    this.dealForm.enterpriseSns = val.enterpriseSns;
-                    this.dealForm.enterpriseName = val.enterpriseName;
-                    this.unitEnterpriseId = val.id;
-                }
-                this.dealForm.changeId = "";
-                this.getPeopleUpdate();
-                this.getPeopleUpdateList();
-                this.getPeopleList();
-                this.getReviewPeopleList();
-                // const newArr = [];
-                // console.log(this.areaData, 777999333);
-                // if (this.areaData.systemUsers) {
-                //   this.areaData.systemUsers.filter((item) => {
-                //     if (
-                //       item.userId &&
-                //       this.unitEnterpriseId.includes(item.enterpriseId)
-                //     ) {
-                //       newArr.push(item);
-                //     }
-                //   });
-                //   console.log(newArr, 666777);
-                //   this.crewUpdateList = newArr;
-                // }
-            } else {
-                if (this.recordType == 1) {
-                    this.addForm1.enterpriseSns = val.enterpriseSns;
-                    this.addForm1.enterpriseName = val.enterpriseName;
-                    this.unitEnterpriseId = val.id;
-                } else {
-                    this.addForm2.enterpriseSns = val.enterpriseSns;
-                    this.addForm2.enterpriseName = val.enterpriseName;
-                    this.unitEnterpriseId = val.id;
-                }
-                this.addForm1.changeId = "";
-                // this.getPeopleUpdateList();
-                this.getPeopleUpdateList();
-                this.getPeopleList();
-                this.getReviewPeopleList();
-                // const newArr = [];
-                // console.log(this.areaData, 777999333);
-                // if (this.areaData.systemUsers) {
-                //   this.areaData.systemUsers.filter((item) => {
-                //     if (
-                //       item.userId &&
-                //       this.unitEnterpriseId.includes(item.enterpriseId)
-                //     ) {
-                //       newArr.push(item);
-                //     }
-                //   });
-                //   console.log(newArr, 666777);
-                //   this.crewUpdateList = newArr;
-                // }
-            }
-            this.showEnterpriseDialog = false;
-        },
-
-        beforeUpload(file, type) {
-            if (type == 1 || type == 3 || type == 5) {
-                // console.log(this.fileList1.length)
-                if (
-                    this.fileList1.length >= 5 ||
-                    this.fileList3.length >= 5 ||
-                    this.fileListRectification.length >= 5
-                ) {
-                    this.$message.warning("最多只能上传5张图片");
-                    return false;
-                }
-                return true;
-            }
-            if (type == 2 || type == 4) {
-                const fileType = file.type;
-                const fileTypeList = ["audio/mp3", "video/mp4"];
-
-                if (!fileTypeList.includes(fileType)) {
-                    this.$message.error("只能上传MP3/MP4文件");
-                    return false;
-                }
-                return true;
-            }
-        },
-        //上传成功
-        handleSuccess2(file, type) {
-            const obj = {
-                1: "zgFileUrl",
-                2: "imageUrl",
-                3: "fcFileUrl",
-                4: "hyFileUrl",
-                5: "fileUrl",
-            };
-            this.dealForm[obj[type]].push({
-                name: file.data[0].filename,
-                url: this.fileUrl + file.data[0].imageUrl,
-            });
-        },
-        //删除图片
-        handleRemove2(file, fileList, type) {
-            const obj = {
-                1: "zgFileUrl",
-                2: "imageUrl",
-                3: "fcFileUrl",
-                4: "hyFileUrl",
-                5: "fileUrl",
-            };
-            this.dealForm[obj[type]] = fileList;
-        },
-        //上传成功
-        handleSuccess(file, type) {
-            if (type == 1) {
-                let data = {
-                    name: file.data[0].filename,
-                    url: this.fileUrl + file.data[0].imageUrl,
-                };
-                // if (this.fileList1.length >= 4) {
-                //   this.$message.warning("最多只能上传5张图片");
-                //   return false;
-                // } else {
-
-                // }
-                this.fileList1.push(data);
-            } else if (type == 2) {
-                let data = {
-                    name: file.data[0].fileInfo.originalFilename,
-                    url: this.fileUrl + file.data[0].imageUrl,
-                };
-
-                this.fileList2.push(data);
-            } else if (type == 3) {
-                let data = {
-                    name: file.data[0].filename,
-                    url: this.fileUrl + file.data[0].imageUrl,
-                };
-                // if (this.fileList3.length >= 4) {
-                //   this.$message.warning("最多只能上传5张图片");
-                //   return false;
-                // } else {
-
-                // }
-                this.fileList3.push(data);
-            } else if (type == 4) {
-                let data = {
-                    name: file.data[0].fileInfo.originalFilename,
-                    url: this.fileUrl + file.data[0].imageUrl,
-                };
-                this.fileList4.push(data);
-            } else if (type == 5) {
-                let data = {
-                    name: file.data[0].filename,
-                    url: this.fileUrl + file.data[0].imageUrl,
-                };
-                this.fileListRectification.push(data);
-            } else if (type == 6) {
-                let data = {
-                    name: file.data[0].filename,
-                    url: this.fileUrl + file.data[0].imageUrl,
-                };
-                this.fileList6.push(data);
-            }
-        },
-        //上传失败
-        handleError(file) {
-            this.$message.error(this.$t("message.quality.failToUpload"));
-        },
-        //查看图片
-        handlePreview(file) {
-            this.dialogImageUrl = file.url;
-            var filename = file.name;
-            var index1 = filename.lastIndexOf(".");
-            var index2 = filename.length;
-            var type = filename.substring(index1, index2);
-            console.log(type);
-            if (type == ".mp4" || type == ".mp3") {
-                // window.open(file.url)
-            } else {
-                this.dialogVisible = true;
-            }
-        },
-        //删除图片
-        handleRemove(file, fileList, type) {
-            if (type == 1) {
-                this.fileList1 = fileList;
-            } else if (type == 2) {
-                this.fileList2 = fileList;
-            } else if (type == 3) {
-                this.fileList3 = fileList;
-            } else if (type == 4) {
-                this.fileList4 = fileList;
-            } else if (type == 5) {
-                this.fileListRectification = fileList;
-            } else if (type == 6) {
-                this.fileList6 = fileList;
-            }
-        },
-        //在图纸定位弹窗
-        drawingPositionBtn() {
-            this.showPositioning = true;
-        },
-
-        //上传图纸
-        uploadMapSuccess(res) {
-            this.cropperOption.img =
-                this.$store.state.FILEURL + res.data[0].imageUrl;
-            this.cropperDialog = true;
-        },
-
-        //获取鼠标位置
-        getMousePos(event) {
-            var e = event || window.event;
-            var scrollX =
-                document.documentElement.scrollLeft || document.body.scrollLeft;
-            var scrollY =
-                document.documentElement.scrollTop || document.body.scrollTop;
-            var x = e.pageX || e.clientX + scrollX;
-            var y = e.pageY || e.clientY + scrollY;
-            // console.log("x: " + x + "\ny: " + y);
-            // console.log(this);
-            return { x: x, y: y };
-        },
-
-        //新增坐标数据
-        addPoint(event) {
-            if (this.createdCoord) {
-                let clickPoint = this.getMousePos(event); // 获取鼠标的位置
-                let left = event.target.getBoundingClientRect().left; //获取点击元素的位置
-                let top = event.target.getBoundingClientRect().top;
-                let data = {
-                    coordinateX: clickPoint.x - left - 6,
-                    coordinateY: clickPoint.y - top - 9,
-                };
-                this.pointList.push(data);
-            }
-        },
-
-        // 放大
-        magnify() {
-            if (this.multiples >= 3) {
-                return;
-            }
-            this.multiples += 0.25;
-        },
-        // 缩小
-        shrink() {
-            if (this.multiples <= 0.5) {
-                return;
-            }
-            this.multiples -= 0.25;
-        },
-        // 旋转
-        rotate() {
-            this.deg += 90;
-            if (this.deg >= 360) {
-                this.deg = 0;
-            }
-        },
-
-        // 保存 裁剪后的 地图
-        saveMapUrlFn() {
-            this.$refs.cropper.startCrop();
-            var _this = this;
-            this.$refs.cropper.getCropBlob((data) => {
-                var param = new FormData();
-                param.append("files", data, "image.png");
-                _this.$http
-                    .post("/upload/image", param, {
-                        headers: {
-                            "Content-Type": "multipart/form-data",
-                        },
-                    })
-                    .then((res) => {
-                        if (res.data.status == "SUCCESS") {
-                            console.log(_this.$store.state.FILEURL);
-                            console.log(res.data);
-                            _this.mapUrl =
-                                _this.$store.state.FILEURL +
-                                res.data.data[0].imageUrl;
-                            _this.cropperDialog = false;
-                            console.log(
-                                _this.$store.state.FILEURL,
-                                res.data.data
-                            );
-                            _this.$nextTick(() => {
-                                var oImg = document.getElementById("map"),
-                                    w,
-                                    h;
-                                if (oImg.naturalWidth) {
-                                    oImg.onload = function () {
-                                        w = oImg.naturalWidth;
-                                        h = oImg.naturalHeight;
-                                    };
-                                } else {
-                                    // IE 6/7/8
-                                    var nImg = new Image();
-                                    nImg.onload = function () {
-                                        w = nImg.width;
-                                        h = nImg.height;
-                                    };
-                                    nImg.src = oImg.src;
-                                }
-                            });
-                        }
-                    });
-            });
-        },
-        //上传前
-        beforeAvatarUpload(file) {},
-
-        editPoint(item) {},
-        //删除坐标
-        removePoint(item, index) {
-            let arr = JSON.parse(JSON.stringify(this.pointList));
-            for (let i = 0; i < arr.length; i++) {
-                if (
-                    item.coordinateX == arr[i].coordinateX &&
-                    item.coordinateY == arr[i].coordinateY
-                ) {
-                    arr.splice(i, 1);
-                }
-            }
-            this.pointList = arr;
-        },
-
-        //保存坐标
-        savePointBtn() {
-            this.showPositioning = false;
-            this.createdCoord = false;
-        },
-        // 取消新增
-        cancleEvent() {
-            this.mapUrl = "";
-            this.addDialog = false;
-            this.$refs.addForm1.resetFields(); //清除所有验证
-            this.$refs.addForm2.resetFields(); //清除所有验证
-        },
-        setSplitFn(dataList) {
-            console.log(111, dataList);
-            if (dataList.length <= 0) return "";
-            return dataList
-                .map((item) => {
-                    return item.name + "*" + item.url;
-                })
-                .join(",");
-        },
-        //提交 新增
-        submitAddRecordFrom() {
-            let newRefs = null;
-            if (this.recordType == 1) {
-                newRefs = "addForm1";
-                this.addForm1.imageUrl = this.setSplitFn(this.fileList1);
-                this.addForm1.fileUrl = this.setSplitFn(this.fileList2);
-                this.addForm1.rectifyAfterImage = this.setSplitFn(
-                    this.fileList6
-                );
-            } else if (this.recordType == 2) {
-                newRefs = "addForm2";
-                this.addForm2.imageUrl = this.setSplitFn(this.fileList3);
-                this.addForm2.fileUrl = this.setSplitFn(this.fileList4);
-            }
-            console.log(this.addForm1);
-            console.log(this.addForm2);
-            this.$refs[newRefs].validate((valid) => {
-                if (valid) {
-                    let data = {};
-                    if (this.recordType == 1) {
-                        data = {
-                            ...this.addForm1,
-                            regionIds:
-                                this.addForm1.regionIds instanceof Array
-                                    ? this.addForm1.regionIds.join(",")
-                                    : "",
-                            enterpriseIds:
-                                this.addForm1.enterpriseIds instanceof Array
-                                    ? this.addForm1.enterpriseIds.join(",")
-                                    : "",
-                            reviewIds:
-                                this.addForm1.reviewIds instanceof Array
-                                    ? this.addForm1.reviewIds.join(",")
-                                    : "",
-                            notifyPerson:
-                                this.addForm1.notifyPerson instanceof Array
-                                    ? this.addForm1.notifyPerson.join(",")
-                                    : "",
-                            verifyManIds:
-                                this.addForm1.verifyManIds instanceof Array
-                                    ? this.addForm1.verifyManIds.join(",")
-                                    : "",
-                            dangerItemId:
-                                this.addForm1.dangerItemId[
-                                    this.addForm1.dangerItemId.length - 1
-                                ],
-                            dangerTypeId: this.addForm1.dangerItemId[0],
-                        };
-                        let pointArr = [];
-                        for (let i = 0; i < this.pointList.length; i++) {
-                            let obj =
-                                this.pointList[i].coordinateX +
-                                "*" +
-                                this.pointList[i].coordinateY;
-                            pointArr.push(obj);
-                        }
-                        data.measurePoints = pointArr.join(",");
-                        console.log(
-                            "data.measurePoints=============",
-                            data.measurePoints
-                        );
-                    } else {
-                        data = {
-                            ...this.addForm2,
-                            regionIds: this.addForm2.regionIds.join(","),
-                            enterpriseIds:
-                                this.addForm2.enterpriseIds.join(","),
-                            dangerItemId:
-                                this.addForm2.dangerItemId[
-                                    this.addForm2.dangerItemId.length - 1
-                                ],
-                            dangerTypeId: this.addForm2.dangerItemId[0],
-                        };
-                    }
-                    data.recordType = this.recordType;
-                    data.projectSn = this.projectSn;
-                    console.log("data", data);
-                    if (
-                        data.recordType == 2 ||
-                        data.verifyManIds.includes(
-                            this.$store.state.userInfo.realName
-                        )
-                    ) {
-                        data.verifyManIds = this.$store.state.userInfo.userId;
-                    }
-                    data.inspectManId = this.$store.state.userInfo.userId;
-                    addSafeRecordApi(data).then((res) => {
-                        if (res.code == 200) {
-                            this.$message.success(
-                                this.$t("message.quality.newSuccess")
-                            );
-                            this.$refs.addForm1.resetFields(); //清除所有验证
-                            this.$refs.addForm2.resetFields(); //清除所有验证
-                            // this.$refs["addForm1"].resetFields();
-                            // this.$refs["addForm2"].resetFields();
-                            this.addDialog = false;
-                            this.fileList1 = [];
-                            this.fileList2 = [];
-                            this.fileList3 = [];
-                            this.fileList4 = [];
-                            this.fileList6 = [];
-                            this.pointList = [];
-                            this.recordType = 1;
-                            this.mapUrl = "";
-                            this.pageNo = 1;
-                            this.onSubmit();
-                        }
-                    });
-                } else {
-                    console.log("error submit!!");
-                    return false;
-                }
-            });
-        },
-        //重新提交 编辑
-        submitEditRecordFrom() {
-            let newRefs = null;
-            if (this.recordType == 1) {
-                newRefs = "addForm1";
-                this.addForm1.imageUrl = this.setSplitFn(this.fileList1);
-                this.addForm1.fileUrl = this.setSplitFn(this.fileList2);
-                this.addForm1.rectifyAfterImage = this.setSplitFn(
-                    this.fileList6
-                );
-            } else if (this.recordType == 2) {
-                newRefs = "addForm2";
-                this.addForm2.imageUrl = this.setSplitFn(this.fileList3);
-                this.addForm2.fileUrl = this.setSplitFn(this.fileList4);
-            }
-            console.log(this.addForm1);
-            console.log(this.addForm2);
-            this.$refs[newRefs].validate((valid) => {
-                if (valid) {
-                    let data = {};
-                    if (this.recordType == 1) {
-                        data = {
-                            ...this.addForm1,
-                            regionIds:
-                                this.addForm1.regionIds instanceof Array
-                                    ? this.addForm1.regionIds.join(",")
-                                    : "",
-                            enterpriseIds:
-                                this.addForm1.enterpriseIds instanceof Array
-                                    ? this.addForm1.enterpriseIds.join(",")
-                                    : "",
-                            reviewIds:
-                                this.addForm1.reviewIds instanceof Array
-                                    ? this.addForm1.reviewIds.join(",")
-                                    : "",
-                            notifyPerson:
-                                this.addForm1.notifyPerson instanceof Array
-                                    ? this.addForm1.notifyPerson.join(",")
-                                    : "",
-                            verifyManIds:
-                                this.addForm1.verifyManIds instanceof Array
-                                    ? this.addForm1.verifyManIds.join(",")
-                                    : "",
-                            dangerItemId:
-                                this.addForm1.dangerItemId[
-                                    this.addForm1.dangerItemId.length - 1
-                                ],
-                            dangerTypeId: this.addForm1.dangerItemId[0],
-                        };
-                        let pointArr = [];
-                        for (let i = 0; i < this.pointList.length; i++) {
-                            let obj =
-                                this.pointList[i].coordinateX +
-                                "*" +
-                                this.pointList[i].coordinateY;
-                            pointArr.push(obj);
-                        }
-                        data.measurePoints = pointArr.join(",");
-                        if (
-                            data.verifyManIds.includes(
-                                this.$store.state.userInfo.realName
-                            )
-                        ) {
-                            data.verifyManIds =
-                                this.$store.state.userInfo.userId;
-                        }
-                    } else {
-                        data = {
-                            ...this.addForm2,
-                            regionIds: this.addForm2.regionIds.join(","),
-                            enterpriseIds:
-                                this.addForm2.enterpriseIds.join(","),
-                            verifyManIds: this.addForm2.verifyManIds.join(","),
-                            dangerItemId:
-                                this.addForm2.dangerItemId[
-                                    this.addForm2.dangerItemId.length - 1
-                                ],
-                            dangerTypeId: this.addForm2.dangerItemId[0],
-                        };
-                    }
-                    data.recordType = this.recordType;
-                    data.projectSn = this.projectSn;
-                    console.log("data", data);
-                    data.inspectManId = this.$store.state.userInfo.userId;
-                    data.status = 2; // 改为待整改状态
-                    editSafeRecordApi(data).then((res) => {
-                        if (res.code == 200) {
-                            this.$message.success(
-                                this.$t("message.quality.newSuccess")
-                            );
-                            this.$refs.addForm1.resetFields(); //清除所有验证
-                            this.$refs.addForm2.resetFields(); //清除所有验证
-                            // this.$refs["addForm1"].resetFields();
-                            // this.$refs["addForm2"].resetFields();
-                            this.addDialog = false;
-                            this.fileList1 = [];
-                            this.fileList2 = [];
-                            this.fileList3 = [];
-                            this.fileList4 = [];
-                            this.fileList6 = [];
-                            this.pointList = [];
-                            this.recordType = 1;
-                            this.mapUrl = "";
-                            this.pageNo = 1;
-                            this.onSubmit();
-                        }
-                    });
-                } else {
-                    console.log("error submit!!");
-                    return false;
-                }
-            });
-        },
-        handleSizeChange(val) {
-            this.pageSize = val;
-            this.onSubmit();
-        },
-        handleCurrentChange(val) {
-            this.pageNo = val;
-            this.onSubmit();
-        },
-
-        close() {
-            if (this.addTitle == "编辑") return;
-            // this.mapUrl = ''
-            this.fileList1 = [];
-            this.fileList2 = [];
-            this.fileList3 = [];
-            this.fileList4 = [];
-            this.fileList6 = [];
-
-            this.hideUpload = false;
-            if (this.recordType == 1) {
-                this.addForm1 = {
-                    regionIds: "",
-                    regionName: "",
-                    dangerItemContent: "",
-                    dangerItemId: "",
-                    dangerTypeId: "",
-                    dangerDesc: "",
-                    remark: "",
-                    routineId: 0,
-                    level: 0,
-                    urgentLevel: 0,
-                    inspectManId: "",
-                    inspectTime: "",
-                    enterpriseIds: [],
-                    enterpriseSns: [],
-                    enterpriseName: "",
-                    changeLimitTime: "",
-                    changeId: "",
-                    reviewIds: [],
-                    verifyManIds: [],
-                    notifyPerson: [],
-                    status: 2,
-                    measurePoints: [],
-                    imageUrl: "",
-                    fileUrl: "",
-                    rectifyAfterImage: "",
-                    subsectionId: "",
-                    subentryId: "",
-                };
-                this.$nextTick(() => {
-                    this.$refs.addForm1.clearValidate(); //清除所有验证
-                });
-            } else {
-                this.addForm2 = {
-                    regionIds: "",
-                    regionName: "",
-                    dangerDesc: "",
-                    routineInspect: 0,
-                    inspectManId: "",
-                    inspectTime: "",
-                    dangerItemContent: "",
-                    dangerItemId: "",
-                    dangerTypeId: "",
-                    enterpriseIds: [],
-                    enterpriseSns: [],
-                    enterpriseName: "",
-                    imageUrl: "",
-                    fileUrl: "",
-                    subsectionId: "",
-                    subentryId: "",
-                };
-                this.$nextTick(() => {
-                    this.$refs.addForm2.clearValidate(); //清除所有验证
-                });
-            }
-            console.log(this.crewList, 11334455);
-        },
-        submit() {},
-
-        handleExceed() {},
+    // "addForm2.regionIds": {
+    //   handler(newVal) {
+    //     if (newVal.length == 0) {
+    //       this.reviewList = [];
+    //     } else {
+    //       this.getReviewPeopleList(newVal);
+    //     }
+    //     // this.addForm2.reviewId = ""
+    //   },
+    //   deep: true,
+    // },
+    hiddenDangerFlag: {
+      handler(newVal) {
+        if (!newVal) {
+          const annotationComponent = this.$refs.imageAnnotator;
+          annotationComponent.resetPosit();
+        }
+      },
     },
+  },
+  mounted() {},
+  methods: {
+    handlePointsSubmit() {
+      const annotationComponent = this.$refs.imageAnnotator;
+      // 获取所有点位数据
+      const allPoints = annotationComponent.getAllPoints();
+      if (allPoints.length == 0) {
+        this.$message.warning("请至少添加一个点位");
+        return;
+      }
+      this.addForm1.drawingPointData = allPoints;
+      this.hiddenDangerFlag = false;
+      console.log("所有标注点位:", allPoints);
+    },
+    onCascaderChange(e, type = 'edit') {
+      console.log(e);
+      this.currentMode = type;
+      if (e instanceof Array) {
+        const regionDrawId = e[e.length - 1];
+        // addForm1.regionDrawId
+        this.getQualityRegionConstructionDrawById(regionDrawId);
+      } else {
+        if (!e) return this.$message.warning("施工图纸不存在！");
+        if(type == 'detail') {
+          console.log(this.detailData, 7777);
+          const obj = this.detailData.drawingPointData && isJSON(this.detailData.drawingPointData)
+              ? JSON.parse(this.detailData.drawingPointData)
+              : []
+          this.$nextTick(() => {
+            this.addForm1.drawingPointData = obj;
+          })
+          this.getQualityRegionConstructionDrawById(e);
+        }
+      }
+      this.hiddenDangerFlag = true;
+    },
+    getQualityRegionConstructionDrawById(regionDrawId) {
+      getQualityRegionConstructionDrawByIdApi({
+        projectSn: this.projectSn,
+        id: regionDrawId,
+      }).then((res) => {
+        if (res.code == 200) {
+          const data = res.result;
+          this.drawingUrl = this.fileUrl + data.fileUrl;
+          this.addForm1.drawingName = data.drawingName;
+        }
+      });
+    },
+    getXzSecurityDangerReviewVerifyList() {
+      getEffectiveConfigSecurityDangerReviewVerifyApi({
+        sn: this.projectSn,
+        companyProjectType: 2,
+      }).then((res) => {
+        if (res.code == 200) {
+          const data = res.result;
+          this.dangerReviewInfo = {
+            ...data,
+          };
+        }
+      });
+    },
+    // 获取字典工程类别列表
+    getDicProjectTypeList() {
+      getDictionaryItemApi({
+        dictionaryEncoding: "xz_security_danger_item_record_priority_name_dic",
+        projectSn: this.projectSn,
+      }).then((res) => {
+        if (res.result.length > 0) {
+          this.dangerItemList = res.result;
+        }
+      });
+      getDictionaryItemApi({
+        dictionaryEncoding: "xz_security_quality_inspection_record_duty_major",
+        projectSn: this.projectSn,
+      }).then((res) => {
+        if (res.result.length > 0) {
+          this.majorItemList = res.result;
+        }
+      });
+    },
+    changeRecordType() {
+      this.close();
+      this.getSecurityDangerFieldPage();
+      this.$nextTick(() => {
+        if (this.recordType == 1) {
+          this.securityDangerListFn(this.addForm1, this.recordType);
+          this.$refs.addForm1.clearValidate(); //清除所有验证
+        } else if (this.recordType == 2) {
+          this.securityDangerListFn(this.addForm2, this.recordType);
+          setTimeout(() => {
+            this.$refs.addForm2.clearValidate(); //清除所有验证
+          }, 100);
+        }
+      });
+    },
+    getSecurityDangerFieldPage(recordType) {
+      getEffectiveConfigSecurityDangerFieldApi({
+        pageNo: 1,
+        pageSize: -1,
+        sn: this.projectSn,
+        companyProjectType: 2,
+        recordType: recordType ? recordType : this.recordType,
+      }).then((res) => {
+        if (res.code === 200) {
+          this.securityDangerList = res.result.filter((item) => item.isEnabled == 1);
+          console.log(11223344, this.securityDangerList);
+          if (this.securityDangerPinnedList.length == 0) {
+            this.securityDangerPinnedList = res.result
+              .filter((item) => item.isPinned == 1)
+              .filter((item) => item.recordType == 1);
+            this.$nextTick(() => {
+              this.$refs.multipleTable.doLayout();
+            });
+          }
+          this.securityDangerFieldList = res.result;
+          console.log(
+            1111222333,
+            res.result.filter((item) => item.isEnabled == 1 && item.isRequired == 1)
+          );
+          res.result
+            .filter((item) => item.isEnabled == 1 && item.isRequired == 1)
+            .forEach((item) => {
+              const tipName = item.displayFieldName
+                ? item.displayFieldName
+                : item.originalFieldName;
+              this.addForm1Rules[item.fieldName] = [
+                {
+                  required: true,
+                  message: `${tipName}必填`,
+                  trigger: "change",
+                },
+              ];
+            });
+        }
+      });
+    },
+    getXZSecurityPostponeRectifyApplyList(id) {
+      let data = {
+        projectSn: this.projectSn,
+        securityId: id,
+      };
+      getXZSecurityPostponeRectifyApplyListApi(data).then((res) => {
+        if (res.code == 200) {
+          this.postponeRectifyApplyList = res.result;
+        }
+      });
+    },
+    initDealForm() {
+      if (this.dealType == 1) {
+        this.dealForm = {
+          regionIds: "",
+          dangerItemId: "",
+          dangerDesc: "",
+          remark: "",
+          addedDescription: "",
+          level: "",
+          urgentLevel: "",
+          inspectManId: "",
+          inspectTime: "",
+          enterpriseName: "",
+          changeLimitTime: "",
+          changeId: "",
+          regionDrawId: "",
+          drawingName: "",
+          drawingPointData: [],
+          zgRectifyTime: "",
+          zgAdditionalRemarks: "",
+          violatorId: "",
+          zgFileUrl: [],
+          verifyManIds: [],
+          reviewIds: [],
+          fcRectifyTime: "",
+          fcAdditionalRemarks: "",
+          fcFileUrl: [],
+          imageUrl: [],
+          fileUrl: [],
+          hyFileUrl: [],
+          notifyPerson: [],
+          hyRectifyTime: "",
+          hyAdditionalRemarks: "",
+          dangerItemContent: "",
+          status: 5,
+        };
+      }
+    },
+    // 新增
+    additionalRecording(type) {
+      this.dealType = type;
+      this.initDealForm();
+      this.$nextTick(() => {
+        this.$refs["dealForm"] && this.$refs["dealForm"].clearValidate();
+      });
+      // this.getDescribeClassifyList();
+
+      // this.getPeopleUpdateList();
+      this.getRoutineInspect();
+      this.dealTitle = "补录";
+      this.dealShow = true;
+    },
+    submitDealForm() {
+      this.dealForm.imageUrl = this.setSplitFn(this.dealForm.imageUrl);
+      this.dealForm.fileUrl = this.setSplitFn(this.dealForm.fileUrl);
+      this.dealForm.rectifyAfterImage = this.setSplitFn(this.fileList6);
+      this.$refs["dealForm"].validate((valid) => {
+        if (valid) {
+          let data = {
+            ...this.dealForm,
+            regionIds: this.dealForm.regionIds.join(","),
+            enterpriseIds: this.dealForm.enterpriseIds.join(","),
+            reviewIds: this.dealForm.reviewIds.join(","),
+            notifyPerson: this.dealForm.notifyPerson.join(","),
+            verifyManIds: this.dealForm.verifyManIds.join(","),
+            dangerItemId:
+              this.dealForm.dangerItemId instanceof Array
+                ? this.dealForm.dangerItemId[this.dealForm.dangerItemId.length - 1]
+                : this.dealForm.dangerItemId,
+            dangerTypeId:
+              this.dealForm.dangerItemId instanceof Array
+                ? this.dealForm.dangerItemId[0]
+                : this.dealForm.dangerTypeId,
+          };
+          if (this.recordType == 1) {
+            data.zgFileUrl = this.dealForm.zgFileUrl
+              .reduce((prev, cur) => {
+                const obj = cur.name;
+                prev.push(obj);
+                return prev;
+              }, [])
+              .join(",");
+            data.fcFileUrl = this.dealForm.fcFileUrl
+              .reduce((prev, cur) => {
+                const obj = cur.name;
+                prev.push(obj);
+                return prev;
+              }, [])
+              .join(",");
+            data.hyFileUrl = this.dealForm.hyFileUrl
+              .reduce((prev, cur) => {
+                const obj = cur.name;
+                prev.push(obj);
+                return prev;
+              }, [])
+              .join(",");
+            data.measurePoints = this.pointList
+              .reduce((prev, cur) => {
+                const obj = cur.coordinateX + "*" + cur.coordinateY;
+                prev.push(obj);
+                return prev;
+              }, [])
+              .join(",");
+            if (data.verifyManIds.includes(this.$store.state.userInfo.realName)) {
+              data.verifyManIds = this.$store.state.userInfo.userId;
+            }
+          }
+          console.log("data", data);
+          // data.inspectManId = this.$store.state.userInfo.userId;
+
+          if (this.dealTitle == "新增" && this.dealType == 1) {
+            const objFn = {
+              1: backAddSafetyInspectionRecordApi,
+              2: addSafeRecordApi,
+            };
+            let param = {};
+            if (this.recordType == 1) {
+              param = {
+                ...data,
+              };
+            } else {
+              param = {
+                addedDescription: data.addedDescription,
+                dangerDesc: data.dangerDesc,
+                dangerItemId: data.dangerItemId,
+                dangerTypeId: data.dangerTypeId,
+                enterpriseName: data.enterpriseName,
+                enterpriseSns: data.enterpriseSns,
+                fileUrl: data.fileUrl,
+                imageUrl: data.imageUrl,
+                inspectManId: data.inspectManId,
+                inspectTime: data.inspectTime,
+                regionIds: data.regionIds,
+                regionName: data.regionName,
+                dangerItemContent: data.dangerItemContent,
+                remark: data.remark,
+              };
+            }
+            // this.recordType
+            objFn[this.recordType]({
+              ...param,
+              recordType: this.recordType,
+              projectSn: this.projectSn,
+            }).then((result) => {
+              if (result.success) {
+                this.$message.success(result.message);
+                this.onSubmit();
+                this.dealShow = false;
+              }
+            });
+          }
+        }
+      });
+    },
+    dealFormCancel() {
+      this.initDealForm();
+      this.$refs["dealForm"].resetFields();
+      this.dealShow = false;
+    },
+    //获取人员列表
+    getViolationList() {
+      let data = {
+        projectSn: this.projectSn,
+      };
+      getSubdivisionProjectApi(data).then((res) => {
+        if (res.code == 200) {
+          this.violationList = res.result;
+        }
+      });
+    },
+    backQuestion(obj) {
+      console.log("删除", obj);
+      this.$confirm(
+        "确定撤回该条记录?",
+        this.$t("message.personnelPosition.beaconManage.table.Tips"),
+        {
+          confirmButtonText: this.$t("message.personnelPosition.confirmButtonText"),
+          cancelButtonText: this.$t("message.personnelPosition.cancelButtonText"),
+          type: "warning",
+        }
+      )
+        .then(() => {
+          backSafeRectifyRecordListApi({ id: obj.id }).then((result) => {
+            if (result.success) {
+              this.$message.success(result.message);
+              this.onSubmit();
+              this.dialogDetil = false;
+            }
+          });
+        })
+        .catch(() => {});
+    },
+    deleteQuestion(obj) {
+      console.log("删除", obj);
+      this.$confirm(
+        "确定删除该条记录?",
+        this.$t("message.personnelPosition.beaconManage.table.Tips"),
+        {
+          confirmButtonText: this.$t("message.personnelPosition.confirmButtonText"),
+          cancelButtonText: this.$t("message.personnelPosition.cancelButtonText"),
+          type: "warning",
+        }
+      )
+        .then(() => {
+          deleteSafeRectifyRecordListApi({ id: obj.id }).then((result) => {
+            if (result.success) {
+              this.$message.success(result.message);
+              this.onSubmit();
+            }
+          });
+        })
+        .catch(() => {});
+    },
+    getSplitFn(dataList) {
+      if (!dataList) return [];
+      return dataList
+        .map((item) => {
+          let imgArr = item.split("*");
+          let obj = { name: imgArr[0], url: imgArr[1].includes("http") ? imgArr[1] : `${this.fileUrl}${imgArr[1]}` };
+          return obj;
+        })
+        .filter((item) => {
+          return item.url != undefined;
+        });
+    },
+    async editRow(obj) {
+      // 编辑撤回数据(重新提交)
+      console.log("77777777777777777777777777777");
+      // await this.getReviewPeopleList(obj.regionId)
+      console.log("77777777777777777777777777777");
+      this.addTitle = "编辑";
+      this.recordType = obj.recordType;
+      this.getSecurityDangerFieldPage();
+      if (obj.recordType == 1) {
+        this.addForm1 = {
+          ...obj,
+          enterpriseIds: obj.enterpriseIds ? obj.enterpriseIds.split(",") : "",
+          regionIds: obj.regionIds ? obj.regionIds.split(",") : "",
+          reviewIds: obj.reviewIds ? obj.reviewIds.split(",") : "",
+          verifyManIds: obj.verifyManIds ? obj.verifyManIds.split(",") : "",
+          priorityNameDic: obj.priorityNameDic ? Number(obj.priorityNameDic) : "",
+          dutyMajor: obj.dutyMajor ? Number(obj.dutyMajor) : "",
+          urgentLevel: obj.urgentLevel ? Number(obj.urgentLevel) : "",
+          drawingPointData:
+            obj.drawingPointData && isJSON(obj.drawingPointData)
+              ? JSON.parse(obj.drawingPointData)
+              : [],
+        };
+        if (obj.regionDrawId) {
+          this.getQualityRegionConstructionDrawById(obj.regionDrawId);
+        }
+        this.fileList1 = obj.imageUrl ? this.getSplitFn(obj.imageUrl.split(",")) : [];
+        this.fileList2 = obj.fileUrl ? this.getSplitFn(obj.fileUrl.split(",")) : [];
+        this.fileList6 = obj.rectifyAfterImage
+          ? this.getSplitFn(obj.rectifyAfterImage.split(","))
+          : [];
+      } else if (obj.recordType == 2) {
+        this.addForm2 = {
+          ...obj,
+          enterpriseIds: obj.enterpriseIds ? obj.enterpriseIds.split(",") : "",
+          regionIds: obj.regionIds ? obj.regionIds.split(",") : "",
+        };
+        this.fileList3 = obj.imageUrl ? this.getSplitFn(obj.imageUrl.split(",")) : [];
+        this.fileList4 = obj.fileUrl ? this.getSplitFn(obj.fileUrl.split(",")) : [];
+      }
+      console.log(this.addForm1, 777, this.addForm2);
+      // 责任人数据处理
+      this.unitEnterpriseId = obj.enterpriseIds ? obj.enterpriseIds.split(",") : [];
+      this.unitRegionId = obj.regionIds ? obj.regionIds.split(",") : [];
+      // 逻辑结束
+      // this.getDescribeClassifyList();
+      this.getPeopleUpdateList();
+      this.getPeopleList();
+      this.getReviewPeopleList();
+      this.getRoutineInspect();
+      this.rectifyRecordList = [];
+      // 默认选择核验人逻辑
+      // let index = this.crewList.findIndex((item) => {
+      //   return item.userId == obj.verifyManIds;
+      // });
+      // if (index != -1) {
+      //   this.addForm1.verifyManIds = this.$store.state.userInfo.userId;
+      // } else {
+      //   this.addForm1.verifyManIds = this.$store.state.userInfo.realName;
+      // }
+      // 检查时间都改为当前
+      let date = new Date();
+      let nowDate = moment(date).format("YYYY-MM-DD HH:mm:ss");
+      this.addForm1.inspectTime = nowDate;
+      this.addForm2.inspectTime = nowDate;
+      this.addDialog = true;
+      this.$nextTick(() => {
+        this.editChangeRegion();
+      });
+    },
+    statusCondition(data) {
+      console.log(data, "我爱我爱");
+      if (data.status == 2) {
+        if (data.changeId == this.$store.state.userInfo.userId) {
+          return true;
+        }
+      } else if (data.status == 3) {
+        if (data.reviewIds.includes(this.$store.state.userInfo.userId)) {
+          return true;
+        }
+      } else if (data.status == 4) {
+        if (data.verifyManIds.includes(this.$store.state.userInfo.userId)) {
+          return true;
+        }
+      } else {
+        return false;
+      }
+    },
+    //关闭视频
+    closeBtn() {
+      this.isShow = false;
+      this.player = "";
+    },
+    //视频播放
+    playerVideo(item) {
+      if (item) {
+        let index = item.indexOf("*");
+        let videoUrl = item.substring(index + 1);
+        console.log("点击", videoUrl);
+        this.isShow = false;
+        this.$nextTick(() => {
+          this.player = videoUrl;
+          this.isShow = true;
+        });
+      } else {
+        this.$message.error("暂无视频");
+      }
+    },
+    //新版查看详情
+    newShowDatadetails(item, index) {
+      this.videoName = item.fileUrl.split("*")[0];
+      console.log("新版查看详情", item);
+      this.selectRectifyRecordList(item.id);
+      if (item.recordType == 1) {
+        this.getXZSecurityPostponeRectifyApplyList(item.id);
+      }
+      this.getSecurityDangerFieldPage(item.recordType);
+      this.dialogDetil = true;
+      this.detailData = item;
+      this.replyData = {
+        rectifyTime: moment(new Date()).format("YYYY-MM-DD HH:mm:ss"),
+        fileUrl: "",
+        additionalRemarks: "",
+        violatorId: "",
+      };
+      this.fileListRectification = [];
+      this.loadPersonList(item.projectSn);
+    },
+    //提交整改回复
+    rectifAdd(valId, statusType, type) {
+      if (type == 1 && statusType == 2) {
+        this.replyData.status = 2; //整改
+        this.replyData.type = 1;
+      } else if (type == 2 && statusType == 3) {
+        this.replyData.status = 2; //复查合格
+        this.replyData.type = 2;
+      } else if (type == 3 && statusType == 3) {
+        this.replyData.status = 1; //复查不合格
+        this.replyData.type = 2;
+      } else if (type == 2 && statusType == 4) {
+        this.replyData.status = 2; //核验合格
+        this.replyData.type = 3;
+      } else if (type == 3 && statusType == 4) {
+        this.replyData.status = 1; //核验不合格
+        this.replyData.type = 3;
+      }
+      //待整改提交
+      if (this.fileListRectification.length > 0) {
+        let arr = [];
+        this.fileListRectification.forEach((item) => {
+          arr.push(item.name);
+        });
+        this.replyData.fileUrl = arr.join(",");
+      } else {
+        this.replyData.fileUrl = "";
+      }
+      // if (this.replyData.violatorId == "" && type == 1 && statusType == 2) {
+      //   this.$message.error("请选择违章人员");
+      //   return;
+      // }
+      if (this.fileListRectification.length == 0 && this.replyData.type == 1) {
+        this.$message.error("请将回复内容输入完整");
+        return;
+      }
+      if (this.replyData.additionalRemarks == "") {
+        this.$message.error("请将回复内容输入完整");
+        return;
+      }
+      if (this.replyData.rectifyTime == "") {
+        this.$message.error("请选择整改时间");
+        return;
+      }
+      const result = {
+        ...this.replyData,
+        // violatorId: this.replyData.violatorId.join(","),
+        qualityId: valId,
+        createUser: this.userIdInfo,
+      };
+      if (type == 1 && statusType == 2) {
+        // result.violatorId = this.replyData.violatorId.join(",");
+        result.violatorId = this.replyData.violatorId;
+      }
+      console.log("整改提交的表单数据：：：", result);
+      addSafeQualityRectifyRecordApi(result).then((res) => {
+        if (res.code == 200) {
+          this.$message.success("提交成功");
+          this.dialogDetil = false;
+          this.onSubmit();
+        }
+      });
+    },
+    parseImage2(urls) {
+      console.log(112233, urls);
+      let arr = [];
+      if (urls) {
+        arr = urls.split(",");
+      }
+      arr.forEach((element, index) => {
+        // console.log(22222, element)
+        // arr[index] = element.includes("http://") ? element : this.$store.state.FILEURL + element;
+        let result = arr[index].substring(arr[index].indexOf("*") + 1, arr[index].length);
+        // console.log(3333, result)
+        arr[index] = result.includes("http://")
+          ? result
+          : this.$store.state.FILEURL + result;
+      });
+      console.log(11222444, arr);
+      return arr;
+    },
+    parseImage(urls) {
+      let arr = [];
+
+      if (typeof urls === "string") {
+        arr = urls.split(",");
+      } else if (Array.isArray(urls)) {
+        arr = urls;
+      }
+
+      const data = arr
+        .map((item) => {
+          return this.$store.state.FILEURL + item.trim();
+        })
+        .filter(Boolean);
+
+      return data;
+    },
+    checkSubListData(val) {
+      console.log("一级菜单改动了 ：", val);
+
+      if (this.recordType == 1) {
+        this.listData.forEach((value) => {
+          if (value.id == val) {
+            this.subListData = value.children;
+            if (value.children.length >= 1) {
+              this.addForm1.subentryId = value.children[0].id;
+            }
+          }
+        });
+      } else if (this.recordType == 2) {
+        this.listData.forEach((value) => {
+          if (value.id == val) {
+            this.subListData = value.children;
+            if (value.children.length >= 1) {
+              this.addForm2.subentryId = value.children[0].id;
+            }
+          }
+        });
+      }
+    },
+
+    //获取分部分项工程， 以父子节点形式呈现
+    getProgressListData() {
+      let data = {
+        projectSn: this.projectSn,
+      };
+      getSubdivisionProjectApi(data).then((res) => {
+        if (res.code == 200) {
+          this.listData = res.result;
+          if (this.listData.length >= 1) {
+            // this.addForm1.subsectionId = this.listData[0].id;//默认选中第一项分部工程
+            if (this.listData[0].children.length >= 1) {
+              this.subListData = this.listData[0].children;
+              // this.addForm1.subentryId = this.listData[0].children[0].id//默认选中第一项分项工程
+            }
+          }
+        }
+      });
+    },
+    //导出
+    exportData() {
+      if (this.COMPANY == "zjwj") {
+        window.location.href =
+          this.$http.defaults.baseURL +
+          "xmgl/qualityRectifyRecord/recordRectify/excel/export?projectSn=" +
+          this.$store.state.projectSn +
+          "&recordType=" +
+          this.formInline.recordType +
+          "&inspectStartTime=" +
+          this.formInline.inspectStartTime +
+          "&inspectEndTime=" +
+          this.formInline.inspectEndTime +
+          "&level=" +
+          this.formInline.level +
+          "&status=" +
+          this.formInline.status +
+          "&pageNo=" +
+          this.pageNo +
+          "&pageSize=" +
+          this.pageSize;
+      } else {
+        // xmgl/download/exporExcelQualityInspectionRecord
+        const data = {};
+        if (this.formInline.dangerInfoId.length > 0) {
+          data.dangerInfoLevel = this.formInline.dangerInfoId.length;
+          data.dangerInfoId = this.formInline.dangerInfoId[
+            this.formInline.dangerInfoId.length - 1
+          ];
+        } else {
+          data.dangerInfoLevel = "";
+          data.dangerInfoId = "";
+        }
+        console.log(this.formInline.enterpriseId);
+        let url =
+          this.$http.defaults.baseURL +
+          "xmgl/download/exportExcelXzSecurityQualityInspectionRecord?projectSn=" +
+          this.$store.state.projectSn +
+          "&recordType=" +
+          this.formInline.recordType +
+          "&inspectStartTime=" +
+          this.formInline.inspectStartTime +
+          "&inspectEndTime=" +
+          this.formInline.inspectEndTime +
+          "&level=" +
+          this.formInline.level +
+          "&status=" +
+          this.formInline.status +
+          "&urgentLevel=" +
+          this.formInline.urgentLevel +
+          "&pageNo=" +
+          this.pageNo +
+          "&pageSize=" +
+          this.pageSize +
+          "&dangerInfoId=" +
+          data.dangerInfoId +
+          "&dangerInfoLevel=" +
+          data.dangerInfoLevel +
+          "&enterpriseId=" +
+          this.formInline.enterpriseId;
+        window.open(url, "_blank");
+        // window.location.href
+      }
+    },
+    exportDownload() {
+      const data = {
+        ...this.formInline,
+        projectSn: this.projectSn,
+      };
+      if (data.dangerInfoId.length > 0) {
+        data.dangerInfoLevel = data.dangerInfoId.length;
+        data.dangerInfoId = data.dangerInfoId[data.dangerInfoId.length - 1];
+      } else {
+        data.dangerInfoLevel = "";
+        data.dangerInfoId = "";
+      }
+      fetch(
+        this.$http.defaults.baseURL + "xmgl/xzSecurityQualityInspectionRecord/exportXls",
+        {
+          method: "post",
+          headers: {
+            Authorization: this.$store.state.userInfo.token,
+            "Content-Type": "application/json", // 设置请求头的内容类型为JSON
+          },
+          body: JSON.stringify(data),
+        }
+      )
+        .then((response) => {
+          // 处理响应
+          if (!response.ok) {
+            throw new Error("导出失败");
+          }
+          return response.blob();
+        })
+        .then((blob) => {
+          console.log("导出成功");
+          // 创建一个下载链接
+          const url = window.URL.createObjectURL(blob);
+          // 创建一个<a>元素
+          const link = document.createElement("a");
+          link.href = url;
+          link.download = "导出隐患统计汇总表.xlsx"; // 指定下载文件的文件名
+          // 模拟点击下载链接
+          document.body.appendChild(link);
+          link.click();
+          document.body.removeChild(link);
+          // 释放URL对象
+          window.URL.revokeObjectURL(url);
+          // 处理导出的文件
+          // 这里可以使用blob对象来获取导出的文件内容或者将其保存到本地
+        })
+        .catch((error) => {
+          // 处理错误
+          console.error(error);
+        });
+    },
+    openImg(src) {
+      window.open(src);
+    },
+    focuscascader(e) {
+      let that = this;
+      console.log(that.classifyList);
+      if (that.$refs["formRegion2"].getCheckedNodes().length) {
+        that.classifyList.forEach((item) => {
+          that.$set(item, "disabled", true);
+          // item.disabled = true;
+          if (item.children) {
+            item.children.forEach((item2) => {
+              that.$set(item2, "disabled", true);
+              // item2.disabled = true
+            });
+          }
+        });
+        // this.$refs.formRegion2.panel.lazyLoad();
+        // this.$refs['formRegion2'].getCheckedNodes()[0].pathNodes.disabled = true;
+      }
+    },
+    blurcascader(e) {
+      let that = this;
+      console.log(that.classifyList);
+      if (that.$refs["formRegion2"].getCheckedNodes().length) {
+        that.classifyList.forEach((item) => {
+          that.$set(item, "disabled", false);
+          // item.disabled = true;
+          if (item.children) {
+            item.children.forEach((item2) => {
+              that.$set(item2, "disabled", false);
+              // item2.disabled = true
+            });
+          }
+        });
+        // this.$refs.formRegion2.panel.lazyLoad();
+        // this.$refs['formRegion2'].getCheckedNodes()[0].pathNodes.disabled = true;
+      }
+    },
+    selectcascader(e) {
+      //remark整改要求 level等级
+      if (this.dealShow) {
+        if (e.length) {
+          console.log(this.$refs["formRegion2"].getCheckedNodes()[0].data);
+          this.dealForm.level = this.$refs["formRegion2"].getCheckedNodes()[0].data.level;
+          this.dealForm.remark = this.$refs[
+            "formRegion2"
+          ].getCheckedNodes()[0].data.remark;
+        } else {
+          this.dealForm.level = "";
+          this.dealForm.remark = "";
+        }
+      } else {
+        if (e.length) {
+          console.log(this.$refs["formRegion2"].getCheckedNodes()[0].data);
+          this.addForm1.level = this.$refs["formRegion2"].getCheckedNodes()[0].data.level;
+          this.addForm1.remark = this.$refs[
+            "formRegion2"
+          ].getCheckedNodes()[0].data.remark;
+        } else {
+          this.addForm1.level = "";
+          this.addForm1.remark = "";
+        }
+      }
+    },
+    changeRegion2(val) {
+      // console.log(val,this.checkPointList,this.$refs['formRegion1'].getCheckedNodes()[0])
+      if (this.recordType == 1) {
+        this.dealForm.changeId = "";
+        if (this.$refs["formRegion1"][0].getCheckedNodes().length == 0) {
+          this.subcontractList = [];
+          this.crewUpdateList = [];
+          return;
+        }
+      } else {
+        if (this.$refs["formRegion2"][0].getCheckedNodes().length == 0) {
+          this.subcontractList = [];
+          this.crewUpdateList = [];
+          return;
+        }
+      }
+
+      let pathLabels = {};
+      let dataList = [];
+      if (this.recordType == 1) {
+        pathLabels = this.$refs["formRegion1"][0].getCheckedNodes()[0].pathLabels;
+        dataList = this.$refs["formRegion1"][0].getCheckedNodes();
+      } else if (this.recordType == 2) {
+        pathLabels = this.$refs["formRegion2"][0].getCheckedNodes()[0].pathLabels;
+        dataList = this.$refs["formRegion2"][0].getCheckedNodes();
+      }
+
+      console.log(1122334455, dataList);
+      let data = {};
+      dataList.forEach((item) => {
+        data = {
+          ...item.data,
+          intendanceIds: data.intendanceIds
+            ? data.intendanceIds + "," + item.data.intendanceIds
+            : item.data.intendanceIds,
+          securityDutyIds: data.securityDutyIds
+            ? data.securityDutyIds + "," + item.data.securityDutyIds
+            : item.data.securityDutyIds,
+          securityEnterpriseIds: data.securityEnterpriseIds
+            ? data.securityEnterpriseIds + "," + item.data.securityEnterpriseIds
+            : item.data.securityEnterpriseIds,
+        };
+      });
+      let text = "";
+      for (let i = 0; i < pathLabels.length; i++) {
+        if (text) {
+          text = text + "/" + pathLabels[i];
+        } else {
+          text = pathLabels[i];
+        }
+      }
+      if (this.recordType == 1) {
+        this.areaData = data;
+        this.dealForm.notifyPerson = data.intendanceIds
+          ? data.intendanceIds.split(",")
+          : [];
+      }
+      this.dealForm.regionName = text;
+      console.log(11334455, data);
+      this.unitRegionId = this.dealForm.regionIds;
+      this.getReviewPeopleList(this.dealForm.regionIds);
+
+      if (data.securityEnterpriseIds) {
+        this.getDivisionUnitFn(data.securityEnterpriseIds);
+      } else {
+        this.subcontractList = [];
+        this.crewUpdateList = [];
+      }
+      this.getPeopleUpdateList();
+      this.getPeopleList();
+      this.getReviewPeopleList();
+      this.$refs["addForm1"].clearValidate();
+      this.dealForm.inspectManId = this.checkPointList;
+    },
+    getAlls(tree, result = []) {
+      //遍历树  获取id数组
+      for (const i in tree) {
+        result.push(tree[i]); // 遍历项目满足条件后的操作
+        if (tree[i].children) {
+          //存在子节点就递归
+          this.getAllIds(tree[i].children, result);
+        }
+      }
+      return result;
+    },
+    changeRegion(val) {
+      console.log(11114444, val, this.checkPointList, this.recordType);
+      // console.log(this.$refs["formRegion1"][0].getCheckedNodes());
+      const securityFlag = this.securityDangerList.filter(
+        (item) =>
+          item.originalFieldName == "责任区域" || item.originalFieldName == "检查部位"
+      );
+      if (securityFlag == 0) {
+        const resultList = this.getAlls(this.checkPointList);
+        console.log(resultList);
+        if (this.recordType == 1) {
+          this.addForm1.notifyPerson = resultList.map((item) => item.intendanceIds);
+          this.unitRegionId = this.addForm1.regionIds;
+          this.getReviewPeopleList(this.addForm1.regionIds);
+        } else if (this.recordType == 2) {
+          this.unitRegionId = this.addForm2.regionIds;
+          this.getReviewPeopleList(this.addForm2.regionIds);
+        }
+        const securityEnterpriseIds = resultList
+          .map((item) => item.securityEnterpriseIds)
+          .join(",");
+        if (securityEnterpriseIds) {
+          this.getDivisionUnitFn(securityEnterpriseIds);
+        } else {
+          this.subcontractList = [];
+          this.crewUpdateList = [];
+        }
+
+        this.getPeopleUpdateList();
+        this.getPeopleList();
+        this.getReviewPeopleList();
+        return;
+      }
+      if (this.recordType == 1) {
+        this.addForm1.enterpriseSns = "";
+        this.addForm1.enterpriseName = "";
+        this.addForm1.changeId = "";
+        if (this.$refs["formRegion1"][0].getCheckedNodes().length == 0) {
+          this.subcontractList = [];
+          this.crewUpdateList = [];
+          return;
+        }
+      } else {
+        this.addForm2.enterpriseSns = "";
+        this.addForm2.enterpriseName = "";
+        if (this.$refs["addFormRegion2"][0].getCheckedNodes().length == 0) {
+          this.subcontractList = [];
+          this.crewUpdateList = [];
+          return;
+        }
+      }
+
+      let pathLabels = {};
+      let dataList = [];
+      if (this.recordType == 1) {
+        pathLabels = this.$refs["formRegion1"][0].getCheckedNodes()[0].pathLabels;
+        dataList = this.$refs["formRegion1"][0].getCheckedNodes();
+      } else if (this.recordType == 2) {
+        pathLabels = this.$refs["addFormRegion2"][0].getCheckedNodes()[0].pathLabels;
+        dataList = this.$refs["addFormRegion2"][0].getCheckedNodes();
+      }
+
+      console.log(1122334455, this.$refs["formRegion1"], dataList);
+      let data = {};
+      dataList.forEach((item) => {
+        console.log(1122334455, data.securityDutyIds, item.securityDutyIds);
+        data = {
+          ...item.data,
+          intendanceIds: data.intendanceIds
+            ? data.intendanceIds + "," + item.data.intendanceIds
+            : item.data.intendanceIds,
+          securityDutyIds: data.securityDutyIds
+            ? data.securityDutyIds + "," + item.data.securityDutyIds
+            : item.data.securityDutyIds,
+          securityEnterpriseIds: data.securityEnterpriseIds
+            ? data.securityEnterpriseIds + "," + item.data.securityEnterpriseIds
+            : item.data.securityEnterpriseIds,
+        };
+      });
+      let text = "";
+      for (let i = 0; i < pathLabels.length; i++) {
+        if (text) {
+          text = text + "/" + pathLabels[i];
+        } else {
+          text = pathLabels[i];
+        }
+      }
+      if (this.recordType == 1) {
+        this.areaData = data;
+        this.addForm1.notifyPerson = data.intendanceIds
+          ? data.intendanceIds.split(",")
+          : [];
+        this.addForm1.regionName = text;
+        console.log(11334455, this.addForm1.regionIds);
+        this.unitRegionId = this.addForm1.regionIds;
+        this.getReviewPeopleList(this.addForm1.regionIds);
+      } else if (this.recordType == 2) {
+        this.addForm2.regionName = text;
+        this.unitRegionId = this.addForm2.regionIds;
+        this.getReviewPeopleList(this.addForm2.regionIds);
+      }
+      console.log(5566677, data);
+      if (data.securityEnterpriseIds) {
+        this.getDivisionUnitFn(data.securityEnterpriseIds);
+      } else {
+        this.subcontractList = [];
+        this.crewUpdateList = [];
+      }
+
+      this.getPeopleUpdateList();
+      this.getPeopleList();
+      this.getReviewPeopleList();
+      this.$refs["addForm1"].clearValidate();
+      this.addForm1.inspectManId = this.checkPointList;
+    },
+    editChangeRegion() {
+      if (this.recordType == 1) {
+        this.addForm1.enterpriseSns = "";
+        this.addForm1.enterpriseName = "";
+        // this.addForm1.changeId = "";
+        if (this.$refs["formRegion1"][0].getCheckedNodes().length == 0) {
+          this.subcontractList = [];
+          this.crewUpdateList = [];
+          return;
+        }
+      } else {
+        this.addForm2.enterpriseSns = "";
+        this.addForm2.enterpriseName = "";
+        if (this.$refs["addFormRegion2"][0].getCheckedNodes().length == 0) {
+          this.subcontractList = [];
+          this.crewUpdateList = [];
+          return;
+        }
+      }
+
+      let pathLabels = {};
+      let dataList = [];
+      if (this.recordType == 1) {
+        pathLabels = this.$refs["formRegion1"][0].getCheckedNodes()[0].pathLabels;
+        dataList = this.$refs["formRegion1"][0].getCheckedNodes();
+      } else if (this.recordType == 2) {
+        pathLabels = this.$refs["addFormRegion2"][0].getCheckedNodes()[0].pathLabels;
+        dataList = this.$refs["addFormRegion2"][0].getCheckedNodes();
+      }
+
+      console.log(1122334455, dataList);
+      let data = {};
+      dataList.forEach((item) => {
+        data = {
+          ...item.data,
+          intendanceIds: data.intendanceIds
+            ? data.intendanceIds + "," + item.data.intendanceIds
+            : item.data.intendanceIds,
+          securityDutyIds: data.securityDutyIds
+            ? data.securityDutyIds + "," + item.data.securityDutyIds
+            : item.data.securityDutyIds,
+          securityEnterpriseIds: data.securityEnterpriseIds
+            ? data.securityEnterpriseIds + "," + item.data.securityEnterpriseIds
+            : item.data.securityEnterpriseIds,
+        };
+      });
+      let text = "";
+      for (let i = 0; i < pathLabels.length; i++) {
+        if (text) {
+          text = text + "/" + pathLabels[i];
+        } else {
+          text = pathLabels[i];
+        }
+      }
+      if (this.recordType == 1) {
+        this.areaData = data;
+        if (data.dutyId) {
+          this.addForm1.changeId = data.dutyId;
+        }
+        this.addForm1.notifyPerson = data.intendanceIds
+          ? data.intendanceIds.split(",")
+          : [];
+        this.addForm1.regionName = text;
+        console.log(11334455);
+        this.getReviewPeopleList(this.addForm1.regionIds);
+      } else if (this.recordType == 2) {
+        this.addForm2.regionName = text;
+        this.getReviewPeopleList(this.addForm2.regionIds);
+        this.subcontractList = data.enterpriseInfos;
+      }
+
+      if (data.securityEnterpriseIds) {
+        this.getDivisionUnitFn(data.securityEnterpriseIds);
+      } else {
+        this.subcontractList = [];
+        this.crewUpdateList = [];
+      }
+      this.getPeopleUpdateList();
+      this.getPeopleList();
+      this.getReviewPeopleList();
+      this.$refs["addForm1"].clearValidate();
+      this.addForm1.inspectManId = this.checkPointList;
+    },
+    // 切换检查时间
+    checkedTime(time) {
+      if (time != null) {
+        this.formInline.inspectStartTime = time[0];
+        this.formInline.inspectEndTime = time[1];
+      } else {
+        this.formInline.inspectStartTime = "";
+        this.formInline.inspectEndTime = "";
+      }
+    },
+    //整改记录
+    selectRectifyRecordList(id) {
+      selectSafeRectifyRecordListApi({
+        qualityId: id,
+      }).then((res) => {
+        this.rectifyRecordList = res.result;
+        this.rectifyRecordList.forEach((item) => {
+          if (item.fileUrl) {
+            this.imgList = [];
+            if (item.fileUrl.startsWith("[") && item.fileUrl.endsWith("]")) {
+              let fileListI = JSON.parse(item.fileUrl);
+              fileListI.forEach((file) => {
+                let url = file.url;
+                if (!url.startsWith("http://")) {
+                  url = this.fileUrl + url;
+                }
+                this.imgList.push(url);
+              });
+            } else {
+              let fileListI = item.fileUrl.split(",");
+              fileListI.forEach((url) => {
+                if (!url.startsWith("http://")) {
+                  url = this.fileUrl + url;
+                }
+                this.imgList.push(url);
+              });
+            }
+            item.fileUrl = this.imgList;
+          } else {
+            item.fileUrl = [];
+          }
+        });
+        console.log("整改记录-处理后--", this.rectifyRecordList);
+      });
+    },
+    //原版查看详情
+    showDatadetails(val) {
+      console.log("查看详情====", val);
+      this.selectRectifyRecordList(val.id);
+      this.hideUpload = true;
+      this.addBtn(1);
+      if (val.recordType == 1) {
+        console.log("类型是1吗");
+        this.recordType = 1;
+        val.urgentLevel = Number(val.urgentLevel);
+        // val.notifyPerson = [Number(val.notifyPerson)];
+
+        this.fileList1 = this.getSplitFn(val.imageUrl.split(","));
+        this.fileList2 = this.getSplitFn(val.fileUrl.split(","));
+        this.fileList6 = this.getSplitFn(val.rectifyAfterImage.split(","));
+
+        this.addForm1 = JSON.parse(JSON.stringify(val));
+        this.addForm1.notifyPerson = val.notifyPerson
+          .split(",")
+          .map((item2) => String(item2));
+      } else {
+        this.recordType = 2;
+        val.urgentLevel = Number(val.urgentLevel);
+        // val.notifyPerson = [Number(val.notifyPerson)];
+
+        this.fileList3 = this.getSplitFn(val.imageUrl.split(","));
+        this.fileList4 = this.getSplitFn(val.fileUrl.split(","));
+        this.fileList6 = this.getSplitFn(val.rectifyAfterImage.split(","));
+        this.addForm2 = val;
+        this.addForm2.notifyPerson = val.notifyPerson
+          .split(",")
+          .map((item) => Number(item));
+      }
+    },
+    //刷新按钮
+    refreshBtn() {
+      this.time = [];
+      this.formInline = {
+        inspectEndTime: "",
+        inspectStartTime: "",
+        recordType: "",
+        level: "",
+        status: "",
+        urgentLevel: "",
+        regionId: "",
+        dangerInfoId: "",
+        enterpriseId: "",
+      };
+      this.pageNo = 1;
+      this.pageSize = 10;
+      this.onSubmit();
+    },
+
+    //查询按钮  分页列表查询
+    onSubmit() {
+      let data = { ...this.formInline };
+      console.log(data.dangerInfoId);
+      if (data.dangerInfoId.length > 0) {
+        data.dangerInfoLevel = data.dangerInfoId.length;
+        data.dangerInfoId = data.dangerInfoId[data.dangerInfoId.length - 1];
+      } else {
+        data.dangerInfoLevel = "";
+        data.dangerInfoId = "";
+      }
+
+      data.projectSn = this.projectSn;
+      data.pageNo = this.pageNo;
+      data.pageSize = this.pageSize;
+      getSafeInspectionRecordListApi(data).then((res) => {
+        console.log("res----", res);
+        if (res.code == 200) {
+          this.statisticsValue = res.result.total;
+          this.tableData = res.result.page.records;
+          this.total = res.result.page.total;
+        }
+      });
+    },
+
+    //新增按钮
+    addBtn(type) {
+      console.log(type);
+      // 逻辑结束
+      this.addDialog = true;
+      // this.getDescribeClassifyList();
+
+      // this.getPeopleUpdateList();
+      this.getRoutineInspect();
+      this.$nextTick(() => {
+        this.close();
+      });
+      this.rectifyRecordList = [];
+      if (type == 1) {
+        this.type = "detail";
+        this.addTitle =
+          this.$t("message.quality.inspectionRecord") + this.$t("message.quality.detail");
+      } else {
+        this.type = "add";
+        this.addTitle =
+          this.$t("message.quality.new") + this.$t("message.quality.inspectionRecord");
+        this.$nextTick(() => {
+          // this.securityDangerListFn(this.addForm1, this.recordType);
+          this.recordType = 1;
+          this.changeRecordType();
+        });
+        this.fileList1 = [];
+        this.fileList6 = [];
+        this.fileList3 = [];
+      }
+    },
+    securityDangerListFn(obj, recordType) {
+      this.securityDangerFieldList.forEach((item) => {
+        if (!item.defaultDataType) return;
+        if (
+          item.originalFieldName == "责任区域" ||
+          item.originalFieldName == "检查部位"
+        ) {
+          const resultList = this.getAllIds(this.checkPointList);
+          obj[item.fieldName] = [...resultList];
+          console.log("责任区域", item.fieldName, resultList);
+          this.$nextTick(() => {
+            if (recordType == 1) {
+              this.changeRegion();
+            }
+          });
+        } else if (
+          item.originalFieldName == "问题等级" ||
+          item.originalFieldName == "问题等级二" ||
+          item.originalFieldName == "紧急程度"
+        ) {
+          obj[item.fieldName] = item.defaultDataType;
+        } else if (item.originalFieldName == "检查时间") {
+          let date = new Date();
+          let nowDate = moment(date).format("YYYY-MM-DD HH:mm:ss");
+          obj[item.fieldName] = nowDate;
+        } else if (item.originalFieldName == "分包单位") {
+          this.$nextTick(() => {
+            obj[item.fieldName] = this.subcontractList.map((item) => item.id);
+            this.checkedSubcontractListUp();
+          });
+        } else if (item.originalFieldName == "核验人") {
+          // 默认选择核验人逻辑
+          let index = this.crewList.findIndex((item) => {
+            return item.userId == this.$store.state.userInfo.userId;
+          });
+          if (index != -1) {
+            obj[item.fieldName] = [this.$store.state.userInfo.userId];
+          } else {
+            this.addForm1.verifyManIds = [this.$store.state.userInfo.realName];
+          }
+        } else if (item.originalFieldName == "现场整改") {
+          obj[item.fieldName] = item.defaultDataType;
+        }
+      });
+    },
+    getAllIds(tree, result = []) {
+      //遍历树  获取id数组
+      for (const i in tree) {
+        result.push(tree[i].id); // 遍历项目满足条件后的操作
+        if (tree[i].children) {
+          //存在子节点就递归
+          this.getAllIds(tree[i].children, result);
+        }
+      }
+      return result;
+    },
+    //获取新增弹窗--  检查部位下拉
+    getPositionList() {
+      let data = {
+        projectSn: this.projectSn,
+        notSupervisingUnit: 1,
+        pageNo: 1,
+        pageSize: -1,
+      };
+      getQualityRegionTreePageApi(data).then((res) => {
+        console.log("res=================", res);
+        if (res.code == 200) {
+          this.checkPointList = res.result.records;
+        }
+      });
+    },
+    // 例行检查 列表
+    getRoutineInspect() {
+      let data = {
+        projectSn: this.projectSn,
+      };
+      getRoutineInspectApi(data).then((res) => {
+        if (res.code == 200) {
+          this.routineList = res.result;
+        }
+      });
+    },
+    addPropertiesRecursively(dataList) {
+      return dataList.map((item) => {
+        if (item.children && item.children.length > 0) {
+          item.children = this.addPropertiesRecursively(item.children);
+        } else {
+          item.children = null;
+        }
+        return {
+          ...item,
+          disabled: item.type != 2,
+        };
+      });
+    },
+    getQualityRegionConstructionDrawTreePage() {
+      console.log("regionIds");
+      let data = {
+        projectSn: this.projectSn,
+      };
+      getQualityRegionConstructionDrawTreePageApi(data).then((res) => {
+        if (res.code == 200) {
+          const resultList = this.addPropertiesRecursively(res.result);
+          this.drawTreeList = resultList;
+        }
+      });
+    },
+    //获取问题描述  和 问题分类 下拉列表
+    getDescribeClassifyList() {
+      let data = {
+        projectSn: this.projectSn,
+        recordStatus: 0,
+      };
+      getSafeDangerTypeRecordApi(data).then((res) => {
+        if (res.code == 200) {
+          console.log(res);
+          this.classifyList = res.result;
+          this.classifyList.forEach((item) => {
+            // item.disabled = true;
+            if (item.children) {
+              item.children.forEach((item2) => {
+                // item2.disabled = true;
+                // console.log(item2);
+                if (item2.itemList) {
+                  item2.itemList.forEach((item3) => {
+                    item3.dangerName = item3.content;
+                    // console.log(item.content);
+                  });
+                }
+                item2.children = item2.itemList;
+              });
+              // console.log();
+              // console.log(item.children);
+            }
+          });
+        }
+      });
+    },
+
+    //获取去整改人 通知人 检查人 核查人下拉
+    getReviewPeopleList(regionIds) {
+      console.log(1122334455, regionIds);
+      if (regionIds instanceof Array) {
+        this.reviewList = [];
+      }
+      let data = {
+        projectSn: this.projectSn,
+        // enterpriseTypeId: 7,
+        safeQualityRegionIdForDuty: this.unitRegionId.join(","),
+        // qualityRegionId: regionId.toString(),
+        // qualityRegionBindType: 2,
+        // isSupervisingRoleName: 1,
+      };
+      if (this.dangerReviewInfo.enableReview == 1) {
+        data.roleName = this.dangerReviewInfo.reviewRoleName;
+        data.enterpriseId = this.unitEnterpriseId.join(",");
+      }
+      getProjectChilderSystemUserListApi(data).then((res) => {
+        if (res.code == 200) {
+          this.reviewList = res.result;
+          if (this.addForm1.reviewIds instanceof Array) {
+            this.addForm1.reviewIds.forEach((item, index) => {
+              const findIndex = this.reviewList.findIndex((ele) => ele.userId == item);
+              if (findIndex == -1) {
+                this.addForm1.reviewIds.splice(index, 1); // 删除不存在的复查人id
+              }
+            });
+          }
+          if (this.dealForm.reviewIds instanceof Array) {
+            this.dealForm.reviewIds.forEach((item, index) => {
+              const findIndex = this.reviewList.findIndex((ele) => ele.userId == item);
+              if (findIndex == -1) {
+                this.dealForm.reviewIds.splice(index, 1); // 删除不存在的复查人id
+              }
+            });
+          }
+          const find = this.securityDangerFieldList.find(
+            (item) => item.originalFieldName == "复查人" && item.defaultDataType
+          );
+          console.log(find);
+          if (find) {
+            this.addForm1[find.fieldName] = this.reviewList.map((item) => item.userId);
+          }
+        }
+      });
+    },
+    //查询劳务和管理人员列表
+    loadPersonList(sn) {
+      getLaborManagementInfoListApi({
+        projectSn: sn,
+      }).then((res) => {
+        this.personList = res.result;
+      });
+    },
+    //获取去整改人 通知人 检查人 核查人下拉
+    getPeopleList() {
+      let data = {
+        projectSn: this.projectSn,
+      };
+      if (this.dangerReviewInfo.enableVerify == 1) {
+        data.roleName = this.dangerReviewInfo.verifyRoleName;
+        data.enterpriseId = this.unitEnterpriseId.join(",");
+      }
+      getProjectChilderSystemUserListApi(data).then((res) => {
+        if (res.code == 200) {
+          this.crewList = res.result;
+        }
+      });
+    },
+    //获取整改人
+    getPeopleUpdateList() {
+      let data = {
+        projectSn: this.projectSn,
+        enterpriseId: this.unitEnterpriseId.join(","),
+        safeQualityRegionIdForDuty: this.unitRegionId.join(","),
+      };
+      getProjectChilderSystemUserListApi(data).then((res) => {
+        if (res.code == 200) {
+          this.crewUpdateList = res.result;
+        }
+      });
+    },
+    getPeopleUpdate() {
+      let data = {
+        projectSn: this.projectSn,
+        enterpriseId: this.unitEnterpriseId,
+      };
+      getWorkerInfoListApi(data).then((res) => {
+        if (res.code == 200) {
+          this.crewUpdateList2 = res.result;
+        }
+      });
+    },
+    //获取问题描述
+    handleChange(value) {
+      if (this.dealShow) {
+        if (value.length) {
+          if (this.recordType == 1) {
+            const cascaderAddr = this.$refs["cascaderAddr"][0];
+            let pathLabels = cascaderAddr.getCheckedNodes();
+            //只有问题描述有三级时才查询问题等级
+            if (cascaderAddr.getCheckedNodes()[0].pathLabels.length >= 3) {
+              this.dealForm.level = cascaderAddr.getCheckedNodes()[0].data.level;
+            } else {
+              this.dealForm.level = "";
+            }
+            const data = cascaderAddr.getCheckedNodes()[0].data;
+            this.dealForm.remark = data.remark;
+            const find = this.securityDangerFieldList.find(
+              (item) => item.originalFieldName == "整改时限" && item.defaultDataType
+            );
+            if (find) {
+              this.dealForm.changeLimitTime = dayjs()
+                .add(data.changeLimit, "day")
+                .format("YYYY-MM-DD HH:mm:ss");
+            }
+
+            console.log("整改时限", cascaderAddr.getCheckedNodes()[0].data);
+            // changeLimitTime
+            const pathLabelList = pathLabels[0].pathLabels.filter(
+              (item) => item != pathLabels[0].label
+            );
+            console.log("整改时限", pathLabels, pathLabelList);
+            this.dealForm.problemDescription = pathLabels[0].label;
+            this.dealForm.dangerItemContent = pathLabelList
+              .map((item) => {
+                return item;
+              })
+              .join("/");
+          } else {
+            const cascaderAddr2 = this.$refs["cascaderAddr2"][0];
+            let pathLabels2 = cascaderAddr2.getCheckedNodes();
+            // this.addForm2.level =
+            //   this.$refs['cascaderAddr2'].getCheckedNodes()[0].data.level
+            this.dealForm.remark = cascaderAddr2.getCheckedNodes()[0].data.remark;
+
+            this.dealForm.dangerItemContent = pathLabels2[0].pathLabels
+              .map((item) => {
+                console.log(item, 1640);
+                return item;
+              })
+              .join("/");
+            console.log("获取问题进来了吗-2", this.dealForm.dangerItemContent);
+          }
+        } else {
+          this.dealForm.level = "";
+          this.dealForm.remark = "";
+        }
+      } else {
+        if (value.length) {
+          if (this.recordType == 1) {
+            const cascaderAddr = this.$refs["cascaderAddr"][0];
+            let pathLabels = cascaderAddr.getCheckedNodes();
+            //只有问题描述有三级时才查询问题等级
+            if (cascaderAddr.getCheckedNodes()[0].pathLabels.length >= 3) {
+              this.addForm1.level = cascaderAddr.getCheckedNodes()[0].data.level;
+            } else {
+              this.addForm1.level = "";
+            }
+            const data = cascaderAddr.getCheckedNodes()[0].data;
+            this.addForm1.remark = data.remark;
+            const find = this.securityDangerFieldList.find(
+              (item) => item.originalFieldName == "整改时限" && item.defaultDataType
+            );
+            if (find) {
+              this.addForm1.changeLimitTime = dayjs()
+                .add(data.changeLimit, "day")
+                .format("YYYY-MM-DD HH:mm:ss");
+            }
+            // changeLimitTime
+            const pathLabelList = pathLabels[0].pathLabels.filter(
+              (item) => item != pathLabels[0].label
+            );
+            console.log("整改时限", pathLabels, pathLabelList);
+            this.addForm1.problemDescription = pathLabels[0].label;
+            this.addForm1.dangerItemContent = pathLabelList
+              .map((item) => {
+                return item;
+              })
+              .join("/");
+          } else {
+            const cascaderAddr2 = this.$refs["cascaderAddr2"][0];
+            let pathLabels2 = cascaderAddr2.getCheckedNodes();
+            // this.addForm2.level =
+            //   this.$refs['cascaderAddr2'].getCheckedNodes()[0].data.level
+            this.addForm2.remark = cascaderAddr2.getCheckedNodes()[0].data.remark;
+
+            this.addForm2.dangerItemContent = pathLabels2[0].pathLabels
+              .map((item) => {
+                console.log(item, 1640);
+                return item;
+              })
+              .join("/");
+            console.log("获取问题进来了吗-2", this.addForm2.dangerItemContent);
+          }
+        } else {
+          this.addForm1.level = "";
+          this.addForm1.remark = "";
+        }
+      }
+    },
+    // 获取分包单位
+    getDivisionUnitFn(securityEnterpriseIds) {
+      let data = {
+        // enterpriseTypeId: this.subcontractType,
+        enterpriseIds: securityEnterpriseIds ? securityEnterpriseIds.split(",") : [],
+        pageNo: 1,
+        pageSize: -1,
+        projectSn: this.projectSn,
+      };
+      getSubcontractListApi(data).then((res) => {
+        if (res.code == 200) {
+          this.subcontractList = res.result.records;
+
+          this.securityDangerFieldList
+            .filter((item) => item.originalFieldName == "分包单位")
+            .forEach((item) => {
+              if (!item.defaultDataType) return;
+              this.$nextTick(() => {
+                if (this.recordType == 1) {
+                  this.addForm1[item.fieldName] = this.subcontractList.map(
+                    (item) => item.id
+                  );
+                } else if (this.recordType == 2) {
+                  this.addForm2[item.fieldName] = this.subcontractList.map(
+                    (item) => item.id
+                  );
+                }
+
+                this.checkedSubcontractListUp();
+              });
+            });
+        }
+      });
+    },
+    getUpdateUnitListFn() {
+      getEnterpriseInfoListApi({ projectSn: this.projectSn }).then((res) => {
+        console.log(res);
+        if (res.code == 200) {
+          this.enterpriseList = res.result;
+        }
+      });
+    },
+
+    //获取分包单位
+    getEnterprise(type) {
+      if (type != 1) {
+        this.showEnterpriseDialog = true;
+      }
+    },
+    //切换分包公司类型
+    changeSubcontractType(val) {
+      this.subcontractType = val;
+      this.getEnterprise(1);
+    },
+    checkedSubcontractListUp() {
+      console.log(3334444, this.addForm1.enterpriseIds);
+      if (this.dealShow) {
+        if (this.recordType == 1) {
+          const resultList = this.subcontractList.filter((item) => {
+            return this.dealForm.enterpriseIds.includes(item.id);
+          });
+          this.dealForm.enterpriseSns = resultList
+            .map((item) => item.enterpriseSn)
+            .join(",");
+          this.dealForm.enterpriseName = resultList
+            .map((item) => item.enterpriseName)
+            .join(",");
+          this.unitEnterpriseId = resultList.map((item) => item.id);
+          this.dealForm.changeId = "";
+        } else {
+          const resultList = this.subcontractList.filter((item) => {
+            return this.dealForm.enterpriseIds.includes(item.id);
+          });
+          this.dealForm.enterpriseSns = resultList
+            .map((item) => item.enterpriseSn)
+            .join(",");
+          this.dealForm.enterpriseName = resultList
+            .map((item) => item.enterpriseName)
+            .join(",");
+          this.unitEnterpriseId = resultList.map((item) => item.id);
+        }
+      } else {
+        if (this.recordType == 1) {
+          const resultList = this.subcontractList.filter((item) => {
+            return this.addForm1.enterpriseIds.includes(item.id);
+          });
+          this.addForm1.enterpriseSns = resultList
+            .map((item) => item.enterpriseSn)
+            .join(",");
+          this.addForm1.enterpriseName = resultList
+            .map((item) => item.enterpriseName)
+            .join(",");
+          this.unitEnterpriseId = resultList.map((item) => item.id);
+          this.addForm1.changeId = "";
+        } else {
+          const resultList = this.subcontractList.filter((item) => {
+            return this.addForm2.enterpriseIds.includes(item.id);
+          });
+          this.addForm2.enterpriseSns = resultList
+            .map((item) => item.enterpriseSn)
+            .join(",");
+          this.addForm2.enterpriseName = resultList
+            .map((item) => item.enterpriseName)
+            .join(",");
+          this.unitEnterpriseId = resultList.map((item) => item.id);
+        }
+      }
+
+      this.getPeopleUpdateList();
+      this.getPeopleList();
+      this.getReviewPeopleList();
+      // const newArr = [];
+      // console.log(this.areaData, 777999333);
+      // if (this.areaData.systemUsers) {
+      //   this.areaData.systemUsers.filter((item) => {
+      //     if (
+      //       item.userId &&
+      //       this.unitEnterpriseId.includes(item.enterpriseId)
+      //     ) {
+      //       newArr.push(item);
+      //     }
+      //   });
+      //   console.log(newArr, 666777);
+      //   this.crewUpdateList = newArr;
+      // }
+    },
+    //选中的分包公司
+    checkedSubcontractList(val) {
+      if (this.dealShow) {
+        if (this.recordType == 1) {
+          this.dealForm.enterpriseSns = val.enterpriseSns;
+          this.dealForm.enterpriseName = val.enterpriseName;
+          this.unitEnterpriseId = val.id;
+        } else {
+          // addForm2
+          this.dealForm.enterpriseSns = val.enterpriseSns;
+          this.dealForm.enterpriseName = val.enterpriseName;
+          this.unitEnterpriseId = val.id;
+        }
+        this.dealForm.changeId = "";
+        this.getPeopleUpdate();
+        this.getPeopleUpdateList();
+        this.getPeopleList();
+        this.getReviewPeopleList();
+        // const newArr = [];
+        // console.log(this.areaData, 777999333);
+        // if (this.areaData.systemUsers) {
+        //   this.areaData.systemUsers.filter((item) => {
+        //     if (
+        //       item.userId &&
+        //       this.unitEnterpriseId.includes(item.enterpriseId)
+        //     ) {
+        //       newArr.push(item);
+        //     }
+        //   });
+        //   console.log(newArr, 666777);
+        //   this.crewUpdateList = newArr;
+        // }
+      } else {
+        if (this.recordType == 1) {
+          this.addForm1.enterpriseSns = val.enterpriseSns;
+          this.addForm1.enterpriseName = val.enterpriseName;
+          this.unitEnterpriseId = val.id;
+        } else {
+          this.addForm2.enterpriseSns = val.enterpriseSns;
+          this.addForm2.enterpriseName = val.enterpriseName;
+          this.unitEnterpriseId = val.id;
+        }
+        this.addForm1.changeId = "";
+        // this.getPeopleUpdateList();
+        this.getPeopleUpdateList();
+        this.getPeopleList();
+        this.getReviewPeopleList();
+        // const newArr = [];
+        // console.log(this.areaData, 777999333);
+        // if (this.areaData.systemUsers) {
+        //   this.areaData.systemUsers.filter((item) => {
+        //     if (
+        //       item.userId &&
+        //       this.unitEnterpriseId.includes(item.enterpriseId)
+        //     ) {
+        //       newArr.push(item);
+        //     }
+        //   });
+        //   console.log(newArr, 666777);
+        //   this.crewUpdateList = newArr;
+        // }
+      }
+      this.showEnterpriseDialog = false;
+    },
+
+    beforeUpload(file, type) {
+      if (type == 1 || type == 3 || type == 5) {
+        // console.log(this.fileList1.length)
+        if (
+          this.fileList1.length >= 5 ||
+          this.fileList3.length >= 5 ||
+          this.fileListRectification.length >= 5
+        ) {
+          this.$message.warning("最多只能上传5张图片");
+          return false;
+        }
+        return true;
+      }
+      if (type == 2 || type == 4) {
+        const fileType = file.type;
+        const fileTypeList = ["audio/mp3", "video/mp4"];
+
+        if (!fileTypeList.includes(fileType)) {
+          this.$message.error("只能上传MP3/MP4文件");
+          return false;
+        }
+        return true;
+      }
+    },
+    //上传成功
+    handleSuccess2(file, type) {
+      const obj = {
+        1: "zgFileUrl",
+        2: "imageUrl",
+        3: "fcFileUrl",
+        4: "hyFileUrl",
+        5: "fileUrl",
+      };
+      this.dealForm[obj[type]].push({
+        name: file.data[0].filename,
+        url: this.fileUrl + file.data[0].imageUrl,
+      });
+    },
+    //删除图片
+    handleRemove2(file, fileList, type) {
+      const obj = {
+        1: "zgFileUrl",
+        2: "imageUrl",
+        3: "fcFileUrl",
+        4: "hyFileUrl",
+        5: "fileUrl",
+      };
+      this.dealForm[obj[type]] = fileList;
+    },
+    //上传成功
+    handleSuccess(file, type) {
+      if (type == 1) {
+        let data = {
+          name: file.data[0].filename,
+          url: this.fileUrl + file.data[0].imageUrl,
+        };
+        // if (this.fileList1.length >= 4) {
+        //   this.$message.warning("最多只能上传5张图片");
+        //   return false;
+        // } else {
+
+        // }
+        this.fileList1.push(data);
+      } else if (type == 2) {
+        let data = {
+          name: file.data[0].fileInfo.originalFilename,
+          url: this.fileUrl + file.data[0].imageUrl,
+        };
+
+        this.fileList2.push(data);
+      } else if (type == 3) {
+        let data = {
+          name: file.data[0].filename,
+          url: this.fileUrl + file.data[0].imageUrl,
+        };
+        // if (this.fileList3.length >= 4) {
+        //   this.$message.warning("最多只能上传5张图片");
+        //   return false;
+        // } else {
+
+        // }
+        this.fileList3.push(data);
+      } else if (type == 4) {
+        let data = {
+          name: file.data[0].fileInfo.originalFilename,
+          url: this.fileUrl + file.data[0].imageUrl,
+        };
+        this.fileList4.push(data);
+      } else if (type == 5) {
+        let data = {
+          name: file.data[0].filename,
+          url: this.fileUrl + file.data[0].imageUrl,
+        };
+        this.fileListRectification.push(data);
+      } else if (type == 6) {
+        let data = {
+          name: file.data[0].filename,
+          url: this.fileUrl + file.data[0].imageUrl,
+        };
+        this.fileList6.push(data);
+      }
+    },
+    //上传失败
+    handleError(file) {
+      this.$message.error(this.$t("message.quality.failToUpload"));
+    },
+    //查看图片
+    handlePreview(file) {
+      this.dialogImageUrl = file.url;
+      var filename = file.name;
+      var index1 = filename.lastIndexOf(".");
+      var index2 = filename.length;
+      var type = filename.substring(index1, index2);
+      console.log(type);
+      if (type == ".mp4" || type == ".mp3") {
+        // window.open(file.url)
+      } else {
+        this.dialogVisible = true;
+      }
+    },
+    //删除图片
+    handleRemove(file, fileList, type) {
+      if (type == 1) {
+        this.fileList1 = fileList;
+      } else if (type == 2) {
+        this.fileList2 = fileList;
+      } else if (type == 3) {
+        this.fileList3 = fileList;
+      } else if (type == 4) {
+        this.fileList4 = fileList;
+      } else if (type == 5) {
+        this.fileListRectification = fileList;
+      } else if (type == 6) {
+        this.fileList6 = fileList;
+      }
+    },
+    //在图纸定位弹窗
+    drawingPositionBtn() {
+      this.showPositioning = true;
+    },
+
+    //上传图纸
+    uploadMapSuccess(res) {
+      this.cropperOption.img = this.$store.state.FILEURL + res.data[0].imageUrl;
+      this.cropperDialog = true;
+    },
+
+    //获取鼠标位置
+    getMousePos(event) {
+      var e = event || window.event;
+      var scrollX = document.documentElement.scrollLeft || document.body.scrollLeft;
+      var scrollY = document.documentElement.scrollTop || document.body.scrollTop;
+      var x = e.pageX || e.clientX + scrollX;
+      var y = e.pageY || e.clientY + scrollY;
+      // console.log("x: " + x + "\ny: " + y);
+      // console.log(this);
+      return { x: x, y: y };
+    },
+
+    //新增坐标数据
+    addPoint(event) {
+      if (this.createdCoord) {
+        let clickPoint = this.getMousePos(event); // 获取鼠标的位置
+        let left = event.target.getBoundingClientRect().left; //获取点击元素的位置
+        let top = event.target.getBoundingClientRect().top;
+        let data = {
+          coordinateX: clickPoint.x - left - 6,
+          coordinateY: clickPoint.y - top - 9,
+        };
+        this.pointList.push(data);
+      }
+    },
+
+    // 放大
+    magnify() {
+      if (this.multiples >= 3) {
+        return;
+      }
+      this.multiples += 0.25;
+    },
+    // 缩小
+    shrink() {
+      if (this.multiples <= 0.5) {
+        return;
+      }
+      this.multiples -= 0.25;
+    },
+    // 旋转
+    rotate() {
+      this.deg += 90;
+      if (this.deg >= 360) {
+        this.deg = 0;
+      }
+    },
+
+    // 保存 裁剪后的 地图
+    saveMapUrlFn() {
+      this.$refs.cropper.startCrop();
+      var _this = this;
+      this.$refs.cropper.getCropBlob((data) => {
+        var param = new FormData();
+        param.append("files", data, "image.png");
+        _this.$http
+          .post("/upload/image", param, {
+            headers: {
+              "Content-Type": "multipart/form-data",
+            },
+          })
+          .then((res) => {
+            if (res.data.status == "SUCCESS") {
+              console.log(_this.$store.state.FILEURL);
+              console.log(res.data);
+              _this.mapUrl = _this.$store.state.FILEURL + res.data.data[0].imageUrl;
+              _this.cropperDialog = false;
+              console.log(_this.$store.state.FILEURL, res.data.data);
+              _this.$nextTick(() => {
+                var oImg = document.getElementById("map"),
+                  w,
+                  h;
+                if (oImg.naturalWidth) {
+                  oImg.onload = function () {
+                    w = oImg.naturalWidth;
+                    h = oImg.naturalHeight;
+                  };
+                } else {
+                  // IE 6/7/8
+                  var nImg = new Image();
+                  nImg.onload = function () {
+                    w = nImg.width;
+                    h = nImg.height;
+                  };
+                  nImg.src = oImg.src;
+                }
+              });
+            }
+          });
+      });
+    },
+    //上传前
+    beforeAvatarUpload(file) {},
+
+    editPoint(item) {},
+    //删除坐标
+    removePoint(item, index) {
+      let arr = JSON.parse(JSON.stringify(this.pointList));
+      for (let i = 0; i < arr.length; i++) {
+        if (
+          item.coordinateX == arr[i].coordinateX &&
+          item.coordinateY == arr[i].coordinateY
+        ) {
+          arr.splice(i, 1);
+        }
+      }
+      this.pointList = arr;
+    },
+
+    //保存坐标
+    savePointBtn() {
+      this.showPositioning = false;
+      this.createdCoord = false;
+    },
+    // 取消新增
+    cancleEvent() {
+      this.mapUrl = "";
+      this.addDialog = false;
+      this.$refs.addForm1.resetFields(); //清除所有验证
+      this.$refs.addForm2.resetFields(); //清除所有验证
+    },
+    setSplitFn(dataList) {
+      console.log(111, dataList);
+      if (dataList.length <= 0) return "";
+      return dataList
+        .map((item) => {
+          return item.name + "*" + item.url;
+        })
+        .join(",");
+    },
+    //提交 新增
+    submitAddRecordFrom() {
+      let newRefs = null;
+      if (this.recordType == 1) {
+        newRefs = "addForm1";
+        this.addForm1.imageUrl = this.setSplitFn(this.fileList1);
+        this.addForm1.fileUrl = this.setSplitFn(this.fileList2);
+        this.addForm1.rectifyAfterImage = this.setSplitFn(this.fileList6);
+      } else if (this.recordType == 2) {
+        newRefs = "addForm2";
+        this.addForm2.imageUrl = this.setSplitFn(this.fileList3);
+        this.addForm2.fileUrl = this.setSplitFn(this.fileList4);
+      }
+      console.log(this.addForm1);
+      console.log(this.addForm2);
+      this.$refs[newRefs].validate((valid) => {
+        if (valid) {
+          let data = {};
+          if (this.recordType == 1) {
+            data = {
+              ...this.addForm1,
+              regionIds:
+                this.addForm1.regionIds instanceof Array
+                  ? this.addForm1.regionIds.join(",")
+                  : "",
+              enterpriseIds:
+                this.addForm1.enterpriseIds instanceof Array
+                  ? this.addForm1.enterpriseIds.join(",")
+                  : "",
+              reviewIds:
+                this.addForm1.reviewIds instanceof Array
+                  ? this.addForm1.reviewIds.join(",")
+                  : "",
+              notifyPerson:
+                this.addForm1.notifyPerson instanceof Array
+                  ? this.addForm1.notifyPerson.join(",")
+                  : "",
+              verifyManIds:
+                this.addForm1.verifyManIds instanceof Array
+                  ? this.addForm1.verifyManIds.join(",")
+                  : "",
+              dangerItemId:
+                this.addForm1.dangerItemId instanceof Array
+                  ? this.addForm1.dangerItemId[this.addForm1.dangerItemId.length - 1]
+                  : this.addForm1.dangerItemId,
+              dangerTypeId:
+                this.addForm1.dangerItemId instanceof Array
+                  ? this.addForm1.dangerItemId[0]
+                  : this.addForm1.dangerTypeId,
+            };
+            let pointArr = [];
+            for (let i = 0; i < this.pointList.length; i++) {
+              let obj =
+                this.pointList[i].coordinateX + "*" + this.pointList[i].coordinateY;
+              pointArr.push(obj);
+            }
+            data.measurePoints = pointArr.join(",");
+            console.log("data.measurePoints=============", data.measurePoints);
+          } else {
+            data = {
+              ...this.addForm2,
+              regionIds: this.addForm2.regionIds.join(","),
+              enterpriseIds: this.addForm2.enterpriseIds.join(","),
+              dangerItemId:
+                this.addForm2.dangerItemId instanceof Array
+                  ? this.addForm2.dangerItemId[this.addForm2.dangerItemId.length - 1]
+                  : this.addForm2.dangerItemId,
+              dangerTypeId:
+                this.addForm2.dangerItemId instanceof Array
+                  ? this.addForm2.dangerItemId[0]
+                  : this.addForm2.dangerTypeId,
+            };
+          }
+          data.recordType = this.recordType;
+          data.projectSn = this.projectSn;
+          console.log("data", data);
+          if (
+            data.recordType == 2 ||
+            data.verifyManIds.includes(this.$store.state.userInfo.realName)
+          ) {
+            data.verifyManIds = this.$store.state.userInfo.userId;
+          }
+          data.inspectManId = this.$store.state.userInfo.userId;
+          addSafeRecordApi(data).then((res) => {
+            if (res.code == 200) {
+              this.$message.success(this.$t("message.quality.newSuccess"));
+              this.$refs.addForm1.resetFields(); //清除所有验证
+              this.$refs.addForm2.resetFields(); //清除所有验证
+              // this.$refs["addForm1"].resetFields();
+              // this.$refs["addForm2"].resetFields();
+              this.addDialog = false;
+              this.fileList1 = [];
+              this.fileList2 = [];
+              this.fileList3 = [];
+              this.fileList4 = [];
+              this.fileList6 = [];
+              this.pointList = [];
+              this.recordType = 1;
+              this.mapUrl = "";
+              this.pageNo = 1;
+              this.onSubmit();
+            }
+          });
+        } else {
+          console.log("error submit!!");
+          return false;
+        }
+      });
+    },
+    //重新提交 编辑
+    submitEditRecordFrom() {
+      let newRefs = null;
+      if (this.recordType == 1) {
+        newRefs = "addForm1";
+        this.addForm1.imageUrl = this.setSplitFn(this.fileList1);
+        this.addForm1.fileUrl = this.setSplitFn(this.fileList2);
+        this.addForm1.rectifyAfterImage = this.setSplitFn(this.fileList6);
+      } else if (this.recordType == 2) {
+        newRefs = "addForm2";
+        this.addForm2.imageUrl = this.setSplitFn(this.fileList3);
+        this.addForm2.fileUrl = this.setSplitFn(this.fileList4);
+      }
+      console.log(this.addForm1);
+      console.log(this.addForm2);
+      this.$refs[newRefs].validate((valid) => {
+        if (valid) {
+          let data = {};
+          if (this.recordType == 1) {
+            data = {
+              ...this.addForm1,
+              regionIds:
+                this.addForm1.regionIds instanceof Array
+                  ? this.addForm1.regionIds.join(",")
+                  : "",
+              enterpriseIds:
+                this.addForm1.enterpriseIds instanceof Array
+                  ? this.addForm1.enterpriseIds.join(",")
+                  : "",
+              reviewIds:
+                this.addForm1.reviewIds instanceof Array
+                  ? this.addForm1.reviewIds.join(",")
+                  : "",
+              notifyPerson:
+                this.addForm1.notifyPerson instanceof Array
+                  ? this.addForm1.notifyPerson.join(",")
+                  : "",
+              verifyManIds:
+                this.addForm1.verifyManIds instanceof Array
+                  ? this.addForm1.verifyManIds.join(",")
+                  : "",
+              dangerItemId:
+                this.addForm1.dangerItemId instanceof Array
+                  ? this.addForm1.dangerItemId[this.addForm1.dangerItemId.length - 1]
+                  : this.addForm1.dangerItemId,
+              dangerTypeId:
+                this.addForm1.dangerItemId instanceof Array
+                  ? this.addForm1.dangerItemId[0]
+                  : this.addForm1.dangerTypeId,
+            };
+            let pointArr = [];
+            for (let i = 0; i < this.pointList.length; i++) {
+              let obj =
+                this.pointList[i].coordinateX + "*" + this.pointList[i].coordinateY;
+              pointArr.push(obj);
+            }
+            data.measurePoints = pointArr.join(",");
+            if (data.verifyManIds.includes(this.$store.state.userInfo.realName)) {
+              data.verifyManIds = this.$store.state.userInfo.userId;
+            }
+            if (
+              this.addForm1.regionDrawId instanceof Array &&
+              this.addForm1.regionDrawId.length > 0
+            ) {
+              data.regionDrawId = this.addForm1.regionDrawId[
+                this.addForm1.regionDrawId.length - 1
+              ];
+            }
+            data.drawingPointData = JSON.stringify(this.addForm1.drawingPointData);
+          } else {
+            data = {
+              ...this.addForm2,
+              regionIds: this.addForm2.regionIds.join(","),
+              enterpriseIds: this.addForm2.enterpriseIds.join(","),
+              verifyManIds: this.addForm2.verifyManIds.join(","),
+              dangerItemId:
+                this.addForm2.dangerItemId instanceof Array
+                  ? this.addForm2.dangerItemId[this.addForm2.dangerItemId.length - 1]
+                  : this.addForm2.dangerItemId,
+              dangerTypeId:
+                this.addForm2.dangerItemId instanceof Array
+                  ? this.addForm2.dangerItemId[0]
+                  : this.addForm2.dangerTypeId,
+            };
+          }
+          data.recordType = this.recordType;
+          data.projectSn = this.projectSn;
+          console.log("data", data);
+          data.inspectManId = this.$store.state.userInfo.userId;
+          data.status = 2; // 改为待整改状态
+          editSafeRecordApi(data).then((res) => {
+            if (res.code == 200) {
+              this.$message.success(this.$t("message.quality.newSuccess"));
+              this.$refs.addForm1.resetFields(); //清除所有验证
+              this.$refs.addForm2.resetFields(); //清除所有验证
+              // this.$refs["addForm1"].resetFields();
+              // this.$refs["addForm2"].resetFields();
+              this.addDialog = false;
+              this.fileList1 = [];
+              this.fileList2 = [];
+              this.fileList3 = [];
+              this.fileList4 = [];
+              this.fileList6 = [];
+              this.pointList = [];
+              this.recordType = 1;
+              this.mapUrl = "";
+              this.pageNo = 1;
+              this.onSubmit();
+            }
+          });
+        } else {
+          console.log("error submit!!");
+          return false;
+        }
+      });
+    },
+    handleSizeChange(val) {
+      this.pageSize = val;
+      this.onSubmit();
+    },
+    handleCurrentChange(val) {
+      this.pageNo = val;
+      this.onSubmit();
+    },
+
+    close() {
+      if (this.addTitle == "编辑") return;
+      // this.mapUrl = ''
+      this.fileList1 = [];
+      this.fileList2 = [];
+      this.fileList3 = [];
+      this.fileList4 = [];
+      this.fileList6 = [];
+
+      this.hideUpload = false;
+      if (this.recordType == 1) {
+        this.addForm1 = {
+          regionIds: "",
+          regionName: "",
+          dangerItemContent: "",
+          dangerItemId: "",
+          dangerTypeId: "",
+          dangerDesc: "",
+          remark: "",
+          routineId: 0,
+          level: 0,
+          urgentLevel: 0,
+          inspectManId: "",
+          inspectTime: "",
+          enterpriseIds: [],
+          enterpriseSns: [],
+          enterpriseName: "",
+          changeLimitTime: "",
+          changeId: "",
+          regionDrawId: "",
+          drawingName: "",
+          drawingPointData: [],
+          reviewIds: [],
+          verifyManIds: [],
+          notifyPerson: [],
+          status: 2,
+          measurePoints: [],
+          imageUrl: "",
+          fileUrl: "",
+          rectifyAfterImage: "",
+          subsectionId: "",
+          subentryId: "",
+        };
+        this.$nextTick(() => {
+          this.$refs.addForm1.clearValidate(); //清除所有验证
+        });
+      } else {
+        this.addForm2 = {
+          regionIds: "",
+          regionName: "",
+          dangerDesc: "",
+          routineInspect: 0,
+          inspectManId: "",
+          inspectTime: "",
+          dangerItemContent: "",
+          dangerItemId: "",
+          dangerTypeId: "",
+          enterpriseIds: [],
+          enterpriseSns: [],
+          enterpriseName: "",
+          imageUrl: "",
+          fileUrl: "",
+          subsectionId: "",
+          subentryId: "",
+        };
+        this.$nextTick(() => {
+          this.$refs.addForm2.clearValidate(); //清除所有验证
+        });
+      }
+      console.log(this.crewList, 11334455);
+    },
+    submit() {},
+
+    handleExceed() {},
+  },
 };
 </script>
 <style lang="less" scoped>
+/deep/ .hiddenDanger {
+  .el-dialog__body {
+    padding: 10px 20px 20px;
+  }
+}
 /deep/ .el-table__fixed-right {
-    height: 100% !important;
-    bottom: 0 !important;
-    right: 0 !important;
+  height: 100% !important;
+  bottom: 0 !important;
+  right: 0 !important;
 }
 .dealForm {
-    display: flex;
-    flex-wrap: wrap;
-    .el-form-item {
-        width: 50%;
-    }
-    .el-input,
-    .el-textarea,
-    .el-select,
-    .el-cascader {
-        width: 320px;
-    }
+  display: flex;
+  flex-wrap: wrap;
+  .el-form-item {
+    width: 50%;
+  }
+  .el-input,
+  .el-textarea,
+  .el-select,
+  .el-cascader {
+    width: 320px;
+  }
 
-    /deep/ .el-upload--picture-card,
-    /deep/ .el-upload-list--picture-card .el-upload-list__item {
-        width: 128px;
-        height: 128px;
-    }
+  /deep/ .el-upload--picture-card,
+  /deep/ .el-upload-list--picture-card .el-upload-list__item {
+    width: 128px;
+    height: 128px;
+  }
 }
 /deep/ .el-card {
-    position: relative;
-    overflow: initial;
+  position: relative;
+  overflow: initial;
 }
 .timestamp_btn {
-    position: absolute;
-    top: -30px;
-    right: 0;
-    display: flex;
-    .timestamp_red {
-        background: red;
-        color: #fff;
-        padding: 4px 8px;
-        border-radius: 5px;
-    }
-    .timestamp_bule {
-        margin-left: 10px;
-        background: #5181f6;
-        color: #fff;
-        padding: 4px 8px;
-        border-radius: 5px;
-    }
+  position: absolute;
+  top: -30px;
+  right: 0;
+  display: flex;
+  .timestamp_red {
+    background: red;
+    color: #fff;
+    padding: 4px 8px;
+    border-radius: 5px;
+  }
+  .timestamp_bule {
+    margin-left: 10px;
+    background: #5181f6;
+    color: #fff;
+    padding: 4px 8px;
+    border-radius: 5px;
+  }
 }
 
 /deep/ .hide .el-upload--picture-card {
-    display: none;
+  display: none;
 }
 
 .inspectionRecord {
-    box-sizing: border-box;
-    padding: 16px 20px;
-    height: calc(100% - 32px);
-    background: #fff;
+  box-sizing: border-box;
+  padding: 16px 20px;
+  height: calc(100% - 32px);
+  background: #fff;
 }
 
 .statistics {
-    width: 100%;
-    padding: 0 0 20px 0;
-    font-weight: 600;
-    font-size: 13px;
+  width: 100%;
+  padding: 0 0 20px 0;
+  font-weight: 600;
+  font-size: 13px;
 
-    .value {
-        color: rgb(64, 158, 255);
-        margin-right: 20px;
-    }
+  .value {
+    color: rgb(64, 158, 255);
+    margin-right: 20px;
+  }
 }
 .closeBtn {
-    position: absolute;
-    top: 1%;
-    color: #fff;
-    left: 98%;
-    font-size: 20px;
-    cursor: pointer;
+  position: absolute;
+  top: 1%;
+  color: #fff;
+  left: 98%;
+  font-size: 20px;
+  cursor: pointer;
 }
 // .title {
 //   border-bottom: 1px solid rgba(220, 230, 253, 1);
@@ -6082,148 +5378,148 @@ export default {
 // }
 
 .flex {
-    display: flex;
-    align-items: center;
-    justify-content: space-between;
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
 }
 
 .flex2 {
-    display: flex;
-    align-items: center;
+  display: flex;
+  align-items: center;
 }
 
 .list_content {
-    padding: 10px 0;
-    height: calc(100% - 87px - 20px);
-    position: relative;
+  padding: 10px 0;
+  height: calc(100% - 87px - 20px);
+  position: relative;
 }
 
 .content_data {
-    padding: 0 20px;
-    box-sizing: border-box;
-    height: 43px;
-    line-height: 43px;
-    cursor: pointer;
-    position: relative;
+  padding: 0 20px;
+  box-sizing: border-box;
+  height: 43px;
+  line-height: 43px;
+  cursor: pointer;
+  position: relative;
 
-    &.active {
-        background-color: rgba(81, 129, 246, 0.1);
+  &.active {
+    background-color: rgba(81, 129, 246, 0.1);
 
-        &::after {
-            content: "";
-            position: absolute;
-            top: 0;
-            left: 0;
-            width: 4px;
-            height: 100%;
-            background-color: @--color-primary;
-            border-radius: 2px;
-        }
+    &::after {
+      content: "";
+      position: absolute;
+      top: 0;
+      left: 0;
+      width: 4px;
+      height: 100%;
+      background-color: @--color-primary;
+      border-radius: 2px;
     }
+  }
 }
 
 .mapContainer {
-    height: calc(100% - 133px - 40px);
-    padding: 20px;
+  height: calc(100% - 133px - 40px);
+  padding: 20px;
+  position: relative;
+
+  .infoDetail {
+    font-size: 14px;
+    margin-bottom: 24px;
+
+    span:first-child {
+      margin-right: 165px;
+      display: inline-block;
+    }
+
+    .uploadBtn {
+      float: right;
+      margin-top: -25px;
+    }
+  }
+
+  .mapBox {
+    border: 1px solid rgba(151, 151, 151, 0.5);
+    height: calc(100% - 40px);
     position: relative;
+    overflow: auto;
+  }
 
-    .infoDetail {
-        font-size: 14px;
-        margin-bottom: 24px;
+  .mapContent {
+    position: relative;
+    height: 480px;
+    // left: 0;
+    // top: 0;
+    // z-index: 3;
+  }
 
-        span:first-child {
-            margin-right: 165px;
-            display: inline-block;
-        }
+  // .mapContent2{
+  //   position: relative;
+  // }
+  .personBox {
+    position: absolute;
+    transition: 0.2s all;
 
-        .uploadBtn {
-            float: right;
-            margin-top: -25px;
-        }
+    img {
+      cursor: pointer;
     }
 
-    .mapBox {
-        border: 1px solid rgba(151, 151, 151, 0.5);
-        height: calc(100% - 40px);
-        position: relative;
-        overflow: auto;
-    }
-
-    .mapContent {
-        position: relative;
-        height: 480px;
-        // left: 0;
-        // top: 0;
-        // z-index: 3;
-    }
-
-    // .mapContent2{
-    //   position: relative;
-    // }
-    .personBox {
-        position: absolute;
-        transition: 0.2s all;
-
-        img {
-            cursor: pointer;
-        }
-
-        .redText {
-            margin-left: 20px;
-            display: inline-block;
-        }
+    .redText {
+      margin-left: 20px;
+      display: inline-block;
     }
+  }
 }
 
 .devDetail {
-    p {
-        margin-bottom: 10px;
+  p {
+    margin-bottom: 10px;
 
-        .primaryText {
-            margin-right: 20px;
-            display: inline-block;
-        }
-
-        &:last-child {
-            margin-bottom: 0;
-        }
+    .primaryText {
+      margin-right: 20px;
+      display: inline-block;
     }
+
+    &:last-child {
+      margin-bottom: 0;
+    }
+  }
 }
 
 .operateBox {
-    // margin-bottom: 10px;
-    position: absolute;
-    right: 112px;
-    top: -9px;
+  // margin-bottom: 10px;
+  position: absolute;
+  right: 112px;
+  top: -9px;
 
-    img {
-        margin-right: 20px;
-        cursor: pointer;
-    }
+  img {
+    margin-right: 20px;
+    cursor: pointer;
+  }
 }
 
 .operateList {
-    font-size: 12px;
+  font-size: 12px;
 
-    li {
-        cursor: pointer;
-        display: flex;
-        align-items: center;
-        margin-bottom: 10px;
-        justify-content: center;
+  li {
+    cursor: pointer;
+    display: flex;
+    align-items: center;
+    margin-bottom: 10px;
+    justify-content: center;
 
-        img {
-            margin-right: 10px;
-        }
-
-        &.last {
-            margin-bottom: 0;
-        }
+    img {
+      margin-right: 10px;
     }
+
+    &.last {
+      margin-bottom: 0;
+    }
+  }
 }
 
 .map {
-    cursor: pointer;
+  cursor: pointer;
 }
 
 // /deep/.el-select{
@@ -6233,166 +5529,184 @@ export default {
 // }
 
 .el-cascader-node {
-    max-width: 250px;
+  max-width: 250px;
 }
 
 .detailBox {
-    .grid-content1 {
-        margin-bottom: 10px;
-        display: flex;
-        .label {
-            width: 84px;
-            text-align: right;
-        }
-        .content1-main {
-            display: flex;
-            flex-wrap: wrap;
-            flex: 1;
-            > .content1-box:not(:last-child) {
-                margin-bottom: 16px;
-            }
-            .content1-box {
-                width: 100%;
-                position: relative;
-                padding: 10px 16px;
-                background-color: #fafafa;
-                .pending {
-                    position: absolute;
-                    top: 10px;
-                    right: 10px;
-                    padding: 2px 10px;
-                    font-size: 12px;
-                    border-radius: 4px;
-                    border: 1px solid;
-                }
-                .trial1 {
-                    border-color: #dba71a;
-                    color: #dba71a;
-                }
-                .trial2 {
-                    border-color: #13b22f;
-                    background-color: #13b22f;
-                    color: white;
-                }
-                .trial3 {
-                    border-color: #ed2b29;
-                    background-color: #ed2b29;
-                    color: white;
-                }
-                > .content1-box_item:not(:last-child) {
-                    margin-bottom: 16px;
-                }
-                .content1-box_item {
-                    display: flex;
-                    align-items: center;
-                    font-size: 14px;
-
-                    > div:last-child {
-                        margin-left: 12px;
-                        color: #272d45;
-                    }
-                    > div:first-child {
-                        color: #a2a4af;
-                    }
-                }
-                .content1-box_header {
-                    display: flex;
-                    align-items: center;
-                    margin-bottom: 20px;
-                    > div:last-child {
-                        font-size: 14px;
-                        color: #a2a4af;
-                        > span {
-                            margin-left: 12px;
-                            color: #272d45;
-                        }
-                    }
-                    > div:first-child {
-                        margin-right: 50px;
-                        font-size: 14px;
-                        color: #a2a4af;
-                    }
-                }
-            }
-        }
+  .grid-content1 {
+    margin-bottom: 10px;
+    display: flex;
+    .label {
+      width: 84px;
+      text-align: right;
     }
-    .grid-content {
+    .content1-main {
+      display: flex;
+      flex-wrap: wrap;
+      flex: 1;
+      > .content1-box:not(:last-child) {
+        margin-bottom: 16px;
+      }
+      .content1-box {
+        width: 100%;
+        position: relative;
+        padding: 10px 16px;
+        background-color: #fafafa;
+        .pending {
+          position: absolute;
+          top: 10px;
+          right: 10px;
+          padding: 2px 10px;
+          font-size: 12px;
+          border-radius: 4px;
+          border: 1px solid;
+        }
+        .trial1 {
+          border-color: #dba71a;
+          color: #dba71a;
+        }
+        .trial2 {
+          border-color: #13b22f;
+          background-color: #13b22f;
+          color: white;
+        }
+        .trial3 {
+          border-color: #ed2b29;
+          background-color: #ed2b29;
+          color: white;
+        }
+        > .content1-box_item:not(:last-child) {
+          margin-bottom: 16px;
+        }
+        .content1-box_item {
+          display: flex;
+          align-items: center;
+          font-size: 14px;
+
+          > div:last-child {
+            margin-left: 12px;
+            color: #272d45;
+          }
+          > div:first-child {
+            color: #a2a4af;
+          }
+        }
+        .content1-box_header {
+          display: flex;
+          align-items: center;
+          margin-bottom: 20px;
+          > div:last-child {
+            font-size: 14px;
+            color: #a2a4af;
+            > span {
+              margin-left: 12px;
+              color: #272d45;
+            }
+          }
+          > div:first-child {
+            margin-right: 50px;
+            font-size: 14px;
+            color: #a2a4af;
+          }
+        }
+      }
+    }
+  }
+  .grid-content {
+    overflow: hidden;
+    margin-bottom: 10px;
+
+    .label {
+      float: left;
+      width: 84px;
+      text-align: right;
+    }
+
+    .value {
+      float: left;
+      width: calc(80% - 80px);
+      margin-left: 10px;
+      // text-overflow: ellipsis;
+      // overflow: hidden;
+      // white-space: nowrap;
+    }
+    .view-detail {
+      padding: 6px 10px;
+      width: 180px;
+      background-color: rgba(81,129,246,0.1);
+      border-radius: 3px;
+      border: 1px solid #5181F6;
+      display: flex;
+      justify-content: space-between;
+      align-items: center;
+      > span:first-child {
+        width: 50%;
+         text-overflow: ellipsis;
         overflow: hidden;
-        margin-bottom: 10px;
-
-        .label {
-            float: left;
-            width: 84px;
-            text-align: right;
-        }
-
-        .value {
-            float: left;
-            width: calc(80% - 80px);
-            margin-left: 10px;
-            // text-overflow: ellipsis;
-            // overflow: hidden;
-            // white-space: nowrap;
-        }
+        white-space: nowrap;
+      }
+      > span:last-child {
+        font-size: 12px;
+      }
     }
+  }
 }
 
 .btn-box {
-    height: 50px;
-    margin-top: 30px;
-    display: flex;
-    justify-content: space-around;
-    align-items: center;
+  height: 50px;
+  margin-top: 30px;
+  display: flex;
+  justify-content: space-around;
+  align-items: center;
 }
 .tableStatus {
-    width: 55px;
-    height: 25px;
-    display: block;
-    background: red;
-    color: #fff;
-    line-height: 25px;
-    border-radius: 5px;
-    margin: auto;
-    // position: absolute;
-    // top: 18%;
-    // right: 0;
-    // left: 65%;
+  width: 55px;
+  height: 25px;
+  display: block;
+  background: red;
+  color: #fff;
+  line-height: 25px;
+  border-radius: 5px;
+  margin: auto;
+  // position: absolute;
+  // top: 18%;
+  // right: 0;
+  // left: 65%;
 }
 .radiusD {
-    display: inline-block;
-    width: 6px;
-    height: 6px;
-    border-radius: 10px;
-    margin-top: 3px;
-    margin: 2px 0px;
+  display: inline-block;
+  width: 6px;
+  height: 6px;
+  border-radius: 10px;
+  margin-top: 3px;
+  margin: 2px 0px;
 }
 .headerLeft {
-    height: 30px;
-    background: #ededed;
-    font-size: 14px;
-    color: #616266;
-    line-height: 30px;
-    padding: 0 10px;
-    margin-bottom: 20px;
+  height: 30px;
+  background: #ededed;
+  font-size: 14px;
+  color: #616266;
+  line-height: 30px;
+  padding: 0 10px;
+  margin-bottom: 20px;
 }
 .back-btn {
-    color: #5788f7;
-    font-weight: 500;
-    position: absolute;
-    left: 89%;
-    top: 1%;
-    display: flex;
-    align-items: center;
-    cursor: pointer;
-    span {
-        margin-left: 3px;
-    }
+  color: #5788f7;
+  font-weight: 500;
+  position: absolute;
+  left: 89%;
+  top: 1%;
+  display: flex;
+  align-items: center;
+  cursor: pointer;
+  span {
+    margin-left: 3px;
+  }
 }
 .textSty {
-    width: 190px;
-    text-overflow: ellipsis;
-    overflow: hidden;
-    white-space: nowrap;
+  width: 190px;
+  text-overflow: ellipsis;
+  overflow: hidden;
+  white-space: nowrap;
 }
 </style>
-  
\ No newline at end of file