diff --git a/src/router/index.js b/src/router/index.js
index 47f8f1c6..9d4bb8ff 100644
--- a/src/router/index.js
+++ b/src/router/index.js
@@ -246,8 +246,8 @@ const routes2 = [
       isDockingToWoer
         ? import("@/components/layout_zhongjian.vue")
         : enabledProjectV2 == 1
-        ? import("@/views/projectLevel/common/page.vue")
-        : import("@/components/layout.vue"),
+          ? import("@/views/projectLevel/common/page.vue")
+          : import("@/components/layout.vue"),
     meta: {
       keepAlive: true,
     },
@@ -540,8 +540,8 @@ const routes2 = [
         name: "劳务管理_准入台账",
         component: () => import("@/views/projectFront/laborManage/entryRecord.vue"),
       },
-       //劳务管理--花名册（颜色版本）
-       {
+      //劳务管理--花名册（颜色版本）
+      {
         path: "/project/labor/roster",
         name: "劳务管理_花名册1",
         component: () => import("@/views/projectFront/laborManage/rosterNew.vue"),
@@ -1558,6 +1558,55 @@ const routes2 = [
         component: () =>
           import("@/views/projectFront/safetyEducation/securityRiskAnalysis.vue"),
       },
+      // 特种作业
+      {
+        path: "/project/specialWork/fireWork",
+        name: "动火作业",
+        component: () =>
+          import("@/views/projectFront/specialWork/fireWork.vue"),
+      },
+      {
+        path: "/project/specialWork/confinedSpaceWork",
+        name: "受限空间作业",
+        component: () =>
+          import("@/views/projectFront/specialWork/confinedSpaceWork.vue"),
+      },
+      {
+        path: "/project/specialWork/blindPlugWork",
+        name: "盲板抽堵作业",
+        component: () =>
+          import("@/views/projectFront/specialWork/blindPlugWork.vue"),
+      },
+      {
+        path: "/project/specialWork/towerOverWork",
+        name: "高出作业",
+        component: () =>
+          import("@/views/projectFront/specialWork/towerOverWork.vue"),
+      },
+      {
+        path: "/project/specialWork/riggingOutWork",
+        name: "吊装安作业",
+        component: () =>
+          import("@/views/projectFront/specialWork/riggingOutWork.vue"),
+      },
+      {
+        path: "/project/specialWork/temporaryPowerWork",
+        name: "临时用电作业",
+        component: () =>
+          import("@/views/projectFront/specialWork/temporaryPowerWork.vue"),
+      },
+      {
+        path: "/project/specialWork/startBuildingWork",
+        name: "动土作业",
+        component: () =>
+          import("@/views/projectFront/specialWork/startBuildingWork.vue"),
+      },
+      {
+        path: "/project/specialWork/disconnectionWork",
+        name: "断路作业",
+        component: () =>
+          import("@/views/projectFront/specialWork/disconnectionWork.vue"),
+      },
       //卸料平台
       {
         path: "/project/unload/basicInfo", //卸料平台  基本信息
@@ -3051,7 +3100,7 @@ const routes2 = [
             "@/views/projectFront/engineerArchives/workingDraw.vue",
           ], resolve),
       },
-      
+
       // 供应商管理系统——承包资质申请
       {
         path: "/supplier/qualification/apply",
diff --git a/src/views/projectFront/specialWork/blindPlugWork.vue b/src/views/projectFront/specialWork/blindPlugWork.vue
new file mode 100644
index 00000000..652830e7
--- /dev/null
+++ b/src/views/projectFront/specialWork/blindPlugWork.vue
@@ -0,0 +1,1197 @@
+<template>
+    <div class="dangerousBigProject">
+        <div v-if="dialogFormVisible">
+            <div class="search-box">
+                <el-form :inline="true" :model="formInline" class="demo-form-inline" size="small">
+                    <el-form-item label="作业申请单位">
+                        <el-select v-model="formInline.recordStatus" placeholder="请选择">
+                            <el-option label="作业申请单位1" :value="0"></el-option>
+                            <el-option label="作业申请单位2" :value="1"></el-option>
+                        </el-select>
+                    </el-form-item>
+                    <el-form-item label="动火人">
+                        <el-input placeholder="请输入" v-model="formInline.engineeringName" clearable style="width: 200px">
+                        </el-input>
+                    </el-form-item>
+                    <el-form-item>
+                        <el-button type="primary" @click="onSubmit" plain>{{
+                            $t('message.quality.inquire')
+                            }}</el-button>
+                    </el-form-item>
+                    <el-form-item>
+                        <el-button type="warning" @click="initData" plain>刷新</el-button>
+                    </el-form-item>
+                </el-form>
+                <!-- 新增 -->
+                <!-- <el-button v-permission="{key: 'wdgc_add', menuPath: '/project/dangerousBigProject/parameter'}"  type="primary" @click="showAddDialog()" size="small">
+            
+            {{ $t('message.dangerousBigProject.add') }}
+          </el-button> -->
+                <!-- <el-button type="danger" size="small">批量删除</el-button> -->
+            </div>
+            <div class="table-box">
+                <el-table class="tables" :data="tableData" size="small" @cell-click="previewDetail"
+                    @selection-change="handleSelectionChange" :header-cell-style="{ 'text-align': 'center' }">
+                    <!-- <el-table-column type="selection" align="center" width="60px"></el-table-column> -->
+                    <el-table-column label="序号" type="index" align="center" width="60"></el-table-column>
+
+                    <el-table-column align="center" label="作业申请单位" show-overflow-tooltip>
+                        <!--  作业申请单位 -->
+                        <template slot-scope="scope">
+                            {{ scope.row.jobApplyForUnit }}
+                        </template>
+                    </el-table-column>
+                    <el-table-column align="center" label="作业申请时间" prop="jobTime"></el-table-column>
+                    <el-table-column align="center" label="受限空间名称" prop="jobTypeName"></el-table-column>
+                    <el-table-column align="center" label="作业内容" prop="jobTypeName"></el-table-column>
+                    <el-table-column align="center" label="受限空间内原有介质名称" prop="jobTypeName"></el-table-column>
+                    <el-table-column align="center" label="作业人" prop="jobName"></el-table-column>
+                    <el-table-column align="center" label="监护人" prop="jobName"></el-table-column>
+                    <el-table-column align="center" label="作业单位" prop="jobUnit"></el-table-column>
+                    <el-table-column align="center" label="作业负责人" prop="jobPrincipal"></el-table-column>
+
+                    <!-- 操作 -->
+                    <el-table-column align="center" :label="$t('message.dangerousBigProject.operation')" width="120">
+                        <template slot-scope="scope">
+                            <!-- <el-button
+                          @click.native.prevent="viewData(scope.$index, tableData)"
+                          type="text"
+                          size="small">
+                              查看
+                          </el-button> -->
+                            <!-- <el-button
+                          @click.native.prevent="editData(scope.$index, tableData)"
+                          type="text"
+                          size="small">
+                              编辑
+                          </el-button> -->
+                            <!-- <el-button
+                v-permission="{key: 'wdgc_edit', menuPath: '/project/dangerousBigProject/parameter'}" 
+                  @click.stop="editRow(scope.$index, tableData)"
+                  type="text"
+                  size="small"
+                >
+                  <i class="el-icon-edit"></i>
+                </el-button> -->
+                            <!-- v-permission="{key: 'wdgc_delete', menuPath: '/project/dangerousBigProject/parameter'}"  -->
+                            <el-button @click.stop="deleteRow(scope.$index, tableData)" type="text" size="small">
+                                <i class="el-icon-delete"></i>
+                                删除
+                            </el-button>
+                        </template>
+                    </el-table-column>
+                </el-table>
+                <el-pagination style="margin-right: 800px;" class="pagerBox" background @size-change="handleSizeChange"
+                    @current-change="handleCurrentChange" :current-page.sync="pageNo" layout="sizes, prev, pager, next"
+                    :page-sizes="[10, 20, 30, 40]" :page-size="pageSize" :total="Number(total)">
+                </el-pagination>
+            </div>
+
+            <!-- <el-dialog :modal-append-to-body="false" :title="dialogTitle" :visible.sync="dialogFormVisible" class="add-dialog">
+              <div class="form-title">基础信息</div>
+              <el-form :model="addForm">
+                  <el-row :gutter="40">
+                      <el-col :span="12">
+                          <el-form-item label="危大工程名称：" required :label-width="formLabelWidth">
+                              <el-input v-model="addForm.name" :disabled="isEditDisabled" placeholder="请输入危大工程名称" autocomplete="off"></el-input>
+                          </el-form-item>
+                      </el-col>
+                      <el-col :span="12">
+                          <el-form-item label="危大工程类别：" required :label-width="formLabelWidth">
+                              <el-select v-model="addForm.category" :disabled="isEditDisabled" @change="changeType" placeholder="请选择危大工程类别">
+                                  <el-option v-for="item in typeOptions"
+                                      :key="item.value"
+                                      :label="item.label"
+                                      :value="item.value"
+                                      >
+                                  </el-option>
+                              </el-select>
+                          </el-form-item>
+                      </el-col>
+                  </el-row>
+                  <el-row :gutter="40">
+                      <el-col :span="12">
+                          <el-form-item label="危大工程概况："  :label-width="formLabelWidth">
+                              <el-input v-model="addForm.points" :disabled="isDisabled" placeholder="请输入危大工程概况" autocomplete="off"></el-input>
+                          </el-form-item>
+                      </el-col>
+                      <el-col :span="12">
+                          <el-form-item label="类别描述：" required :label-width="formLabelWidth">
+                              <el-select v-model="addForm.describe" :disabled="isEditDisabled" placeholder="请选择类别描述">
+                                  <el-option v-for="item in describeOptions"
+                                      :key="item.value"
+                                      :label="item.label"
+                                      :value="item.value">
+                                  </el-option>
+                              </el-select>
+                          </el-form-item>
+                      </el-col>
+                  </el-row>
+                  <el-row :gutter="40">
+                      <el-col :span="12">
+                          <el-form-item label="施工部位：" :label-width="formLabelWidth">
+                              <el-input v-model="addForm.address" :disabled="isDisabled" placeholder="请输入施工部位" autocomplete="off"></el-input>
+                          </el-form-item>
+                      </el-col>
+                      <el-col :span="12">
+                          <el-form-item label="施工计划：" :label-width="formLabelWidth">
+                              <el-date-picker
+                                  :disabled="isDisabled"
+                                  v-model="addForm.date"
+                                  type="daterange"
+                                  range-separator="至"
+                                  value-format="yyyy-MM-dd"
+                                  start-placeholder="开始日期"
+                                  end-placeholder="结束日期">
+                              </el-date-picker>
+                          </el-form-item>
+                      </el-col>
+                  </el-row>
+                  <el-row :gutter="40">
+                      <el-col :span="12">
+                          <el-form-item label="责任人：" :label-width="formLabelWidth">
+                              <el-input v-model="addForm.people" :disabled="isDisabled" placeholder="请输入责任人" autocomplete="off"></el-input>
+                          </el-form-item>
+                      </el-col>
+                      <el-col :span="12">
+                          <el-form-item label="责任分包单位：" :label-width="formLabelWidth">
+                              <el-cascader
+                                  :disabled="isDisabled"
+                                  v-model="addForm.unit"
+                                  placeholder="请选择责任分包单位"
+                                  :options="options"
+                                  :props="props"
+                                  clearable>
+                              </el-cascader>
+                          </el-form-item>
+                      </el-col>
+                  </el-row>
+              </el-form>
+              <div class="form-title">危大工程资料</div>
+              <div class="upload-box">
+                  <div class="upload-file">
+                      <div class="upload-item">
+                          <span>安全技术交底：</span>
+                          <el-switch v-model="safeStatus" :disabled="isDisabled" >
+                          </el-switch>
+                              <span v-if="safeStatus" class="switch-check">已完成</span>
+                              <span v-else class="switch-uncheck">未完成</span>
+                      </div>
+                      <div v-if="dialogTitle == '查看' && file1">{{fileName1}}<a :href="file1">下载</a></div>
+                      <el-upload
+                          class="uploadBox"
+                          :action='$store.state.UPLOADURL'
+                          :on-preview="handlePreview"
+                          :on-remove="handleRemove"
+                          :before-remove="beforeRemove"
+                          :on-success="uploadSuccess"
+                          :on-error="uploadError"
+                          :limit="1"
+                          multiple
+                          name="files"
+                          accept=".doc, .docx, .xls, .xlsx, .ppt, .pptx, .pdf"
+                          :file-list="fileList">
+                          <el-button v-if="dialogTitle == '新增' || dialogTitle == '编辑'" size="small" type="primary">点击上传</el-button>
+                      </el-upload>
+                  </div>
+                  <div class="upload-file">
+                      <div class="upload-item">
+                          <span>安全专项施工方案及附件：</span>
+                          <el-switch v-model="safeStatus2" :disabled="isDisabled">
+                          </el-switch>
+                              <span v-if="safeStatus2" class="switch-check">已完成</span>
+                              <span v-else class="switch-uncheck">未完成</span>
+  
+                      </div>
+                      <div v-if="dialogTitle == '查看' && fileName2">{{fileName2}}<a :href="file2">下载</a></div>
+                      <el-upload
+                          class="uploadBox"
+                          :action='$store.state.UPLOADURL'
+                          :on-preview="handlePreview2"
+                          :on-remove="handleRemove2"
+                          :before-remove="beforeRemove2"
+                          :on-success="uploadSuccess2"
+                          :on-error="uploadError2"
+                          :limit="1"
+                          multiple
+                          name="files"
+                          accept=".doc, .docx, .xls, .xlsx, .ppt, .pptx, .pdf"
+                          :file-list="fileList2">
+                          <el-button v-if="dialogTitle == '新增' || dialogTitle == '编辑'" size="small" type="primary">点击上传</el-button>
+                      </el-upload>
+                  </div>
+                  <div class="upload-file">
+                      <div class="upload-item">
+                          <span>专项施工方案交底：</span>
+                          <el-switch v-model="safeStatus3" :disabled="isDisabled">
+                          </el-switch>
+                              <span v-if="safeStatus3" class="switch-check">已完成</span>
+                              <span v-else class="switch-uncheck">未完成</span>
+                      </div>
+                      <div v-if="dialogTitle == '查看' && fileName3">{{fileName3}}<a :href="file3">下载</a></div>
+                      <el-upload
+                          class="uploadBox"
+                          :action='$store.state.UPLOADURL'
+                          :on-preview="handlePreview3"
+                          :on-remove="handleRemove3"
+                          :before-remove="beforeRemove3"
+                          :on-success="uploadSuccess3"
+                          :on-error="uploadError3"
+                          :limit="1"
+                          multiple
+                          name="files"
+                          accept=".doc, .docx, .xls, .xlsx, .ppt, .pptx, .pdf"
+                          :file-list="fileList3">
+                          <el-button v-if="dialogTitle == '新增' || dialogTitle == '编辑'" size="small" type="primary">点击上传</el-button>
+                      </el-upload>
+                  </div>
+              </div>
+              <div slot="footer" class="dialog-footer">
+                  <el-button @click="dialogFormVisible = false">取 消</el-button>
+                  <el-button type="primary" @click="addData()">确 定</el-button>
+              </div>
+          </el-dialog> -->
+            <!-- 提示 -->
+            <el-dialog :modal-append-to-body="false" :title="$t('message.dangerousBigProject.hint')"
+                :visible.sync="deleteDialog" width="30%">
+                <span>
+                    <!-- 是否确定删除该条记录？ -->
+                    {{ $t('message.dangerousBigProject.hintContent') }}
+                </span>
+                <span slot="footer" class="dialog-footer">
+                    <el-button @click="deleteDialog = false">
+                        <!-- 取 消 -->
+                        {{ $t('message.dangerousBigProject.cancel') }}
+                    </el-button>
+                    <el-button type="primary" @click="checkDelete">
+                        <!-- 确 定 -->
+                        {{ $t('message.dangerousBigProject.confirm') }}
+                    </el-button>
+                </span>
+            </el-dialog>
+        </div>
+        <div style="height: 100%" v-else>
+            <el-page-header @back="goBack" :content="dialogTitle" class="backText"
+                :class="{ dark: styleType == 2 }"></el-page-header>
+            <!-- <addPlan @cancleSave="goBack" v-if="isAdd"></addPlan> -->
+            <detail :id="detailId" :isSuperDanger="isSuperDanger" @cancleSave="goBack" :COMPANY_Type="'longguang'" v-if="isEdit">
+                <template v-slot:basicinfo>
+                    <div class="info-content">
+                        <el-form class="form-box" :model="detailData">
+                            <el-form-item label="作业类型：" :label-width="formLabelWidthDetail">
+                                受限空间名称
+                            </el-form-item>
+                            <el-form-item label="作业单位" :label-width="formLabelWidthDetail">
+                                <!-- <el-cascader
+                            :disabled="isDisabled"
+                            v-model="detailData.responsibilityCompanyId"
+                            placeholder="请选择责任分包单位"
+                            :options="options"
+                            :props="props"
+                            clearable
+                            >
+                            </el-cascader> -->
+                                <el-select v-model="detailData.responsibilityCompanyId" placeholder="请选择作业单位" disabled>
+                                    <el-option :label="item.enterpriseName" :value="item.id"
+                                        v-for="(item, index) in responsibilityList" :key="index">
+                                    </el-option>
+                                </el-select>
+                            </el-form-item>
+                            <el-form-item label="作业申请单位" :label-width="formLabelWidthDetail">
+                                <el-select v-model="detailData.responsibilityCompanyId" placeholder="请选择作业申请单位"
+                                    disabled>
+                                    <el-option :label="item.enterpriseName" :value="item.id"
+                                        v-for="(item, index) in responsibilityList" :key="index">
+                                    </el-option>
+                                </el-select>
+                            </el-form-item>
+                            <el-form-item label="作业负责人：" :label-width="formLabelWidthDetail">
+                                胡小小
+                            </el-form-item>
+                            <el-form-item label="作业申请时间：" :label-width="formLabelWidthDetail">
+                                2024-05-14
+                            </el-form-item>
+                            <el-form-item label="受限空间内原有介质名称" :label-width="formLabelWidthDetail">
+                                西北角
+                            </el-form-item>
+                            <el-form-item label="受限空间名称：" :label-width="formLabelWidthDetail">
+                                特级
+                            </el-form-item>
+                            <el-form-item label="作业人：" :label-width="formLabelWidthDetail">
+                                张三
+                            </el-form-item>
+                            <el-form-item label="作业内容：" :label-width="formLabelWidthDetail">
+                                王乐康
+                            </el-form-item>
+                            <el-form-item label="气体分析时间：" :label-width="formLabelWidthDetail">
+                                <el-date-picker :disabled="isDisabledDetail" v-model="planDate" type="daterange"
+                                    :picker-options="pickerOptions" range-separator="至" value-format="yyyy-MM-dd"
+                                    start-placeholder="开始日期" end-placeholder="结束日期">
+                                </el-date-picker>
+                            </el-form-item>
+                            <el-form-item label="证书编号：" :label-width="formLabelWidthDetail">
+                                16548955
+                            </el-form-item>
+                            <el-form-item label="代表性气体：" :label-width="formLabelWidthDetail">
+                                16548955
+                            </el-form-item>
+                            <el-form-item label="监护人：" :label-width="formLabelWidthDetail">
+                                王乐康
+                            </el-form-item>
+                            <el-form-item label="风险辨识结果：" :label-width="formLabelWidthDetail">
+                                王乐康
+                            </el-form-item>
+                            <el-form-item label="关联的其他特殊作业：" :label-width="formLabelWidthDetail">
+                                王乐康
+                            </el-form-item>
+                            <el-form-item label="作业实施时间：" :label-width="formLabelWidthDetail">
+                                <el-date-picker :disabled="isDisabledDetail" v-model="planDate" type="daterange"
+                                    :picker-options="pickerOptions" range-separator="至" value-format="yyyy-MM-dd"
+                                    start-placeholder="开始日期" end-placeholder="结束日期">
+                                </el-date-picker>
+                            </el-form-item>
+                            <el-form-item label="安全作业票编码" :label-width="formLabelWidthDetail">
+                                7984654
+                            </el-form-item>
+                        </el-form>
+                        <!-- <div v-if="COMPANY != 'longguang'" class="qr-box">
+                                    <div id="qrCode" ref="qrCodeDiv"></div>
+                                    <el-button size="medium" class="print-btn" @click="printBtn">打印危大工程标识</el-button>
+                                </div> -->
+                    </div>
+                </template>
+                <template v-slot:gasanalysis>
+                    <div>
+                        <el-form :model="detailData">
+                            <el-row>
+                                <el-col :span="8">
+                                    <el-form-item label="分析项目：" :label-width="formLabelWidthDetail">
+                                        受限空间
+                                    </el-form-item>
+                                </el-col>
+                                <el-col :span="8">
+                                    <el-form-item label="有毒有害气体名称" :label-width="formLabelWidthDetail">
+                                        一氧化碳
+                                    </el-form-item>
+                                </el-col>
+                                <el-col :span="8">
+                                    <el-form-item label="可燃气体名称：" :label-width="formLabelWidthDetail">
+                                        天然气
+                                    </el-form-item>
+                                </el-col>
+                            </el-row>
+                            <el-row>
+                                <el-col :span="8">
+                                    <el-form-item label="合格标准：" :label-width="formLabelWidthDetail">
+                                        100
+                                    </el-form-item>
+                                </el-col>
+                                <el-col :span="8">
+                                    <el-form-item label="氧气含氧量(19.5%~21%)：" :label-width="formLabelWidthDetail">
+                                        20%
+                                    </el-form-item>
+                                </el-col>
+                                <el-col :span="8">
+                                    <el-form-item label="取样分析时间：" :label-width="formLabelWidthDetail">
+                                        <el-date-picker :disabled="isDisabledDetail" v-model="planDate" type="date"
+                                            :picker-options="pickerOptions" value-format="yyyy-MM-dd">
+                                        </el-date-picker>
+                                    </el-form-item>
+                                </el-col>
+                            </el-row>
+                            <el-row>
+                                <el-col :span="8">
+                                    <el-form-item label="分析部位：" :label-width="formLabelWidthDetail">
+                                        顶部
+                                    </el-form-item>
+                                </el-col>
+                                <el-col :span="8">
+                                    <el-form-item label="分析人：" :label-width="formLabelWidthDetail">
+                                        刘大大
+                                    </el-form-item>
+                                </el-col>
+                                <el-col :span="10">
+                                    <el-form-item label="分析数据：" :label-width="formLabelWidthDetail">
+
+                                        <el-input v-model="detailData.engineeringSurvey" :disabled="isDisabledDetail"
+                                            placeholder="一氧化碳/天然气/20%/2024-01-12/顶部/刘大大" autocomplete="off"></el-input>
+                                    </el-form-item>
+                                </el-col>
+                            </el-row>
+                        </el-form>
+                    </div>
+                </template>
+            </detail>
+            <editPlan :title="operateTitle" :editId="editId" @cancleSave="goBack" v-if="isUpdate"></editPlan>
+        </div>
+    </div>
+</template>
+
+<script>
+import moment from 'moment'
+//   import addPlan from './addPlan.vue'
+import detail from './detail.vue'
+import editPlan from './editPlan.vue'
+import {
+    selectDangerousEngineeringRecordApi,
+    addDangerousEngineeringRecordApi,
+    deleteDangerousEngineeringRecordApi,
+    selectDangerousEngineeringTypeApi,
+    editDangerousEngineeringRecordApi
+} from "@/assets/js/api/dangerousBigProject"
+import { getCooperatorListApi } from "@/assets/js/api/cooperationUnit";
+export default {
+    components: {
+        //   addPlan,
+        detail,
+        editPlan
+    },
+    data() {
+        return {
+            formInline: {
+                engineeringName: '',
+                recordStatus: '',
+            },
+            formLabelWidthDetail: "180px",
+            detailData: {},
+            responsibilityList: [],
+            planDate: "",
+            pickerOptions: {
+                disabledDate(time) {
+                    return time.getTime() < Date.now() - 8.64e7;
+                },
+            },
+            isDisabledDetail: true,
+
+            operateTitle: "新增",
+            isAdd: false,
+            isEdit: false,
+            isDisabled: false,
+            engineeringName: "",
+            detailId: "",
+            isSuperDanger: false,
+            tableData: [
+                { jobApplyForUnit: "辽宁五寰", jobTime: "2024-5-14", jobTypeName: "特级", jobName: "张三", jobSerial: "15236655", jobUnit: "辽宁五寰", jobPrincipal: "李四" },
+                { jobApplyForUnit: "辽宁五寰", jobTime: "2024-5-14", jobTypeName: "特级", jobName: "张三", jobSerial: "15236655", jobUnit: "辽宁五寰", jobPrincipal: "李四" },
+                { jobApplyForUnit: "辽宁五寰", jobTime: "2024-5-14", jobTypeName: "特级", jobName: "张三", jobSerial: "15236655", jobUnit: "辽宁五寰", jobPrincipal: "李四" }
+            ],
+            dialogFormVisible: true,
+            multipleSelection: [],
+            addForm: {
+                name: "",
+                category: "",
+                points: "",
+                describe: "",
+                address: "",
+                date: [],
+                people: "",
+                unit: []
+            },
+            props: {
+                multiple: true
+            },
+            typeOptions: [],
+            describeOptions: [],
+            options: [{
+                label: 111,
+                value: 12
+            }],
+            formLabelWidth: "110px",
+            safeStatus: false,
+            safeStatus2: false,
+            safeStatus3: false,
+            fileList: [],
+            fileList2: [],
+            fileList3: [],
+            dialogTitle: "",
+            pageNo: 1,
+            pageSize: 10,
+            total: 10,
+            projectSn: "",
+            enterpriseTypeId: 1,
+            cooperatorList: [],
+            file3: "",
+            file2: "",
+            file1: "",
+            deleteId: "",
+            editId: "",
+            deleteDialog: false,
+            isEditDisabled: false,
+            editParms: [],
+            fileName1: "",
+            fileName2: "",
+            fileName3: "",
+            styleType: 1,
+            isUpdate: false
+        }
+    },
+    mounted() {
+        this.projectSn = this.$store.state.projectSn
+        this.styleType = this.$store.state.userInfo.styleType;
+        // this.getCooperatorList()
+        // this.getType()
+        //   this.initData();
+    },
+    methods: {
+        editRow(index, rows) {
+            if (rows[index].finalAcceptanceStatus === 2) {
+                this.$message.warning('该项危大工程已闭合，请勿操作')
+                return
+            }
+            // console.log(index,rows[index].id)
+            this.editId = rows[index].id
+            this.operateTitle = "编辑"
+            this.dialogTitle = "编辑"
+            this.dialogFormVisible = false
+            this.isEdit = false
+            this.isAdd = false
+            this.isUpdate = true;
+        },
+        goBack() {
+            this.dialogFormVisible = true
+            // this.initData()
+            this.isAdd = false
+            this.isEdit = false
+            this.isUpdate = false;
+        },
+        showAddDialog() {
+            this.dialogFormVisible = false
+            this.isEdit = false
+            this.isUpdate = false;
+            this.isAdd = true
+            // "新增"
+            this.dialogTitle = this.$t('message.dangerousBigProject.add')
+            // this.clearData()
+            // if(this.isDisabled){
+            //     this.isDisabled = false
+            // }
+            // if(this.isEditDisabled){
+            //     this.isEditDisabled = false
+            // }
+        },
+        onSubmit() {
+
+        },
+        initData() {
+            let data = {
+                engineeringName: this.engineeringName,
+                pageNo: this.pageNo,
+                pageSize: this.pageSize,
+                projectSn: this.projectSn
+            }
+            selectDangerousEngineeringRecordApi(data).then((res) => {
+                if (res.result) {
+                    console.log(res.result.records, 1)
+                    res.result.records.forEach((item) => {
+                        if (item.planStartTime && item.planEndTime) {
+                            item.plan = item.planStartTime + "至" + item.planEndTime
+                        }
+                        if (item.responsibilityCompany.split(",").length > 0 && item.responsibilityCompany !== "") {
+                            let arr = []
+                            for (let i = 0; i < this.options.length; i++) {
+                                let itm = this.options[i].value
+                                for (let j = 0; j < item.responsibilityCompany.split(",").length; j++) {
+                                    if (itm == item.responsibilityCompany.split(",")[j]) {
+                                        arr.push(this.options[i].label)
+                                    }
+                                }
+                            }
+                            item.subpackageUnit = arr.join(",")
+                        }
+                    })
+                    // console.log(this.options)
+                    this.tableData = res.result.records
+                    this.total = res.result.total
+                }
+            });
+        },
+        editData(index, val) {
+            this.viewData(index, val)
+            // "编辑"
+            this.dialogTitle = this.$t('message.dangerousBigProject.edit')
+            this.editParms = val[index]
+            if (this.file1) {
+                let obj = {
+                    name: this.file1.split("/")[this.file1.split("/").length - 1],
+                    url: this.file1
+                }
+                this.fileList.push(obj)
+            }
+            if (this.file2) {
+                let obj2 = {
+                    name: this.file2.split("/")[this.file2.split("/").length - 1],
+                    url: this.file2
+                }
+                this.fileList2.push(obj2)
+            }
+            if (this.file3) {
+                let obj3 = {
+                    name: this.file3.split("/")[this.file3.split("/").length - 1],
+                    url: this.file3
+                }
+                this.fileList3.push(obj3)
+            }
+            this.isDisabled = false
+            this.isEditDisabled = true
+            // console.log(this.editId)
+        },
+        viewData(index, val) {
+            this.clearData()
+            this.dialogFormVisible = true
+            // "查看"
+            this.dialogTitle = this.$t('message.dangerousBigProject.view')
+            this.isDisabled = true
+            this.isEditDisabled = true
+            this.addForm = {
+                name: val[index].engineeringName,
+                category: val[index].engineeringTypeId,
+                points: val[index].engineeringSurvey,
+                describe: val[index].describeName,
+                address: val[index].constructionLocation,
+                date: [val[index].planStartTime, val[index].planEndTime],
+                people: val[index].personLiable,
+                unit: val[index].responsibilityCompany
+            }
+            this.safeStatus = val[index].securityConstructionSchemeType == 2 ? true : false
+            this.safeStatus2 = val[index].specialConstructionSchemeType == 2 ? true : false
+            this.safeStatus3 = val[index].technicalDisclosureType == 2 ? true : false
+            this.file1 = val[index].securityConstructionSchemeFile
+            this.file2 = val[index].specialConstructionSchemeFile
+            this.file3 = val[index].technicalDisclosureFile
+            this.fileName1 = this.file1 ? this.file1.split("/")[this.file1.split("/").length - 1] : ""
+            this.fileName2 = this.file2 ? this.file2.split("/")[this.file2.split("/").length - 1] : ""
+            this.fileName3 = this.file3 ? this.file3.split("/")[this.file3.split("/").length - 1] : ""
+        },
+        clearData() {
+            this.addForm = {
+                name: "",
+                category: "",
+                points: "",
+                describe: "",
+                address: "",
+                date: [],
+                people: "",
+                unit: ""
+            },
+                this.safeStatus = false
+            this.safeStatus2 = false
+            this.safeStatus3 = false
+            this.file1 = ""
+            this.file2 = ""
+            this.file3 = ""
+            this.fileList = []
+            this.fileList2 = []
+            this.fileList3 = []
+        },
+        // 选择类别
+        changeType(value) {
+            this.typeOptions.forEach(item => {
+                if (item.id == value) {
+                    item.describeList.forEach(item => {
+                        item.value = item.id
+                        if (item.describeName.length > 40) {
+                            item.label = item.describeName.substring(0, 40) + '...'
+                        } else {
+                            item.label = item.describeName
+                        }
+                    })
+                    this.describeOptions = item.describeList
+                }
+            })
+            console.log(value)
+        },
+        //获取责任分包单位
+        getCooperatorList() {
+            let data = {
+                projectSn: this.projectSn,
+                pageNo: this.pageNo,
+                pageSize: this.pageSize,
+                enterpriseTypeId: this.enterpriseTypeId,
+                enterpriseName: "",
+            };
+            getCooperatorListApi(data).then((res) => {
+                if (res.code == 200) {
+
+                    if (res.result.records.length > 0) {
+                        this.cooperatorList = JSON.parse(JSON.stringify(res.result.records));
+                        this.cooperatorList.forEach((item) => {
+                            item.value = item.enterpriseLegalPerson
+                            item.label = item.enterpriseName
+                        })
+                        this.options = this.cooperatorList
+                        // console.log(this.options)
+                    }
+                }
+            });
+        },
+        // 获取类别
+        getType() {
+            selectDangerousEngineeringTypeApi({ sn: JSON.parse(window.sessionStorage.getItem("vuex")).userInfo.headquartersSn }).then((res) => {
+                if (res.result) {
+                    // console.log(res.result)
+                    res.result.forEach(item => {
+                        item.label = item.typeName
+                        item.value = item.id
+                    })
+                    this.typeOptions = res.result
+                }
+            })
+        },
+        addData() {
+            if (this.addForm.name == "") {
+                // 请输入危大工程名称
+                this.$message.error(this.$t('message.dangerousBigProject.verifyMessage1'))
+                return
+            } else if (this.addForm.category == "") {
+                // 请选择危大工程类别
+                this.$message.error(this.$t('message.dangerousBigProject.verifyMessage2'))
+                return
+            } else if (this.addForm.describe == "") {
+                // 请选择类别描述
+                this.$message.error(this.$t('message.dangerousBigProject.verifyMessage3'))
+                return
+            }
+            // console.log(this.addForm)
+            let nowDate = new Date()
+            let data = {
+                constructionLocation: this.addForm.address,
+                createTime: moment(nowDate).format('YYYY-MM-DD HH:mm:ss'),
+                engineeringName: this.addForm.name,
+                engineeringSurvey: this.addForm.points,
+                engineeringTypeId: this.addForm.category,
+                personLiable: this.addForm.people,
+                planEndTime: this.addForm.date[1],
+                planStartTime: this.addForm.date[0],
+                projectSn: this.projectSn,
+                securityConstructionSchemeFile: this.fileList.length > 0 ? this.file1 : "", //安全专项施工方案附件
+                securityConstructionSchemeType: this.safeStatus ? 2 : 1,//是否完成安全专项施工方案交底，1未完成，2完成
+                specialConstructionSchemeFile: this.fileList2.length > 0 ? this.file2 : '',//专项施工方案附件
+                specialConstructionSchemeType: this.safeStatus2 ? 2 : 1,//是否完成专项施工方案交底，1未完成，2完成
+                technicalDisclosureFile: this.fileList3.length > 0 ? this.file3 : '',//技术交底文件
+                technicalDisclosureType: this.safeStatus3 ? 2 : 1,//是否完成安全技术交底，1未完成，2完成
+                typeDescribeId: this.addForm.describe,//危大工程类别描述
+                addForm: this.addForm
+            }
+            // "新增"
+            if (this.dialogTitle == this.$t('message.dangerousBigProject.add')) {
+                console.log(data)
+                data.responsibilityCompany = this.addForm.unit ? this.addForm.unit.join(',') : ""
+                addDangerousEngineeringRecordApi(data).then((res) => {
+                    if (res.code = 200) {
+                        this.$message.success(this.$t('message.dangerousBigProject.add') + this.$t('message.dangerousBigProject.success') + "！")
+                        this.initData()
+                    }
+                    console.log(res)
+                })
+            } else if (this.dialogTitle == this.$t('message.dangerousBigProject.edit')) {
+                // "编辑"
+                data.id = this.editParms.id
+                data.typeDescribeId = this.editParms.typeDescribeId
+                if (this.addForm.unit && Array.isArray(this.addForm.unit)) {
+                    data.responsibilityCompany = this.addForm.unit.join(',')
+                } else {
+                    data.responsibilityCompany = this.addForm.unit
+                }
+                editDangerousEngineeringRecordApi(data).then((res) => {
+                    if (res.code = 200) {
+                        // "修改成功！"
+                        this.$message.success(this.$t('message.dangerousBigProject.editSuccess'))
+                        this.initData()
+                    }
+                    console.log(res)
+                })
+            }
+            this.dialogFormVisible = false
+        },
+        handleSelectionChange(val) {
+            this.multipleSelection = val;
+        },
+        deleteRow(index, rows) {
+            if (rows[index].finalAcceptanceStatus === 2) {
+                this.$message.warning('该项危大工程已闭合，请勿操作')
+                return
+            }
+            // console.log(index,rows[index].id)
+            this.deleteId = rows[index].id
+            this.deleteDialog = true
+        },
+        checkDelete() {
+            deleteDangerousEngineeringRecordApi({ id: this.deleteId }).then((res) => {
+                console.log(res)
+                if (res.code == 200) {
+                    this.$message.success(res.message)
+                    this.initData()
+                }
+            })
+            this.deleteDialog = false
+        },
+        handleSizeChange() {
+            this.initData()
+        },
+        handleCurrentChange() {
+            this.initData()
+        },
+        handleRemove(file, fileList) {
+            console.log(fileList);
+            this.fileList = fileList;
+        },
+        handlePreview(file) {
+            console.log(file);
+        },
+        beforeRemove(file, fileList) {
+            // 确定移除
+            return this.$confirm(this.$t('message.dangerousBigProject.confirmRemove') + ` ${file.name}？`);
+        },
+        uploadSuccess(response, file, fileList) {
+            console.log('fileList')
+            console.log(fileList)
+            this.fileList = fileList;
+            this.file1 = this.$store.state.FILEURL + fileList[0].response.data[0].imageUrl
+        },
+        uploadError(err, file, fileList) {
+            // 上传失败！
+            this.$message.error(this.$t('message.dangerousBigProject.uploadFail'));
+        },
+        handleRemove2(file, fileList) {
+            console.log(fileList);
+            this.fileList2 = fileList;
+        },
+        handlePreview2(file) {
+            console.log(file);
+        },
+        beforeRemove2(file, fileList) {
+            // 确定移除
+            return this.$confirm(this.$t('message.dangerousBigProject.confirmRemove') + `${file.name}？`);
+        },
+        uploadSuccess2(response, file, fileList) {
+            console.log('fileList')
+            console.log(fileList)
+            this.fileList2 = fileList;
+            this.file2 = this.$store.state.FILEURL + fileList[0].response.data[0].imageUrl
+        },
+        uploadError2(err, file, fileList) {
+            // 上传失败！
+            this.$message.error(this.$t('message.dangerousBigProject.uploadFail'));
+        },
+        handleRemove3(file, fileList) {
+            console.log(fileList);
+            this.fileList3 = fileList;
+        },
+        handlePreview3(file) {
+            console.log(file);
+        },
+        beforeRemove3(file, fileList) {
+            // 确定移除
+            return this.$confirm(this.$t('message.dangerousBigProject.confirmRemove') + `${file.name}？`);
+        },
+        uploadSuccess3(response, file, fileList) {
+            console.log('fileList')
+            console.log(fileList)
+            this.fileList3 = fileList;
+            this.file3 = this.$store.state.FILEURL + fileList[0].response.data[0].imageUrl
+        },
+        uploadError3(err, file, fileList) {
+            // 上传失败！
+            this.$message.error(this.$t('message.dangerousBigProject.uploadFail'));
+        },
+        previewDetail(val) {
+            console.log(val)
+            this.dialogFormVisible = false
+            this.isEdit = true
+            this.isAdd = false
+            this.isUpdate = false
+            // 详细
+            this.dialogTitle = this.$t('message.dangerousBigProject.detailed')
+            this.detailId = val.id
+            this.isSuperDanger = val.issuperdanger
+        }
+    }
+}
+</script>
+
+<style lang="less" scoped>
+.el-button--text{
+    color: #262d47;
+}
+
+
+.form-box {
+    width: 70%;
+    display: flex;
+    flex-wrap: wrap;
+
+    /deep/.el-form-item {
+        width: 50%;
+        padding-right: 10px;
+        box-sizing: border-box;
+    }
+
+    // /deep/.el-col-12{
+    //     padding-left: 20px;
+    // }
+    /deep/.el-input__inner {
+        width: 100%;
+    }
+
+    /deep/.el-select {
+        width: 100%;
+    }
+
+    /deep/.el-cascader {
+        width: 100%;
+    }
+}
+
+.gasanalysis-table {
+    padding: 10px 20px;
+
+    .el-row:first-child .el-col {
+        background-color: #E9E9E9;
+    }
+
+    .el-row {
+        font-size: 14px;
+        color: #000;
+
+        .el-col:first-child {
+            background-color: #E9E9E9;
+        }
+
+        .el-col {
+            height: 40px;
+            display: flex;
+            align-items: center;
+            justify-content: center;
+            border: 1px solid #E1E1E1;
+        }
+    }
+}
+
+.dangerousBigProject {
+    padding-bottom: 20px;
+    height: 100%;
+    background: #fff;
+    padding: 0 10px;
+    padding-top: 20px;
+    box-sizing: border-box;
+
+    >div {
+        height: 100%;
+
+        .search-box {
+            display: flex;
+            margin-bottom: 20px;
+
+            .search-input {
+                width: 260px;
+                margin-right: 20px;
+            }
+        }
+    }
+}
+
+.el-icon-delete {
+    color: #f56c6c;
+}
+
+.table-box {
+    display: flex;
+    flex-direction: column;
+    height: calc(100% - 72px);
+
+    .tables {
+        margin-bottom: auto;
+    }
+}
+
+.table-item {
+    display: flex;
+    flex-direction: column;
+    align-items: flex-start;
+
+    p {
+        width: 100%;
+        overflow: hidden;
+        white-space: nowrap;
+        text-overflow: ellipsis;
+    }
+
+    // .item-status {
+    //   background: #f56c6c;
+    //   display: block;
+    //   color: #fff;
+    //   border-radius: 4px;
+    //   padding: 0 4px;
+    //   height: 20px;
+    // }
+    .item-status {
+        display: flex;
+        align-items: center;
+
+        img {
+            width: 15px;
+            height: 15px;
+        }
+
+        span {
+            font-size: 14px;
+            color: #EA3941;
+        }
+    }
+
+    .status-none {
+        height: 20px;
+    }
+
+    .item-title {
+        font-weight: 600;
+    }
+}
+
+.table-category-item {
+    display: flex;
+
+    p {
+        width: 100%;
+        overflow: hidden;
+        white-space: nowrap;
+        text-overflow: ellipsis;
+    }
+
+    // .item-status {
+    //   background: #f56c6c;
+    //   display: block;
+    //   color: #fff;
+    //   border-radius: 4px;
+    //   padding: 0 4px;
+    //   height: 20px;
+    // }
+    .item-status {
+        display: flex;
+        align-items: center;
+        margin-right: 3px;
+
+        img {
+            width: 15px;
+            height: 15px;
+            margin-right: 3px;
+        }
+
+        span {
+            font-size: 14px;
+            color: #EA3941;
+        }
+    }
+
+    .status-none {
+        height: 20px;
+    }
+
+    .item-title {
+        font-weight: 600;
+    }
+}
+
+.add-dialog {
+    /deep/ .el-dialog {
+        width: 80%;
+    }
+
+    .form-title {
+        margin-bottom: 20px;
+    }
+
+    /deep/ .el-form-item__label {
+        text-align: left;
+        white-space: nowrap;
+    }
+
+    /deep/ .el-form {
+        padding-left: 36px;
+        padding-right: 26px;
+        margin-bottom: 20px;
+    }
+
+    /deep/ .el-select {
+        width: 100%;
+    }
+
+    /deep/ .el-date-editor.el-input {
+        width: 100%;
+    }
+
+    /deep/ .el-date-editor {
+        width: 100%;
+    }
+
+    /deep/ .el-cascader {
+        width: 100%;
+    }
+
+    .upload-item {
+        display: flex;
+        margin-bottom: 10px;
+        align-items: center;
+
+        span {
+            margin-right: 16px;
+        }
+
+        .switch-check {
+            margin-left: 8px;
+            color: #409eff;
+            line-height: 20px;
+        }
+
+        .switch-uncheck {
+            margin-left: 8px;
+            line-height: 20px;
+        }
+    }
+
+    .upload-file {
+        width: 50%;
+        padding-left: 26px;
+        box-sizing: border-box;
+        margin-bottom: 20px;
+
+        a {
+            color: #409eff;
+            text-decoration: none;
+            margin-left: 6px;
+        }
+    }
+
+    .upload-box {
+        display: flex;
+        flex-wrap: wrap;
+    }
+}
+
+.el-pagination {
+    display: flex;
+    justify-content: flex-end;
+    margin-top: 20px;
+}
+
+.backText {
+    padding: 8px 0;
+    padding-left: 10px;
+
+    /deep/.el-page-header__content {
+        font-size: 14px;
+    }
+}
+
+.dark {
+    /deep/.el-page-header__content {
+        color: #fff;
+    }
+
+    /deep/ .print-btn {
+        background: none;
+        color: #262d47;
+        font-size: 14px;
+    }
+}
+</style>
\ No newline at end of file
diff --git a/src/views/projectFront/specialWork/confinedSpaceWork.vue b/src/views/projectFront/specialWork/confinedSpaceWork.vue
new file mode 100644
index 00000000..652830e7
--- /dev/null
+++ b/src/views/projectFront/specialWork/confinedSpaceWork.vue
@@ -0,0 +1,1197 @@
+<template>
+    <div class="dangerousBigProject">
+        <div v-if="dialogFormVisible">
+            <div class="search-box">
+                <el-form :inline="true" :model="formInline" class="demo-form-inline" size="small">
+                    <el-form-item label="作业申请单位">
+                        <el-select v-model="formInline.recordStatus" placeholder="请选择">
+                            <el-option label="作业申请单位1" :value="0"></el-option>
+                            <el-option label="作业申请单位2" :value="1"></el-option>
+                        </el-select>
+                    </el-form-item>
+                    <el-form-item label="动火人">
+                        <el-input placeholder="请输入" v-model="formInline.engineeringName" clearable style="width: 200px">
+                        </el-input>
+                    </el-form-item>
+                    <el-form-item>
+                        <el-button type="primary" @click="onSubmit" plain>{{
+                            $t('message.quality.inquire')
+                            }}</el-button>
+                    </el-form-item>
+                    <el-form-item>
+                        <el-button type="warning" @click="initData" plain>刷新</el-button>
+                    </el-form-item>
+                </el-form>
+                <!-- 新增 -->
+                <!-- <el-button v-permission="{key: 'wdgc_add', menuPath: '/project/dangerousBigProject/parameter'}"  type="primary" @click="showAddDialog()" size="small">
+            
+            {{ $t('message.dangerousBigProject.add') }}
+          </el-button> -->
+                <!-- <el-button type="danger" size="small">批量删除</el-button> -->
+            </div>
+            <div class="table-box">
+                <el-table class="tables" :data="tableData" size="small" @cell-click="previewDetail"
+                    @selection-change="handleSelectionChange" :header-cell-style="{ 'text-align': 'center' }">
+                    <!-- <el-table-column type="selection" align="center" width="60px"></el-table-column> -->
+                    <el-table-column label="序号" type="index" align="center" width="60"></el-table-column>
+
+                    <el-table-column align="center" label="作业申请单位" show-overflow-tooltip>
+                        <!--  作业申请单位 -->
+                        <template slot-scope="scope">
+                            {{ scope.row.jobApplyForUnit }}
+                        </template>
+                    </el-table-column>
+                    <el-table-column align="center" label="作业申请时间" prop="jobTime"></el-table-column>
+                    <el-table-column align="center" label="受限空间名称" prop="jobTypeName"></el-table-column>
+                    <el-table-column align="center" label="作业内容" prop="jobTypeName"></el-table-column>
+                    <el-table-column align="center" label="受限空间内原有介质名称" prop="jobTypeName"></el-table-column>
+                    <el-table-column align="center" label="作业人" prop="jobName"></el-table-column>
+                    <el-table-column align="center" label="监护人" prop="jobName"></el-table-column>
+                    <el-table-column align="center" label="作业单位" prop="jobUnit"></el-table-column>
+                    <el-table-column align="center" label="作业负责人" prop="jobPrincipal"></el-table-column>
+
+                    <!-- 操作 -->
+                    <el-table-column align="center" :label="$t('message.dangerousBigProject.operation')" width="120">
+                        <template slot-scope="scope">
+                            <!-- <el-button
+                          @click.native.prevent="viewData(scope.$index, tableData)"
+                          type="text"
+                          size="small">
+                              查看
+                          </el-button> -->
+                            <!-- <el-button
+                          @click.native.prevent="editData(scope.$index, tableData)"
+                          type="text"
+                          size="small">
+                              编辑
+                          </el-button> -->
+                            <!-- <el-button
+                v-permission="{key: 'wdgc_edit', menuPath: '/project/dangerousBigProject/parameter'}" 
+                  @click.stop="editRow(scope.$index, tableData)"
+                  type="text"
+                  size="small"
+                >
+                  <i class="el-icon-edit"></i>
+                </el-button> -->
+                            <!-- v-permission="{key: 'wdgc_delete', menuPath: '/project/dangerousBigProject/parameter'}"  -->
+                            <el-button @click.stop="deleteRow(scope.$index, tableData)" type="text" size="small">
+                                <i class="el-icon-delete"></i>
+                                删除
+                            </el-button>
+                        </template>
+                    </el-table-column>
+                </el-table>
+                <el-pagination style="margin-right: 800px;" class="pagerBox" background @size-change="handleSizeChange"
+                    @current-change="handleCurrentChange" :current-page.sync="pageNo" layout="sizes, prev, pager, next"
+                    :page-sizes="[10, 20, 30, 40]" :page-size="pageSize" :total="Number(total)">
+                </el-pagination>
+            </div>
+
+            <!-- <el-dialog :modal-append-to-body="false" :title="dialogTitle" :visible.sync="dialogFormVisible" class="add-dialog">
+              <div class="form-title">基础信息</div>
+              <el-form :model="addForm">
+                  <el-row :gutter="40">
+                      <el-col :span="12">
+                          <el-form-item label="危大工程名称：" required :label-width="formLabelWidth">
+                              <el-input v-model="addForm.name" :disabled="isEditDisabled" placeholder="请输入危大工程名称" autocomplete="off"></el-input>
+                          </el-form-item>
+                      </el-col>
+                      <el-col :span="12">
+                          <el-form-item label="危大工程类别：" required :label-width="formLabelWidth">
+                              <el-select v-model="addForm.category" :disabled="isEditDisabled" @change="changeType" placeholder="请选择危大工程类别">
+                                  <el-option v-for="item in typeOptions"
+                                      :key="item.value"
+                                      :label="item.label"
+                                      :value="item.value"
+                                      >
+                                  </el-option>
+                              </el-select>
+                          </el-form-item>
+                      </el-col>
+                  </el-row>
+                  <el-row :gutter="40">
+                      <el-col :span="12">
+                          <el-form-item label="危大工程概况："  :label-width="formLabelWidth">
+                              <el-input v-model="addForm.points" :disabled="isDisabled" placeholder="请输入危大工程概况" autocomplete="off"></el-input>
+                          </el-form-item>
+                      </el-col>
+                      <el-col :span="12">
+                          <el-form-item label="类别描述：" required :label-width="formLabelWidth">
+                              <el-select v-model="addForm.describe" :disabled="isEditDisabled" placeholder="请选择类别描述">
+                                  <el-option v-for="item in describeOptions"
+                                      :key="item.value"
+                                      :label="item.label"
+                                      :value="item.value">
+                                  </el-option>
+                              </el-select>
+                          </el-form-item>
+                      </el-col>
+                  </el-row>
+                  <el-row :gutter="40">
+                      <el-col :span="12">
+                          <el-form-item label="施工部位：" :label-width="formLabelWidth">
+                              <el-input v-model="addForm.address" :disabled="isDisabled" placeholder="请输入施工部位" autocomplete="off"></el-input>
+                          </el-form-item>
+                      </el-col>
+                      <el-col :span="12">
+                          <el-form-item label="施工计划：" :label-width="formLabelWidth">
+                              <el-date-picker
+                                  :disabled="isDisabled"
+                                  v-model="addForm.date"
+                                  type="daterange"
+                                  range-separator="至"
+                                  value-format="yyyy-MM-dd"
+                                  start-placeholder="开始日期"
+                                  end-placeholder="结束日期">
+                              </el-date-picker>
+                          </el-form-item>
+                      </el-col>
+                  </el-row>
+                  <el-row :gutter="40">
+                      <el-col :span="12">
+                          <el-form-item label="责任人：" :label-width="formLabelWidth">
+                              <el-input v-model="addForm.people" :disabled="isDisabled" placeholder="请输入责任人" autocomplete="off"></el-input>
+                          </el-form-item>
+                      </el-col>
+                      <el-col :span="12">
+                          <el-form-item label="责任分包单位：" :label-width="formLabelWidth">
+                              <el-cascader
+                                  :disabled="isDisabled"
+                                  v-model="addForm.unit"
+                                  placeholder="请选择责任分包单位"
+                                  :options="options"
+                                  :props="props"
+                                  clearable>
+                              </el-cascader>
+                          </el-form-item>
+                      </el-col>
+                  </el-row>
+              </el-form>
+              <div class="form-title">危大工程资料</div>
+              <div class="upload-box">
+                  <div class="upload-file">
+                      <div class="upload-item">
+                          <span>安全技术交底：</span>
+                          <el-switch v-model="safeStatus" :disabled="isDisabled" >
+                          </el-switch>
+                              <span v-if="safeStatus" class="switch-check">已完成</span>
+                              <span v-else class="switch-uncheck">未完成</span>
+                      </div>
+                      <div v-if="dialogTitle == '查看' && file1">{{fileName1}}<a :href="file1">下载</a></div>
+                      <el-upload
+                          class="uploadBox"
+                          :action='$store.state.UPLOADURL'
+                          :on-preview="handlePreview"
+                          :on-remove="handleRemove"
+                          :before-remove="beforeRemove"
+                          :on-success="uploadSuccess"
+                          :on-error="uploadError"
+                          :limit="1"
+                          multiple
+                          name="files"
+                          accept=".doc, .docx, .xls, .xlsx, .ppt, .pptx, .pdf"
+                          :file-list="fileList">
+                          <el-button v-if="dialogTitle == '新增' || dialogTitle == '编辑'" size="small" type="primary">点击上传</el-button>
+                      </el-upload>
+                  </div>
+                  <div class="upload-file">
+                      <div class="upload-item">
+                          <span>安全专项施工方案及附件：</span>
+                          <el-switch v-model="safeStatus2" :disabled="isDisabled">
+                          </el-switch>
+                              <span v-if="safeStatus2" class="switch-check">已完成</span>
+                              <span v-else class="switch-uncheck">未完成</span>
+  
+                      </div>
+                      <div v-if="dialogTitle == '查看' && fileName2">{{fileName2}}<a :href="file2">下载</a></div>
+                      <el-upload
+                          class="uploadBox"
+                          :action='$store.state.UPLOADURL'
+                          :on-preview="handlePreview2"
+                          :on-remove="handleRemove2"
+                          :before-remove="beforeRemove2"
+                          :on-success="uploadSuccess2"
+                          :on-error="uploadError2"
+                          :limit="1"
+                          multiple
+                          name="files"
+                          accept=".doc, .docx, .xls, .xlsx, .ppt, .pptx, .pdf"
+                          :file-list="fileList2">
+                          <el-button v-if="dialogTitle == '新增' || dialogTitle == '编辑'" size="small" type="primary">点击上传</el-button>
+                      </el-upload>
+                  </div>
+                  <div class="upload-file">
+                      <div class="upload-item">
+                          <span>专项施工方案交底：</span>
+                          <el-switch v-model="safeStatus3" :disabled="isDisabled">
+                          </el-switch>
+                              <span v-if="safeStatus3" class="switch-check">已完成</span>
+                              <span v-else class="switch-uncheck">未完成</span>
+                      </div>
+                      <div v-if="dialogTitle == '查看' && fileName3">{{fileName3}}<a :href="file3">下载</a></div>
+                      <el-upload
+                          class="uploadBox"
+                          :action='$store.state.UPLOADURL'
+                          :on-preview="handlePreview3"
+                          :on-remove="handleRemove3"
+                          :before-remove="beforeRemove3"
+                          :on-success="uploadSuccess3"
+                          :on-error="uploadError3"
+                          :limit="1"
+                          multiple
+                          name="files"
+                          accept=".doc, .docx, .xls, .xlsx, .ppt, .pptx, .pdf"
+                          :file-list="fileList3">
+                          <el-button v-if="dialogTitle == '新增' || dialogTitle == '编辑'" size="small" type="primary">点击上传</el-button>
+                      </el-upload>
+                  </div>
+              </div>
+              <div slot="footer" class="dialog-footer">
+                  <el-button @click="dialogFormVisible = false">取 消</el-button>
+                  <el-button type="primary" @click="addData()">确 定</el-button>
+              </div>
+          </el-dialog> -->
+            <!-- 提示 -->
+            <el-dialog :modal-append-to-body="false" :title="$t('message.dangerousBigProject.hint')"
+                :visible.sync="deleteDialog" width="30%">
+                <span>
+                    <!-- 是否确定删除该条记录？ -->
+                    {{ $t('message.dangerousBigProject.hintContent') }}
+                </span>
+                <span slot="footer" class="dialog-footer">
+                    <el-button @click="deleteDialog = false">
+                        <!-- 取 消 -->
+                        {{ $t('message.dangerousBigProject.cancel') }}
+                    </el-button>
+                    <el-button type="primary" @click="checkDelete">
+                        <!-- 确 定 -->
+                        {{ $t('message.dangerousBigProject.confirm') }}
+                    </el-button>
+                </span>
+            </el-dialog>
+        </div>
+        <div style="height: 100%" v-else>
+            <el-page-header @back="goBack" :content="dialogTitle" class="backText"
+                :class="{ dark: styleType == 2 }"></el-page-header>
+            <!-- <addPlan @cancleSave="goBack" v-if="isAdd"></addPlan> -->
+            <detail :id="detailId" :isSuperDanger="isSuperDanger" @cancleSave="goBack" :COMPANY_Type="'longguang'" v-if="isEdit">
+                <template v-slot:basicinfo>
+                    <div class="info-content">
+                        <el-form class="form-box" :model="detailData">
+                            <el-form-item label="作业类型：" :label-width="formLabelWidthDetail">
+                                受限空间名称
+                            </el-form-item>
+                            <el-form-item label="作业单位" :label-width="formLabelWidthDetail">
+                                <!-- <el-cascader
+                            :disabled="isDisabled"
+                            v-model="detailData.responsibilityCompanyId"
+                            placeholder="请选择责任分包单位"
+                            :options="options"
+                            :props="props"
+                            clearable
+                            >
+                            </el-cascader> -->
+                                <el-select v-model="detailData.responsibilityCompanyId" placeholder="请选择作业单位" disabled>
+                                    <el-option :label="item.enterpriseName" :value="item.id"
+                                        v-for="(item, index) in responsibilityList" :key="index">
+                                    </el-option>
+                                </el-select>
+                            </el-form-item>
+                            <el-form-item label="作业申请单位" :label-width="formLabelWidthDetail">
+                                <el-select v-model="detailData.responsibilityCompanyId" placeholder="请选择作业申请单位"
+                                    disabled>
+                                    <el-option :label="item.enterpriseName" :value="item.id"
+                                        v-for="(item, index) in responsibilityList" :key="index">
+                                    </el-option>
+                                </el-select>
+                            </el-form-item>
+                            <el-form-item label="作业负责人：" :label-width="formLabelWidthDetail">
+                                胡小小
+                            </el-form-item>
+                            <el-form-item label="作业申请时间：" :label-width="formLabelWidthDetail">
+                                2024-05-14
+                            </el-form-item>
+                            <el-form-item label="受限空间内原有介质名称" :label-width="formLabelWidthDetail">
+                                西北角
+                            </el-form-item>
+                            <el-form-item label="受限空间名称：" :label-width="formLabelWidthDetail">
+                                特级
+                            </el-form-item>
+                            <el-form-item label="作业人：" :label-width="formLabelWidthDetail">
+                                张三
+                            </el-form-item>
+                            <el-form-item label="作业内容：" :label-width="formLabelWidthDetail">
+                                王乐康
+                            </el-form-item>
+                            <el-form-item label="气体分析时间：" :label-width="formLabelWidthDetail">
+                                <el-date-picker :disabled="isDisabledDetail" v-model="planDate" type="daterange"
+                                    :picker-options="pickerOptions" range-separator="至" value-format="yyyy-MM-dd"
+                                    start-placeholder="开始日期" end-placeholder="结束日期">
+                                </el-date-picker>
+                            </el-form-item>
+                            <el-form-item label="证书编号：" :label-width="formLabelWidthDetail">
+                                16548955
+                            </el-form-item>
+                            <el-form-item label="代表性气体：" :label-width="formLabelWidthDetail">
+                                16548955
+                            </el-form-item>
+                            <el-form-item label="监护人：" :label-width="formLabelWidthDetail">
+                                王乐康
+                            </el-form-item>
+                            <el-form-item label="风险辨识结果：" :label-width="formLabelWidthDetail">
+                                王乐康
+                            </el-form-item>
+                            <el-form-item label="关联的其他特殊作业：" :label-width="formLabelWidthDetail">
+                                王乐康
+                            </el-form-item>
+                            <el-form-item label="作业实施时间：" :label-width="formLabelWidthDetail">
+                                <el-date-picker :disabled="isDisabledDetail" v-model="planDate" type="daterange"
+                                    :picker-options="pickerOptions" range-separator="至" value-format="yyyy-MM-dd"
+                                    start-placeholder="开始日期" end-placeholder="结束日期">
+                                </el-date-picker>
+                            </el-form-item>
+                            <el-form-item label="安全作业票编码" :label-width="formLabelWidthDetail">
+                                7984654
+                            </el-form-item>
+                        </el-form>
+                        <!-- <div v-if="COMPANY != 'longguang'" class="qr-box">
+                                    <div id="qrCode" ref="qrCodeDiv"></div>
+                                    <el-button size="medium" class="print-btn" @click="printBtn">打印危大工程标识</el-button>
+                                </div> -->
+                    </div>
+                </template>
+                <template v-slot:gasanalysis>
+                    <div>
+                        <el-form :model="detailData">
+                            <el-row>
+                                <el-col :span="8">
+                                    <el-form-item label="分析项目：" :label-width="formLabelWidthDetail">
+                                        受限空间
+                                    </el-form-item>
+                                </el-col>
+                                <el-col :span="8">
+                                    <el-form-item label="有毒有害气体名称" :label-width="formLabelWidthDetail">
+                                        一氧化碳
+                                    </el-form-item>
+                                </el-col>
+                                <el-col :span="8">
+                                    <el-form-item label="可燃气体名称：" :label-width="formLabelWidthDetail">
+                                        天然气
+                                    </el-form-item>
+                                </el-col>
+                            </el-row>
+                            <el-row>
+                                <el-col :span="8">
+                                    <el-form-item label="合格标准：" :label-width="formLabelWidthDetail">
+                                        100
+                                    </el-form-item>
+                                </el-col>
+                                <el-col :span="8">
+                                    <el-form-item label="氧气含氧量(19.5%~21%)：" :label-width="formLabelWidthDetail">
+                                        20%
+                                    </el-form-item>
+                                </el-col>
+                                <el-col :span="8">
+                                    <el-form-item label="取样分析时间：" :label-width="formLabelWidthDetail">
+                                        <el-date-picker :disabled="isDisabledDetail" v-model="planDate" type="date"
+                                            :picker-options="pickerOptions" value-format="yyyy-MM-dd">
+                                        </el-date-picker>
+                                    </el-form-item>
+                                </el-col>
+                            </el-row>
+                            <el-row>
+                                <el-col :span="8">
+                                    <el-form-item label="分析部位：" :label-width="formLabelWidthDetail">
+                                        顶部
+                                    </el-form-item>
+                                </el-col>
+                                <el-col :span="8">
+                                    <el-form-item label="分析人：" :label-width="formLabelWidthDetail">
+                                        刘大大
+                                    </el-form-item>
+                                </el-col>
+                                <el-col :span="10">
+                                    <el-form-item label="分析数据：" :label-width="formLabelWidthDetail">
+
+                                        <el-input v-model="detailData.engineeringSurvey" :disabled="isDisabledDetail"
+                                            placeholder="一氧化碳/天然气/20%/2024-01-12/顶部/刘大大" autocomplete="off"></el-input>
+                                    </el-form-item>
+                                </el-col>
+                            </el-row>
+                        </el-form>
+                    </div>
+                </template>
+            </detail>
+            <editPlan :title="operateTitle" :editId="editId" @cancleSave="goBack" v-if="isUpdate"></editPlan>
+        </div>
+    </div>
+</template>
+
+<script>
+import moment from 'moment'
+//   import addPlan from './addPlan.vue'
+import detail from './detail.vue'
+import editPlan from './editPlan.vue'
+import {
+    selectDangerousEngineeringRecordApi,
+    addDangerousEngineeringRecordApi,
+    deleteDangerousEngineeringRecordApi,
+    selectDangerousEngineeringTypeApi,
+    editDangerousEngineeringRecordApi
+} from "@/assets/js/api/dangerousBigProject"
+import { getCooperatorListApi } from "@/assets/js/api/cooperationUnit";
+export default {
+    components: {
+        //   addPlan,
+        detail,
+        editPlan
+    },
+    data() {
+        return {
+            formInline: {
+                engineeringName: '',
+                recordStatus: '',
+            },
+            formLabelWidthDetail: "180px",
+            detailData: {},
+            responsibilityList: [],
+            planDate: "",
+            pickerOptions: {
+                disabledDate(time) {
+                    return time.getTime() < Date.now() - 8.64e7;
+                },
+            },
+            isDisabledDetail: true,
+
+            operateTitle: "新增",
+            isAdd: false,
+            isEdit: false,
+            isDisabled: false,
+            engineeringName: "",
+            detailId: "",
+            isSuperDanger: false,
+            tableData: [
+                { jobApplyForUnit: "辽宁五寰", jobTime: "2024-5-14", jobTypeName: "特级", jobName: "张三", jobSerial: "15236655", jobUnit: "辽宁五寰", jobPrincipal: "李四" },
+                { jobApplyForUnit: "辽宁五寰", jobTime: "2024-5-14", jobTypeName: "特级", jobName: "张三", jobSerial: "15236655", jobUnit: "辽宁五寰", jobPrincipal: "李四" },
+                { jobApplyForUnit: "辽宁五寰", jobTime: "2024-5-14", jobTypeName: "特级", jobName: "张三", jobSerial: "15236655", jobUnit: "辽宁五寰", jobPrincipal: "李四" }
+            ],
+            dialogFormVisible: true,
+            multipleSelection: [],
+            addForm: {
+                name: "",
+                category: "",
+                points: "",
+                describe: "",
+                address: "",
+                date: [],
+                people: "",
+                unit: []
+            },
+            props: {
+                multiple: true
+            },
+            typeOptions: [],
+            describeOptions: [],
+            options: [{
+                label: 111,
+                value: 12
+            }],
+            formLabelWidth: "110px",
+            safeStatus: false,
+            safeStatus2: false,
+            safeStatus3: false,
+            fileList: [],
+            fileList2: [],
+            fileList3: [],
+            dialogTitle: "",
+            pageNo: 1,
+            pageSize: 10,
+            total: 10,
+            projectSn: "",
+            enterpriseTypeId: 1,
+            cooperatorList: [],
+            file3: "",
+            file2: "",
+            file1: "",
+            deleteId: "",
+            editId: "",
+            deleteDialog: false,
+            isEditDisabled: false,
+            editParms: [],
+            fileName1: "",
+            fileName2: "",
+            fileName3: "",
+            styleType: 1,
+            isUpdate: false
+        }
+    },
+    mounted() {
+        this.projectSn = this.$store.state.projectSn
+        this.styleType = this.$store.state.userInfo.styleType;
+        // this.getCooperatorList()
+        // this.getType()
+        //   this.initData();
+    },
+    methods: {
+        editRow(index, rows) {
+            if (rows[index].finalAcceptanceStatus === 2) {
+                this.$message.warning('该项危大工程已闭合，请勿操作')
+                return
+            }
+            // console.log(index,rows[index].id)
+            this.editId = rows[index].id
+            this.operateTitle = "编辑"
+            this.dialogTitle = "编辑"
+            this.dialogFormVisible = false
+            this.isEdit = false
+            this.isAdd = false
+            this.isUpdate = true;
+        },
+        goBack() {
+            this.dialogFormVisible = true
+            // this.initData()
+            this.isAdd = false
+            this.isEdit = false
+            this.isUpdate = false;
+        },
+        showAddDialog() {
+            this.dialogFormVisible = false
+            this.isEdit = false
+            this.isUpdate = false;
+            this.isAdd = true
+            // "新增"
+            this.dialogTitle = this.$t('message.dangerousBigProject.add')
+            // this.clearData()
+            // if(this.isDisabled){
+            //     this.isDisabled = false
+            // }
+            // if(this.isEditDisabled){
+            //     this.isEditDisabled = false
+            // }
+        },
+        onSubmit() {
+
+        },
+        initData() {
+            let data = {
+                engineeringName: this.engineeringName,
+                pageNo: this.pageNo,
+                pageSize: this.pageSize,
+                projectSn: this.projectSn
+            }
+            selectDangerousEngineeringRecordApi(data).then((res) => {
+                if (res.result) {
+                    console.log(res.result.records, 1)
+                    res.result.records.forEach((item) => {
+                        if (item.planStartTime && item.planEndTime) {
+                            item.plan = item.planStartTime + "至" + item.planEndTime
+                        }
+                        if (item.responsibilityCompany.split(",").length > 0 && item.responsibilityCompany !== "") {
+                            let arr = []
+                            for (let i = 0; i < this.options.length; i++) {
+                                let itm = this.options[i].value
+                                for (let j = 0; j < item.responsibilityCompany.split(",").length; j++) {
+                                    if (itm == item.responsibilityCompany.split(",")[j]) {
+                                        arr.push(this.options[i].label)
+                                    }
+                                }
+                            }
+                            item.subpackageUnit = arr.join(",")
+                        }
+                    })
+                    // console.log(this.options)
+                    this.tableData = res.result.records
+                    this.total = res.result.total
+                }
+            });
+        },
+        editData(index, val) {
+            this.viewData(index, val)
+            // "编辑"
+            this.dialogTitle = this.$t('message.dangerousBigProject.edit')
+            this.editParms = val[index]
+            if (this.file1) {
+                let obj = {
+                    name: this.file1.split("/")[this.file1.split("/").length - 1],
+                    url: this.file1
+                }
+                this.fileList.push(obj)
+            }
+            if (this.file2) {
+                let obj2 = {
+                    name: this.file2.split("/")[this.file2.split("/").length - 1],
+                    url: this.file2
+                }
+                this.fileList2.push(obj2)
+            }
+            if (this.file3) {
+                let obj3 = {
+                    name: this.file3.split("/")[this.file3.split("/").length - 1],
+                    url: this.file3
+                }
+                this.fileList3.push(obj3)
+            }
+            this.isDisabled = false
+            this.isEditDisabled = true
+            // console.log(this.editId)
+        },
+        viewData(index, val) {
+            this.clearData()
+            this.dialogFormVisible = true
+            // "查看"
+            this.dialogTitle = this.$t('message.dangerousBigProject.view')
+            this.isDisabled = true
+            this.isEditDisabled = true
+            this.addForm = {
+                name: val[index].engineeringName,
+                category: val[index].engineeringTypeId,
+                points: val[index].engineeringSurvey,
+                describe: val[index].describeName,
+                address: val[index].constructionLocation,
+                date: [val[index].planStartTime, val[index].planEndTime],
+                people: val[index].personLiable,
+                unit: val[index].responsibilityCompany
+            }
+            this.safeStatus = val[index].securityConstructionSchemeType == 2 ? true : false
+            this.safeStatus2 = val[index].specialConstructionSchemeType == 2 ? true : false
+            this.safeStatus3 = val[index].technicalDisclosureType == 2 ? true : false
+            this.file1 = val[index].securityConstructionSchemeFile
+            this.file2 = val[index].specialConstructionSchemeFile
+            this.file3 = val[index].technicalDisclosureFile
+            this.fileName1 = this.file1 ? this.file1.split("/")[this.file1.split("/").length - 1] : ""
+            this.fileName2 = this.file2 ? this.file2.split("/")[this.file2.split("/").length - 1] : ""
+            this.fileName3 = this.file3 ? this.file3.split("/")[this.file3.split("/").length - 1] : ""
+        },
+        clearData() {
+            this.addForm = {
+                name: "",
+                category: "",
+                points: "",
+                describe: "",
+                address: "",
+                date: [],
+                people: "",
+                unit: ""
+            },
+                this.safeStatus = false
+            this.safeStatus2 = false
+            this.safeStatus3 = false
+            this.file1 = ""
+            this.file2 = ""
+            this.file3 = ""
+            this.fileList = []
+            this.fileList2 = []
+            this.fileList3 = []
+        },
+        // 选择类别
+        changeType(value) {
+            this.typeOptions.forEach(item => {
+                if (item.id == value) {
+                    item.describeList.forEach(item => {
+                        item.value = item.id
+                        if (item.describeName.length > 40) {
+                            item.label = item.describeName.substring(0, 40) + '...'
+                        } else {
+                            item.label = item.describeName
+                        }
+                    })
+                    this.describeOptions = item.describeList
+                }
+            })
+            console.log(value)
+        },
+        //获取责任分包单位
+        getCooperatorList() {
+            let data = {
+                projectSn: this.projectSn,
+                pageNo: this.pageNo,
+                pageSize: this.pageSize,
+                enterpriseTypeId: this.enterpriseTypeId,
+                enterpriseName: "",
+            };
+            getCooperatorListApi(data).then((res) => {
+                if (res.code == 200) {
+
+                    if (res.result.records.length > 0) {
+                        this.cooperatorList = JSON.parse(JSON.stringify(res.result.records));
+                        this.cooperatorList.forEach((item) => {
+                            item.value = item.enterpriseLegalPerson
+                            item.label = item.enterpriseName
+                        })
+                        this.options = this.cooperatorList
+                        // console.log(this.options)
+                    }
+                }
+            });
+        },
+        // 获取类别
+        getType() {
+            selectDangerousEngineeringTypeApi({ sn: JSON.parse(window.sessionStorage.getItem("vuex")).userInfo.headquartersSn }).then((res) => {
+                if (res.result) {
+                    // console.log(res.result)
+                    res.result.forEach(item => {
+                        item.label = item.typeName
+                        item.value = item.id
+                    })
+                    this.typeOptions = res.result
+                }
+            })
+        },
+        addData() {
+            if (this.addForm.name == "") {
+                // 请输入危大工程名称
+                this.$message.error(this.$t('message.dangerousBigProject.verifyMessage1'))
+                return
+            } else if (this.addForm.category == "") {
+                // 请选择危大工程类别
+                this.$message.error(this.$t('message.dangerousBigProject.verifyMessage2'))
+                return
+            } else if (this.addForm.describe == "") {
+                // 请选择类别描述
+                this.$message.error(this.$t('message.dangerousBigProject.verifyMessage3'))
+                return
+            }
+            // console.log(this.addForm)
+            let nowDate = new Date()
+            let data = {
+                constructionLocation: this.addForm.address,
+                createTime: moment(nowDate).format('YYYY-MM-DD HH:mm:ss'),
+                engineeringName: this.addForm.name,
+                engineeringSurvey: this.addForm.points,
+                engineeringTypeId: this.addForm.category,
+                personLiable: this.addForm.people,
+                planEndTime: this.addForm.date[1],
+                planStartTime: this.addForm.date[0],
+                projectSn: this.projectSn,
+                securityConstructionSchemeFile: this.fileList.length > 0 ? this.file1 : "", //安全专项施工方案附件
+                securityConstructionSchemeType: this.safeStatus ? 2 : 1,//是否完成安全专项施工方案交底，1未完成，2完成
+                specialConstructionSchemeFile: this.fileList2.length > 0 ? this.file2 : '',//专项施工方案附件
+                specialConstructionSchemeType: this.safeStatus2 ? 2 : 1,//是否完成专项施工方案交底，1未完成，2完成
+                technicalDisclosureFile: this.fileList3.length > 0 ? this.file3 : '',//技术交底文件
+                technicalDisclosureType: this.safeStatus3 ? 2 : 1,//是否完成安全技术交底，1未完成，2完成
+                typeDescribeId: this.addForm.describe,//危大工程类别描述
+                addForm: this.addForm
+            }
+            // "新增"
+            if (this.dialogTitle == this.$t('message.dangerousBigProject.add')) {
+                console.log(data)
+                data.responsibilityCompany = this.addForm.unit ? this.addForm.unit.join(',') : ""
+                addDangerousEngineeringRecordApi(data).then((res) => {
+                    if (res.code = 200) {
+                        this.$message.success(this.$t('message.dangerousBigProject.add') + this.$t('message.dangerousBigProject.success') + "！")
+                        this.initData()
+                    }
+                    console.log(res)
+                })
+            } else if (this.dialogTitle == this.$t('message.dangerousBigProject.edit')) {
+                // "编辑"
+                data.id = this.editParms.id
+                data.typeDescribeId = this.editParms.typeDescribeId
+                if (this.addForm.unit && Array.isArray(this.addForm.unit)) {
+                    data.responsibilityCompany = this.addForm.unit.join(',')
+                } else {
+                    data.responsibilityCompany = this.addForm.unit
+                }
+                editDangerousEngineeringRecordApi(data).then((res) => {
+                    if (res.code = 200) {
+                        // "修改成功！"
+                        this.$message.success(this.$t('message.dangerousBigProject.editSuccess'))
+                        this.initData()
+                    }
+                    console.log(res)
+                })
+            }
+            this.dialogFormVisible = false
+        },
+        handleSelectionChange(val) {
+            this.multipleSelection = val;
+        },
+        deleteRow(index, rows) {
+            if (rows[index].finalAcceptanceStatus === 2) {
+                this.$message.warning('该项危大工程已闭合，请勿操作')
+                return
+            }
+            // console.log(index,rows[index].id)
+            this.deleteId = rows[index].id
+            this.deleteDialog = true
+        },
+        checkDelete() {
+            deleteDangerousEngineeringRecordApi({ id: this.deleteId }).then((res) => {
+                console.log(res)
+                if (res.code == 200) {
+                    this.$message.success(res.message)
+                    this.initData()
+                }
+            })
+            this.deleteDialog = false
+        },
+        handleSizeChange() {
+            this.initData()
+        },
+        handleCurrentChange() {
+            this.initData()
+        },
+        handleRemove(file, fileList) {
+            console.log(fileList);
+            this.fileList = fileList;
+        },
+        handlePreview(file) {
+            console.log(file);
+        },
+        beforeRemove(file, fileList) {
+            // 确定移除
+            return this.$confirm(this.$t('message.dangerousBigProject.confirmRemove') + ` ${file.name}？`);
+        },
+        uploadSuccess(response, file, fileList) {
+            console.log('fileList')
+            console.log(fileList)
+            this.fileList = fileList;
+            this.file1 = this.$store.state.FILEURL + fileList[0].response.data[0].imageUrl
+        },
+        uploadError(err, file, fileList) {
+            // 上传失败！
+            this.$message.error(this.$t('message.dangerousBigProject.uploadFail'));
+        },
+        handleRemove2(file, fileList) {
+            console.log(fileList);
+            this.fileList2 = fileList;
+        },
+        handlePreview2(file) {
+            console.log(file);
+        },
+        beforeRemove2(file, fileList) {
+            // 确定移除
+            return this.$confirm(this.$t('message.dangerousBigProject.confirmRemove') + `${file.name}？`);
+        },
+        uploadSuccess2(response, file, fileList) {
+            console.log('fileList')
+            console.log(fileList)
+            this.fileList2 = fileList;
+            this.file2 = this.$store.state.FILEURL + fileList[0].response.data[0].imageUrl
+        },
+        uploadError2(err, file, fileList) {
+            // 上传失败！
+            this.$message.error(this.$t('message.dangerousBigProject.uploadFail'));
+        },
+        handleRemove3(file, fileList) {
+            console.log(fileList);
+            this.fileList3 = fileList;
+        },
+        handlePreview3(file) {
+            console.log(file);
+        },
+        beforeRemove3(file, fileList) {
+            // 确定移除
+            return this.$confirm(this.$t('message.dangerousBigProject.confirmRemove') + `${file.name}？`);
+        },
+        uploadSuccess3(response, file, fileList) {
+            console.log('fileList')
+            console.log(fileList)
+            this.fileList3 = fileList;
+            this.file3 = this.$store.state.FILEURL + fileList[0].response.data[0].imageUrl
+        },
+        uploadError3(err, file, fileList) {
+            // 上传失败！
+            this.$message.error(this.$t('message.dangerousBigProject.uploadFail'));
+        },
+        previewDetail(val) {
+            console.log(val)
+            this.dialogFormVisible = false
+            this.isEdit = true
+            this.isAdd = false
+            this.isUpdate = false
+            // 详细
+            this.dialogTitle = this.$t('message.dangerousBigProject.detailed')
+            this.detailId = val.id
+            this.isSuperDanger = val.issuperdanger
+        }
+    }
+}
+</script>
+
+<style lang="less" scoped>
+.el-button--text{
+    color: #262d47;
+}
+
+
+.form-box {
+    width: 70%;
+    display: flex;
+    flex-wrap: wrap;
+
+    /deep/.el-form-item {
+        width: 50%;
+        padding-right: 10px;
+        box-sizing: border-box;
+    }
+
+    // /deep/.el-col-12{
+    //     padding-left: 20px;
+    // }
+    /deep/.el-input__inner {
+        width: 100%;
+    }
+
+    /deep/.el-select {
+        width: 100%;
+    }
+
+    /deep/.el-cascader {
+        width: 100%;
+    }
+}
+
+.gasanalysis-table {
+    padding: 10px 20px;
+
+    .el-row:first-child .el-col {
+        background-color: #E9E9E9;
+    }
+
+    .el-row {
+        font-size: 14px;
+        color: #000;
+
+        .el-col:first-child {
+            background-color: #E9E9E9;
+        }
+
+        .el-col {
+            height: 40px;
+            display: flex;
+            align-items: center;
+            justify-content: center;
+            border: 1px solid #E1E1E1;
+        }
+    }
+}
+
+.dangerousBigProject {
+    padding-bottom: 20px;
+    height: 100%;
+    background: #fff;
+    padding: 0 10px;
+    padding-top: 20px;
+    box-sizing: border-box;
+
+    >div {
+        height: 100%;
+
+        .search-box {
+            display: flex;
+            margin-bottom: 20px;
+
+            .search-input {
+                width: 260px;
+                margin-right: 20px;
+            }
+        }
+    }
+}
+
+.el-icon-delete {
+    color: #f56c6c;
+}
+
+.table-box {
+    display: flex;
+    flex-direction: column;
+    height: calc(100% - 72px);
+
+    .tables {
+        margin-bottom: auto;
+    }
+}
+
+.table-item {
+    display: flex;
+    flex-direction: column;
+    align-items: flex-start;
+
+    p {
+        width: 100%;
+        overflow: hidden;
+        white-space: nowrap;
+        text-overflow: ellipsis;
+    }
+
+    // .item-status {
+    //   background: #f56c6c;
+    //   display: block;
+    //   color: #fff;
+    //   border-radius: 4px;
+    //   padding: 0 4px;
+    //   height: 20px;
+    // }
+    .item-status {
+        display: flex;
+        align-items: center;
+
+        img {
+            width: 15px;
+            height: 15px;
+        }
+
+        span {
+            font-size: 14px;
+            color: #EA3941;
+        }
+    }
+
+    .status-none {
+        height: 20px;
+    }
+
+    .item-title {
+        font-weight: 600;
+    }
+}
+
+.table-category-item {
+    display: flex;
+
+    p {
+        width: 100%;
+        overflow: hidden;
+        white-space: nowrap;
+        text-overflow: ellipsis;
+    }
+
+    // .item-status {
+    //   background: #f56c6c;
+    //   display: block;
+    //   color: #fff;
+    //   border-radius: 4px;
+    //   padding: 0 4px;
+    //   height: 20px;
+    // }
+    .item-status {
+        display: flex;
+        align-items: center;
+        margin-right: 3px;
+
+        img {
+            width: 15px;
+            height: 15px;
+            margin-right: 3px;
+        }
+
+        span {
+            font-size: 14px;
+            color: #EA3941;
+        }
+    }
+
+    .status-none {
+        height: 20px;
+    }
+
+    .item-title {
+        font-weight: 600;
+    }
+}
+
+.add-dialog {
+    /deep/ .el-dialog {
+        width: 80%;
+    }
+
+    .form-title {
+        margin-bottom: 20px;
+    }
+
+    /deep/ .el-form-item__label {
+        text-align: left;
+        white-space: nowrap;
+    }
+
+    /deep/ .el-form {
+        padding-left: 36px;
+        padding-right: 26px;
+        margin-bottom: 20px;
+    }
+
+    /deep/ .el-select {
+        width: 100%;
+    }
+
+    /deep/ .el-date-editor.el-input {
+        width: 100%;
+    }
+
+    /deep/ .el-date-editor {
+        width: 100%;
+    }
+
+    /deep/ .el-cascader {
+        width: 100%;
+    }
+
+    .upload-item {
+        display: flex;
+        margin-bottom: 10px;
+        align-items: center;
+
+        span {
+            margin-right: 16px;
+        }
+
+        .switch-check {
+            margin-left: 8px;
+            color: #409eff;
+            line-height: 20px;
+        }
+
+        .switch-uncheck {
+            margin-left: 8px;
+            line-height: 20px;
+        }
+    }
+
+    .upload-file {
+        width: 50%;
+        padding-left: 26px;
+        box-sizing: border-box;
+        margin-bottom: 20px;
+
+        a {
+            color: #409eff;
+            text-decoration: none;
+            margin-left: 6px;
+        }
+    }
+
+    .upload-box {
+        display: flex;
+        flex-wrap: wrap;
+    }
+}
+
+.el-pagination {
+    display: flex;
+    justify-content: flex-end;
+    margin-top: 20px;
+}
+
+.backText {
+    padding: 8px 0;
+    padding-left: 10px;
+
+    /deep/.el-page-header__content {
+        font-size: 14px;
+    }
+}
+
+.dark {
+    /deep/.el-page-header__content {
+        color: #fff;
+    }
+
+    /deep/ .print-btn {
+        background: none;
+        color: #262d47;
+        font-size: 14px;
+    }
+}
+</style>
\ No newline at end of file
diff --git a/src/views/projectFront/specialWork/detail.vue b/src/views/projectFront/specialWork/detail.vue
new file mode 100644
index 00000000..cafec1bd
--- /dev/null
+++ b/src/views/projectFront/specialWork/detail.vue
@@ -0,0 +1,2118 @@
+<template>
+  <div class="plan-form" :class="{ dark: styleType == 2 }">
+    <div style="height: 100%">
+      <vue-scroll>
+        <div class="wrap">
+          <div class="left">
+            <div class="info">
+              <div class="box-title-danger">
+                <span>基本信息</span>
+                <div class="item-status" v-if="isSuperDanger">
+                  <img src="@/assets/images/yu.png" alt="" />
+                  <span>超危</span>
+                </div>
+              </div>
+              <div v-permission="{ key: 'wdgc_end', menuPath: '/project/dangerousBigProject/parameter' }"
+                class="close-task">
+                <!-- <el-button
+                  type="primary"
+                  size="medium"
+                  v-if="detailData.isEnd == 0"
+                  @click="endDanger"
+                  >结束危大工程</el-button
+                >
+                <el-button
+                  v-else
+                  type="primary"
+                  size="medium"
+                  disabled
+                  >危大工程已结束</el-button
+                > -->
+                <!-- <span v-else>危大工程已结束</span> -->
+              </div>
+              <slot name="basicinfo"></slot>
+            </div>
+            <div class="control-point">
+              <div class="box-title">
+                气体分析
+              </div>
+              <slot name="gasanalysis"></slot>
+              <!-- <div class="gasanalysis-table">
+                <el-row>
+                  <el-col :span="3">气体取样分析时间</el-col>
+                  <el-col :span="3">12-03 12:00</el-col>
+                  <el-col :span="3">12-03 12:00</el-col>
+                  <el-col :span="3">12-03 12:00</el-col>
+                </el-row>
+                <el-row>
+                  <el-col :span="3">代表性气体</el-col>
+                  <el-col :span="3">一氧化氢</el-col>
+                  <el-col :span="3">一氧化氢</el-col>
+                  <el-col :span="3">一氧化氢</el-col>
+                </el-row>
+                <el-row>
+                  <el-col :span="3">分析结果/%</el-col>
+                  <el-col :span="3">50%</el-col>
+                  <el-col :span="3">50%</el-col>
+                  <el-col :span="3">50%</el-col>
+                </el-row>
+              </div> -->
+              <div class="box-title">
+                安全措施
+              </div>
+              <div class="safety-table">
+                <el-row>
+                  <el-col :span="22">&nbsp;</el-col>
+                  <el-col :span="2">是否涉及</el-col>
+                  <!-- <el-col :span="2">确认人</el-col> -->
+                </el-row>
+                <el-row>
+                  <el-col :span="22">1.盛装过有毒、可燃物料的受限空间,所有与受限空间有联系的阀内、管线已加盲板隔离,并落实盲板责任人,未采用水封或关闭阀内代替盲板</el-col>
+                  <el-col :span="2" class="green">是</el-col>
+                  <!-- <el-col :span="2">丁曼容</el-col> -->
+                </el-row>
+                <el-row>
+                  <el-col :span="22">2.盛装过有毒、可燃物料的受限空间,设备已经过置换、吹扫或蒸煮</el-col>
+                  <el-col :span="2">是</el-col>
+                  <!-- <el-col :span="2">丁曼容</el-col> -->
+                </el-row>
+                <el-row>
+                  <el-col :span="22">3.设备通风孔已打开进行自然通风,温度适宜人员作业;必要时采用强制通风或佩戴隔绝式呼吸防护装备,不应采用直接通入氧气或富氧空气的方法补充氧</el-col>
+                  <el-col :span="2" class="red">否</el-col>
+                  <!-- <el-col :span="2">丁曼容</el-col> -->
+                </el-row>
+              </div>
+
+            </div>
+            <div class="info">
+              <div class="box-title-danger">
+                <span>安全交底人</span>
+              </div>
+              <div class="info-content">
+                <el-form class="form-box" :model="detailData">
+                  <el-form-item label="安全交底人：" :label-width="formLabelWidth">
+                    张三
+                  </el-form-item>
+                  <el-form-item label="接受交底人：" :label-width="formLabelWidth">
+                    张三
+                  </el-form-item>
+                  <el-form-item label="监护人：" v-if="COMPANY != 'longguang'" :label-width="formLabelWidth">
+                    张三
+                  </el-form-item>
+                </el-form>
+              </div>
+            </div>
+            <div v-if="COMPANY != 'longguang'" class="others-info">
+              <div class="top">
+                <div class="info-item">
+                  <div class="box-title">
+                    施工进度
+                  </div>
+                  <div class="plan-detail flex">
+                    <div class="plan-content">
+                      当前进度：{{
+                        progressData.length > 0
+                          ? progressData[0].progressDescribe
+                          : "- -"
+                      }}
+                      <!-- <div v-if="progressData.length>0 && progressData[0].imageUrl"
+                                        style="margin-left: 48px;">
+                                        <el-image
+                                            v-for="(item,index) in progressData[0].imageUrl.split(',')"
+                                            :key="index"
+                                            style="width: 80px; height: 80px;margin-left: 20px;margin-top: 10px"
+                                            :src="fileUrl + item"
+                                            :preview-src-list="[fileUrl + item]">
+                                        </el-image>
+                                    </div> -->
+                    </div>
+                    <el-button size="medium" class="print-btn" @click="dialogVisible = true">历史进度记录</el-button>
+                  </div>
+                  <div class="plan-detail flex">
+                    <span>现场照片：</span>
+                    <div v-if="progressData.length > 0 && progressData[0].imageUrl">
+                      <el-image v-for="(item, index) in progressData[0].imageUrl.split(
+                        ','
+                      )" :key="index" style="width: 80px; height: 80px;" :src="fileUrl + item"
+                        :preview-src-list="[fileUrl + item]">
+                      </el-image>
+                    </div>
+                  </div>
+                </div>
+                <div class="line"></div>
+                <div class="info-item">
+                  <div class="box-title">
+                    安全检查
+                  </div>
+                  <div class="safe-detail flex">
+                    <div class="safe-content">
+                      问题隐患：当前存在{{
+                        detailData.hiddenDangerNum
+                      }}个未销隐患
+                    </div>
+                    <el-button size="medium" class="print-btn" @click="dialogVisible4 = true">历史隐患记录</el-button>
+                  </div>
+                  <div class="safe-detail flex">
+                    <div class="safe-content">
+                      排查记录：{{ inspectRecordData.length }}
+                    </div>
+                    <el-button size="medium" class="print-btn" @click="dialogVisible5 = true">历史排查记录</el-button>
+                  </div>
+                </div>
+              </div>
+              <div class="bottom">
+                <div class="info-item">
+                  <div class="box-title">
+                    旁站记录
+                  </div>
+                  <div class="plan-detail flex">
+                    <div class="plan-content">
+                      <div>
+                        施工部位：{{
+                          sideStationData.length > 0
+                            ? sideStationData[0].sideStationAddr
+                            : "- -"
+                        }}
+                      </div>
+                      <div>
+                        旁站记录: {{
+                          sideStationData.length > 0
+                            ? sideStationData[0].buildSituation
+                            : "- -"
+                        }}
+                      </div>
+
+                      <div v-if="
+                        sideStationData.length > 0 &&
+                        sideStationData[0].imageUrl
+                      " style="margin-left: 48px;">
+                        <el-image v-for="(item,
+                          index) in sideStationData[0].imageUrl.split(',')" :key="index"
+                          style="width: 80px; height: 80px;margin-left: 20px;margin-top: 10px" :src="fileUrl + item"
+                          :preview-src-list="[fileUrl + item]">
+                        </el-image>
+                      </div>
+                    </div>
+                    <el-button size="medium" class="print-btn" @click="dialogVisible2 = true">历史旁站记录</el-button>
+                  </div>
+                </div>
+                <div class="line"></div>
+                <div class="info-item">
+                  <div class="box-title">
+                    <!-- 一般验收 -->
+                    最终验收
+                  </div>
+                  <div class="plan-detail flex">
+                    <div class="plan-content2">
+                      验收结果：{{
+                        checkData.length > 0
+                          ? checkData[0].acceptanceResult == undefined || checkData[0].acceptanceResult == null ||
+                            checkData[0].acceptanceResult == ''
+                            ? "待确认"
+                            : checkData[0].acceptanceResult == 1 ? '合格' : checkData[0].acceptanceResult == 2 ? '不合格' : "- -"
+                          : ''
+                      }}
+                    </div>
+                    <div class="plan-content2">
+                      验收类型：{{
+                        checkData.length > 0
+                          ? checkData[0].acceptanceType == 1
+                            ? "施工条件验收"
+                            : "危大工程验收"
+                          : "- -"
+                      }}
+                    </div>
+                    <el-button size="medium" class="print-btn" @click="dialogVisible3 = true">历史验收记录</el-button>
+                  </div>
+                  <div class="plan-detail">
+                    <div class="plan-content">
+                      验收描述：{{
+                        checkData.length > 0
+                          ? checkData[0].acceptanceDesc
+                          : "- -"
+                      }}
+                      <div v-if="
+                        checkData.length > 0 &&
+                        checkData[0].photo
+                      " style="margin-left: 48px;">
+                        <!-- v-for="(item, index) in checkData" :key="index" -->
+                        <el-image style="width: 80px; height: 80px;margin-left: 20px;margin-top: 10px"
+                          :src="fileUrl + checkData[0].photo" :preview-src-list="[fileUrl + checkData[0].photo]">
+                        </el-image>
+                      </div>
+                    </div>
+                  </div>
+                </div>
+              </div>
+            </div>
+          </div>
+        </div>
+        <!-- <div class="button-box">
+            <el-button class="cancle-btn" icon="el-icon-circle-close" size="small" @click="cancle">取消</el-button>
+            <el-button type="primary" icon="el-icon-circle-check" size="small" @click="submit">保存</el-button>
+        </div> -->
+      </vue-scroll>
+    </div>
+    <el-dialog title="历史进度记录" :visible.sync="dialogVisible" width="880px" :modal-append-to-body="false">
+      <el-table class="tables" :data="progressData" height="500" style="width: 100%;">
+        <el-table-column prop="progressDescribe" label="进度描述">
+        </el-table-column>
+        <el-table-column label="图片">
+          <template slot-scope="scope">
+            <el-image v-if="scope.row.imageUrl" style="width: 50px; height: 50px;"
+              :src="fileUrl + scope.row.imageUrl.split(',')[0]" :preview-src-list="scope.row.fileList">
+            </el-image>
+          </template>
+        </el-table-column>
+        <el-table-column prop="createUserName" label="记录人">
+        </el-table-column>
+        <el-table-column prop="createTime" label="记录时间"> </el-table-column>
+        <el-table-column label="操作" width="80">
+          <template slot-scope="scope">
+            <div class="delete">
+              <i class="el-icon-delete delete-btn" @click="deleteDangerousEngineeringProgressRecord(scope.row.id)"></i>
+              <span>删除</span>
+            </div>
+          </template>
+        </el-table-column>
+      </el-table>
+    </el-dialog>
+    <el-dialog title="历史旁站记录" :visible.sync="dialogVisible2" width="880px" :modal-append-to-body="false">
+      <el-table class="tables" :data="sideStationData" height="500" style="width: 100%;">
+        <el-table-column prop="sideStationAddr" label="施工部位">
+        </el-table-column>
+        <el-table-column prop="buildSituation" label="旁站记录">
+        </el-table-column>
+        <el-table-column label="图片">
+          <template slot-scope="scope">
+            <el-image v-if="scope.row.imageUrl" style="width: 50px; height: 50px;"
+              :src="fileUrl + scope.row.imageUrl.split(',')[0]" :preview-src-list="scope.row.fileList">
+            </el-image>
+          </template>
+        </el-table-column>
+        <el-table-column prop="createUserName" label="记录人">
+        </el-table-column>
+        <el-table-column prop="createTime" label="记录时间"> </el-table-column>
+        <el-table-column label="操作" width="80">
+          <template slot-scope="scope">
+            <div class="delete">
+              <i class="el-icon-delete delete-btn" @click="deleteDangerousEngineeringSideStation(scope.row.id)"></i>
+              <span>删除</span>
+            </div>
+          </template>
+        </el-table-column>
+      </el-table>
+    </el-dialog>
+    <el-dialog title="历史验收记录" :visible.sync="dialogVisible3" width="880px" :modal-append-to-body="false">
+      <el-table class="tables" :data="checkData" height="500" style="width: 100%;">
+        <el-table-column prop="acceptanceDesc" label="验收描述">
+        </el-table-column>
+        <el-table-column label="验收类型">
+          <template slot-scope="scope">
+            {{
+              scope.row.acceptanceType == 1 ? "施工条件验收" : "危大工程验收"
+            }}
+          </template>
+        </el-table-column>
+        <el-table-column label="验收结果">
+          <template slot-scope="scope">
+            <p v-if="scope.row.acceptanceResult === undefined
+              || scope.row.acceptanceResult === null || scope.row.acceptanceResult === ''">待确认</p>
+            <p v-if="scope.row.acceptanceResult === 1">合格</p>
+            <p v-if="scope.row.acceptanceResult === 2">不合格</p>
+            <!-- {{ scope.row.acceptanceResult == 1 ? "合格" : "不合格" }} -->
+          </template>
+        </el-table-column>
+        <el-table-column label="图片">
+          <template slot-scope="scope">
+            <el-image v-if="scope.row.photo" style="width: 50px; height: 50px;"
+              :src="fileUrl + scope.row.photo.split(',')[0]" :preview-src-list="scope.row.fileList">
+            </el-image>
+          </template>
+        </el-table-column>
+        <el-table-column prop="acceptanceUserName" label="记录人">
+        </el-table-column>
+        <el-table-column prop="createTime" label="记录时间"> </el-table-column>
+        <el-table-column label="操作" width="80">
+          <template slot-scope="scope">
+            <div class="delete">
+              <i class="el-icon-delete delete-btn" @click="deleteDangerousEngineeringAcceptanceCheck(scope.row.id)"></i>
+              <span>删除</span>
+            </div>
+          </template>
+        </el-table-column>
+      </el-table>
+    </el-dialog>
+    <el-dialog title="历史隐患记录" :visible.sync="dialogVisible4" width="1280px" :modal-append-to-body="false">
+      <el-table class="tables" :data="hiddenDangerData" height="500" style="width: 100%;">
+
+        <el-table-column align="center" width="200" prop="changeLimitTime" :label="$t('message.quality.inspectionResult') +
+          '/' +
+          $t('message.quality.rectificationLimit')
+          ">
+          <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>
+            <div>{{ scope.row.changeLimitTime }}</div>
+          </template>
+        </el-table-column>
+
+
+        <el-table-column align="center" prop="inspectManName" :label="$t('message.quality.rummager') +
+          '/' +
+          $t('message.quality.inspectionTime')
+          " width="180">
+          <template slot-scope="scope">
+            <div>{{ scope.row.inspectManName }}</div>
+            <!-- <div>{{ scope.row.createEnterpriseName }}</div> -->
+            <div>{{ scope.row.inspectTime }}</div>
+          </template>
+        </el-table-column>
+
+        <el-table-column align="center" prop="dangerItemContent" label="安全问题信息">
+        </el-table-column>
+        <el-table-column align="center" prop="changeName" :label="$t('message.quality.rectificationPeople')">
+        </el-table-column>
+        <el-table-column align="center" prop="reviewName" :label="$t('message.quality.reviewOfThePeople')">
+        </el-table-column>
+        <el-table-column align="center" prop="verifyManName" :label="$t('message.quality.checkOne')">
+        </el-table-column>
+
+        <!-- 隐患信息 -->
+        <!-- <el-table-column label="隐患信息" width="300">
+          <template slot-scope="scope">
+            <p v-if="scope.row.status != 1">
+              <el-tag
+                style="margin-right: 10px"
+                :type="scope.row.urgentLevel == '1' ? 'primary' : scope.row.urgentLevel == '2' ? 'waring' : scope.row.urgentLevel == '3' ? 'danger' : ''"
+                effect="dark"
+                size="mini"
+                >{{ scope.row.urgentLevel == '1' ? "一般" : scope.row.urgentLevel == '2' ? "严重" : scope.row.urgentLevel == '3' ? "紧要" : "" }}</el-tag
+              >{{ scope.row.dangerItemContent }}
+            </p>
+            <p v-else>该区域排查无隐患</p>
+            <p class="table_bottom_txt">
+              <span style="margin-right: 10px"
+                ><i
+                  class="el-icon-location-information"
+                  style="margin-right: 6px"
+                ></i
+                >{{ scope.row.regionName }}</span
+              >
+              <el-tag
+                class="hiddenDangerLevel"
+                type="info"
+                effect="dark"
+                size="mini"
+                v-if="scope.row.status != 1"
+                >{{ scope.row.level }}</el-tag
+              >
+            </p>
+          </template>
+        </el-table-column> -->
+        <!-- 隐患信息 -->
+
+        <!-- <el-table-column
+                    label="图片"
+
+                    >
+                    <template slot-scope="scope">
+                        <el-image
+                            v-if="scope.row.imageUrl"
+                            style="width: 50px; height: 50px;"
+                            :src="fileUrl + scope.row.imageUrl.split(',')[0]"
+                            :preview-src-list="scope.row.fileList">
+                        </el-image>
+                    </template>
+                </el-table-column> -->
+
+        <el-table-column label="隐患详情">
+          <template slot-scope="scope">
+            <a style="cursor: pointer;color: #409EFF" @click="previewDetail(scope.row)">查看详情</a>
+          </template>
+        </el-table-column>
+        <el-table-column label="操作" width="80">
+          <template slot-scope="scope">
+            <div class="delete">
+              <i class="el-icon-delete delete-btn" @click="deletehiddenDangerInspectRecord(scope.row.id,1)"></i>
+              <span>删除</span>
+            </div>
+          </template>
+        </el-table-column>
+      </el-table>
+    </el-dialog>
+    <el-dialog title="历史排查记录" :visible.sync="dialogVisible5" width="1280px" :modal-append-to-body="false">
+      <el-table class="tables" :data="inspectRecordData" height="500" style="width: 100%;">
+        <el-table-column label="检查部位">
+          <template slot-scope="scope">
+            <!-- <p v-if="scope.row.dangerDesc">{{ scope.row.dangerDesc }}</p>
+            <p v-else>该区域排查无隐患</p>
+            <p class="table_bottom_txt">
+              <el-tag
+                class="hiddenDangerLevel"
+                type="info"
+                effect="dark"
+                size="mini"
+              >
+                <i class="el-icon-location-information"></i>
+                {{ scope.row.dutyRegion }}
+              </el-tag>
+            </p> -->
+            <p>{{ scope.row.regionName }}</p>
+          </template>
+        </el-table-column>
+        <el-table-column prop="dangerItemContent" label="排查分类"> </el-table-column>
+        <el-table-column prop="addedDescription" label="事件描述"> </el-table-column>
+        <el-table-column label="图片">
+          <template slot-scope="scope">
+            <el-image v-if="scope.row.imageUrl" style="width: 50px; height: 50px;" :src="fileUrl + scope.row.imageUrl"
+              :preview-src-list="scope.row.fileList">
+              <!-- :src="fileUrl + scope.row.imageUrl.split(',')[0]" -->
+            </el-image>
+          </template>
+        </el-table-column>
+        <el-table-column prop="inspectManName" label="检查人">
+        </el-table-column>
+        <el-table-column prop="createTime" width="180" label="检查时间"> </el-table-column>
+        <el-table-column prop="enterpriseName" label="分包单位"> </el-table-column>
+        <el-table-column label="操作" width="80">
+          <template slot-scope="scope">
+            <div class="delete">
+              <i class="el-icon-delete delete-btn" @click="deletehiddenDangerInspectRecord(scope.row.id,2)"></i>
+              <span>删除</span>
+            </div>
+          </template>
+        </el-table-column>
+      </el-table>
+    </el-dialog>
+    <el-dialog :modal-append-to-body="false" title="查看详情" :visible.sync="dialogVisible6" width="870px"
+      :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="
+              historyDetail.status == 2 &&
+              rectifyRecordList.length == 0 &&
+              historyDetail.inspectManId == $store.state.userInfo.userId
+            " @click="backQuestion(historyDetail)">
+              <!-- <i class="el-icon-refresh-right"></i>
+              <span>撤回</span> -->
+            </div>
+            <span v-else-if="historyDetail.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">{{
+                      historyDetail.recordType == 1 ? "安全问题" : "排查记录"
+                    }}</span>
+                  </div>
+                </el-col>
+                <el-col :span="12">
+                  <div class="grid-content">
+                    <span class="label">分包单位：</span>
+                    <span class="value" :title="historyDetail.enterpriseName">{{ historyDetail.enterpriseName }}</span>
+                  </div>
+                </el-col>
+              </el-row>
+              <el-row :gutter="20">
+                <el-col :span="12">
+                  <div class="grid-content">
+                    <span class="label">整改结果：</span>
+
+                    <span class="value" :style="{
+                      'font-weight': 500,
+                      cursor: 'pointer',
+                      color:
+                        historyDetail.status == 2
+                          ? '#5181f6'
+                          : historyDetail.status == 3
+                            ? '#ff8c00'
+                            : historyDetail.status == 4
+                              ? '#a020f0'
+                              : historyDetail.status == 5
+                                ? '#21c28e'
+                                : historyDetail.status == 6
+                                  ? '#262D47'
+                                  : '',
+                    }">
+                      <span class="radiusD" :style="{
+                        background:
+                          historyDetail.status == 2
+                            ? '#5181f6'
+                            : historyDetail.status == 3
+                              ? '#ff8c00'
+                              : historyDetail.status == 4
+                                ? '#a020f0'
+                                : historyDetail.status == 5
+                                  ? '#21c28e'
+                                  : historyDetail.status == 6
+                                    ? '#262D47'
+                                    : '',
+                      }"></span>
+                      <span>
+                        {{
+                          historyDetail.status == 2
+                            ? "待整改"
+                            : historyDetail.status == 3
+                              ? "待复查"
+                              : historyDetail.status == 4
+                                ? "待核验"
+                                : historyDetail.status == 5
+                                  ? "合格"
+                                  : historyDetail.status == 6
+                                    ? "已撤回"
+                                    : ""
+                        }}</span>
+                    </span>
+                  </div>
+                </el-col>
+                <el-col :span="12">
+                  <div class="grid-content">
+                    <span class="label">检查时间：</span>
+                    <span class="value">{{ historyDetail.inspectTime }}</span>
+                  </div>
+                </el-col>
+              </el-row>
+              <el-row :gutter="20">
+                <el-col :span="12">
+                  <div class="grid-content">
+                    <span class="label" style="margin-left: -14px">检查人：</span>
+                    <span class="value" style="margin-left: 25px">{{
+                      historyDetail.inspectManName
+                    }}</span>
+                  </div>
+                </el-col>
+                <el-col :span="12">
+                  <div class="grid-content">
+                    <span class="label">补充说明：</span>
+                    <span class="value">
+                      {{ historyDetail.dangerDesc }}
+                    </span>
+                  </div>
+                </el-col>
+              </el-row>
+              <div>
+                <el-row :gutter="20" v-show="historyDetail.recordType == 1">
+                  <el-col :span="12">
+                    <div class="grid-content">
+                      <span class="label" style="margin-left: -14px">核验人：</span>
+                      <span class="value" style="margin-left: 25px">{{
+                        historyDetail.verifyManName
+                      }}</span>
+                    </div>
+                  </el-col>
+                  <el-col :span="12">
+                    <div class="grid-content">
+                      <span class="label">问题等级：</span>
+                      <span class="value">{{
+                        historyDetail.level == 1
+                          ? "一级"
+                          : historyDetail.level == 2
+                            ? "二级"
+                            : historyDetail.level == 3
+                              ? "三级"
+                              : "四级"
+                      }}</span>
+                    </div>
+                  </el-col>
+                </el-row>
+                <el-row :gutter="20">
+                  <el-col :span="12">
+                    <div class="grid-content">
+                      <span class="label">检查部位：</span>
+                      <span class="value" :title="historyDetail.regionName">{{
+                        historyDetail.regionName
+                      }}</span>
+                    </div>
+                  </el-col>
+                  <el-col :span="12">
+                    <div class="grid-content">
+                      <span class="label">事件描述：</span>
+                      <span class="value">
+                        {{ historyDetail.addedDescription }}
+                      </span>
+                    </div>
+                  </el-col>
+                </el-row>
+                <el-row :gutter="20">
+                  <el-col :span="12" v-show="historyDetail.recordType == 1">
+                    <div class="grid-content">
+                      <span class="label">现场整改：</span>
+                      <span class="value" :style="{
+                        color:
+                          historyDetail.status == 1 || historyDetail.status == 5
+                            ? '#21c28e'
+                            : '#ff8c00',
+                      }">{{
+                        historyDetail.status == 1 || historyDetail.status == 5
+                          ? "已完成"
+                          : "未完成"
+                      }}</span>
+                    </div>
+                  </el-col>
+                  <el-col :span="12" v-show="historyDetail.recordType == 1">
+                    <div class="grid-content">
+                      <span class="label">紧急程度：</span>
+                      <span class="value">{{
+                        historyDetail.urgentLevel == 1
+                          ? "一般"
+                          : historyDetail.urgentLevel == 2
+                            ? "严重"
+                            : historyDetail.urgentLevel == 3
+                              ? "紧要"
+                              : ""
+                      }}</span>
+                    </div>
+                  </el-col>
+                </el-row>
+              </div>
+              <el-row :gutter="20">
+                <el-col :span="12" v-show="historyDetail.recordType == 1">
+                  <div class="grid-content">
+                    <span class="label">问题分类：</span>
+                    <span class="value" :title="historyDetail.dangerItemContent">
+                      {{ historyDetail.dangerItemContent }}
+                    </span>
+                  </div>
+                </el-col>
+                <el-col :span="12" v-show="historyDetail.recordType == 1">
+                  <div class="grid-content">
+                    <span class="label" style="margin-left: -14px">责任人：</span>
+                    <span class="value" style="margin-left: 25px">{{
+                      historyDetail.changeName
+                    }}</span>
+                  </div>
+                </el-col>
+              </el-row>
+              <el-row :gutter="20">
+                <el-col :span="12" v-show="historyDetail.recordType == 1">
+                  <div class="grid-content">
+                    <span class="label">整改要求：</span>
+                    <span class="value" :title="historyDetail.remark">
+                      {{ historyDetail.remark }}
+                    </span>
+                  </div>
+                </el-col>
+                <el-col :span="12" v-show="historyDetail.recordType == 1">
+                  <div class="grid-content">
+                    <span class="label">整改时限：</span>
+                    <span class="value">{{ historyDetail.changeLimitTime }}</span>
+                  </div>
+                </el-col>
+              </el-row>
+              <el-row :gutter="20">
+                <el-col :span="12" v-show="historyDetail.recordType == 1">
+                  <div class="grid-content">
+                    <span class="label">问题描述：</span>
+                    <span class="value">
+                      {{ historyDetail.problemDescription }}
+                    </span>
+                  </div>
+                </el-col>
+                <el-col :span="12" v-show="historyDetail.recordType == 1">
+                  <div class="grid-content">
+                    <span class="label" style="margin-left: -14px">复查人：</span>
+                    <span class="value" style="margin-left: 25px">{{
+                      historyDetail.reviewName
+                    }}</span>
+                  </div>
+                </el-col>
+              </el-row>
+
+              <el-row :gutter="20">
+                <el-col :span="12">
+                  <div class="grid-content">
+                    <span class="label" style="line-height: 25px">现场视频：</span>
+                    <span style="color: #5181f6; cursor: pointer; margin-top: 3px" class="value"
+                      @click.stop="playerVideo(historyDetail.fileUrl)">
+                      {{ videoName }}
+                    </span>
+                  </div>
+                </el-col>
+
+                <el-col :span="12">
+                  <div class="grid-content">
+                    <span class="label">现场照片：</span>
+                    <span class="value" style="cursor: pointer;">
+                      <!-- <el-image
+                        v-for="(item, index) in parseImage2(
+                          historyDetail.imageUrl
+                        )"
+                        :key="index"
+                        style="width: 100px; height: 100px; margin-right: 10px"
+                        :src="item"
+                        :preview-src-list="parseImage2(item.fileUrl)"
+                        @click="openImg(item)"
+                      > -->
+                      <el-image style="width: 100px; height: 100px; margin-right: 10px"
+                        :src="fileUrl + historyDetail.imageUrl" :preview-src-list="parseImage2(historyDetail.fileUrl)"
+                        @click="openImg(fileUrl + historyDetail.imageUrl)">
+                      </el-image>
+                    </span>
+                  </div>
+                </el-col>
+              </el-row>
+              <!-- <el-row :gutter="20">
+                <el-col :span="12" v-show="historyDetail.recordType == 2">
+                  <div class="grid-content">
+                    <span class="label">排查分类：</span>
+                    <span class="value" :title="historyDetail.dangerItemContent">{{
+                      historyDetail.dangerItemContent
+                    }}</span>
+                  </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>
+                    <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">
+                      <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>
+          </div>
+        </vue-scroll>
+      </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>
+  </div>
+</template>
+
+<script>
+import QRCode from "qrcodejs2";
+import { getselectHiddenDangerRectifyRecordListApi } from "@/assets/js/api/safeManage.js";
+import {
+  selectDangerousEngineeringRecordApi,
+  selectControlContentListApi,
+  queryDangerousEngineeringRecordByIdApi,
+  queryDangerousEngineeringOverApi,
+  editDangerousEngineeringRecordApi,
+  selectClassControlContentListApi,
+  selectDangerousEngineeringProgressRecordApi,
+  selectDangerousEngineeringSideStationApi,
+  selectDangerousEngineeringAcceptanceCheckApi,
+  selectFinalDangerousEngineeringAcceptanceCheckApi,
+  selectHiddenDangerInspectRecordApi,
+  selectFinalHiddenDangerInspectRecordApi,
+  deleteDangerousEngineeringProgressRecordApi,
+  deleteDangerousEngineeringSideStationApi,
+  deleteDangerousEngineeringAcceptanceCheckApi,
+  deletehiddenDangerInspectRecordApi,
+  deleteFinlahiddenDangerInspectRecordApi,
+
+  deleteFinalDangerousEngineeringAcceptanceCheckApi,
+} from "@/assets/js/api/dangerousBigProject";
+import {
+  selectSafeRectifyRecordListApi,
+} from "@/assets/js/api/quality.js";
+import { getCooperatorListApi } from "@/assets/js/api/cooperationUnit";
+import {
+  getEnterpriseInfoList
+} from "@/assets/js/api/laborPerson";
+import moment from "moment";
+export default {
+  props: ["id", "isSuperDanger","COMPANY_Type"],
+  data() {
+    return {
+      responsibilityList: [],
+      ops: {
+        scrollPanel: {
+          scrollingX: false,
+        },
+      },
+      dialogVisible: false,
+      dialogVisible2: false,
+      dialogVisible3: false,
+      dialogVisible4: false,
+      dialogVisible5: false,
+      dialogVisible6: false,
+      styleType: 1,
+      buildDate: "",
+      planDate: "",
+      pickerOptions: {
+        disabledDate(time) {
+          return time.getTime() < Date.now() - 8.64e7;
+        },
+      },
+      options2: [],
+      checkList: [],
+      formLabelWidth: "180px",
+      isDisabled: true,
+      value: false,
+      headquartersSn: "",
+      typeOptions: [],
+      contentList: [],
+      describeOptions: [],
+      enterpriseTypeId: 1,
+      pageSize: 1000,
+      pageNo: 1,
+      projectSn: "",
+      options: [],
+      props: {
+        multiple: true,
+      },
+      props2: {
+        multiple: true,
+        value: "id",
+        label: "describeName",
+      },
+      cooperatorList: [],
+      fileList: [],
+      fileList2: [],
+      fileList3: [],
+      fileUrl: "",
+      detailData: {},
+      progressData: [],
+      sideStationData: [],
+      checkData: [],
+      hiddenDangerData: [],
+      inspectRecordData: [],
+      detailData: {},
+      rectifyRecordList: [],
+      statusArr: ["无需整改", "待整改", "待复查", "合格", "不合格"],
+      COMPANY: "",
+      historyDetail: {},
+      isShow: false,
+      player: '',
+      videoName: '',
+      replyData: {
+        rectifyTime: moment(new Date()).format('YYYY-MM-DD HH:mm:ss'),
+        fileUrl: "",
+        additionalRemarks: "",
+        qualityId: "",
+      },
+      fileListRectification: [],
+      imgList: [],
+    };
+  },
+  created() {
+    this.COMPANY = this.COMPANY_Type;
+    this.headquartersSn = this.$store.state.userInfo.headquartersSn;
+    this.projectSn = this.$store.state.projectSn;
+    this.fileUrl = this.$store.state.FILEURL;
+    this.queryDetail();
+    this.selectClassControlContentList();
+    this.getCooperatorList();
+    this.selectDangerousEngineeringAcceptanceCheck();
+    this.selectDangerousEngineeringSideStation();
+    this.selectDangerousEngineeringProgressRecord();
+    this.selectHiddenDangerInspectRecord(1);
+    this.selectHiddenDangerInspectRecord(2);
+    this.$nextTick(() => {
+      this.bindQRCode();
+    });
+    this.getProjectList();
+  },
+  methods: {
+    //整改记录
+    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);
+      });
+    },
+    openImg(src) {
+      window.open(src);
+    },
+
+    //暂时保留
+    parseImage22() {
+      let arr = [];
+      if (urls) {
+        arr = urls.split(",");
+      }
+      arr.forEach((element, index) => {
+        arr[index] = this.$store.state.FILEURL + element;
+        let result = arr[index].substring(0, arr[index].indexOf("*"));
+        arr[index] = result;
+      });
+      return arr;
+    },
+    //关闭视频
+    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("暂无视频");
+      }
+    },
+    previewDetail(item) {
+      this.getRectifyRecordList(item.id);
+      // this.detailData = item;
+      this.historyDetail = item;
+      console.log("historyDetailhistoryDetail", this.historyDetail)
+      console.log("historyDetailhistoryDetail", this.historyDetail)
+      console.log("historyDetailhistoryDetail", this.historyDetail)
+      this.dialogVisible6 = true;
+
+      this.videoName = item.fileUrl.split("*")[0];
+      console.log("新版查看详情", item);
+      this.selectRectifyRecordList(item.id);
+      this.replyData = {
+        rectifyTime: moment(new Date()).format('YYYY-MM-DD HH:mm:ss'),
+        fileUrl: "",
+        additionalRemarks: "",
+      };
+      this.fileListRectification = [];
+    },
+    parseImage2(urls) {
+      let arr = [];
+      if (urls) {
+        arr = urls.split(",");
+      }
+      arr.forEach((element, index) => {
+        // arr[index] = this.$store.state.FILEURL + element;
+
+        arr[index] = this.$store.state.FILEURL + element;
+        let result = arr[index].substring(0, arr[index].indexOf("*"));
+        arr[index] = result;
+      });
+      return arr;
+    },
+
+    //获取企业 || 劳务公司 列表
+    getProjectList() {
+      let data = {
+        projectSn: this.projectSn,
+        // enterpriseTypeId: this.enterpriseTypeId,
+      };
+      getEnterpriseInfoList(data).then((res) => {
+        this.responsibilityList = res.result;
+      });
+    },
+    // 打印
+    printBtn() {
+      // setTimeout(() => {
+      //     console.log(this.$refs["qrCodeDiv"].innerHTML)
+      // },100)
+      // qrCode
+      setTimeout(() => {
+        let printDemo = this.$refs["qrCodeDiv"].innerHTML;
+        console.log(printDemo);
+        window.document.body.innerHTML = printDemo;
+        //没有图片直接打印
+        window.print();
+        window.location.reload();
+      }, 100);
+    },
+    // 查询是否结束
+    endDanger() {
+      let data = {
+        id: this.id,
+      };
+      queryDangerousEngineeringOverApi(data).then((res) => {
+        console.log(res.result, "----是否结束");
+        if (res.code == 200) {
+          this.queryDetail();
+        }
+      });
+    },
+    // 查询详情
+    queryDetail() {
+      let data = {
+        id: this.id,
+      };
+      queryDangerousEngineeringRecordByIdApi(data).then((res) => {
+        console.log(res.result, "----详情");
+        if (res.code == 200 && res.result) {
+          this.detailData = res.result;
+          this.buildDate = [];
+          this.buildDate.push(this.detailData.buildStartTime);
+          this.buildDate.push(this.detailData.buildEndTime);
+          if (this.detailData.planStartTime && this.detailData.planEndTime) {
+            this.planDate = [];
+            this.planDate.push(this.detailData.planStartTime);
+            this.planDate.push(this.detailData.planEndTime);
+          }
+        }
+      });
+    },
+    // 层级查询管控要点
+    selectClassControlContentList() {
+      selectClassControlContentListApi({ engineeringId: this.id }).then(
+        (res) => {
+          console.log(res.result, "------管控要点");
+          if (res.code == 200 && res.result) {
+            this.contentList = res.result;
+          }
+        }
+      );
+    },
+    //生成 二维码
+    bindQRCode: function () {
+      document.getElementById("qrCode").innerHTML = "";
+      let httpUrl = window.location.host.split(":")[0];
+      // console.log(window.location)
+      let userId = this.$store.state.userInfo.userId;
+      let projectSn = this.$store.state.projectSn;
+      let data = {
+        id: this.id,
+        type: "wdgc",
+      };
+      new QRCode(this.$refs.qrCodeDiv, {
+        text: JSON.stringify(data),
+        width: 144,
+        height: 144,
+        colorDark: "#333333", //二维码颜色
+        colorLight: "#ffffff", //二维码背景色
+        correctLevel: QRCode.CorrectLevel.L, //容错率，L/M/H
+      });
+    },
+    // 查询进度
+    selectDangerousEngineeringProgressRecord() {
+      selectDangerousEngineeringProgressRecordApi({
+        engineeringId: this.id,
+      }).then((res) => {
+        console.log(res.result, "----进度");
+        if (res.code == 200 && res.result) {
+          res.result.forEach((item) => {
+            item.fileList = [];
+            if (item.imageUrl && item.imageUrl.split(",").length > 0) {
+              item.imageUrl.split(",").forEach((itm) => {
+                item.fileList.push(this.fileUrl + itm);
+              });
+            }
+          });
+          this.progressData = res.result;
+        }
+      });
+    },
+    // 查询一般验收记录
+    selectDangerousEngineeringAcceptanceCheck() {
+      // selectDangerousEngineeringAcceptanceCheckApi({
+      selectFinalDangerousEngineeringAcceptanceCheckApi({
+        engineeringId: this.id,
+      }).then((res) => {
+        console.log(res.result, "-----最终验收");
+        console.log(res.result, "-----最终验收");
+        console.log(res.result, "-----最终验收");
+        console.log(res.result, "-----最终验收");
+        if (res.code == 200 && res.result) {
+          res.result.forEach((item) => {
+            item.fileList = [];
+            if (item.imageUrl && item.imageUrl.split(",").length > 0) {
+              item.imageUrl.split(",").forEach((itm) => {
+                item.fileList.push(this.fileUrl + itm);
+              });
+            }
+          });
+          this.checkData = res.result;
+          console.log('最终验收列表checkData', this.checkData)
+          console.log('最终验收列表checkData', this.checkData)
+          console.log('最终验收列表checkData', this.checkData)
+        }
+      });
+    },
+    //查询旁站记录
+    selectDangerousEngineeringSideStation() {
+      selectDangerousEngineeringSideStationApi({ engineeringId: this.id }).then(
+        (res) => {
+          console.log(res.result, "-----旁站记录");
+          if (res.code == 200 && res.result) {
+            res.result.forEach((item) => {
+              item.fileList = [];
+              if (item.imageUrl && item.imageUrl.split(",").length > 0) {
+                item.imageUrl.split(",").forEach((itm) => {
+                  item.fileList.push(this.fileUrl + itm);
+                });
+              }
+            });
+            this.sideStationData = res.result;
+          }
+        }
+      );
+    },
+    // 查询隐患记录
+    async selectHiddenDangerInspectRecord(type) {
+      //  type  1.隐患记录 2.排查记录
+      let data = {
+        recordType: type,
+        projectSn: this.projectSn,
+        pageNo: 1,
+        pageSize: 1000,
+        engineeringId: this.id,
+      };
+      // selectHiddenDangerInspectRecordApi(data).then((res) => {
+      await selectFinalHiddenDangerInspectRecordApi(data).then((res) => {
+        console.log(res, type);
+        if (res.code == 200 && res.result) {
+          res.result.page.records.forEach((item) => {
+            // item.fileList = [];
+            // if (item.imageUrl && item.imageUrl.split(",").length > 0) {
+            //   item.imageUrl.split(",").forEach((itm) => {
+            //     item.fileList.push(this.fileUrl + itm);
+            //   });
+            // }
+            if (item.imageUrl) {
+              let index = item.imageUrl.indexOf("*")
+              if (index !== -1) {
+                item.imageUrl = item.imageUrl.substring(0, index);
+              }
+            }
+          });
+          if (type == 1) {
+            this.hiddenDangerData = res.result.page.records;
+            console.log("================hiddenDangerData===================")
+            console.log(this.hiddenDangerData)
+            console.log("================hiddenDangerData===================")
+          } else if (type == 2) {
+            this.inspectRecordData = res.result.page.records;
+          }
+        }
+      });
+    },
+    //获取整改和复查记录
+    getRectifyRecordList(inspectId) {
+      getselectHiddenDangerRectifyRecordListApi({ inspectId: inspectId }).then(
+        (res) => {
+          // this.rectifyRecordList = res.result;
+        }
+      );
+    },
+
+    // 删除进度记录
+    deleteDangerousEngineeringProgressRecord(val) {
+      if (this.detailData.finalAcceptanceStatus === 2) {
+        this.$message.warning('该项危大工程已闭合，请勿操作')
+        return
+      }
+      this.$confirm("此操作将永久删除该记录, 是否继续?", "提示", {
+        confirmButtonText: "确定",
+        cancelButtonText: "取消",
+        type: "warning",
+      })
+        .then(() => {
+          deleteDangerousEngineeringProgressRecordApi({ id: val }).then(
+            (res) => {
+              if (res.code == 200) {
+                this.$message({
+                  type: "success",
+                  message: "删除成功!",
+                });
+                this.selectDangerousEngineeringProgressRecord();
+              }
+            }
+          );
+        })
+        .catch(() => {
+          this.$message({
+            type: "info",
+            message: "已取消删除",
+          });
+        });
+    },
+    // 删除旁站记录
+    deleteDangerousEngineeringSideStation(val) {
+      if (this.detailData.finalAcceptanceStatus === 2) {
+        this.$message.warning('该项危大工程已闭合，请勿操作')
+        return
+      }
+      this.$confirm("此操作将永久删除该记录, 是否继续?", "提示", {
+        confirmButtonText: "确定",
+        cancelButtonText: "取消",
+        type: "warning",
+      })
+        .then(() => {
+          deleteDangerousEngineeringSideStationApi({ id: val }).then((res) => {
+            if (res.code == 200) {
+              this.$message({
+                type: "success",
+                message: "删除成功!",
+              });
+              this.selectDangerousEngineeringSideStation();
+            }
+          });
+        })
+        .catch(() => {
+          this.$message({
+            type: "info",
+            message: "已取消删除",
+          });
+        });
+    },
+    // 删除验收记录
+    deleteDangerousEngineeringAcceptanceCheck(val) {
+      if (this.detailData.finalAcceptanceStatus === 2) {
+        this.$message.warning('该项危大工程已闭合，请勿操作')
+        return
+      }
+      this.$confirm("此操作将永久删除该记录, 是否继续?", "提示", {
+        confirmButtonText: "确定",
+        cancelButtonText: "取消",
+        type: "warning",
+      })
+        .then(() => {
+          // deleteDangerousEngineeringAcceptanceCheckApi({ id: val }).then(
+          deleteFinalDangerousEngineeringAcceptanceCheckApi({ id: val }).then(
+            (res) => {
+              if (res.code == 200) {
+                this.$message({
+                  type: "success",
+                  message: "删除成功!",
+                });
+                this.selectDangerousEngineeringAcceptanceCheck();
+              }
+            }
+          );
+        })
+        .catch(() => {
+          this.$message({
+            type: "info",
+            message: "已取消删除",
+          });
+        });
+    },
+    // 删除隐患排查记录
+    deletehiddenDangerInspectRecord(val, type) {
+      if (this.detailData.finalAcceptanceStatus === 2) {
+        this.$message.warning('该项危大工程已闭合，请勿操作')
+        return
+      }
+      this.$confirm("此操作将永久删除该记录, 是否继续?", "提示", {
+        confirmButtonText: "确定",
+        cancelButtonText: "取消",
+        type: "warning",
+      })
+        .then(() => {
+          // deletehiddenDangerInspectRecordApi({ id: val }).then((res) => {
+          deleteFinlahiddenDangerInspectRecordApi({ id: val }).then((res) => {
+            if (res.code == 200) {
+              this.$message({
+                type: "success",
+                message: "删除成功!",
+              });
+              this.selectHiddenDangerInspectRecord(type);
+            }
+          });
+        })
+        .catch(() => {
+          this.$message({
+            type: "info",
+            message: "已取消删除",
+          });
+        });
+    },
+    //获取责任分包单位
+    getCooperatorList() {
+      let data = {
+        projectSn: this.projectSn,
+        pageNo: this.pageNo,
+        pageSize: this.pageSize,
+        enterpriseTypeId: this.enterpriseTypeId,
+        enterpriseName: "",
+      };
+      getCooperatorListApi(data).then((res) => {
+        if (res.code == 200) {
+          if (res.result.records.length > 0) {
+            this.cooperatorList = JSON.parse(
+              JSON.stringify(res.result.records)
+            );
+            this.cooperatorList.forEach((item) => {
+              item.value = item.enterpriseName;
+              item.label = item.enterpriseName;
+            });
+            this.options = this.cooperatorList;
+            // console.log(res.result.records)
+          }
+        }
+      });
+    },
+    handleUploadSuccess(res, file) {
+      console.log(res, file);
+      this.fileList.push({
+        name: file.name,
+        url: file.response.data[0].imageUrl,
+        iconType: this.getFileType(file.name),
+      });
+      // this.addProjectForm.layoutImage = this.$store.state.FILEURL + res.data[0].imageUrl;
+    },
+    handleUploadSuccess2(res, file) {
+      console.log(res, file);
+      this.fileList2.push({
+        name: file.name,
+        url: file.response.data[0].imageUrl,
+        iconType: this.getFileType(file.name),
+      });
+    },
+    handleUploadSuccess3(res, file) {
+      console.log(res, file);
+      this.fileList3.push({
+        name: file.name,
+        url: file.response.data[0].imageUrl,
+        iconType: this.getFileType(file.name),
+      });
+    },
+    downLoadFile(url) {
+      window.open(this.fileUrl + url);
+    },
+    removeFile(index, type) {
+      this.$confirm("此操作将永久删除该文件, 是否继续?", "提示", {
+        confirmButtonText: "确定",
+        cancelButtonText: "取消",
+        type: "warning",
+      })
+        .then(() => {
+          if (type == 1) {
+            this.fileList.splice(index, 1);
+          } else if (type == 2) {
+            this.fileList2.splice(index, 1);
+          } else if (type == 3) {
+            this.fileList3.splice(index, 1);
+          }
+          this.$message({
+            type: "success",
+            message: "删除成功!",
+          });
+        })
+        .catch(() => {
+          this.$message({
+            type: "info",
+            message: "已取消删除",
+          });
+        });
+    },
+    // 判断文件类型
+    getFileType(fileName) {
+      // 后缀获取
+      let suffix = "";
+      // 获取类型结果
+      let result = "";
+      try {
+        const flieArr = fileName.split(".");
+        suffix = flieArr[flieArr.length - 1];
+      } catch (err) {
+        suffix = "";
+      }
+      // fileName无后缀返回 false
+      if (!suffix) {
+        return false;
+      }
+      suffix = suffix.toLocaleLowerCase();
+      // 图片格式
+      const imglist = ["png", "jpg", "jpeg", "bmp", "gif"];
+      // 进行图片匹配
+      result = imglist.find((item) => item === suffix);
+      if (result) {
+        return "image";
+      }
+      // 匹配txt
+      const txtlist = ["txt"];
+      result = txtlist.find((item) => item === suffix);
+      if (result) {
+        return "txt";
+      }
+      // 匹配 excel
+      const excelist = ["xls", "xlsx"];
+      result = excelist.find((item) => item === suffix);
+      if (result) {
+        return "excel";
+      }
+      // 匹配 word
+      const wordlist = ["doc", "docx"];
+      result = wordlist.find((item) => item === suffix);
+      if (result) {
+        return "word";
+      }
+      // 匹配 pdf
+      const pdflist = ["pdf"];
+      result = pdflist.find((item) => item === suffix);
+      if (result) {
+        return "pdf";
+      }
+      // 匹配 ppt
+      const pptlist = ["ppt", "pptx"];
+      result = pptlist.find((item) => item === suffix);
+      if (result) {
+        return "ppt";
+      }
+      // 匹配 视频
+      const videolist = [
+        "mp4",
+        "m2v",
+        "mkv",
+        "rmvb",
+        "wmv",
+        "avi",
+        "flv",
+        "mov",
+        "m4v",
+      ];
+      result = videolist.find((item) => item === suffix);
+      if (result) {
+        return "video";
+      }
+      // 匹配 音频
+      const radiolist = ["mp3", "wav", "wmv"];
+      result = radiolist.find((item) => item === suffix);
+      if (result) {
+        return "radio";
+      }
+      // 其他 文件类型
+      return "other";
+    },
+    cancle() {
+      this.$emit("cancleSave");
+    },
+    submit() {
+      // editDangerousEngineeringRecordApi({
+      //     id: this.detailData.id,
+      //     projectSn: this.projectSn
+      // }).then(res=>{
+      //     console.log(res)
+      //     if(res.code == 200){
+      //         this.$message.success("添加成功！")
+      //         // this.$emit('cancleSave')
+      //     }
+      // })
+    },
+  },
+};
+</script>
+
+<style lang="less" scoped>
+.safety-table {
+  padding: 0 20px 10px 20px;
+
+  .el-row:first-child {
+    color: #868490;
+  }
+
+  .el-row {
+    padding: 8px 0;
+    font-size: 14px;
+
+    .green {
+      color: green;
+    }
+
+    .red {
+      color: red;
+    }
+
+    .el-col:not(:first-child) {
+      display: flex;
+      align-items: center;
+      justify-content: center;
+    }
+  }
+}
+
+.tableStatus {
+  width: 55px;
+  height: 25px;
+  display: inline-block;
+  background: red;
+  color: #fff;
+  line-height: 25px;
+  border-radius: 5px;
+  position: absolute;
+  top: 18%;
+  left: 65%;
+}
+
+.detailBox {
+  .grid-content {
+    overflow: hidden;
+    margin-bottom: 10px;
+
+    .label {
+      float: left;
+      width: 80px;
+      text-align: right;
+    }
+
+    .value {
+      float: left;
+      width: calc(80% - 80px);
+      margin-left: 10px;
+      text-overflow: ellipsis;
+      overflow: hidden;
+      white-space: nowrap;
+    }
+  }
+}
+
+.headerLeft {
+  height: 30px;
+  background: #ededed;
+  font-size: 14px;
+  color: #616266;
+  line-height: 30px;
+  padding: 0 10px;
+  margin-bottom: 20px;
+}
+
+.plan-form {
+  height: calc(100% - 56px);
+  width: 100%;
+  box-sizing: border-box;
+  // border-top: 1px solid #12294F;
+  border-top: 1px solid #eee;
+  background: #fff;
+
+  .flex {
+    display: flex;
+  }
+
+  .box-title-danger {
+    height: 30px;
+    position: relative;
+    padding-left: 20px;
+    box-sizing: border-box;
+    margin-bottom: 20px;
+    display: flex;
+    align-items: center;
+
+    >span {
+      margin-right: 10px;
+    }
+
+    .item-status {
+      display: flex;
+      align-items: center;
+
+      img {
+        width: 15px;
+        height: 15px;
+        margin-right: 5px;
+      }
+
+      span {
+        margin-right: 5px;
+        font-size: 14px;
+        color: #ea3941;
+      }
+    }
+  }
+
+  .box-title-danger::before {
+    content: "";
+    background: #4181fe;
+    // height: 30px;
+    // width: 2px;
+    position: absolute;
+    left: 0;
+    // top: 0px;
+    height: 20px;
+    width: 4px;
+    top:50%;
+    transform: translateY(-50%);
+  }
+
+  .box-title {
+    height: 30px;
+    padding-top: 10px;
+    line-height: 30px;
+    position: relative;
+    padding-left: 20px;
+    box-sizing: border-box;
+    margin-bottom: 20px;
+    display: flex;
+    justify-content: space-between;
+  }
+
+  .box-title::before {
+    content: "";
+    background: #4181fe;
+    // height: 30px;
+    // width: 2px;
+    position: absolute;
+    left: 0;
+    // top: 10px;
+    width: 4px;
+    height: 20px;
+    top: 50%;
+  }
+
+  .wrap {
+    display: flex;
+    width: 100%;
+    // height: 100%;
+    // border-bottom: 1px solid #12294F;
+    // border-bottom: 1px solid #ccc
+  }
+
+  .print-btn {
+    margin-top: 20px;
+    width: 144px;
+    padding: 0;
+    height: 32px;
+    line-height: 32px;
+  }
+
+  .left {
+    height: 100%;
+    width: 100%;
+
+    .info {
+      // border-bottom: 1px solid #12294F;
+      border-bottom: 1px solid #eee;
+      padding-bottom: 8px;
+      position: relative;
+
+      .close-task {
+        position: absolute;
+        right: 10px;
+        top: 0;
+      }
+
+      .form-box {
+        width: 70%;
+        display: flex;
+        flex-wrap: wrap;
+
+        /deep/.el-form-item {
+          width: 50%;
+          padding-right: 10px;
+          box-sizing: border-box;
+        }
+
+        // /deep/.el-col-12{
+        //     padding-left: 20px;
+        // }
+        /deep/.el-input__inner {
+          width: 100%;
+        }
+
+        /deep/.el-select {
+          width: 100%;
+        }
+
+        /deep/.el-cascader {
+          width: 100%;
+        }
+      }
+
+      .qr-box {
+        flex: 1;
+        display: flex;
+        flex-direction: column;
+        align-items: center;
+        justify-content: center;
+      }
+
+      .info-content {
+        display: flex;
+      }
+    }
+
+    .control-point {
+      // height: 350px;
+      min-height: 330px;
+      overflow: hidden;
+
+      .checkbox-list {
+        display: flex;
+        flex-wrap: wrap;
+
+        .status {
+          white-space: nowrap;
+          margin-left: 10px;
+        }
+
+        .status1 {
+          color: #67c23a;
+        }
+
+        .checkbox-item {
+          width: 50%;
+          padding-left: 24px;
+          box-sizing: border-box;
+          line-height: 24px;
+          margin-bottom: 10px;
+
+          .checkbox-children {
+            padding-left: 24px;
+            justify-content: space-between;
+            // font-size: 14px;
+          }
+        }
+      }
+
+      .nodata {
+        text-align: center;
+        margin-top: 110px;
+      }
+    }
+  }
+
+  .right {
+    width: 100%;
+    // border-top: 1px solid #12294F;
+    border-top: 1px solid #eee;
+
+    .file-form {
+      padding-left: 20px;
+      display: flex;
+      flex-wrap: wrap;
+
+      // height: 658px;
+      .form-item {
+        width: 50%;
+        font-size: 14px;
+        display: flex;
+        // align-items: center;
+        // color: rgba(#fff,0.55);
+        padding-bottom: 30px;
+
+        .switch-lable {
+          width: 40%;
+          text-align: right;
+          line-height: 20px;
+          margin-right: 20px;
+          // color: rgba(#fff,0.85);
+        }
+
+        .el-switch {
+          margin-right: 12px;
+          transform: scale(0.9);
+        }
+
+        .form-right {
+          flex: 1;
+          padding-right: 12px;
+
+          .switch-box {
+            display: flex;
+            align-items: center;
+            margin-bottom: 25px;
+          }
+        }
+      }
+    }
+
+    .upload-btn {
+      display: block;
+      width: 86px;
+      height: 26px;
+      border: 1px solid #0080f3;
+      background: #0080f3;
+      border-radius: 3px;
+      text-align: center;
+      line-height: 26px;
+      margin-bottom: 20px;
+      cursor: pointer;
+    }
+
+    .file-list {
+      // border: 1px solid #0080F3;
+      border: 1px solid #eee;
+      width: 100%;
+
+      /*background: #0A1429;*/
+      .list-head {
+        height: 32px;
+        line-height: 32px;
+        /*background: #1F283B;*/
+        background: #eee;
+        padding-left: 10px;
+      }
+
+      .item-box {
+
+        // height: 300px;
+        .list-item {
+          display: flex;
+          width: 100%;
+          align-items: center;
+          padding: 8px 0;
+          padding-left: 20px;
+          box-sizing: border-box;
+          margin: 10px 0;
+
+          .file-icon {
+            margin-right: 10px;
+
+            img {
+              width: 32px;
+              height: 38px;
+            }
+          }
+
+          .file-name {
+            flex: 1;
+            font-size: 12px;
+            display: flex;
+            flex-direction: column;
+
+            span {
+              display: inherit;
+              margin-top: 6px;
+              color: #7cd3de;
+              cursor: pointer;
+            }
+          }
+
+          .el-icon-close {
+            color: #fe6565;
+            width: 20px;
+            cursor: pointer;
+          }
+        }
+
+        .list-item:hover {
+          // background: #132C55;
+          background: #eee;
+        }
+
+        // .active{
+        //     background: #132C55;
+        // }
+      }
+    }
+  }
+
+  .others-info {
+    font-size: 14px;
+
+    .top {
+      display: flex;
+      // border-bottom: 1px solid #12294F;
+      border-bottom: 1px solid #eee;
+    }
+
+    .plan-detail {
+      padding: 0 20px;
+      // align-items: center;
+    }
+
+    .plan-content {
+      // width: calc(100% - 200px);
+      flex: 1;
+      // align-items: center;
+      line-height: 32px;
+      // padding-left: 20px;
+      box-sizing: border-box;
+      display: flex;
+      padding-bottom: 20px;
+      flex-direction: column;
+    }
+
+    .plan-content2 {
+      flex: 1;
+      // padding-left: 20px;
+      line-height: 32px;
+      // width:30%
+    }
+
+    .safe-detail {
+      align-items: center;
+      margin-bottom: 20px;
+      padding: 0 20px;
+      box-sizing: border-box;
+      justify-content: space-between;
+    }
+
+    .print-btn {
+      margin-top: 0;
+      margin-left: 20px;
+    }
+
+    .bottom {
+      display: flex;
+      // border-bottom: 1px solid #12294F;
+      border-bottom: 1px solid #eee;
+    }
+
+    .info-item {
+      width: 50%;
+    }
+
+    .line {
+      // border-left: 1px solid #12294F;
+      border-left: 1px solid #eee;
+    }
+  }
+
+  .button-box {
+    display: flex;
+    justify-content: flex-end;
+    align-items: center;
+    // padding-top: 8px;
+    height: 60px;
+    padding-right: 20px;
+
+    .cancle-btn {
+      margin-right: 30px;
+    }
+  }
+}
+
+.dark {
+  .print-btn {
+    background: #0d1a34;
+    border-color: #0080f3;
+    color: #fff;
+    font-size: 14px;
+  }
+
+  .box-title {
+    color: #88e7f0;
+  }
+
+  .box-title::before {
+    background: linear-gradient(to bottom, #88e7f0, #15315f);
+  }
+
+  .button-box {
+    .cancle-btn {
+      background: transparent;
+      color: #fff;
+    }
+  }
+
+  .right {
+    /deep/.el-switch__core:after {
+      background: #0d1a34;
+    }
+
+    .upload-btn {
+      border: 1px solid #0080f3;
+      background: #0d1a34;
+      // color: rgba(#fff,0.85);
+    }
+  }
+
+  .delete-btn {
+    cursor: pointer;
+    font-size: 18px;
+  }
+
+  .delete-btn:hover {
+    color: #fe6565;
+  }
+}
+
+.delete {
+    color: #fe6565;
+  }
+</style>
diff --git a/src/views/projectFront/specialWork/disconnectionWork.vue b/src/views/projectFront/specialWork/disconnectionWork.vue
new file mode 100644
index 00000000..652830e7
--- /dev/null
+++ b/src/views/projectFront/specialWork/disconnectionWork.vue
@@ -0,0 +1,1197 @@
+<template>
+    <div class="dangerousBigProject">
+        <div v-if="dialogFormVisible">
+            <div class="search-box">
+                <el-form :inline="true" :model="formInline" class="demo-form-inline" size="small">
+                    <el-form-item label="作业申请单位">
+                        <el-select v-model="formInline.recordStatus" placeholder="请选择">
+                            <el-option label="作业申请单位1" :value="0"></el-option>
+                            <el-option label="作业申请单位2" :value="1"></el-option>
+                        </el-select>
+                    </el-form-item>
+                    <el-form-item label="动火人">
+                        <el-input placeholder="请输入" v-model="formInline.engineeringName" clearable style="width: 200px">
+                        </el-input>
+                    </el-form-item>
+                    <el-form-item>
+                        <el-button type="primary" @click="onSubmit" plain>{{
+                            $t('message.quality.inquire')
+                            }}</el-button>
+                    </el-form-item>
+                    <el-form-item>
+                        <el-button type="warning" @click="initData" plain>刷新</el-button>
+                    </el-form-item>
+                </el-form>
+                <!-- 新增 -->
+                <!-- <el-button v-permission="{key: 'wdgc_add', menuPath: '/project/dangerousBigProject/parameter'}"  type="primary" @click="showAddDialog()" size="small">
+            
+            {{ $t('message.dangerousBigProject.add') }}
+          </el-button> -->
+                <!-- <el-button type="danger" size="small">批量删除</el-button> -->
+            </div>
+            <div class="table-box">
+                <el-table class="tables" :data="tableData" size="small" @cell-click="previewDetail"
+                    @selection-change="handleSelectionChange" :header-cell-style="{ 'text-align': 'center' }">
+                    <!-- <el-table-column type="selection" align="center" width="60px"></el-table-column> -->
+                    <el-table-column label="序号" type="index" align="center" width="60"></el-table-column>
+
+                    <el-table-column align="center" label="作业申请单位" show-overflow-tooltip>
+                        <!--  作业申请单位 -->
+                        <template slot-scope="scope">
+                            {{ scope.row.jobApplyForUnit }}
+                        </template>
+                    </el-table-column>
+                    <el-table-column align="center" label="作业申请时间" prop="jobTime"></el-table-column>
+                    <el-table-column align="center" label="受限空间名称" prop="jobTypeName"></el-table-column>
+                    <el-table-column align="center" label="作业内容" prop="jobTypeName"></el-table-column>
+                    <el-table-column align="center" label="受限空间内原有介质名称" prop="jobTypeName"></el-table-column>
+                    <el-table-column align="center" label="作业人" prop="jobName"></el-table-column>
+                    <el-table-column align="center" label="监护人" prop="jobName"></el-table-column>
+                    <el-table-column align="center" label="作业单位" prop="jobUnit"></el-table-column>
+                    <el-table-column align="center" label="作业负责人" prop="jobPrincipal"></el-table-column>
+
+                    <!-- 操作 -->
+                    <el-table-column align="center" :label="$t('message.dangerousBigProject.operation')" width="120">
+                        <template slot-scope="scope">
+                            <!-- <el-button
+                          @click.native.prevent="viewData(scope.$index, tableData)"
+                          type="text"
+                          size="small">
+                              查看
+                          </el-button> -->
+                            <!-- <el-button
+                          @click.native.prevent="editData(scope.$index, tableData)"
+                          type="text"
+                          size="small">
+                              编辑
+                          </el-button> -->
+                            <!-- <el-button
+                v-permission="{key: 'wdgc_edit', menuPath: '/project/dangerousBigProject/parameter'}" 
+                  @click.stop="editRow(scope.$index, tableData)"
+                  type="text"
+                  size="small"
+                >
+                  <i class="el-icon-edit"></i>
+                </el-button> -->
+                            <!-- v-permission="{key: 'wdgc_delete', menuPath: '/project/dangerousBigProject/parameter'}"  -->
+                            <el-button @click.stop="deleteRow(scope.$index, tableData)" type="text" size="small">
+                                <i class="el-icon-delete"></i>
+                                删除
+                            </el-button>
+                        </template>
+                    </el-table-column>
+                </el-table>
+                <el-pagination style="margin-right: 800px;" class="pagerBox" background @size-change="handleSizeChange"
+                    @current-change="handleCurrentChange" :current-page.sync="pageNo" layout="sizes, prev, pager, next"
+                    :page-sizes="[10, 20, 30, 40]" :page-size="pageSize" :total="Number(total)">
+                </el-pagination>
+            </div>
+
+            <!-- <el-dialog :modal-append-to-body="false" :title="dialogTitle" :visible.sync="dialogFormVisible" class="add-dialog">
+              <div class="form-title">基础信息</div>
+              <el-form :model="addForm">
+                  <el-row :gutter="40">
+                      <el-col :span="12">
+                          <el-form-item label="危大工程名称：" required :label-width="formLabelWidth">
+                              <el-input v-model="addForm.name" :disabled="isEditDisabled" placeholder="请输入危大工程名称" autocomplete="off"></el-input>
+                          </el-form-item>
+                      </el-col>
+                      <el-col :span="12">
+                          <el-form-item label="危大工程类别：" required :label-width="formLabelWidth">
+                              <el-select v-model="addForm.category" :disabled="isEditDisabled" @change="changeType" placeholder="请选择危大工程类别">
+                                  <el-option v-for="item in typeOptions"
+                                      :key="item.value"
+                                      :label="item.label"
+                                      :value="item.value"
+                                      >
+                                  </el-option>
+                              </el-select>
+                          </el-form-item>
+                      </el-col>
+                  </el-row>
+                  <el-row :gutter="40">
+                      <el-col :span="12">
+                          <el-form-item label="危大工程概况："  :label-width="formLabelWidth">
+                              <el-input v-model="addForm.points" :disabled="isDisabled" placeholder="请输入危大工程概况" autocomplete="off"></el-input>
+                          </el-form-item>
+                      </el-col>
+                      <el-col :span="12">
+                          <el-form-item label="类别描述：" required :label-width="formLabelWidth">
+                              <el-select v-model="addForm.describe" :disabled="isEditDisabled" placeholder="请选择类别描述">
+                                  <el-option v-for="item in describeOptions"
+                                      :key="item.value"
+                                      :label="item.label"
+                                      :value="item.value">
+                                  </el-option>
+                              </el-select>
+                          </el-form-item>
+                      </el-col>
+                  </el-row>
+                  <el-row :gutter="40">
+                      <el-col :span="12">
+                          <el-form-item label="施工部位：" :label-width="formLabelWidth">
+                              <el-input v-model="addForm.address" :disabled="isDisabled" placeholder="请输入施工部位" autocomplete="off"></el-input>
+                          </el-form-item>
+                      </el-col>
+                      <el-col :span="12">
+                          <el-form-item label="施工计划：" :label-width="formLabelWidth">
+                              <el-date-picker
+                                  :disabled="isDisabled"
+                                  v-model="addForm.date"
+                                  type="daterange"
+                                  range-separator="至"
+                                  value-format="yyyy-MM-dd"
+                                  start-placeholder="开始日期"
+                                  end-placeholder="结束日期">
+                              </el-date-picker>
+                          </el-form-item>
+                      </el-col>
+                  </el-row>
+                  <el-row :gutter="40">
+                      <el-col :span="12">
+                          <el-form-item label="责任人：" :label-width="formLabelWidth">
+                              <el-input v-model="addForm.people" :disabled="isDisabled" placeholder="请输入责任人" autocomplete="off"></el-input>
+                          </el-form-item>
+                      </el-col>
+                      <el-col :span="12">
+                          <el-form-item label="责任分包单位：" :label-width="formLabelWidth">
+                              <el-cascader
+                                  :disabled="isDisabled"
+                                  v-model="addForm.unit"
+                                  placeholder="请选择责任分包单位"
+                                  :options="options"
+                                  :props="props"
+                                  clearable>
+                              </el-cascader>
+                          </el-form-item>
+                      </el-col>
+                  </el-row>
+              </el-form>
+              <div class="form-title">危大工程资料</div>
+              <div class="upload-box">
+                  <div class="upload-file">
+                      <div class="upload-item">
+                          <span>安全技术交底：</span>
+                          <el-switch v-model="safeStatus" :disabled="isDisabled" >
+                          </el-switch>
+                              <span v-if="safeStatus" class="switch-check">已完成</span>
+                              <span v-else class="switch-uncheck">未完成</span>
+                      </div>
+                      <div v-if="dialogTitle == '查看' && file1">{{fileName1}}<a :href="file1">下载</a></div>
+                      <el-upload
+                          class="uploadBox"
+                          :action='$store.state.UPLOADURL'
+                          :on-preview="handlePreview"
+                          :on-remove="handleRemove"
+                          :before-remove="beforeRemove"
+                          :on-success="uploadSuccess"
+                          :on-error="uploadError"
+                          :limit="1"
+                          multiple
+                          name="files"
+                          accept=".doc, .docx, .xls, .xlsx, .ppt, .pptx, .pdf"
+                          :file-list="fileList">
+                          <el-button v-if="dialogTitle == '新增' || dialogTitle == '编辑'" size="small" type="primary">点击上传</el-button>
+                      </el-upload>
+                  </div>
+                  <div class="upload-file">
+                      <div class="upload-item">
+                          <span>安全专项施工方案及附件：</span>
+                          <el-switch v-model="safeStatus2" :disabled="isDisabled">
+                          </el-switch>
+                              <span v-if="safeStatus2" class="switch-check">已完成</span>
+                              <span v-else class="switch-uncheck">未完成</span>
+  
+                      </div>
+                      <div v-if="dialogTitle == '查看' && fileName2">{{fileName2}}<a :href="file2">下载</a></div>
+                      <el-upload
+                          class="uploadBox"
+                          :action='$store.state.UPLOADURL'
+                          :on-preview="handlePreview2"
+                          :on-remove="handleRemove2"
+                          :before-remove="beforeRemove2"
+                          :on-success="uploadSuccess2"
+                          :on-error="uploadError2"
+                          :limit="1"
+                          multiple
+                          name="files"
+                          accept=".doc, .docx, .xls, .xlsx, .ppt, .pptx, .pdf"
+                          :file-list="fileList2">
+                          <el-button v-if="dialogTitle == '新增' || dialogTitle == '编辑'" size="small" type="primary">点击上传</el-button>
+                      </el-upload>
+                  </div>
+                  <div class="upload-file">
+                      <div class="upload-item">
+                          <span>专项施工方案交底：</span>
+                          <el-switch v-model="safeStatus3" :disabled="isDisabled">
+                          </el-switch>
+                              <span v-if="safeStatus3" class="switch-check">已完成</span>
+                              <span v-else class="switch-uncheck">未完成</span>
+                      </div>
+                      <div v-if="dialogTitle == '查看' && fileName3">{{fileName3}}<a :href="file3">下载</a></div>
+                      <el-upload
+                          class="uploadBox"
+                          :action='$store.state.UPLOADURL'
+                          :on-preview="handlePreview3"
+                          :on-remove="handleRemove3"
+                          :before-remove="beforeRemove3"
+                          :on-success="uploadSuccess3"
+                          :on-error="uploadError3"
+                          :limit="1"
+                          multiple
+                          name="files"
+                          accept=".doc, .docx, .xls, .xlsx, .ppt, .pptx, .pdf"
+                          :file-list="fileList3">
+                          <el-button v-if="dialogTitle == '新增' || dialogTitle == '编辑'" size="small" type="primary">点击上传</el-button>
+                      </el-upload>
+                  </div>
+              </div>
+              <div slot="footer" class="dialog-footer">
+                  <el-button @click="dialogFormVisible = false">取 消</el-button>
+                  <el-button type="primary" @click="addData()">确 定</el-button>
+              </div>
+          </el-dialog> -->
+            <!-- 提示 -->
+            <el-dialog :modal-append-to-body="false" :title="$t('message.dangerousBigProject.hint')"
+                :visible.sync="deleteDialog" width="30%">
+                <span>
+                    <!-- 是否确定删除该条记录？ -->
+                    {{ $t('message.dangerousBigProject.hintContent') }}
+                </span>
+                <span slot="footer" class="dialog-footer">
+                    <el-button @click="deleteDialog = false">
+                        <!-- 取 消 -->
+                        {{ $t('message.dangerousBigProject.cancel') }}
+                    </el-button>
+                    <el-button type="primary" @click="checkDelete">
+                        <!-- 确 定 -->
+                        {{ $t('message.dangerousBigProject.confirm') }}
+                    </el-button>
+                </span>
+            </el-dialog>
+        </div>
+        <div style="height: 100%" v-else>
+            <el-page-header @back="goBack" :content="dialogTitle" class="backText"
+                :class="{ dark: styleType == 2 }"></el-page-header>
+            <!-- <addPlan @cancleSave="goBack" v-if="isAdd"></addPlan> -->
+            <detail :id="detailId" :isSuperDanger="isSuperDanger" @cancleSave="goBack" :COMPANY_Type="'longguang'" v-if="isEdit">
+                <template v-slot:basicinfo>
+                    <div class="info-content">
+                        <el-form class="form-box" :model="detailData">
+                            <el-form-item label="作业类型：" :label-width="formLabelWidthDetail">
+                                受限空间名称
+                            </el-form-item>
+                            <el-form-item label="作业单位" :label-width="formLabelWidthDetail">
+                                <!-- <el-cascader
+                            :disabled="isDisabled"
+                            v-model="detailData.responsibilityCompanyId"
+                            placeholder="请选择责任分包单位"
+                            :options="options"
+                            :props="props"
+                            clearable
+                            >
+                            </el-cascader> -->
+                                <el-select v-model="detailData.responsibilityCompanyId" placeholder="请选择作业单位" disabled>
+                                    <el-option :label="item.enterpriseName" :value="item.id"
+                                        v-for="(item, index) in responsibilityList" :key="index">
+                                    </el-option>
+                                </el-select>
+                            </el-form-item>
+                            <el-form-item label="作业申请单位" :label-width="formLabelWidthDetail">
+                                <el-select v-model="detailData.responsibilityCompanyId" placeholder="请选择作业申请单位"
+                                    disabled>
+                                    <el-option :label="item.enterpriseName" :value="item.id"
+                                        v-for="(item, index) in responsibilityList" :key="index">
+                                    </el-option>
+                                </el-select>
+                            </el-form-item>
+                            <el-form-item label="作业负责人：" :label-width="formLabelWidthDetail">
+                                胡小小
+                            </el-form-item>
+                            <el-form-item label="作业申请时间：" :label-width="formLabelWidthDetail">
+                                2024-05-14
+                            </el-form-item>
+                            <el-form-item label="受限空间内原有介质名称" :label-width="formLabelWidthDetail">
+                                西北角
+                            </el-form-item>
+                            <el-form-item label="受限空间名称：" :label-width="formLabelWidthDetail">
+                                特级
+                            </el-form-item>
+                            <el-form-item label="作业人：" :label-width="formLabelWidthDetail">
+                                张三
+                            </el-form-item>
+                            <el-form-item label="作业内容：" :label-width="formLabelWidthDetail">
+                                王乐康
+                            </el-form-item>
+                            <el-form-item label="气体分析时间：" :label-width="formLabelWidthDetail">
+                                <el-date-picker :disabled="isDisabledDetail" v-model="planDate" type="daterange"
+                                    :picker-options="pickerOptions" range-separator="至" value-format="yyyy-MM-dd"
+                                    start-placeholder="开始日期" end-placeholder="结束日期">
+                                </el-date-picker>
+                            </el-form-item>
+                            <el-form-item label="证书编号：" :label-width="formLabelWidthDetail">
+                                16548955
+                            </el-form-item>
+                            <el-form-item label="代表性气体：" :label-width="formLabelWidthDetail">
+                                16548955
+                            </el-form-item>
+                            <el-form-item label="监护人：" :label-width="formLabelWidthDetail">
+                                王乐康
+                            </el-form-item>
+                            <el-form-item label="风险辨识结果：" :label-width="formLabelWidthDetail">
+                                王乐康
+                            </el-form-item>
+                            <el-form-item label="关联的其他特殊作业：" :label-width="formLabelWidthDetail">
+                                王乐康
+                            </el-form-item>
+                            <el-form-item label="作业实施时间：" :label-width="formLabelWidthDetail">
+                                <el-date-picker :disabled="isDisabledDetail" v-model="planDate" type="daterange"
+                                    :picker-options="pickerOptions" range-separator="至" value-format="yyyy-MM-dd"
+                                    start-placeholder="开始日期" end-placeholder="结束日期">
+                                </el-date-picker>
+                            </el-form-item>
+                            <el-form-item label="安全作业票编码" :label-width="formLabelWidthDetail">
+                                7984654
+                            </el-form-item>
+                        </el-form>
+                        <!-- <div v-if="COMPANY != 'longguang'" class="qr-box">
+                                    <div id="qrCode" ref="qrCodeDiv"></div>
+                                    <el-button size="medium" class="print-btn" @click="printBtn">打印危大工程标识</el-button>
+                                </div> -->
+                    </div>
+                </template>
+                <template v-slot:gasanalysis>
+                    <div>
+                        <el-form :model="detailData">
+                            <el-row>
+                                <el-col :span="8">
+                                    <el-form-item label="分析项目：" :label-width="formLabelWidthDetail">
+                                        受限空间
+                                    </el-form-item>
+                                </el-col>
+                                <el-col :span="8">
+                                    <el-form-item label="有毒有害气体名称" :label-width="formLabelWidthDetail">
+                                        一氧化碳
+                                    </el-form-item>
+                                </el-col>
+                                <el-col :span="8">
+                                    <el-form-item label="可燃气体名称：" :label-width="formLabelWidthDetail">
+                                        天然气
+                                    </el-form-item>
+                                </el-col>
+                            </el-row>
+                            <el-row>
+                                <el-col :span="8">
+                                    <el-form-item label="合格标准：" :label-width="formLabelWidthDetail">
+                                        100
+                                    </el-form-item>
+                                </el-col>
+                                <el-col :span="8">
+                                    <el-form-item label="氧气含氧量(19.5%~21%)：" :label-width="formLabelWidthDetail">
+                                        20%
+                                    </el-form-item>
+                                </el-col>
+                                <el-col :span="8">
+                                    <el-form-item label="取样分析时间：" :label-width="formLabelWidthDetail">
+                                        <el-date-picker :disabled="isDisabledDetail" v-model="planDate" type="date"
+                                            :picker-options="pickerOptions" value-format="yyyy-MM-dd">
+                                        </el-date-picker>
+                                    </el-form-item>
+                                </el-col>
+                            </el-row>
+                            <el-row>
+                                <el-col :span="8">
+                                    <el-form-item label="分析部位：" :label-width="formLabelWidthDetail">
+                                        顶部
+                                    </el-form-item>
+                                </el-col>
+                                <el-col :span="8">
+                                    <el-form-item label="分析人：" :label-width="formLabelWidthDetail">
+                                        刘大大
+                                    </el-form-item>
+                                </el-col>
+                                <el-col :span="10">
+                                    <el-form-item label="分析数据：" :label-width="formLabelWidthDetail">
+
+                                        <el-input v-model="detailData.engineeringSurvey" :disabled="isDisabledDetail"
+                                            placeholder="一氧化碳/天然气/20%/2024-01-12/顶部/刘大大" autocomplete="off"></el-input>
+                                    </el-form-item>
+                                </el-col>
+                            </el-row>
+                        </el-form>
+                    </div>
+                </template>
+            </detail>
+            <editPlan :title="operateTitle" :editId="editId" @cancleSave="goBack" v-if="isUpdate"></editPlan>
+        </div>
+    </div>
+</template>
+
+<script>
+import moment from 'moment'
+//   import addPlan from './addPlan.vue'
+import detail from './detail.vue'
+import editPlan from './editPlan.vue'
+import {
+    selectDangerousEngineeringRecordApi,
+    addDangerousEngineeringRecordApi,
+    deleteDangerousEngineeringRecordApi,
+    selectDangerousEngineeringTypeApi,
+    editDangerousEngineeringRecordApi
+} from "@/assets/js/api/dangerousBigProject"
+import { getCooperatorListApi } from "@/assets/js/api/cooperationUnit";
+export default {
+    components: {
+        //   addPlan,
+        detail,
+        editPlan
+    },
+    data() {
+        return {
+            formInline: {
+                engineeringName: '',
+                recordStatus: '',
+            },
+            formLabelWidthDetail: "180px",
+            detailData: {},
+            responsibilityList: [],
+            planDate: "",
+            pickerOptions: {
+                disabledDate(time) {
+                    return time.getTime() < Date.now() - 8.64e7;
+                },
+            },
+            isDisabledDetail: true,
+
+            operateTitle: "新增",
+            isAdd: false,
+            isEdit: false,
+            isDisabled: false,
+            engineeringName: "",
+            detailId: "",
+            isSuperDanger: false,
+            tableData: [
+                { jobApplyForUnit: "辽宁五寰", jobTime: "2024-5-14", jobTypeName: "特级", jobName: "张三", jobSerial: "15236655", jobUnit: "辽宁五寰", jobPrincipal: "李四" },
+                { jobApplyForUnit: "辽宁五寰", jobTime: "2024-5-14", jobTypeName: "特级", jobName: "张三", jobSerial: "15236655", jobUnit: "辽宁五寰", jobPrincipal: "李四" },
+                { jobApplyForUnit: "辽宁五寰", jobTime: "2024-5-14", jobTypeName: "特级", jobName: "张三", jobSerial: "15236655", jobUnit: "辽宁五寰", jobPrincipal: "李四" }
+            ],
+            dialogFormVisible: true,
+            multipleSelection: [],
+            addForm: {
+                name: "",
+                category: "",
+                points: "",
+                describe: "",
+                address: "",
+                date: [],
+                people: "",
+                unit: []
+            },
+            props: {
+                multiple: true
+            },
+            typeOptions: [],
+            describeOptions: [],
+            options: [{
+                label: 111,
+                value: 12
+            }],
+            formLabelWidth: "110px",
+            safeStatus: false,
+            safeStatus2: false,
+            safeStatus3: false,
+            fileList: [],
+            fileList2: [],
+            fileList3: [],
+            dialogTitle: "",
+            pageNo: 1,
+            pageSize: 10,
+            total: 10,
+            projectSn: "",
+            enterpriseTypeId: 1,
+            cooperatorList: [],
+            file3: "",
+            file2: "",
+            file1: "",
+            deleteId: "",
+            editId: "",
+            deleteDialog: false,
+            isEditDisabled: false,
+            editParms: [],
+            fileName1: "",
+            fileName2: "",
+            fileName3: "",
+            styleType: 1,
+            isUpdate: false
+        }
+    },
+    mounted() {
+        this.projectSn = this.$store.state.projectSn
+        this.styleType = this.$store.state.userInfo.styleType;
+        // this.getCooperatorList()
+        // this.getType()
+        //   this.initData();
+    },
+    methods: {
+        editRow(index, rows) {
+            if (rows[index].finalAcceptanceStatus === 2) {
+                this.$message.warning('该项危大工程已闭合，请勿操作')
+                return
+            }
+            // console.log(index,rows[index].id)
+            this.editId = rows[index].id
+            this.operateTitle = "编辑"
+            this.dialogTitle = "编辑"
+            this.dialogFormVisible = false
+            this.isEdit = false
+            this.isAdd = false
+            this.isUpdate = true;
+        },
+        goBack() {
+            this.dialogFormVisible = true
+            // this.initData()
+            this.isAdd = false
+            this.isEdit = false
+            this.isUpdate = false;
+        },
+        showAddDialog() {
+            this.dialogFormVisible = false
+            this.isEdit = false
+            this.isUpdate = false;
+            this.isAdd = true
+            // "新增"
+            this.dialogTitle = this.$t('message.dangerousBigProject.add')
+            // this.clearData()
+            // if(this.isDisabled){
+            //     this.isDisabled = false
+            // }
+            // if(this.isEditDisabled){
+            //     this.isEditDisabled = false
+            // }
+        },
+        onSubmit() {
+
+        },
+        initData() {
+            let data = {
+                engineeringName: this.engineeringName,
+                pageNo: this.pageNo,
+                pageSize: this.pageSize,
+                projectSn: this.projectSn
+            }
+            selectDangerousEngineeringRecordApi(data).then((res) => {
+                if (res.result) {
+                    console.log(res.result.records, 1)
+                    res.result.records.forEach((item) => {
+                        if (item.planStartTime && item.planEndTime) {
+                            item.plan = item.planStartTime + "至" + item.planEndTime
+                        }
+                        if (item.responsibilityCompany.split(",").length > 0 && item.responsibilityCompany !== "") {
+                            let arr = []
+                            for (let i = 0; i < this.options.length; i++) {
+                                let itm = this.options[i].value
+                                for (let j = 0; j < item.responsibilityCompany.split(",").length; j++) {
+                                    if (itm == item.responsibilityCompany.split(",")[j]) {
+                                        arr.push(this.options[i].label)
+                                    }
+                                }
+                            }
+                            item.subpackageUnit = arr.join(",")
+                        }
+                    })
+                    // console.log(this.options)
+                    this.tableData = res.result.records
+                    this.total = res.result.total
+                }
+            });
+        },
+        editData(index, val) {
+            this.viewData(index, val)
+            // "编辑"
+            this.dialogTitle = this.$t('message.dangerousBigProject.edit')
+            this.editParms = val[index]
+            if (this.file1) {
+                let obj = {
+                    name: this.file1.split("/")[this.file1.split("/").length - 1],
+                    url: this.file1
+                }
+                this.fileList.push(obj)
+            }
+            if (this.file2) {
+                let obj2 = {
+                    name: this.file2.split("/")[this.file2.split("/").length - 1],
+                    url: this.file2
+                }
+                this.fileList2.push(obj2)
+            }
+            if (this.file3) {
+                let obj3 = {
+                    name: this.file3.split("/")[this.file3.split("/").length - 1],
+                    url: this.file3
+                }
+                this.fileList3.push(obj3)
+            }
+            this.isDisabled = false
+            this.isEditDisabled = true
+            // console.log(this.editId)
+        },
+        viewData(index, val) {
+            this.clearData()
+            this.dialogFormVisible = true
+            // "查看"
+            this.dialogTitle = this.$t('message.dangerousBigProject.view')
+            this.isDisabled = true
+            this.isEditDisabled = true
+            this.addForm = {
+                name: val[index].engineeringName,
+                category: val[index].engineeringTypeId,
+                points: val[index].engineeringSurvey,
+                describe: val[index].describeName,
+                address: val[index].constructionLocation,
+                date: [val[index].planStartTime, val[index].planEndTime],
+                people: val[index].personLiable,
+                unit: val[index].responsibilityCompany
+            }
+            this.safeStatus = val[index].securityConstructionSchemeType == 2 ? true : false
+            this.safeStatus2 = val[index].specialConstructionSchemeType == 2 ? true : false
+            this.safeStatus3 = val[index].technicalDisclosureType == 2 ? true : false
+            this.file1 = val[index].securityConstructionSchemeFile
+            this.file2 = val[index].specialConstructionSchemeFile
+            this.file3 = val[index].technicalDisclosureFile
+            this.fileName1 = this.file1 ? this.file1.split("/")[this.file1.split("/").length - 1] : ""
+            this.fileName2 = this.file2 ? this.file2.split("/")[this.file2.split("/").length - 1] : ""
+            this.fileName3 = this.file3 ? this.file3.split("/")[this.file3.split("/").length - 1] : ""
+        },
+        clearData() {
+            this.addForm = {
+                name: "",
+                category: "",
+                points: "",
+                describe: "",
+                address: "",
+                date: [],
+                people: "",
+                unit: ""
+            },
+                this.safeStatus = false
+            this.safeStatus2 = false
+            this.safeStatus3 = false
+            this.file1 = ""
+            this.file2 = ""
+            this.file3 = ""
+            this.fileList = []
+            this.fileList2 = []
+            this.fileList3 = []
+        },
+        // 选择类别
+        changeType(value) {
+            this.typeOptions.forEach(item => {
+                if (item.id == value) {
+                    item.describeList.forEach(item => {
+                        item.value = item.id
+                        if (item.describeName.length > 40) {
+                            item.label = item.describeName.substring(0, 40) + '...'
+                        } else {
+                            item.label = item.describeName
+                        }
+                    })
+                    this.describeOptions = item.describeList
+                }
+            })
+            console.log(value)
+        },
+        //获取责任分包单位
+        getCooperatorList() {
+            let data = {
+                projectSn: this.projectSn,
+                pageNo: this.pageNo,
+                pageSize: this.pageSize,
+                enterpriseTypeId: this.enterpriseTypeId,
+                enterpriseName: "",
+            };
+            getCooperatorListApi(data).then((res) => {
+                if (res.code == 200) {
+
+                    if (res.result.records.length > 0) {
+                        this.cooperatorList = JSON.parse(JSON.stringify(res.result.records));
+                        this.cooperatorList.forEach((item) => {
+                            item.value = item.enterpriseLegalPerson
+                            item.label = item.enterpriseName
+                        })
+                        this.options = this.cooperatorList
+                        // console.log(this.options)
+                    }
+                }
+            });
+        },
+        // 获取类别
+        getType() {
+            selectDangerousEngineeringTypeApi({ sn: JSON.parse(window.sessionStorage.getItem("vuex")).userInfo.headquartersSn }).then((res) => {
+                if (res.result) {
+                    // console.log(res.result)
+                    res.result.forEach(item => {
+                        item.label = item.typeName
+                        item.value = item.id
+                    })
+                    this.typeOptions = res.result
+                }
+            })
+        },
+        addData() {
+            if (this.addForm.name == "") {
+                // 请输入危大工程名称
+                this.$message.error(this.$t('message.dangerousBigProject.verifyMessage1'))
+                return
+            } else if (this.addForm.category == "") {
+                // 请选择危大工程类别
+                this.$message.error(this.$t('message.dangerousBigProject.verifyMessage2'))
+                return
+            } else if (this.addForm.describe == "") {
+                // 请选择类别描述
+                this.$message.error(this.$t('message.dangerousBigProject.verifyMessage3'))
+                return
+            }
+            // console.log(this.addForm)
+            let nowDate = new Date()
+            let data = {
+                constructionLocation: this.addForm.address,
+                createTime: moment(nowDate).format('YYYY-MM-DD HH:mm:ss'),
+                engineeringName: this.addForm.name,
+                engineeringSurvey: this.addForm.points,
+                engineeringTypeId: this.addForm.category,
+                personLiable: this.addForm.people,
+                planEndTime: this.addForm.date[1],
+                planStartTime: this.addForm.date[0],
+                projectSn: this.projectSn,
+                securityConstructionSchemeFile: this.fileList.length > 0 ? this.file1 : "", //安全专项施工方案附件
+                securityConstructionSchemeType: this.safeStatus ? 2 : 1,//是否完成安全专项施工方案交底，1未完成，2完成
+                specialConstructionSchemeFile: this.fileList2.length > 0 ? this.file2 : '',//专项施工方案附件
+                specialConstructionSchemeType: this.safeStatus2 ? 2 : 1,//是否完成专项施工方案交底，1未完成，2完成
+                technicalDisclosureFile: this.fileList3.length > 0 ? this.file3 : '',//技术交底文件
+                technicalDisclosureType: this.safeStatus3 ? 2 : 1,//是否完成安全技术交底，1未完成，2完成
+                typeDescribeId: this.addForm.describe,//危大工程类别描述
+                addForm: this.addForm
+            }
+            // "新增"
+            if (this.dialogTitle == this.$t('message.dangerousBigProject.add')) {
+                console.log(data)
+                data.responsibilityCompany = this.addForm.unit ? this.addForm.unit.join(',') : ""
+                addDangerousEngineeringRecordApi(data).then((res) => {
+                    if (res.code = 200) {
+                        this.$message.success(this.$t('message.dangerousBigProject.add') + this.$t('message.dangerousBigProject.success') + "！")
+                        this.initData()
+                    }
+                    console.log(res)
+                })
+            } else if (this.dialogTitle == this.$t('message.dangerousBigProject.edit')) {
+                // "编辑"
+                data.id = this.editParms.id
+                data.typeDescribeId = this.editParms.typeDescribeId
+                if (this.addForm.unit && Array.isArray(this.addForm.unit)) {
+                    data.responsibilityCompany = this.addForm.unit.join(',')
+                } else {
+                    data.responsibilityCompany = this.addForm.unit
+                }
+                editDangerousEngineeringRecordApi(data).then((res) => {
+                    if (res.code = 200) {
+                        // "修改成功！"
+                        this.$message.success(this.$t('message.dangerousBigProject.editSuccess'))
+                        this.initData()
+                    }
+                    console.log(res)
+                })
+            }
+            this.dialogFormVisible = false
+        },
+        handleSelectionChange(val) {
+            this.multipleSelection = val;
+        },
+        deleteRow(index, rows) {
+            if (rows[index].finalAcceptanceStatus === 2) {
+                this.$message.warning('该项危大工程已闭合，请勿操作')
+                return
+            }
+            // console.log(index,rows[index].id)
+            this.deleteId = rows[index].id
+            this.deleteDialog = true
+        },
+        checkDelete() {
+            deleteDangerousEngineeringRecordApi({ id: this.deleteId }).then((res) => {
+                console.log(res)
+                if (res.code == 200) {
+                    this.$message.success(res.message)
+                    this.initData()
+                }
+            })
+            this.deleteDialog = false
+        },
+        handleSizeChange() {
+            this.initData()
+        },
+        handleCurrentChange() {
+            this.initData()
+        },
+        handleRemove(file, fileList) {
+            console.log(fileList);
+            this.fileList = fileList;
+        },
+        handlePreview(file) {
+            console.log(file);
+        },
+        beforeRemove(file, fileList) {
+            // 确定移除
+            return this.$confirm(this.$t('message.dangerousBigProject.confirmRemove') + ` ${file.name}？`);
+        },
+        uploadSuccess(response, file, fileList) {
+            console.log('fileList')
+            console.log(fileList)
+            this.fileList = fileList;
+            this.file1 = this.$store.state.FILEURL + fileList[0].response.data[0].imageUrl
+        },
+        uploadError(err, file, fileList) {
+            // 上传失败！
+            this.$message.error(this.$t('message.dangerousBigProject.uploadFail'));
+        },
+        handleRemove2(file, fileList) {
+            console.log(fileList);
+            this.fileList2 = fileList;
+        },
+        handlePreview2(file) {
+            console.log(file);
+        },
+        beforeRemove2(file, fileList) {
+            // 确定移除
+            return this.$confirm(this.$t('message.dangerousBigProject.confirmRemove') + `${file.name}？`);
+        },
+        uploadSuccess2(response, file, fileList) {
+            console.log('fileList')
+            console.log(fileList)
+            this.fileList2 = fileList;
+            this.file2 = this.$store.state.FILEURL + fileList[0].response.data[0].imageUrl
+        },
+        uploadError2(err, file, fileList) {
+            // 上传失败！
+            this.$message.error(this.$t('message.dangerousBigProject.uploadFail'));
+        },
+        handleRemove3(file, fileList) {
+            console.log(fileList);
+            this.fileList3 = fileList;
+        },
+        handlePreview3(file) {
+            console.log(file);
+        },
+        beforeRemove3(file, fileList) {
+            // 确定移除
+            return this.$confirm(this.$t('message.dangerousBigProject.confirmRemove') + `${file.name}？`);
+        },
+        uploadSuccess3(response, file, fileList) {
+            console.log('fileList')
+            console.log(fileList)
+            this.fileList3 = fileList;
+            this.file3 = this.$store.state.FILEURL + fileList[0].response.data[0].imageUrl
+        },
+        uploadError3(err, file, fileList) {
+            // 上传失败！
+            this.$message.error(this.$t('message.dangerousBigProject.uploadFail'));
+        },
+        previewDetail(val) {
+            console.log(val)
+            this.dialogFormVisible = false
+            this.isEdit = true
+            this.isAdd = false
+            this.isUpdate = false
+            // 详细
+            this.dialogTitle = this.$t('message.dangerousBigProject.detailed')
+            this.detailId = val.id
+            this.isSuperDanger = val.issuperdanger
+        }
+    }
+}
+</script>
+
+<style lang="less" scoped>
+.el-button--text{
+    color: #262d47;
+}
+
+
+.form-box {
+    width: 70%;
+    display: flex;
+    flex-wrap: wrap;
+
+    /deep/.el-form-item {
+        width: 50%;
+        padding-right: 10px;
+        box-sizing: border-box;
+    }
+
+    // /deep/.el-col-12{
+    //     padding-left: 20px;
+    // }
+    /deep/.el-input__inner {
+        width: 100%;
+    }
+
+    /deep/.el-select {
+        width: 100%;
+    }
+
+    /deep/.el-cascader {
+        width: 100%;
+    }
+}
+
+.gasanalysis-table {
+    padding: 10px 20px;
+
+    .el-row:first-child .el-col {
+        background-color: #E9E9E9;
+    }
+
+    .el-row {
+        font-size: 14px;
+        color: #000;
+
+        .el-col:first-child {
+            background-color: #E9E9E9;
+        }
+
+        .el-col {
+            height: 40px;
+            display: flex;
+            align-items: center;
+            justify-content: center;
+            border: 1px solid #E1E1E1;
+        }
+    }
+}
+
+.dangerousBigProject {
+    padding-bottom: 20px;
+    height: 100%;
+    background: #fff;
+    padding: 0 10px;
+    padding-top: 20px;
+    box-sizing: border-box;
+
+    >div {
+        height: 100%;
+
+        .search-box {
+            display: flex;
+            margin-bottom: 20px;
+
+            .search-input {
+                width: 260px;
+                margin-right: 20px;
+            }
+        }
+    }
+}
+
+.el-icon-delete {
+    color: #f56c6c;
+}
+
+.table-box {
+    display: flex;
+    flex-direction: column;
+    height: calc(100% - 72px);
+
+    .tables {
+        margin-bottom: auto;
+    }
+}
+
+.table-item {
+    display: flex;
+    flex-direction: column;
+    align-items: flex-start;
+
+    p {
+        width: 100%;
+        overflow: hidden;
+        white-space: nowrap;
+        text-overflow: ellipsis;
+    }
+
+    // .item-status {
+    //   background: #f56c6c;
+    //   display: block;
+    //   color: #fff;
+    //   border-radius: 4px;
+    //   padding: 0 4px;
+    //   height: 20px;
+    // }
+    .item-status {
+        display: flex;
+        align-items: center;
+
+        img {
+            width: 15px;
+            height: 15px;
+        }
+
+        span {
+            font-size: 14px;
+            color: #EA3941;
+        }
+    }
+
+    .status-none {
+        height: 20px;
+    }
+
+    .item-title {
+        font-weight: 600;
+    }
+}
+
+.table-category-item {
+    display: flex;
+
+    p {
+        width: 100%;
+        overflow: hidden;
+        white-space: nowrap;
+        text-overflow: ellipsis;
+    }
+
+    // .item-status {
+    //   background: #f56c6c;
+    //   display: block;
+    //   color: #fff;
+    //   border-radius: 4px;
+    //   padding: 0 4px;
+    //   height: 20px;
+    // }
+    .item-status {
+        display: flex;
+        align-items: center;
+        margin-right: 3px;
+
+        img {
+            width: 15px;
+            height: 15px;
+            margin-right: 3px;
+        }
+
+        span {
+            font-size: 14px;
+            color: #EA3941;
+        }
+    }
+
+    .status-none {
+        height: 20px;
+    }
+
+    .item-title {
+        font-weight: 600;
+    }
+}
+
+.add-dialog {
+    /deep/ .el-dialog {
+        width: 80%;
+    }
+
+    .form-title {
+        margin-bottom: 20px;
+    }
+
+    /deep/ .el-form-item__label {
+        text-align: left;
+        white-space: nowrap;
+    }
+
+    /deep/ .el-form {
+        padding-left: 36px;
+        padding-right: 26px;
+        margin-bottom: 20px;
+    }
+
+    /deep/ .el-select {
+        width: 100%;
+    }
+
+    /deep/ .el-date-editor.el-input {
+        width: 100%;
+    }
+
+    /deep/ .el-date-editor {
+        width: 100%;
+    }
+
+    /deep/ .el-cascader {
+        width: 100%;
+    }
+
+    .upload-item {
+        display: flex;
+        margin-bottom: 10px;
+        align-items: center;
+
+        span {
+            margin-right: 16px;
+        }
+
+        .switch-check {
+            margin-left: 8px;
+            color: #409eff;
+            line-height: 20px;
+        }
+
+        .switch-uncheck {
+            margin-left: 8px;
+            line-height: 20px;
+        }
+    }
+
+    .upload-file {
+        width: 50%;
+        padding-left: 26px;
+        box-sizing: border-box;
+        margin-bottom: 20px;
+
+        a {
+            color: #409eff;
+            text-decoration: none;
+            margin-left: 6px;
+        }
+    }
+
+    .upload-box {
+        display: flex;
+        flex-wrap: wrap;
+    }
+}
+
+.el-pagination {
+    display: flex;
+    justify-content: flex-end;
+    margin-top: 20px;
+}
+
+.backText {
+    padding: 8px 0;
+    padding-left: 10px;
+
+    /deep/.el-page-header__content {
+        font-size: 14px;
+    }
+}
+
+.dark {
+    /deep/.el-page-header__content {
+        color: #fff;
+    }
+
+    /deep/ .print-btn {
+        background: none;
+        color: #262d47;
+        font-size: 14px;
+    }
+}
+</style>
\ No newline at end of file
diff --git a/src/views/projectFront/specialWork/editPlan.vue b/src/views/projectFront/specialWork/editPlan.vue
new file mode 100644
index 00000000..271e627b
--- /dev/null
+++ b/src/views/projectFront/specialWork/editPlan.vue
@@ -0,0 +1,1311 @@
+<template>
+  <div class="plan-form" :class="{ dark: styleType == 2 }">
+    <div style="height: 100%">
+      <vue-scroll>
+        <div class="wrap">
+          <div class="left">
+            <div class="info">
+              <div class="box-title">
+                基本信息
+              </div>
+              <el-form class="form-box" :model="addForm">
+                <el-form-item
+                  label="危大工程名称："
+                  required
+                  :label-width="formLabelWidth"
+                >
+                  <el-input
+                    v-model="addForm.engineeringName"
+                    placeholder="请输入危大工程名称"
+                    autocomplete="off"
+                  ></el-input>
+                </el-form-item>
+
+                <el-form-item
+                  label="危大工程类别："
+                  required
+                  :label-width="formLabelWidth"
+                >
+                  <el-select
+                    v-model="addForm.engineeringTypeId"
+                    @change="changeType"
+                    placeholder="请选择危大工程类别"
+                  >
+                    <el-option
+                      v-for="item in typeOptions"
+                      :key="item.id"
+                      :label="item.typeName"
+                      :value="item.id"
+                    >
+                    </el-option>
+                  </el-select>
+                </el-form-item>
+
+                <el-form-item
+                  label="危大工程概况："
+                  :label-width="formLabelWidth"
+                >
+                  <el-input
+                    v-model="addForm.engineeringSurvey"
+                    :disabled="isDisabled"
+                    placeholder="请输入危大工程概况"
+                    autocomplete="off"
+                  ></el-input>
+                </el-form-item>
+
+                <el-form-item
+                  label="类别描述："
+                  required
+                  :label-width="formLabelWidth"
+                >
+                  <!-- <el-select v-model="addForm.typeDescribeId"  @change="changeDescribe"  placeholder="请选择类别描述">
+                                <el-option v-for="item in describeOptions"
+                                    :key="item.id"
+                                    :label="item.describeName"
+                                    :value="item.id">
+                                </el-option>
+                            </el-select> -->
+                  <el-cascader
+                    :disabled="isDisabled"
+                    v-model="addForm.typeDescribeId"
+                    @change="changeDescribe"
+                    placeholder="请选择类别描述"
+                    :options="describeOptions"
+                    :props="props2"
+                    clearable
+                  >
+                  </el-cascader>
+                </el-form-item>
+
+                <el-form-item
+                  label="施工部位："
+                  :label-width="formLabelWidth"
+                  required
+                >
+                  <el-input
+                    v-model="addForm.constructionLocation"
+                    :disabled="isDisabled"
+                    placeholder="请输入施工部位"
+                    autocomplete="off"
+                  ></el-input>
+                </el-form-item>
+
+                <!-- <el-form-item
+                  label="施工时间："
+                  required
+                  :label-width="formLabelWidth"
+                >
+                  <el-date-picker
+                    :disabled="isDisabled"
+                    v-model="addForm.buildTime"
+                    type="daterange"
+                    range-separator="至"
+                    :picker-options="pickerOptions"
+                    value-format="yyyy-MM-dd"
+                    start-placeholder="开始日期"
+                    end-placeholder="结束日期"
+                  >
+                  </el-date-picker>
+                </el-form-item> -->
+
+                <!-- <el-form-item label="施工计划" :label-width="formLabelWidth">
+                            <el-input v-model="addForm.people" :disabled="isDisabled" placeholder="请输入施工计划" autocomplete="off"></el-input>
+                        </el-form-item> -->
+
+                <el-form-item label="计划时间：" :label-width="formLabelWidth">
+                  <el-date-picker
+                    :disabled="isDisabled"
+                    v-model="addForm.planTime"
+                    type="daterange"
+                    :picker-options="pickerOptions"
+                    range-separator="至"
+                    value-format="yyyy-MM-dd"
+                    start-placeholder="开始日期"
+                    end-placeholder="结束日期"
+                  >
+                  </el-date-picker>
+                </el-form-item>
+
+                <el-form-item
+                  label="责任分包单位："
+                  required
+                  :label-width="formLabelWidth"
+                >
+                  <!-- <el-cascader
+                                :disabled="isDisabled"
+                                v-model="addForm.responsibilityCompany"
+                                placeholder="请选择责任分包单位"
+                                :options="options"
+                                :props="props"
+                                clearable>
+                            </el-cascader> -->
+                  <el-select
+                    v-model="addForm.responsibilityCompanyId"
+                    placeholder="请选择责任分包单位"
+                    @change="unitChange"
+                    disabled
+                  >
+                    <el-option
+                      :label="item.enterpriseName"
+                      :value="item.id"
+                      v-for="(item, index) in responsibilityList"
+                      :key="index"
+                    >
+                    </el-option>
+                  </el-select>
+                </el-form-item>
+                <el-form-item
+                  label="责任人："
+                  required
+                  :label-width="formLabelWidth"
+                >
+                  <!-- <el-input v-model="addForm.personLiable" :disabled="isDisabled" placeholder="请输入责任人" autocomplete="off"></el-input> -->
+                  <el-select
+                    v-model="addForm.personLiableId"
+                    placeholder="请选择责任人"
+                    disabled
+                  >
+                    <el-option
+                      :label="item.realName"
+                      :value="item.userId"
+                      v-for="(item, index) in personList"
+                      :key="index"
+                    >
+                    </el-option>
+                  </el-select>
+                </el-form-item>
+              </el-form>
+            </div>
+            <div class="control-point" v-if="company != 'longguang'">
+              <div class="box-title">
+                管控要点
+              </div>
+              <div style="height: calc(100% - 50px);">
+                <!-- <vue-scroll> -->
+                <!-- <el-checkbox-group class="checkbox-list" v-model="checkList">
+                                <div class="checkbox-item" v-for="(item,index) in contentList" :key="index">
+                                    <el-checkbox :label="item.id"><a>{{item.controlTypeName}}</a></el-checkbox>
+                                    <div class="checkbox-children" v-for="(itm,idx) in item.children" :key="idx">
+                                        <el-checkbox :label="itm.id">{{itm.controlContent}}</el-checkbox>
+                                    </div>
+                                </div>
+                            </el-checkbox-group> -->
+                <div class="checkbox-list">
+                  <div
+                    class="checkbox-item"
+                    v-for="(item, index) in contentList"
+                    :key="index"
+                  >
+                    <el-checkbox
+                      v-model="item.allCheck"
+                      @change="allChildrenCheck(item)"
+                      ><a>{{ item.controlTypeName }}</a></el-checkbox
+                    >
+                    <el-checkbox-group v-model="checkList">
+                      <div
+                        class="checkbox-children"
+                        v-for="(itm, idx) in item.children"
+                        :key="idx"
+                      >
+                        <el-checkbox
+                          :label="itm.id"
+                          @change="checkChidren(item)"
+                          >{{ itm.controlContent }}</el-checkbox
+                        >
+                      </div>
+                    </el-checkbox-group>
+                  </div>
+                </div>
+                <!-- </vue-scroll> -->
+              </div>
+            </div>
+          </div>
+          <div
+            v-if="company != 'longguang'"
+            :class="{ line: styleType == 2 }"
+          ></div>
+          <div v-if="company != 'longguang'" class="right">
+            <div class="box-title">
+              工程资料
+            </div>
+            <div class="file-form">
+              <!-- <vue-scroll> -->
+              <div class="form-item">
+                <div class="switch-lable">安全技术交底</div>
+                <div class="form-right">
+                  <div class="switch-box">
+                    <el-switch
+                      v-model="addForm.technicalDisclosureType"
+                      active-color="#13ce66"
+                      inactive-color="#efefef"
+                    >
+                    </el-switch>
+                    <div>
+                      {{
+                        addForm.technicalDisclosureType ? "已完成" : "未完成"
+                      }}
+                    </div>
+                  </div>
+                  <el-upload
+                    class="avatar-uploader"
+                    :action="$store.state.UPLOADURL"
+                    :show-file-list="false"
+                    :on-success="handleUploadSuccess"
+                    name="files"
+                  >
+                    <div class="upload-btn">点击上传</div>
+                  </el-upload>
+
+                  <div class="file-list" v-if="fileList && fileList.length > 0">
+                    <div class="list-head">资料列表</div>
+                    <div class="item-box">
+                      <vue-scroll>
+                        <div
+                          class="list-item"
+                          v-for="(item, index) in fileList"
+                          :key="index"
+                        >
+                          <div class="file-icon">
+                            <img
+                              v-if="item.iconType == 'word'"
+                              src="@/assets/images/icon-word.png"
+                            />
+                            <img
+                              v-if="item.iconType == 'image'"
+                              src="@/assets/images/icon-image.png"
+                            />
+                            <img
+                              v-if="item.iconType == 'excel'"
+                              src="@/assets/images/icon-excel.png"
+                            />
+                            <img
+                              v-if="item.iconType == 'ppt'"
+                              src="@/assets/images/icon-ppt.png"
+                            />
+                            <img
+                              v-if="item.iconType == 'pdf'"
+                              src="@/assets/images/icon-pdf.png"
+                            />
+                          </div>
+                          <div class="file-name">
+                            {{ item.name }}
+                            <span @click="downLoadFile(item.url)">下载</span>
+                          </div>
+                          <i
+                            class="el-icon-close"
+                            @click="removeFile(index, 1)"
+                          ></i>
+                        </div>
+                      </vue-scroll>
+                    </div>
+                  </div>
+                </div>
+              </div>
+
+              <div class="form-item">
+                <div class="switch-lable">专项施工方案交底</div>
+                <div class="form-right">
+                  <div class="switch-box">
+                    <el-switch
+                      v-model="addForm.specialConstructionSchemeType"
+                      active-color="#13ce66"
+                      inactive-color="#efefef"
+                    >
+                    </el-switch>
+                    <div>
+                      {{
+                        addForm.specialConstructionSchemeType
+                          ? "已完成"
+                          : "未完成"
+                      }}
+                    </div>
+                  </div>
+                  <el-upload
+                    class="avatar-uploader"
+                    :action="$store.state.UPLOADURL"
+                    :show-file-list="false"
+                    :on-success="handleUploadSuccess2"
+                    name="files"
+                  >
+                    <div class="upload-btn">点击上传</div>
+                  </el-upload>
+
+                  <div
+                    class="file-list"
+                    v-if="fileList2 && fileList2.length > 0"
+                  >
+                    <div class="list-head">资料列表</div>
+                    <div class="item-box">
+                      <vue-scroll>
+                        <div
+                          class="list-item"
+                          v-for="(item, index) in fileList2"
+                          :key="index"
+                        >
+                          <div class="file-icon">
+                            <img
+                              v-if="item.iconType == 'word'"
+                              src="@/assets/images/icon-word.png"
+                            />
+                            <img
+                              v-if="item.iconType == 'image'"
+                              src="@/assets/images/icon-image.png"
+                            />
+                            <img
+                              v-if="item.iconType == 'excel'"
+                              src="@/assets/images/icon-excel.png"
+                            />
+                            <img
+                              v-if="item.iconType == 'ppt'"
+                              src="@/assets/images/icon-ppt.png"
+                            />
+                            <img
+                              v-if="item.iconType == 'pdf'"
+                              src="@/assets/images/icon-pdf.png"
+                            />
+                          </div>
+                          <div class="file-name">
+                            {{ item.name }}
+                            <span @click="downLoadFile(item.url)">下载</span>
+                          </div>
+                          <i
+                            class="el-icon-close"
+                            @click="removeFile(index, 2)"
+                          ></i>
+                        </div>
+                      </vue-scroll>
+                    </div>
+                  </div>
+                </div>
+              </div>
+
+              <div class="form-item">
+                <div class="switch-lable">安全专项施工方案及附件</div>
+                <div class="form-right">
+                  <div class="switch-box">
+                    <el-switch
+                      v-model="addForm.securityConstructionSchemeType"
+                      active-color="#13ce66"
+                      inactive-color="#efefef"
+                    >
+                    </el-switch>
+                    <div>
+                      {{
+                        addForm.securityConstructionSchemeType
+                          ? "已完成"
+                          : "未完成"
+                      }}
+                    </div>
+                  </div>
+                  <el-upload
+                    class="avatar-uploader"
+                    :action="$store.state.UPLOADURL"
+                    :show-file-list="false"
+                    :on-success="handleUploadSuccess3"
+                    name="files"
+                  >
+                    <div class="upload-btn">点击上传</div>
+                  </el-upload>
+
+                  <div
+                    class="file-list"
+                    v-if="fileList3 && fileList3.length > 0"
+                  >
+                    <div class="list-head">资料列表</div>
+                    <div class="item-box">
+                      <vue-scroll>
+                        <div
+                          class="list-item"
+                          v-for="(item, index) in fileList3"
+                          :key="index"
+                        >
+                          <div class="file-icon">
+                            <img
+                              v-if="item.iconType == 'word'"
+                              src="@/assets/images/icon-word.png"
+                            />
+                            <img
+                              v-if="item.iconType == 'image'"
+                              src="@/assets/images/icon-image.png"
+                            />
+                            <img
+                              v-if="item.iconType == 'excel'"
+                              src="@/assets/images/icon-excel.png"
+                            />
+                            <img
+                              v-if="item.iconType == 'ppt'"
+                              src="@/assets/images/icon-ppt.png"
+                            />
+                            <img
+                              v-if="item.iconType == 'pdf'"
+                              src="@/assets/images/icon-pdf.png"
+                            />
+                          </div>
+                          <div class="file-name">
+                            {{ item.name }}
+                            <span @click="downLoadFile(item.url)">下载</span>
+                          </div>
+                          <i
+                            class="el-icon-close"
+                            @click="removeFile(index, 3)"
+                          ></i>
+                        </div>
+                      </vue-scroll>
+                    </div>
+                  </div>
+                </div>
+              </div>
+              <!-- </vue-scroll> -->
+            </div>
+          </div>
+        </div>
+        <div
+          class="button-box"
+          :class="{ 'button-box2': company == 'longguang' }"
+        >
+          <el-button
+            class="cancle-btn"
+            icon="el-icon-circle-close"
+            size="small"
+            @click="cancle"
+            >取消</el-button
+          >
+          <el-button
+            type="primary"
+            icon="el-icon-circle-check"
+            size="small"
+            @click="submit"
+            >保存</el-button
+          >
+        </div>
+      </vue-scroll>
+    </div>
+  </div>
+</template>
+
+<script>
+import {
+  selectDangerousEngineeringRecordApi,
+  addDangerousEngineeringRecordApi,
+  deleteDangerousEngineeringRecordApi,
+  selectDangerousEngineeringTypeApi,
+  selectdangerousEngineeringTypeDescribeApi,
+  selectControlContentListApi,
+  editDangerousEngineeringRecordApi,
+  queryDangerousEngineeringRecordByIdApi,
+} from "@/assets/js/api/dangerousBigProject";
+import { getCooperatorListApi } from "@/assets/js/api/cooperationUnit";
+import {
+  getEnterpriseInfoList,
+  getWorkerInfoList,
+} from "@/assets/js/api/laborPerson";
+import { getProjectChilderSystemUserListApi } from "@/assets/js/api/configManage";
+export default {
+  props: ["operateTitle", "editId"],
+  data() {
+    return {
+      responsibilityList: [],
+      styleType: 1,
+      addForm: {
+        engineeringName: "",
+        engineeringSurvey: "",
+        engineeringTypeId: "",
+        engineeringTypeName: "",
+        personLiable: "",
+        personLiableId: "",
+        typeDescribeId: [],
+        planTime: "",
+        buildTime: "",
+        constructionLocation: "",
+        responsibilityCompanyId: "",
+        securityConstructionSchemeType: false,
+        specialConstructionSchemeType: false,
+        technicalDisclosureType: false,
+        typeDescribeList: [],
+      },
+      pickerOptions: {
+        disabledDate(time) {
+          return time.getTime() < Date.now() - 8.64e7;
+        },
+      },
+      options2: [],
+      checkList: [],
+      formLabelWidth: "136px",
+      isDisabled: false,
+      value: false,
+      headquartersSn: "",
+      typeOptions: [],
+      contentList: [],
+      describeOptions: [],
+      enterpriseTypeId: 1,
+      pageSize: 1000,
+      pageNo: 1,
+      projectSn: "",
+      options: [],
+      props: {
+        multiple: true,
+      },
+      props2: {
+        multiple: true,
+        value: "id",
+        label: "describeName",
+      },
+      cooperatorList: [],
+      fileList: [],
+      fileList2: [],
+      fileList3: [],
+      fileUrl: "",
+      company: "",
+      personList: [],
+    };
+  },
+  created() {
+    this.company = COMPANY;
+    this.headquartersSn = this.$store.state.userInfo.headquartersSn;
+    this.projectSn = this.$store.state.projectSn;
+    this.styleType = this.$store.state.userInfo.styleType;
+    this.fileUrl = this.$store.state.FILEURL;
+    this.queryTypeList();
+    this.getCooperatorList();
+    this.getProjectList();
+    if (this.editId) {
+      this.queryDetail();
+    }
+  },
+  methods: {
+    unitChange() {
+      // 分包单位切换
+      this.getProjectPersonList();
+    },
+    // 获取责任人
+    getProjectPersonList() {
+      let requestData = {
+        projectSn: this.projectSn,
+        enterpriseId: this.addForm.responsibilityCompanyId,
+      };
+      getProjectChilderSystemUserListApi(requestData).then((res) => {
+        this.personList = res.result;
+      });
+    },
+    //获取企业 || 劳务公司 列表
+    getProjectList() {
+      let data = {
+        projectSn: this.projectSn,
+        // enterpriseTypeId: this.enterpriseTypeId,
+      };
+      getEnterpriseInfoList(data).then((res) => {
+        this.responsibilityList = res.result;
+      });
+    },
+    // 查询详情
+    queryDetail() {
+      let data = {
+        id: this.editId,
+      };
+      queryDangerousEngineeringRecordByIdApi(data).then((res) => {
+        console.log(res.result, "----详情");
+        if (res.code == 200 && res.result) {
+          this.addForm = {...res.result};
+          if (this.addForm.planStartTime && this.addForm.planEndTime) {
+            this.addForm.planTime = [
+              this.addForm.planStartTime,
+              this.addForm.planEndTime,
+            ];
+          }
+          if (this.addForm.buildStartTime && this.addForm.buildEndTime) {
+            this.addForm.buildTime = [
+              this.addForm.buildStartTime,
+              this.addForm.buildEndTime,
+            ];
+          }
+          if (this.addForm.responsibilityCompanyId) {
+            this.getProjectPersonList();
+          }
+          this.queryDescribe(res.result.engineeringTypeId);
+          this.fileList = JSON.parse(this.addForm.technicalDisclosureFile);
+          this.addForm.technicalDisclosureType =
+            this.addForm.technicalDisclosureType == 2 ? true : false;
+
+          this.fileList2 = JSON.parse(
+            this.addForm.specialConstructionSchemeFile
+          );
+          this.addForm.specialConstructionSchemeType =
+            this.addForm.specialConstructionSchemeType == 2 ? true : false;
+
+          this.fileList3 = JSON.parse(
+            this.addForm.securityConstructionSchemeFile
+          );
+          this.addForm.securityConstructionSchemeType =
+            this.addForm.securityConstructionSchemeType == 2 ? true : false;
+            
+        }
+        this.checkList = this.addForm.controlItemList?this.addForm.controlItemList:[];
+      });
+    },
+    queryTypeList() {
+      selectDangerousEngineeringTypeApi({ sn: this.headquartersSn }).then(
+        (res) => {
+          console.log(res);
+          if (res.code == 200 && res.result) {
+            this.typeOptions = res.result;
+          }
+        }
+      );
+    },
+    queryDescribe(typeId) {
+      selectdangerousEngineeringTypeDescribeApi({ typeId }).then((res) => {
+        console.log(res, 5201314);
+        if (res.code == 200 && res.result) {
+          this.describeOptions = res.result;
+          // 由于有数据回显需要用到该接口的数据，所以放在这赋值
+          let arr = [];
+          if (this.addForm.chooseTypeDescribeList) {
+            this.addForm.chooseTypeDescribeList.map((item) => {
+                arr.push([item.describeId]);
+            });
+            this.addForm.typeDescribeId = arr;
+          } else {
+            this.addForm.typeDescribeId = [];
+          }
+          console.log(this.addForm, 6677788);
+          this.changeDescribe(this.addForm.typeDescribeId);
+        }
+      });
+    },
+    changeType(val) {
+      console.log(val,777888);
+      this.typeOptions.forEach((item) => {
+        if (item.id == val) {
+          this.addForm.engineeringTypeName = item.typeName;
+        }
+      });
+      this.addForm.typeDescribeId = [];
+      this.contentList = [];
+      this.typeOptions.forEach((item) => {
+        if (item.id == val) {
+          // this.describeOptions = item.describeList
+          this.queryDescribe(val);
+        }
+      });
+    },
+    changeDescribe(val) {
+      console.log(val, 18867);
+      console.log(this.describeOptions, 17788);
+      if (val) {
+        this.addForm.typeDescribeList = [];
+        val
+          .join(",")
+          .split(",")
+          .forEach((item) => {
+            let id = item;
+            this.describeOptions.forEach((itm) => {
+              if (itm.id == id) {
+                let obj = {
+                  describeId: itm.id,
+                  describeName: itm.describeName,
+                };
+                this.addForm.typeDescribeList.push(obj);
+              }
+            });
+          });
+        console.log(this.addForm.typeDescribeList, 16677);
+        selectControlContentListApi({ describeId: val.join(",") }).then(
+          (res) => {
+            console.log(res.result, 666777);
+            if (res.code == 200 && res.result) {
+              this.contentList = res.result;
+              this.contentList.map((item) => {
+                item.children.map((item2) => {
+                  this.checkList.map((item3) => {
+                    if (item3 == item2.id) {
+                      item.allCheck = true;
+                      return;
+                    }
+                  });
+                });
+              });
+            }
+          }
+        );
+      }
+      //    this.describeOptions.forEach(item=>{
+      //         if(item.id == val){
+      //             this.contentList = item.contentList
+      //         }
+      //     })
+    },
+    allChildrenCheck(val) {
+      console.log(val);
+      if (val.allCheck) {
+        val.children.forEach((item) => {
+          this.checkList.push(item.id);
+        });
+        this.checkList = Array.from(new Set(this.checkList));
+      } else {
+        val.children.forEach((item) => {
+          let id = item.id;
+          this.checkList.forEach((itm, idx) => {
+            if (itm == id) {
+              this.checkList.splice(idx, 1);
+            }
+          });
+        });
+      }
+      console.log(this.checkList);
+    },
+    checkChidren(val) {
+      console.log(val,789654)
+      console.log(this.checkList,789654)
+      let arr = [],
+        arr2 = [],
+        allCheck = true;
+      val.children.forEach((item) => {
+        arr.push(item.id);
+      });
+      arr.forEach((item) => {
+        let id = item;
+        let flag = this.checkList.findIndex((itm, idx) => {
+          return itm == id;
+        });
+        if (flag != -1) {
+          arr2.push(true);
+        } else {
+          arr2.push(false);
+        }
+      });
+
+      arr2.forEach((item) => {
+        if (!item) {
+          allCheck = false;
+          return;
+        }
+      });
+      val.allCheck = allCheck;
+      console.log(val, arr, arr2, allCheck);
+    },
+    //获取责任分包单位
+    getCooperatorList() {
+      let data = {
+        projectSn: this.projectSn,
+        pageNo: this.pageNo,
+        pageSize: this.pageSize,
+        enterpriseTypeId: this.enterpriseTypeId,
+        enterpriseName: "",
+      };
+      getCooperatorListApi(data).then((res) => {
+        if (res.code == 200) {
+          if (res.result.records.length > 0) {
+            this.cooperatorList = JSON.parse(
+              JSON.stringify(res.result.records)
+            );
+            this.cooperatorList.forEach((item) => {
+              item.value = item.enterpriseName;
+              item.label = item.enterpriseName;
+            });
+            this.options = this.cooperatorList;
+            console.log(res.result.records);
+          }
+        }
+      });
+    },
+    handleUploadSuccess(res, file) {
+      console.log(res, file);
+      this.fileList.push({
+        name: file.name,
+        url: file.response.data[0].imageUrl,
+        iconType: this.getFileType(file.name),
+      });
+      // this.addProjectForm.layoutImage = this.$store.state.FILEURL + res.data[0].imageUrl;
+    },
+    handleUploadSuccess2(res, file) {
+      console.log(res, file);
+      this.fileList2.push({
+        name: file.name,
+        url: file.response.data[0].imageUrl,
+        iconType: this.getFileType(file.name),
+      });
+    },
+    handleUploadSuccess3(res, file) {
+      console.log(res, file);
+      this.fileList3.push({
+        name: file.name,
+        url: file.response.data[0].imageUrl,
+        iconType: this.getFileType(file.name),
+      });
+    },
+    downLoadFile(url) {
+      window.open(this.fileUrl + url);
+    },
+    removeFile(index, type) {
+      this.$confirm("此操作将永久删除该文件, 是否继续?", "提示", {
+        confirmButtonText: "确定",
+        cancelButtonText: "取消",
+        type: "warning",
+      })
+        .then(() => {
+          if (type == 1) {
+            this.fileList.splice(index, 1);
+          } else if (type == 2) {
+            this.fileList2.splice(index, 1);
+          } else if (type == 3) {
+            this.fileList3.splice(index, 1);
+          }
+          this.$message({
+            type: "success",
+            message: "删除成功!",
+          });
+        })
+        .catch(() => {
+          this.$message({
+            type: "info",
+            message: "已取消删除",
+          });
+        });
+    },
+    // 判断文件类型
+    getFileType(fileName) {
+      // 后缀获取
+      let suffix = "";
+      // 获取类型结果
+      let result = "";
+      try {
+        const flieArr = fileName.split(".");
+        suffix = flieArr[flieArr.length - 1];
+      } catch (err) {
+        suffix = "";
+      }
+      // fileName无后缀返回 false
+      if (!suffix) {
+        return false;
+      }
+      suffix = suffix.toLocaleLowerCase();
+      // 图片格式
+      const imglist = ["png", "jpg", "jpeg", "bmp", "gif"];
+      // 进行图片匹配
+      result = imglist.find((item) => item === suffix);
+      if (result) {
+        return "image";
+      }
+      // 匹配txt
+      const txtlist = ["txt"];
+      result = txtlist.find((item) => item === suffix);
+      if (result) {
+        return "txt";
+      }
+      // 匹配 excel
+      const excelist = ["xls", "xlsx"];
+      result = excelist.find((item) => item === suffix);
+      if (result) {
+        return "excel";
+      }
+      // 匹配 word
+      const wordlist = ["doc", "docx"];
+      result = wordlist.find((item) => item === suffix);
+      if (result) {
+        return "word";
+      }
+      // 匹配 pdf
+      const pdflist = ["pdf"];
+      result = pdflist.find((item) => item === suffix);
+      if (result) {
+        return "pdf";
+      }
+      // 匹配 ppt
+      const pptlist = ["ppt", "pptx"];
+      result = pptlist.find((item) => item === suffix);
+      if (result) {
+        return "ppt";
+      }
+      // 匹配 视频
+      const videolist = [
+        "mp4",
+        "m2v",
+        "mkv",
+        "rmvb",
+        "wmv",
+        "avi",
+        "flv",
+        "mov",
+        "m4v",
+      ];
+      result = videolist.find((item) => item === suffix);
+      if (result) {
+        return "video";
+      }
+      // 匹配 音频
+      const radiolist = ["mp3", "wav", "wmv"];
+      result = radiolist.find((item) => item === suffix);
+      if (result) {
+        return "radio";
+      }
+      // 其他 文件类型
+      return "other";
+    },
+    cancle() {
+      this.$emit("cancleSave");
+    },
+    submit() {
+      console.log(this.addForm, 123456);
+      if (this.addForm.engineeringName == "") {
+        this.$message.error("请输入危大工程名称！");
+        return;
+      }
+      if (this.addForm.engineeringTypeId == "") {
+        this.$message.error("请选择危大工程类别！");
+        return;
+      }
+      if (this.addForm.typeDescribeId.length == 0) {
+        this.$message.error("请选择类别描述！");
+        return;
+      }
+      if (this.addForm.constructionLocation == "") {
+        this.$message.error("请输入施工部位！");
+        return;
+      }
+      // if (!this.addForm.buildTime) {
+      //   this.$message.error("请选择施工时间！");
+      //   return;
+      // }
+      if (!this.addForm.responsibilityCompanyId) {
+        this.$message.error("请选择责任分包单位！");
+        return;
+      }
+      if (!this.addForm.personLiableId) {
+        this.$message.error("请选择责任人！");
+        return;
+      }
+      console.log(this.addForm);
+      let {
+          constructionLocation,
+          typeDescribeList,
+          engineeringTypeName,
+          engineeringName,
+          engineeringSurvey,
+          personLiableId,
+          engineeringTypeId,
+        } = this.addForm,
+        data = {
+          constructionLocation,
+          engineeringName,
+          engineeringSurvey,
+          personLiableId,
+          engineeringTypeId,
+          engineeringTypeName,
+          // buildStartTime: this.addForm.buildTime[0],
+          // buildEndTime: this.addForm.buildTime[1],
+          planStartTime: this.addForm.planTime[0]
+            ? this.addForm.planTime[0]
+            : "",
+          planEndTime: this.addForm.planTime[1] ? this.addForm.planTime[1] : "",
+          // typeDescribeId: this.addForm.typeDescribeId.join(','),
+          responsibilityCompanyId: this.addForm.responsibilityCompanyId,
+          securityConstructionSchemeType: this.addForm
+            .securityConstructionSchemeType
+            ? 2
+            : 1,
+          specialConstructionSchemeType: this.addForm
+            .specialConstructionSchemeType
+            ? 2
+            : 1,
+          technicalDisclosureType: this.addForm.technicalDisclosureType
+            ? 2
+            : 1,
+          typeDescribeList,
+          controlItemList: this.checkList?this.checkList:null,
+          technicalDisclosureFile: JSON.stringify(this.fileList),
+          securityConstructionSchemeFile: JSON.stringify(this.fileList3),
+          specialConstructionSchemeFile: JSON.stringify(this.fileList2),
+          id: this.addForm.id,
+        };
+      data.projectSn = this.projectSn;
+      if(data.responsibilityCompanyId){
+                let find = this.responsibilityList.find(item => {
+                    return item.id == data.responsibilityCompanyId
+                })
+                data.responsibilityCompany = find.enterpriseName;
+            }
+            if(data.personLiableId){
+                let find = this.personList.find(item => {
+                    return item.userId == data.personLiableId
+                })
+                data.personLiable = find.realName;
+            }
+      editDangerousEngineeringRecordApi(data).then((res) => {
+        console.log(res);
+        if (res.code == 200) {
+          this.$message.success("编辑成功！");
+          this.$emit("cancleSave");
+        }
+      });
+      console.log(data, this.fileList);
+    },
+  },
+};
+</script>
+
+<style lang="less" scoped>
+.plan-form {
+  height: calc(100% - 56px);
+  width: 100%;
+  box-sizing: border-box;
+
+  .box-title {
+    height: 30px;
+    padding-top: 10px;
+    line-height: 30px;
+    position: relative;
+    padding-left: 20px;
+    box-sizing: border-box;
+    margin-bottom: 20px;
+    display: flex;
+    justify-content: space-between;
+  }
+  .box-title::before {
+    content: "";
+    background: #4181fe;
+    height: 30px;
+    width: 2px;
+    position: absolute;
+    left: 0;
+    top: 10px;
+  }
+  .wrap {
+    display: flex;
+    width: 100%;
+    // height: 100%;
+  }
+  .left {
+    height: 100%;
+    width: 65%;
+
+    .info {
+      padding-bottom: 8px;
+      .form-box {
+        width: 100%;
+        display: flex;
+        flex-wrap: wrap;
+        /deep/.el-form-item {
+          width: 50%;
+          padding-right: 10px;
+          box-sizing: border-box;
+        }
+        // /deep/.el-col-12{
+        //     padding-left: 20px;
+        // }
+        /deep/.el-input__inner {
+          width: 100%;
+        }
+        /deep/.el-select {
+          width: 100%;
+        }
+        /deep/.el-cascader {
+          width: 100%;
+        }
+      }
+    }
+    .control-point {
+      // height: 350px;
+      min-height: 330px;
+      overflow: hidden;
+      .checkbox-list {
+        display: flex;
+        flex-wrap: wrap;
+        /deep/.el-checkbox {
+          width: 100%;
+          white-space: nowrap;
+          overflow: hidden;
+          text-overflow: ellipsis;
+          display: flex;
+          align-items: center;
+        }
+        /deep/.el-checkbox__label {
+          flex: 1;
+          white-space: nowrap;
+          overflow: hidden;
+          text-overflow: ellipsis;
+        }
+        .checkbox-item {
+          width: 50%;
+          padding-left: 24px;
+          box-sizing: border-box;
+          .checkbox-children {
+            padding-left: 24px;
+          }
+        }
+        /deep/.el-checkbox {
+          margin-bottom: 6px;
+        }
+      }
+    }
+  }
+  .line {
+    border-left: 1px solid #12294f;
+  }
+  .right {
+    width: 35%;
+    .file-form {
+      padding-left: 20px;
+      // height: 658px;
+      .form-item {
+        font-size: 14px;
+        display: flex;
+        // align-items: center;
+        // color: rgba(#fff,0.55);
+        padding-bottom: 30px;
+        .switch-lable {
+          width: 40%;
+          text-align: right;
+          line-height: 20px;
+          margin-right: 20px;
+          // color: rgba(#fff,0.85);
+        }
+        .el-switch {
+          margin-right: 12px;
+          transform: scale(0.9);
+        }
+        .form-right {
+          flex: 1;
+          padding-right: 12px;
+          .switch-box {
+            display: flex;
+            align-items: center;
+            margin-bottom: 25px;
+          }
+        }
+      }
+    }
+    .upload-btn {
+      display: block;
+      width: 86px;
+      height: 26px;
+      border: 1px solid #0080f3;
+      background: #0080f3;
+      color: #fff;
+      border-radius: 3px;
+      text-align: center;
+      line-height: 26px;
+      margin-bottom: 20px;
+      cursor: pointer;
+    }
+    .file-list {
+      width: 100%;
+      background: #f5f5f5;
+      .list-head {
+        height: 32px;
+        line-height: 32px;
+        background: #ccc;
+
+        padding-left: 10px;
+      }
+      .item-box {
+        // height: 300px;
+        .list-item {
+          display: flex;
+          width: 100%;
+          align-items: center;
+          padding: 8px 0;
+          padding-left: 20px;
+          box-sizing: border-box;
+          margin: 10px 0;
+          .file-icon {
+            margin-right: 10px;
+            img {
+              width: 32px;
+              height: 38px;
+            }
+          }
+          .file-name {
+            flex: 1;
+            font-size: 12px;
+            display: flex;
+            flex-direction: column;
+            span {
+              display: inherit;
+              margin-top: 6px;
+              color: #0080f3;
+              cursor: pointer;
+            }
+          }
+          .el-icon-close {
+            color: #fe6565;
+            width: 20px;
+            cursor: pointer;
+          }
+        }
+        .list-item:hover {
+          background: #ccc;
+        }
+        // .active{
+        //     background: #132C55;
+        // }
+      }
+    }
+  }
+  .button-box {
+    display: flex;
+    justify-content: center;
+    align-items: center;
+    // padding-top: 8px;
+    height: 60px;
+    padding-right: 20px;
+    .cancle-btn {
+      margin-right: 30px;
+    }
+  }
+  .button-box2 {
+    position: absolute;
+    bottom: 0;
+    right: 20px;
+  }
+}
+.dark {
+  border-top: 1px solid #12294f;
+  .wrap {
+    border-bottom: 1px solid #12294f;
+  }
+  .left {
+    .info {
+      border-bottom: 1px solid #12294f;
+    }
+  }
+
+  .box-title {
+    color: #88e7f0;
+  }
+  .box-title::before {
+    background: linear-gradient(to bottom, #88e7f0, #15315f);
+  }
+  .button-box {
+    .cancle-btn {
+      background: transparent;
+      color: #fff;
+    }
+  }
+  .right {
+    /deep/.el-switch__core:after {
+      background: #0d1a34;
+    }
+    .upload-btn {
+      border: 1px solid #0080f3;
+      background: #0d1a34;
+      // color: rgba(#fff,0.85);
+    }
+    .file-list {
+      background: #0a1429;
+    }
+    .list-head {
+      background: #1f283b;
+    }
+    .item-box {
+      .list-item:hover {
+        background: #132c55;
+      }
+      .file-name {
+        span {
+          color: #7cd3de;
+        }
+      }
+    }
+  }
+}
+</style>
diff --git a/src/views/projectFront/specialWork/fireWork.vue b/src/views/projectFront/specialWork/fireWork.vue
new file mode 100644
index 00000000..c171f49d
--- /dev/null
+++ b/src/views/projectFront/specialWork/fireWork.vue
@@ -0,0 +1,1164 @@
+<template>
+    <div class="dangerousBigProject">
+        <div v-if="dialogFormVisible">
+            <div class="search-box">
+                <el-form :inline="true" :model="formInline" class="demo-form-inline" size="small">
+                    <el-form-item label="作业申请单位">
+                        <el-select v-model="formInline.recordStatus" placeholder="请选择">
+                            <el-option label="作业申请单位1" :value="0"></el-option>
+                            <el-option label="作业申请单位2" :value="1"></el-option>
+                        </el-select>
+                    </el-form-item>
+                    <el-form-item label="动火人">
+                        <el-input placeholder="请输入" v-model="formInline.engineeringName" clearable style="width: 200px">
+                        </el-input>
+                    </el-form-item>
+                    <el-form-item>
+                        <el-button type="primary" @click="onSubmit" plain>{{
+                            $t('message.quality.inquire')
+                        }}</el-button>
+                    </el-form-item>
+                    <el-form-item>
+                        <el-button type="warning" @click="initData" plain>刷新</el-button>
+                    </el-form-item>
+                </el-form>
+                <!-- 新增 -->
+                <!-- <el-button v-permission="{key: 'wdgc_add', menuPath: '/project/dangerousBigProject/parameter'}"  type="primary" @click="showAddDialog()" size="small">
+            
+            {{ $t('message.dangerousBigProject.add') }}
+          </el-button> -->
+                <!-- <el-button type="danger" size="small">批量删除</el-button> -->
+            </div>
+            <div class="table-box">
+                <el-table class="tables" :data="tableData" size="small" @cell-click="previewDetail"
+                    @selection-change="handleSelectionChange" :header-cell-style="{ 'text-align': 'center' }">
+                    <!-- <el-table-column type="selection" align="center" width="60px"></el-table-column> -->
+                    <el-table-column label="序号" type="index" align="center" width="60"></el-table-column>
+
+                    <el-table-column align="center" label="作业申请单位" show-overflow-tooltip>
+                        <!--  作业申请单位 -->
+                        <template slot-scope="scope">
+                            {{ scope.row.jobApplyForUnit }}
+                        </template>
+                    </el-table-column>
+                    <el-table-column align="center" label="作业申请时间" prop="jobTime"></el-table-column>
+                    <el-table-column align="center" label="动火作业级别" prop="jobTypeName"></el-table-column>
+                    <el-table-column align="center" label="动火人" prop="jobName"></el-table-column>
+                    <el-table-column align="center" label="证书编号" prop="jobSerial"></el-table-column>
+                    <el-table-column align="center" label="作业单位" prop="jobUnit"></el-table-column>
+                    <el-table-column align="center" label="作业负责人" prop="jobPrincipal"></el-table-column>
+
+                    <!-- 操作 -->
+                    <el-table-column align="center" :label="$t('message.dangerousBigProject.operation')" width="120">
+                        <template slot-scope="scope">
+                            <!-- <el-button
+                          @click.native.prevent="viewData(scope.$index, tableData)"
+                          type="text"
+                          size="small">
+                              查看
+                          </el-button> -->
+                            <!-- <el-button
+                          @click.native.prevent="editData(scope.$index, tableData)"
+                          type="text"
+                          size="small">
+                              编辑
+                          </el-button> -->
+                            <!-- <el-button
+                v-permission="{key: 'wdgc_edit', menuPath: '/project/dangerousBigProject/parameter'}" 
+                  @click.stop="editRow(scope.$index, tableData)"
+                  type="text"
+                  size="small"
+                >
+                  <i class="el-icon-edit"></i>
+                </el-button> -->
+                            <!-- v-permission="{key: 'wdgc_delete', menuPath: '/project/dangerousBigProject/parameter'}"  -->
+                            <el-button @click.stop="deleteRow(scope.$index, tableData)" type="text" size="small">
+                                <i class="el-icon-delete"></i>
+                                删除
+                            </el-button>
+                        </template>
+                    </el-table-column>
+                </el-table>
+                <el-pagination style="margin-right: 800px;" class="pagerBox" background @size-change="handleSizeChange"
+                    @current-change="handleCurrentChange" :current-page.sync="pageNo" layout="sizes, prev, pager, next"
+                    :page-sizes="[10, 20, 30, 40]" :page-size="pageSize" :total="Number(total)">
+                </el-pagination>
+            </div>
+
+            <!-- <el-dialog :modal-append-to-body="false" :title="dialogTitle" :visible.sync="dialogFormVisible" class="add-dialog">
+              <div class="form-title">基础信息</div>
+              <el-form :model="addForm">
+                  <el-row :gutter="40">
+                      <el-col :span="12">
+                          <el-form-item label="危大工程名称：" required :label-width="formLabelWidth">
+                              <el-input v-model="addForm.name" :disabled="isEditDisabled" placeholder="请输入危大工程名称" autocomplete="off"></el-input>
+                          </el-form-item>
+                      </el-col>
+                      <el-col :span="12">
+                          <el-form-item label="危大工程类别：" required :label-width="formLabelWidth">
+                              <el-select v-model="addForm.category" :disabled="isEditDisabled" @change="changeType" placeholder="请选择危大工程类别">
+                                  <el-option v-for="item in typeOptions"
+                                      :key="item.value"
+                                      :label="item.label"
+                                      :value="item.value"
+                                      >
+                                  </el-option>
+                              </el-select>
+                          </el-form-item>
+                      </el-col>
+                  </el-row>
+                  <el-row :gutter="40">
+                      <el-col :span="12">
+                          <el-form-item label="危大工程概况："  :label-width="formLabelWidth">
+                              <el-input v-model="addForm.points" :disabled="isDisabled" placeholder="请输入危大工程概况" autocomplete="off"></el-input>
+                          </el-form-item>
+                      </el-col>
+                      <el-col :span="12">
+                          <el-form-item label="类别描述：" required :label-width="formLabelWidth">
+                              <el-select v-model="addForm.describe" :disabled="isEditDisabled" placeholder="请选择类别描述">
+                                  <el-option v-for="item in describeOptions"
+                                      :key="item.value"
+                                      :label="item.label"
+                                      :value="item.value">
+                                  </el-option>
+                              </el-select>
+                          </el-form-item>
+                      </el-col>
+                  </el-row>
+                  <el-row :gutter="40">
+                      <el-col :span="12">
+                          <el-form-item label="施工部位：" :label-width="formLabelWidth">
+                              <el-input v-model="addForm.address" :disabled="isDisabled" placeholder="请输入施工部位" autocomplete="off"></el-input>
+                          </el-form-item>
+                      </el-col>
+                      <el-col :span="12">
+                          <el-form-item label="施工计划：" :label-width="formLabelWidth">
+                              <el-date-picker
+                                  :disabled="isDisabled"
+                                  v-model="addForm.date"
+                                  type="daterange"
+                                  range-separator="至"
+                                  value-format="yyyy-MM-dd"
+                                  start-placeholder="开始日期"
+                                  end-placeholder="结束日期">
+                              </el-date-picker>
+                          </el-form-item>
+                      </el-col>
+                  </el-row>
+                  <el-row :gutter="40">
+                      <el-col :span="12">
+                          <el-form-item label="责任人：" :label-width="formLabelWidth">
+                              <el-input v-model="addForm.people" :disabled="isDisabled" placeholder="请输入责任人" autocomplete="off"></el-input>
+                          </el-form-item>
+                      </el-col>
+                      <el-col :span="12">
+                          <el-form-item label="责任分包单位：" :label-width="formLabelWidth">
+                              <el-cascader
+                                  :disabled="isDisabled"
+                                  v-model="addForm.unit"
+                                  placeholder="请选择责任分包单位"
+                                  :options="options"
+                                  :props="props"
+                                  clearable>
+                              </el-cascader>
+                          </el-form-item>
+                      </el-col>
+                  </el-row>
+              </el-form>
+              <div class="form-title">危大工程资料</div>
+              <div class="upload-box">
+                  <div class="upload-file">
+                      <div class="upload-item">
+                          <span>安全技术交底：</span>
+                          <el-switch v-model="safeStatus" :disabled="isDisabled" >
+                          </el-switch>
+                              <span v-if="safeStatus" class="switch-check">已完成</span>
+                              <span v-else class="switch-uncheck">未完成</span>
+                      </div>
+                      <div v-if="dialogTitle == '查看' && file1">{{fileName1}}<a :href="file1">下载</a></div>
+                      <el-upload
+                          class="uploadBox"
+                          :action='$store.state.UPLOADURL'
+                          :on-preview="handlePreview"
+                          :on-remove="handleRemove"
+                          :before-remove="beforeRemove"
+                          :on-success="uploadSuccess"
+                          :on-error="uploadError"
+                          :limit="1"
+                          multiple
+                          name="files"
+                          accept=".doc, .docx, .xls, .xlsx, .ppt, .pptx, .pdf"
+                          :file-list="fileList">
+                          <el-button v-if="dialogTitle == '新增' || dialogTitle == '编辑'" size="small" type="primary">点击上传</el-button>
+                      </el-upload>
+                  </div>
+                  <div class="upload-file">
+                      <div class="upload-item">
+                          <span>安全专项施工方案及附件：</span>
+                          <el-switch v-model="safeStatus2" :disabled="isDisabled">
+                          </el-switch>
+                              <span v-if="safeStatus2" class="switch-check">已完成</span>
+                              <span v-else class="switch-uncheck">未完成</span>
+  
+                      </div>
+                      <div v-if="dialogTitle == '查看' && fileName2">{{fileName2}}<a :href="file2">下载</a></div>
+                      <el-upload
+                          class="uploadBox"
+                          :action='$store.state.UPLOADURL'
+                          :on-preview="handlePreview2"
+                          :on-remove="handleRemove2"
+                          :before-remove="beforeRemove2"
+                          :on-success="uploadSuccess2"
+                          :on-error="uploadError2"
+                          :limit="1"
+                          multiple
+                          name="files"
+                          accept=".doc, .docx, .xls, .xlsx, .ppt, .pptx, .pdf"
+                          :file-list="fileList2">
+                          <el-button v-if="dialogTitle == '新增' || dialogTitle == '编辑'" size="small" type="primary">点击上传</el-button>
+                      </el-upload>
+                  </div>
+                  <div class="upload-file">
+                      <div class="upload-item">
+                          <span>专项施工方案交底：</span>
+                          <el-switch v-model="safeStatus3" :disabled="isDisabled">
+                          </el-switch>
+                              <span v-if="safeStatus3" class="switch-check">已完成</span>
+                              <span v-else class="switch-uncheck">未完成</span>
+                      </div>
+                      <div v-if="dialogTitle == '查看' && fileName3">{{fileName3}}<a :href="file3">下载</a></div>
+                      <el-upload
+                          class="uploadBox"
+                          :action='$store.state.UPLOADURL'
+                          :on-preview="handlePreview3"
+                          :on-remove="handleRemove3"
+                          :before-remove="beforeRemove3"
+                          :on-success="uploadSuccess3"
+                          :on-error="uploadError3"
+                          :limit="1"
+                          multiple
+                          name="files"
+                          accept=".doc, .docx, .xls, .xlsx, .ppt, .pptx, .pdf"
+                          :file-list="fileList3">
+                          <el-button v-if="dialogTitle == '新增' || dialogTitle == '编辑'" size="small" type="primary">点击上传</el-button>
+                      </el-upload>
+                  </div>
+              </div>
+              <div slot="footer" class="dialog-footer">
+                  <el-button @click="dialogFormVisible = false">取 消</el-button>
+                  <el-button type="primary" @click="addData()">确 定</el-button>
+              </div>
+          </el-dialog> -->
+            <!-- 提示 -->
+            <el-dialog :modal-append-to-body="false" :title="$t('message.dangerousBigProject.hint')"
+                :visible.sync="deleteDialog" width="30%">
+                <span>
+                    <!-- 是否确定删除该条记录？ -->
+                    {{ $t('message.dangerousBigProject.hintContent') }}
+                </span>
+                <span slot="footer" class="dialog-footer">
+                    <el-button @click="deleteDialog = false">
+                        <!-- 取 消 -->
+                        {{ $t('message.dangerousBigProject.cancel') }}
+                    </el-button>
+                    <el-button type="primary" @click="checkDelete">
+                        <!-- 确 定 -->
+                        {{ $t('message.dangerousBigProject.confirm') }}
+                    </el-button>
+                </span>
+            </el-dialog>
+        </div>
+        <div style="height: 100%" v-else>
+            <el-page-header @back="goBack" :content="dialogTitle" class="backText"
+                :class="{ dark: styleType == 2 }"></el-page-header>
+            <!-- <addPlan @cancleSave="goBack" v-if="isAdd"></addPlan> -->
+            <detail :id="detailId" :isSuperDanger="isSuperDanger" @cancleSave="goBack" v-if="isEdit">
+                <template v-slot:basicinfo>
+                    <div class="info-content">
+                        <el-form class="form-box" :model="detailData">
+                            <el-form-item label="作业票编号" :label-width="formLabelWidthDetail">
+                                7984654
+                            </el-form-item>
+                            <el-form-item label="作业单位" :label-width="formLabelWidthDetail">
+                                <!-- <el-cascader
+                            :disabled="isDisabled"
+                            v-model="detailData.responsibilityCompanyId"
+                            placeholder="请选择责任分包单位"
+                            :options="options"
+                            :props="props"
+                            clearable
+                            >
+                            </el-cascader> -->
+                                <el-select v-model="detailData.responsibilityCompanyId" placeholder="请选择作业单位" disabled>
+                                    <el-option :label="item.enterpriseName" :value="item.id"
+                                        v-for="(item, index) in responsibilityList" :key="index">
+                                    </el-option>
+                                </el-select>
+                            </el-form-item>
+                            <el-form-item label="作业类型：" :label-width="formLabelWidthDetail">
+                                动火作业
+                            </el-form-item>
+                            <el-form-item label="作业负责人：" :label-width="formLabelWidthDetail">
+                                胡小小
+                            </el-form-item>
+                            <el-form-item label="作业申请单位" :label-width="formLabelWidthDetail">
+                                <el-select v-model="detailData.responsibilityCompanyId" placeholder="请选择作业申请单位"
+                                    disabled>
+                                    <el-option :label="item.enterpriseName" :value="item.id"
+                                        v-for="(item, index) in responsibilityList" :key="index">
+                                    </el-option>
+                                </el-select>
+                            </el-form-item>
+                            <el-form-item label="动火地点和动火部位" :label-width="formLabelWidthDetail">
+                                西北角
+                            </el-form-item>
+                            <el-form-item label="作业申请时间：" :label-width="formLabelWidthDetail">
+                                2024-05-14
+                            </el-form-item>
+                            <el-form-item label="动火作业级别：" :label-width="formLabelWidthDetail">
+                                特级
+                            </el-form-item>
+                            <el-form-item label="动火人：" :label-width="formLabelWidthDetail">
+                                王乐康
+                            </el-form-item>
+                            <el-form-item label="关联的其它特殊作业：" :label-width="formLabelWidthDetail">
+                                王乐康
+                            </el-form-item>
+                            <el-form-item label="证书编号：" :label-width="formLabelWidthDetail">
+                                16548955
+                            </el-form-item>
+                            <el-form-item label="动火作业实施时间：" :label-width="formLabelWidthDetail">
+                                <el-date-picker :disabled="isDisabledDetail" v-model="planDate" type="daterange"
+                                    :picker-options="pickerOptions" range-separator="至" value-format="yyyy-MM-dd"
+                                    start-placeholder="开始日期" end-placeholder="结束日期">
+                                </el-date-picker>
+                            </el-form-item>
+                            <el-form-item label="分析人：" :label-width="formLabelWidthDetail">
+                                王乐康
+                            </el-form-item>
+                            <el-form-item label="作业内容：" :label-width="formLabelWidthDetail">
+                                天地墙
+                            </el-form-item>
+                            <el-form-item label="风险辨识结果：" :label-width="formLabelWidthDetail">
+                                王乐康
+                            </el-form-item>
+                            <el-form-item label="动火方式：" :label-width="formLabelWidthDetail">
+                                动火作业
+                            </el-form-item>
+                            <el-form-item label="安全作业票编号" :label-width="formLabelWidthDetail">
+                                7984654
+                            </el-form-item>
+                            <!-- <el-form-item label="危大工程概况：" :label-width="formLabelWidthDetail">
+                                <el-input v-model="detailData.engineeringSurvey" :disabled="isDisabled"
+                                    placeholder="请输入危大工程概况" autocomplete="off"></el-input>
+                            </el-form-item> -->
+                            <!-- <el-form-item label="责任人：" :label-width="formLabelWidthDetail">
+                            <el-input
+                            v-model="detailData.personLiable"
+                            :disabled="isDisabled"
+                            placeholder="请输入责任人"
+                            autocomplete="off"
+                            ></el-input>
+                        </el-form-item> -->
+                        </el-form>
+                        <!-- <div v-if="COMPANY != 'longguang'" class="qr-box">
+                                    <div id="qrCode" ref="qrCodeDiv"></div>
+                                    <el-button size="medium" class="print-btn" @click="printBtn">打印危大工程标识</el-button>
+                                </div> -->
+                    </div>
+                </template>
+                <template v-slot:gasanalysis>
+                    <div class="gasanalysis-table">
+                        <el-row>
+                            <el-col :span="3">气体取样分析时间</el-col>
+                            <el-col :span="3">12-03 12:00</el-col>
+                            <el-col :span="3">12-03 12:00</el-col>
+                            <el-col :span="3">12-03 12:00</el-col>
+                        </el-row>
+                        <el-row>
+                            <el-col :span="3">代表性气体</el-col>
+                            <el-col :span="3">一氧化氢</el-col>
+                            <el-col :span="3">一氧化氢</el-col>
+                            <el-col :span="3">一氧化氢</el-col>
+                        </el-row>
+                        <el-row>
+                            <el-col :span="3">分析结果/%</el-col>
+                            <el-col :span="3">50%</el-col>
+                            <el-col :span="3">50%</el-col>
+                            <el-col :span="3">50%</el-col>
+                        </el-row>
+                    </div>
+                </template>
+            </detail>
+            <editPlan :title="operateTitle" :editId="editId" @cancleSave="goBack" v-if="isUpdate"></editPlan>
+        </div>
+    </div>
+</template>
+
+<script>
+import moment from 'moment'
+//   import addPlan from './addPlan.vue'
+import detail from './detail.vue'
+import editPlan from './editPlan.vue'
+import {
+    selectDangerousEngineeringRecordApi,
+    addDangerousEngineeringRecordApi,
+    deleteDangerousEngineeringRecordApi,
+    selectDangerousEngineeringTypeApi,
+    editDangerousEngineeringRecordApi
+} from "@/assets/js/api/dangerousBigProject"
+import { getCooperatorListApi } from "@/assets/js/api/cooperationUnit";
+export default {
+    components: {
+        //   addPlan,
+        detail,
+        editPlan
+    },
+    data() {
+        return {
+            formInline: {
+                engineeringName: '',
+                recordStatus: '',
+            },
+            formLabelWidthDetail: "180px",
+            detailData: {},
+            responsibilityList: [],
+            planDate: "",
+            pickerOptions: {
+                disabledDate(time) {
+                    return time.getTime() < Date.now() - 8.64e7;
+                },
+            },
+            isDisabledDetail: true,
+
+            operateTitle: "新增",
+            isAdd: false,
+            isEdit: false,
+            isDisabled: false,
+            engineeringName: "",
+            detailId: "",
+            isSuperDanger: false,
+            tableData: [
+                { jobApplyForUnit: "辽宁五寰", jobTime: "2024-5-14", jobTypeName: "特级", jobName: "张三", jobSerial: "15236655", jobUnit: "辽宁五寰", jobPrincipal: "李四" },
+                { jobApplyForUnit: "辽宁五寰", jobTime: "2024-5-14", jobTypeName: "特级", jobName: "张三", jobSerial: "15236655", jobUnit: "辽宁五寰", jobPrincipal: "李四" },
+                { jobApplyForUnit: "辽宁五寰", jobTime: "2024-5-14", jobTypeName: "特级", jobName: "张三", jobSerial: "15236655", jobUnit: "辽宁五寰", jobPrincipal: "李四" }
+            ],
+            dialogFormVisible: true,
+            multipleSelection: [],
+            addForm: {
+                name: "",
+                category: "",
+                points: "",
+                describe: "",
+                address: "",
+                date: [],
+                people: "",
+                unit: []
+            },
+            props: {
+                multiple: true
+            },
+            typeOptions: [],
+            describeOptions: [],
+            options: [{
+                label: 111,
+                value: 12
+            }],
+            formLabelWidth: "110px",
+            safeStatus: false,
+            safeStatus2: false,
+            safeStatus3: false,
+            fileList: [],
+            fileList2: [],
+            fileList3: [],
+            dialogTitle: "",
+            pageNo: 1,
+            pageSize: 10,
+            total: 10,
+            projectSn: "",
+            enterpriseTypeId: 1,
+            cooperatorList: [],
+            file3: "",
+            file2: "",
+            file1: "",
+            deleteId: "",
+            editId: "",
+            deleteDialog: false,
+            isEditDisabled: false,
+            editParms: [],
+            fileName1: "",
+            fileName2: "",
+            fileName3: "",
+            styleType: 1,
+            isUpdate: false
+        }
+    },
+    mounted() {
+        this.projectSn = this.$store.state.projectSn
+        this.styleType = this.$store.state.userInfo.styleType;
+        // this.getCooperatorList()
+        // this.getType()
+        //   this.initData();
+    },
+    methods: {
+        editRow(index, rows) {
+            if (rows[index].finalAcceptanceStatus === 2) {
+                this.$message.warning('该项危大工程已闭合，请勿操作')
+                return
+            }
+            // console.log(index,rows[index].id)
+            this.editId = rows[index].id
+            this.operateTitle = "编辑"
+            this.dialogTitle = "编辑"
+            this.dialogFormVisible = false
+            this.isEdit = false
+            this.isAdd = false
+            this.isUpdate = true;
+        },
+        goBack() {
+            this.dialogFormVisible = true
+            // this.initData()
+            this.isAdd = false
+            this.isEdit = false
+            this.isUpdate = false;
+        },
+        showAddDialog() {
+            this.dialogFormVisible = false
+            this.isEdit = false
+            this.isUpdate = false;
+            this.isAdd = true
+            // "新增"
+            this.dialogTitle = this.$t('message.dangerousBigProject.add')
+            // this.clearData()
+            // if(this.isDisabled){
+            //     this.isDisabled = false
+            // }
+            // if(this.isEditDisabled){
+            //     this.isEditDisabled = false
+            // }
+        },
+        onSubmit() {
+
+        },
+        initData() {
+            let data = {
+                engineeringName: this.engineeringName,
+                pageNo: this.pageNo,
+                pageSize: this.pageSize,
+                projectSn: this.projectSn
+            }
+            selectDangerousEngineeringRecordApi(data).then((res) => {
+                if (res.result) {
+                    console.log(res.result.records, 1)
+                    res.result.records.forEach((item) => {
+                        if (item.planStartTime && item.planEndTime) {
+                            item.plan = item.planStartTime + "至" + item.planEndTime
+                        }
+                        if (item.responsibilityCompany.split(",").length > 0 && item.responsibilityCompany !== "") {
+                            let arr = []
+                            for (let i = 0; i < this.options.length; i++) {
+                                let itm = this.options[i].value
+                                for (let j = 0; j < item.responsibilityCompany.split(",").length; j++) {
+                                    if (itm == item.responsibilityCompany.split(",")[j]) {
+                                        arr.push(this.options[i].label)
+                                    }
+                                }
+                            }
+                            item.subpackageUnit = arr.join(",")
+                        }
+                    })
+                    // console.log(this.options)
+                    this.tableData = res.result.records
+                    this.total = res.result.total
+                }
+            });
+        },
+        editData(index, val) {
+            this.viewData(index, val)
+            // "编辑"
+            this.dialogTitle = this.$t('message.dangerousBigProject.edit')
+            this.editParms = val[index]
+            if (this.file1) {
+                let obj = {
+                    name: this.file1.split("/")[this.file1.split("/").length - 1],
+                    url: this.file1
+                }
+                this.fileList.push(obj)
+            }
+            if (this.file2) {
+                let obj2 = {
+                    name: this.file2.split("/")[this.file2.split("/").length - 1],
+                    url: this.file2
+                }
+                this.fileList2.push(obj2)
+            }
+            if (this.file3) {
+                let obj3 = {
+                    name: this.file3.split("/")[this.file3.split("/").length - 1],
+                    url: this.file3
+                }
+                this.fileList3.push(obj3)
+            }
+            this.isDisabled = false
+            this.isEditDisabled = true
+            // console.log(this.editId)
+        },
+        viewData(index, val) {
+            this.clearData()
+            this.dialogFormVisible = true
+            // "查看"
+            this.dialogTitle = this.$t('message.dangerousBigProject.view')
+            this.isDisabled = true
+            this.isEditDisabled = true
+            this.addForm = {
+                name: val[index].engineeringName,
+                category: val[index].engineeringTypeId,
+                points: val[index].engineeringSurvey,
+                describe: val[index].describeName,
+                address: val[index].constructionLocation,
+                date: [val[index].planStartTime, val[index].planEndTime],
+                people: val[index].personLiable,
+                unit: val[index].responsibilityCompany
+            }
+            this.safeStatus = val[index].securityConstructionSchemeType == 2 ? true : false
+            this.safeStatus2 = val[index].specialConstructionSchemeType == 2 ? true : false
+            this.safeStatus3 = val[index].technicalDisclosureType == 2 ? true : false
+            this.file1 = val[index].securityConstructionSchemeFile
+            this.file2 = val[index].specialConstructionSchemeFile
+            this.file3 = val[index].technicalDisclosureFile
+            this.fileName1 = this.file1 ? this.file1.split("/")[this.file1.split("/").length - 1] : ""
+            this.fileName2 = this.file2 ? this.file2.split("/")[this.file2.split("/").length - 1] : ""
+            this.fileName3 = this.file3 ? this.file3.split("/")[this.file3.split("/").length - 1] : ""
+        },
+        clearData() {
+            this.addForm = {
+                name: "",
+                category: "",
+                points: "",
+                describe: "",
+                address: "",
+                date: [],
+                people: "",
+                unit: ""
+            },
+                this.safeStatus = false
+            this.safeStatus2 = false
+            this.safeStatus3 = false
+            this.file1 = ""
+            this.file2 = ""
+            this.file3 = ""
+            this.fileList = []
+            this.fileList2 = []
+            this.fileList3 = []
+        },
+        // 选择类别
+        changeType(value) {
+            this.typeOptions.forEach(item => {
+                if (item.id == value) {
+                    item.describeList.forEach(item => {
+                        item.value = item.id
+                        if (item.describeName.length > 40) {
+                            item.label = item.describeName.substring(0, 40) + '...'
+                        } else {
+                            item.label = item.describeName
+                        }
+                    })
+                    this.describeOptions = item.describeList
+                }
+            })
+            console.log(value)
+        },
+        //获取责任分包单位
+        getCooperatorList() {
+            let data = {
+                projectSn: this.projectSn,
+                pageNo: this.pageNo,
+                pageSize: this.pageSize,
+                enterpriseTypeId: this.enterpriseTypeId,
+                enterpriseName: "",
+            };
+            getCooperatorListApi(data).then((res) => {
+                if (res.code == 200) {
+
+                    if (res.result.records.length > 0) {
+                        this.cooperatorList = JSON.parse(JSON.stringify(res.result.records));
+                        this.cooperatorList.forEach((item) => {
+                            item.value = item.enterpriseLegalPerson
+                            item.label = item.enterpriseName
+                        })
+                        this.options = this.cooperatorList
+                        // console.log(this.options)
+                    }
+                }
+            });
+        },
+        // 获取类别
+        getType() {
+            selectDangerousEngineeringTypeApi({ sn: JSON.parse(window.sessionStorage.getItem("vuex")).userInfo.headquartersSn }).then((res) => {
+                if (res.result) {
+                    // console.log(res.result)
+                    res.result.forEach(item => {
+                        item.label = item.typeName
+                        item.value = item.id
+                    })
+                    this.typeOptions = res.result
+                }
+            })
+        },
+        addData() {
+            if (this.addForm.name == "") {
+                // 请输入危大工程名称
+                this.$message.error(this.$t('message.dangerousBigProject.verifyMessage1'))
+                return
+            } else if (this.addForm.category == "") {
+                // 请选择危大工程类别
+                this.$message.error(this.$t('message.dangerousBigProject.verifyMessage2'))
+                return
+            } else if (this.addForm.describe == "") {
+                // 请选择类别描述
+                this.$message.error(this.$t('message.dangerousBigProject.verifyMessage3'))
+                return
+            }
+            // console.log(this.addForm)
+            let nowDate = new Date()
+            let data = {
+                constructionLocation: this.addForm.address,
+                createTime: moment(nowDate).format('YYYY-MM-DD HH:mm:ss'),
+                engineeringName: this.addForm.name,
+                engineeringSurvey: this.addForm.points,
+                engineeringTypeId: this.addForm.category,
+                personLiable: this.addForm.people,
+                planEndTime: this.addForm.date[1],
+                planStartTime: this.addForm.date[0],
+                projectSn: this.projectSn,
+                securityConstructionSchemeFile: this.fileList.length > 0 ? this.file1 : "", //安全专项施工方案附件
+                securityConstructionSchemeType: this.safeStatus ? 2 : 1,//是否完成安全专项施工方案交底，1未完成，2完成
+                specialConstructionSchemeFile: this.fileList2.length > 0 ? this.file2 : '',//专项施工方案附件
+                specialConstructionSchemeType: this.safeStatus2 ? 2 : 1,//是否完成专项施工方案交底，1未完成，2完成
+                technicalDisclosureFile: this.fileList3.length > 0 ? this.file3 : '',//技术交底文件
+                technicalDisclosureType: this.safeStatus3 ? 2 : 1,//是否完成安全技术交底，1未完成，2完成
+                typeDescribeId: this.addForm.describe,//危大工程类别描述
+                addForm: this.addForm
+            }
+            // "新增"
+            if (this.dialogTitle == this.$t('message.dangerousBigProject.add')) {
+                console.log(data)
+                data.responsibilityCompany = this.addForm.unit ? this.addForm.unit.join(',') : ""
+                addDangerousEngineeringRecordApi(data).then((res) => {
+                    if (res.code = 200) {
+                        this.$message.success(this.$t('message.dangerousBigProject.add') + this.$t('message.dangerousBigProject.success') + "！")
+                        this.initData()
+                    }
+                    console.log(res)
+                })
+            } else if (this.dialogTitle == this.$t('message.dangerousBigProject.edit')) {
+                // "编辑"
+                data.id = this.editParms.id
+                data.typeDescribeId = this.editParms.typeDescribeId
+                if (this.addForm.unit && Array.isArray(this.addForm.unit)) {
+                    data.responsibilityCompany = this.addForm.unit.join(',')
+                } else {
+                    data.responsibilityCompany = this.addForm.unit
+                }
+                editDangerousEngineeringRecordApi(data).then((res) => {
+                    if (res.code = 200) {
+                        // "修改成功！"
+                        this.$message.success(this.$t('message.dangerousBigProject.editSuccess'))
+                        this.initData()
+                    }
+                    console.log(res)
+                })
+            }
+            this.dialogFormVisible = false
+        },
+        handleSelectionChange(val) {
+            this.multipleSelection = val;
+        },
+        deleteRow(index, rows) {
+            if (rows[index].finalAcceptanceStatus === 2) {
+                this.$message.warning('该项危大工程已闭合，请勿操作')
+                return
+            }
+            // console.log(index,rows[index].id)
+            this.deleteId = rows[index].id
+            this.deleteDialog = true
+        },
+        checkDelete() {
+            deleteDangerousEngineeringRecordApi({ id: this.deleteId }).then((res) => {
+                console.log(res)
+                if (res.code == 200) {
+                    this.$message.success(res.message)
+                    this.initData()
+                }
+            })
+            this.deleteDialog = false
+        },
+        handleSizeChange() {
+            this.initData()
+        },
+        handleCurrentChange() {
+            this.initData()
+        },
+        handleRemove(file, fileList) {
+            console.log(fileList);
+            this.fileList = fileList;
+        },
+        handlePreview(file) {
+            console.log(file);
+        },
+        beforeRemove(file, fileList) {
+            // 确定移除
+            return this.$confirm(this.$t('message.dangerousBigProject.confirmRemove') + ` ${file.name}？`);
+        },
+        uploadSuccess(response, file, fileList) {
+            console.log('fileList')
+            console.log(fileList)
+            this.fileList = fileList;
+            this.file1 = this.$store.state.FILEURL + fileList[0].response.data[0].imageUrl
+        },
+        uploadError(err, file, fileList) {
+            // 上传失败！
+            this.$message.error(this.$t('message.dangerousBigProject.uploadFail'));
+        },
+        handleRemove2(file, fileList) {
+            console.log(fileList);
+            this.fileList2 = fileList;
+        },
+        handlePreview2(file) {
+            console.log(file);
+        },
+        beforeRemove2(file, fileList) {
+            // 确定移除
+            return this.$confirm(this.$t('message.dangerousBigProject.confirmRemove') + `${file.name}？`);
+        },
+        uploadSuccess2(response, file, fileList) {
+            console.log('fileList')
+            console.log(fileList)
+            this.fileList2 = fileList;
+            this.file2 = this.$store.state.FILEURL + fileList[0].response.data[0].imageUrl
+        },
+        uploadError2(err, file, fileList) {
+            // 上传失败！
+            this.$message.error(this.$t('message.dangerousBigProject.uploadFail'));
+        },
+        handleRemove3(file, fileList) {
+            console.log(fileList);
+            this.fileList3 = fileList;
+        },
+        handlePreview3(file) {
+            console.log(file);
+        },
+        beforeRemove3(file, fileList) {
+            // 确定移除
+            return this.$confirm(this.$t('message.dangerousBigProject.confirmRemove') + `${file.name}？`);
+        },
+        uploadSuccess3(response, file, fileList) {
+            console.log('fileList')
+            console.log(fileList)
+            this.fileList3 = fileList;
+            this.file3 = this.$store.state.FILEURL + fileList[0].response.data[0].imageUrl
+        },
+        uploadError3(err, file, fileList) {
+            // 上传失败！
+            this.$message.error(this.$t('message.dangerousBigProject.uploadFail'));
+        },
+        previewDetail(val) {
+            console.log(val)
+            this.dialogFormVisible = false
+            this.isEdit = true
+            this.isAdd = false
+            this.isUpdate = false
+            // 详细
+            this.dialogTitle = this.$t('message.dangerousBigProject.detailed')
+            this.detailId = val.id
+            this.isSuperDanger = val.issuperdanger
+        }
+    }
+}
+</script>
+
+<style lang="less" scoped>
+.el-button--text{
+    color: #262d47;
+}
+
+.form-box {
+    width: 70%;
+    display: flex;
+    flex-wrap: wrap;
+
+    /deep/.el-form-item {
+        width: 50%;
+        padding-right: 10px;
+        box-sizing: border-box;
+    }
+
+    // /deep/.el-col-12{
+    //     padding-left: 20px;
+    // }
+    /deep/.el-input__inner {
+        width: 100%;
+    }
+
+    /deep/.el-select {
+        width: 100%;
+    }
+
+    /deep/.el-cascader {
+        width: 100%;
+    }
+}
+
+.gasanalysis-table {
+    padding: 10px 20px;
+
+    .el-row:first-child .el-col {
+        background-color: #E9E9E9;
+    }
+
+    .el-row {
+        font-size: 14px;
+        color: #000;
+
+        .el-col:first-child {
+            background-color: #E9E9E9;
+        }
+
+        .el-col {
+            height: 40px;
+            display: flex;
+            align-items: center;
+            justify-content: center;
+            border: 1px solid #E1E1E1;
+        }
+    }
+}
+
+.dangerousBigProject {
+    padding-bottom: 20px;
+    height: 100%;
+    background: #fff;
+    padding: 0 10px;
+    padding-top: 20px;
+    box-sizing: border-box;
+
+    >div {
+        height: 100%;
+
+        .search-box {
+            display: flex;
+            margin-bottom: 20px;
+
+            .search-input {
+                width: 260px;
+                margin-right: 20px;
+            }
+        }
+    }
+}
+
+.el-icon-delete {
+    color: #f56c6c;
+}
+
+.table-box {
+    display: flex;
+    flex-direction: column;
+    height: calc(100% - 72px);
+
+    .tables {
+        margin-bottom: auto;
+    }
+}
+
+.table-item {
+    display: flex;
+    flex-direction: column;
+    align-items: flex-start;
+
+    p {
+        width: 100%;
+        overflow: hidden;
+        white-space: nowrap;
+        text-overflow: ellipsis;
+    }
+
+    // .item-status {
+    //   background: #f56c6c;
+    //   display: block;
+    //   color: #fff;
+    //   border-radius: 4px;
+    //   padding: 0 4px;
+    //   height: 20px;
+    // }
+    .item-status {
+        display: flex;
+        align-items: center;
+
+        img {
+            width: 15px;
+            height: 15px;
+        }
+
+        span {
+            font-size: 14px;
+            color: #EA3941;
+        }
+    }
+
+    .status-none {
+        height: 20px;
+    }
+
+    .item-title {
+        font-weight: 600;
+    }
+}
+
+.table-category-item {
+    display: flex;
+
+    p {
+        width: 100%;
+        overflow: hidden;
+        white-space: nowrap;
+        text-overflow: ellipsis;
+    }
+
+    // .item-status {
+    //   background: #f56c6c;
+    //   display: block;
+    //   color: #fff;
+    //   border-radius: 4px;
+    //   padding: 0 4px;
+    //   height: 20px;
+    // }
+    .item-status {
+        display: flex;
+        align-items: center;
+        margin-right: 3px;
+
+        img {
+            width: 15px;
+            height: 15px;
+            margin-right: 3px;
+        }
+
+        span {
+            font-size: 14px;
+            color: #EA3941;
+        }
+    }
+
+    .status-none {
+        height: 20px;
+    }
+
+    .item-title {
+        font-weight: 600;
+    }
+}
+
+.add-dialog {
+    /deep/ .el-dialog {
+        width: 80%;
+    }
+
+    .form-title {
+        margin-bottom: 20px;
+    }
+
+    /deep/ .el-form-item__label {
+        text-align: left;
+        white-space: nowrap;
+    }
+
+    /deep/ .el-form {
+        padding-left: 36px;
+        padding-right: 26px;
+        margin-bottom: 20px;
+    }
+
+    /deep/ .el-select {
+        width: 100%;
+    }
+
+    /deep/ .el-date-editor.el-input {
+        width: 100%;
+    }
+
+    /deep/ .el-date-editor {
+        width: 100%;
+    }
+
+    /deep/ .el-cascader {
+        width: 100%;
+    }
+
+    .upload-item {
+        display: flex;
+        margin-bottom: 10px;
+        align-items: center;
+
+        span {
+            margin-right: 16px;
+        }
+
+        .switch-check {
+            margin-left: 8px;
+            color: #409eff;
+            line-height: 20px;
+        }
+
+        .switch-uncheck {
+            margin-left: 8px;
+            line-height: 20px;
+        }
+    }
+
+    .upload-file {
+        width: 50%;
+        padding-left: 26px;
+        box-sizing: border-box;
+        margin-bottom: 20px;
+
+        a {
+            color: #409eff;
+            text-decoration: none;
+            margin-left: 6px;
+        }
+    }
+
+    .upload-box {
+        display: flex;
+        flex-wrap: wrap;
+    }
+}
+
+.el-pagination {
+    display: flex;
+    justify-content: flex-end;
+    margin-top: 20px;
+}
+
+.backText {
+    padding: 8px 0;
+    padding-left: 10px;
+
+    /deep/.el-page-header__content {
+        font-size: 14px;
+    }
+}
+
+.dark {
+    /deep/.el-page-header__content {
+        color: #fff;
+    }
+
+    /deep/ .print-btn {
+        background: none;
+        color: #262d47;
+        font-size: 14px;
+    }
+}
+</style>
\ No newline at end of file
diff --git a/src/views/projectFront/specialWork/riggingOutWork.vue b/src/views/projectFront/specialWork/riggingOutWork.vue
new file mode 100644
index 00000000..652830e7
--- /dev/null
+++ b/src/views/projectFront/specialWork/riggingOutWork.vue
@@ -0,0 +1,1197 @@
+<template>
+    <div class="dangerousBigProject">
+        <div v-if="dialogFormVisible">
+            <div class="search-box">
+                <el-form :inline="true" :model="formInline" class="demo-form-inline" size="small">
+                    <el-form-item label="作业申请单位">
+                        <el-select v-model="formInline.recordStatus" placeholder="请选择">
+                            <el-option label="作业申请单位1" :value="0"></el-option>
+                            <el-option label="作业申请单位2" :value="1"></el-option>
+                        </el-select>
+                    </el-form-item>
+                    <el-form-item label="动火人">
+                        <el-input placeholder="请输入" v-model="formInline.engineeringName" clearable style="width: 200px">
+                        </el-input>
+                    </el-form-item>
+                    <el-form-item>
+                        <el-button type="primary" @click="onSubmit" plain>{{
+                            $t('message.quality.inquire')
+                            }}</el-button>
+                    </el-form-item>
+                    <el-form-item>
+                        <el-button type="warning" @click="initData" plain>刷新</el-button>
+                    </el-form-item>
+                </el-form>
+                <!-- 新增 -->
+                <!-- <el-button v-permission="{key: 'wdgc_add', menuPath: '/project/dangerousBigProject/parameter'}"  type="primary" @click="showAddDialog()" size="small">
+            
+            {{ $t('message.dangerousBigProject.add') }}
+          </el-button> -->
+                <!-- <el-button type="danger" size="small">批量删除</el-button> -->
+            </div>
+            <div class="table-box">
+                <el-table class="tables" :data="tableData" size="small" @cell-click="previewDetail"
+                    @selection-change="handleSelectionChange" :header-cell-style="{ 'text-align': 'center' }">
+                    <!-- <el-table-column type="selection" align="center" width="60px"></el-table-column> -->
+                    <el-table-column label="序号" type="index" align="center" width="60"></el-table-column>
+
+                    <el-table-column align="center" label="作业申请单位" show-overflow-tooltip>
+                        <!--  作业申请单位 -->
+                        <template slot-scope="scope">
+                            {{ scope.row.jobApplyForUnit }}
+                        </template>
+                    </el-table-column>
+                    <el-table-column align="center" label="作业申请时间" prop="jobTime"></el-table-column>
+                    <el-table-column align="center" label="受限空间名称" prop="jobTypeName"></el-table-column>
+                    <el-table-column align="center" label="作业内容" prop="jobTypeName"></el-table-column>
+                    <el-table-column align="center" label="受限空间内原有介质名称" prop="jobTypeName"></el-table-column>
+                    <el-table-column align="center" label="作业人" prop="jobName"></el-table-column>
+                    <el-table-column align="center" label="监护人" prop="jobName"></el-table-column>
+                    <el-table-column align="center" label="作业单位" prop="jobUnit"></el-table-column>
+                    <el-table-column align="center" label="作业负责人" prop="jobPrincipal"></el-table-column>
+
+                    <!-- 操作 -->
+                    <el-table-column align="center" :label="$t('message.dangerousBigProject.operation')" width="120">
+                        <template slot-scope="scope">
+                            <!-- <el-button
+                          @click.native.prevent="viewData(scope.$index, tableData)"
+                          type="text"
+                          size="small">
+                              查看
+                          </el-button> -->
+                            <!-- <el-button
+                          @click.native.prevent="editData(scope.$index, tableData)"
+                          type="text"
+                          size="small">
+                              编辑
+                          </el-button> -->
+                            <!-- <el-button
+                v-permission="{key: 'wdgc_edit', menuPath: '/project/dangerousBigProject/parameter'}" 
+                  @click.stop="editRow(scope.$index, tableData)"
+                  type="text"
+                  size="small"
+                >
+                  <i class="el-icon-edit"></i>
+                </el-button> -->
+                            <!-- v-permission="{key: 'wdgc_delete', menuPath: '/project/dangerousBigProject/parameter'}"  -->
+                            <el-button @click.stop="deleteRow(scope.$index, tableData)" type="text" size="small">
+                                <i class="el-icon-delete"></i>
+                                删除
+                            </el-button>
+                        </template>
+                    </el-table-column>
+                </el-table>
+                <el-pagination style="margin-right: 800px;" class="pagerBox" background @size-change="handleSizeChange"
+                    @current-change="handleCurrentChange" :current-page.sync="pageNo" layout="sizes, prev, pager, next"
+                    :page-sizes="[10, 20, 30, 40]" :page-size="pageSize" :total="Number(total)">
+                </el-pagination>
+            </div>
+
+            <!-- <el-dialog :modal-append-to-body="false" :title="dialogTitle" :visible.sync="dialogFormVisible" class="add-dialog">
+              <div class="form-title">基础信息</div>
+              <el-form :model="addForm">
+                  <el-row :gutter="40">
+                      <el-col :span="12">
+                          <el-form-item label="危大工程名称：" required :label-width="formLabelWidth">
+                              <el-input v-model="addForm.name" :disabled="isEditDisabled" placeholder="请输入危大工程名称" autocomplete="off"></el-input>
+                          </el-form-item>
+                      </el-col>
+                      <el-col :span="12">
+                          <el-form-item label="危大工程类别：" required :label-width="formLabelWidth">
+                              <el-select v-model="addForm.category" :disabled="isEditDisabled" @change="changeType" placeholder="请选择危大工程类别">
+                                  <el-option v-for="item in typeOptions"
+                                      :key="item.value"
+                                      :label="item.label"
+                                      :value="item.value"
+                                      >
+                                  </el-option>
+                              </el-select>
+                          </el-form-item>
+                      </el-col>
+                  </el-row>
+                  <el-row :gutter="40">
+                      <el-col :span="12">
+                          <el-form-item label="危大工程概况："  :label-width="formLabelWidth">
+                              <el-input v-model="addForm.points" :disabled="isDisabled" placeholder="请输入危大工程概况" autocomplete="off"></el-input>
+                          </el-form-item>
+                      </el-col>
+                      <el-col :span="12">
+                          <el-form-item label="类别描述：" required :label-width="formLabelWidth">
+                              <el-select v-model="addForm.describe" :disabled="isEditDisabled" placeholder="请选择类别描述">
+                                  <el-option v-for="item in describeOptions"
+                                      :key="item.value"
+                                      :label="item.label"
+                                      :value="item.value">
+                                  </el-option>
+                              </el-select>
+                          </el-form-item>
+                      </el-col>
+                  </el-row>
+                  <el-row :gutter="40">
+                      <el-col :span="12">
+                          <el-form-item label="施工部位：" :label-width="formLabelWidth">
+                              <el-input v-model="addForm.address" :disabled="isDisabled" placeholder="请输入施工部位" autocomplete="off"></el-input>
+                          </el-form-item>
+                      </el-col>
+                      <el-col :span="12">
+                          <el-form-item label="施工计划：" :label-width="formLabelWidth">
+                              <el-date-picker
+                                  :disabled="isDisabled"
+                                  v-model="addForm.date"
+                                  type="daterange"
+                                  range-separator="至"
+                                  value-format="yyyy-MM-dd"
+                                  start-placeholder="开始日期"
+                                  end-placeholder="结束日期">
+                              </el-date-picker>
+                          </el-form-item>
+                      </el-col>
+                  </el-row>
+                  <el-row :gutter="40">
+                      <el-col :span="12">
+                          <el-form-item label="责任人：" :label-width="formLabelWidth">
+                              <el-input v-model="addForm.people" :disabled="isDisabled" placeholder="请输入责任人" autocomplete="off"></el-input>
+                          </el-form-item>
+                      </el-col>
+                      <el-col :span="12">
+                          <el-form-item label="责任分包单位：" :label-width="formLabelWidth">
+                              <el-cascader
+                                  :disabled="isDisabled"
+                                  v-model="addForm.unit"
+                                  placeholder="请选择责任分包单位"
+                                  :options="options"
+                                  :props="props"
+                                  clearable>
+                              </el-cascader>
+                          </el-form-item>
+                      </el-col>
+                  </el-row>
+              </el-form>
+              <div class="form-title">危大工程资料</div>
+              <div class="upload-box">
+                  <div class="upload-file">
+                      <div class="upload-item">
+                          <span>安全技术交底：</span>
+                          <el-switch v-model="safeStatus" :disabled="isDisabled" >
+                          </el-switch>
+                              <span v-if="safeStatus" class="switch-check">已完成</span>
+                              <span v-else class="switch-uncheck">未完成</span>
+                      </div>
+                      <div v-if="dialogTitle == '查看' && file1">{{fileName1}}<a :href="file1">下载</a></div>
+                      <el-upload
+                          class="uploadBox"
+                          :action='$store.state.UPLOADURL'
+                          :on-preview="handlePreview"
+                          :on-remove="handleRemove"
+                          :before-remove="beforeRemove"
+                          :on-success="uploadSuccess"
+                          :on-error="uploadError"
+                          :limit="1"
+                          multiple
+                          name="files"
+                          accept=".doc, .docx, .xls, .xlsx, .ppt, .pptx, .pdf"
+                          :file-list="fileList">
+                          <el-button v-if="dialogTitle == '新增' || dialogTitle == '编辑'" size="small" type="primary">点击上传</el-button>
+                      </el-upload>
+                  </div>
+                  <div class="upload-file">
+                      <div class="upload-item">
+                          <span>安全专项施工方案及附件：</span>
+                          <el-switch v-model="safeStatus2" :disabled="isDisabled">
+                          </el-switch>
+                              <span v-if="safeStatus2" class="switch-check">已完成</span>
+                              <span v-else class="switch-uncheck">未完成</span>
+  
+                      </div>
+                      <div v-if="dialogTitle == '查看' && fileName2">{{fileName2}}<a :href="file2">下载</a></div>
+                      <el-upload
+                          class="uploadBox"
+                          :action='$store.state.UPLOADURL'
+                          :on-preview="handlePreview2"
+                          :on-remove="handleRemove2"
+                          :before-remove="beforeRemove2"
+                          :on-success="uploadSuccess2"
+                          :on-error="uploadError2"
+                          :limit="1"
+                          multiple
+                          name="files"
+                          accept=".doc, .docx, .xls, .xlsx, .ppt, .pptx, .pdf"
+                          :file-list="fileList2">
+                          <el-button v-if="dialogTitle == '新增' || dialogTitle == '编辑'" size="small" type="primary">点击上传</el-button>
+                      </el-upload>
+                  </div>
+                  <div class="upload-file">
+                      <div class="upload-item">
+                          <span>专项施工方案交底：</span>
+                          <el-switch v-model="safeStatus3" :disabled="isDisabled">
+                          </el-switch>
+                              <span v-if="safeStatus3" class="switch-check">已完成</span>
+                              <span v-else class="switch-uncheck">未完成</span>
+                      </div>
+                      <div v-if="dialogTitle == '查看' && fileName3">{{fileName3}}<a :href="file3">下载</a></div>
+                      <el-upload
+                          class="uploadBox"
+                          :action='$store.state.UPLOADURL'
+                          :on-preview="handlePreview3"
+                          :on-remove="handleRemove3"
+                          :before-remove="beforeRemove3"
+                          :on-success="uploadSuccess3"
+                          :on-error="uploadError3"
+                          :limit="1"
+                          multiple
+                          name="files"
+                          accept=".doc, .docx, .xls, .xlsx, .ppt, .pptx, .pdf"
+                          :file-list="fileList3">
+                          <el-button v-if="dialogTitle == '新增' || dialogTitle == '编辑'" size="small" type="primary">点击上传</el-button>
+                      </el-upload>
+                  </div>
+              </div>
+              <div slot="footer" class="dialog-footer">
+                  <el-button @click="dialogFormVisible = false">取 消</el-button>
+                  <el-button type="primary" @click="addData()">确 定</el-button>
+              </div>
+          </el-dialog> -->
+            <!-- 提示 -->
+            <el-dialog :modal-append-to-body="false" :title="$t('message.dangerousBigProject.hint')"
+                :visible.sync="deleteDialog" width="30%">
+                <span>
+                    <!-- 是否确定删除该条记录？ -->
+                    {{ $t('message.dangerousBigProject.hintContent') }}
+                </span>
+                <span slot="footer" class="dialog-footer">
+                    <el-button @click="deleteDialog = false">
+                        <!-- 取 消 -->
+                        {{ $t('message.dangerousBigProject.cancel') }}
+                    </el-button>
+                    <el-button type="primary" @click="checkDelete">
+                        <!-- 确 定 -->
+                        {{ $t('message.dangerousBigProject.confirm') }}
+                    </el-button>
+                </span>
+            </el-dialog>
+        </div>
+        <div style="height: 100%" v-else>
+            <el-page-header @back="goBack" :content="dialogTitle" class="backText"
+                :class="{ dark: styleType == 2 }"></el-page-header>
+            <!-- <addPlan @cancleSave="goBack" v-if="isAdd"></addPlan> -->
+            <detail :id="detailId" :isSuperDanger="isSuperDanger" @cancleSave="goBack" :COMPANY_Type="'longguang'" v-if="isEdit">
+                <template v-slot:basicinfo>
+                    <div class="info-content">
+                        <el-form class="form-box" :model="detailData">
+                            <el-form-item label="作业类型：" :label-width="formLabelWidthDetail">
+                                受限空间名称
+                            </el-form-item>
+                            <el-form-item label="作业单位" :label-width="formLabelWidthDetail">
+                                <!-- <el-cascader
+                            :disabled="isDisabled"
+                            v-model="detailData.responsibilityCompanyId"
+                            placeholder="请选择责任分包单位"
+                            :options="options"
+                            :props="props"
+                            clearable
+                            >
+                            </el-cascader> -->
+                                <el-select v-model="detailData.responsibilityCompanyId" placeholder="请选择作业单位" disabled>
+                                    <el-option :label="item.enterpriseName" :value="item.id"
+                                        v-for="(item, index) in responsibilityList" :key="index">
+                                    </el-option>
+                                </el-select>
+                            </el-form-item>
+                            <el-form-item label="作业申请单位" :label-width="formLabelWidthDetail">
+                                <el-select v-model="detailData.responsibilityCompanyId" placeholder="请选择作业申请单位"
+                                    disabled>
+                                    <el-option :label="item.enterpriseName" :value="item.id"
+                                        v-for="(item, index) in responsibilityList" :key="index">
+                                    </el-option>
+                                </el-select>
+                            </el-form-item>
+                            <el-form-item label="作业负责人：" :label-width="formLabelWidthDetail">
+                                胡小小
+                            </el-form-item>
+                            <el-form-item label="作业申请时间：" :label-width="formLabelWidthDetail">
+                                2024-05-14
+                            </el-form-item>
+                            <el-form-item label="受限空间内原有介质名称" :label-width="formLabelWidthDetail">
+                                西北角
+                            </el-form-item>
+                            <el-form-item label="受限空间名称：" :label-width="formLabelWidthDetail">
+                                特级
+                            </el-form-item>
+                            <el-form-item label="作业人：" :label-width="formLabelWidthDetail">
+                                张三
+                            </el-form-item>
+                            <el-form-item label="作业内容：" :label-width="formLabelWidthDetail">
+                                王乐康
+                            </el-form-item>
+                            <el-form-item label="气体分析时间：" :label-width="formLabelWidthDetail">
+                                <el-date-picker :disabled="isDisabledDetail" v-model="planDate" type="daterange"
+                                    :picker-options="pickerOptions" range-separator="至" value-format="yyyy-MM-dd"
+                                    start-placeholder="开始日期" end-placeholder="结束日期">
+                                </el-date-picker>
+                            </el-form-item>
+                            <el-form-item label="证书编号：" :label-width="formLabelWidthDetail">
+                                16548955
+                            </el-form-item>
+                            <el-form-item label="代表性气体：" :label-width="formLabelWidthDetail">
+                                16548955
+                            </el-form-item>
+                            <el-form-item label="监护人：" :label-width="formLabelWidthDetail">
+                                王乐康
+                            </el-form-item>
+                            <el-form-item label="风险辨识结果：" :label-width="formLabelWidthDetail">
+                                王乐康
+                            </el-form-item>
+                            <el-form-item label="关联的其他特殊作业：" :label-width="formLabelWidthDetail">
+                                王乐康
+                            </el-form-item>
+                            <el-form-item label="作业实施时间：" :label-width="formLabelWidthDetail">
+                                <el-date-picker :disabled="isDisabledDetail" v-model="planDate" type="daterange"
+                                    :picker-options="pickerOptions" range-separator="至" value-format="yyyy-MM-dd"
+                                    start-placeholder="开始日期" end-placeholder="结束日期">
+                                </el-date-picker>
+                            </el-form-item>
+                            <el-form-item label="安全作业票编码" :label-width="formLabelWidthDetail">
+                                7984654
+                            </el-form-item>
+                        </el-form>
+                        <!-- <div v-if="COMPANY != 'longguang'" class="qr-box">
+                                    <div id="qrCode" ref="qrCodeDiv"></div>
+                                    <el-button size="medium" class="print-btn" @click="printBtn">打印危大工程标识</el-button>
+                                </div> -->
+                    </div>
+                </template>
+                <template v-slot:gasanalysis>
+                    <div>
+                        <el-form :model="detailData">
+                            <el-row>
+                                <el-col :span="8">
+                                    <el-form-item label="分析项目：" :label-width="formLabelWidthDetail">
+                                        受限空间
+                                    </el-form-item>
+                                </el-col>
+                                <el-col :span="8">
+                                    <el-form-item label="有毒有害气体名称" :label-width="formLabelWidthDetail">
+                                        一氧化碳
+                                    </el-form-item>
+                                </el-col>
+                                <el-col :span="8">
+                                    <el-form-item label="可燃气体名称：" :label-width="formLabelWidthDetail">
+                                        天然气
+                                    </el-form-item>
+                                </el-col>
+                            </el-row>
+                            <el-row>
+                                <el-col :span="8">
+                                    <el-form-item label="合格标准：" :label-width="formLabelWidthDetail">
+                                        100
+                                    </el-form-item>
+                                </el-col>
+                                <el-col :span="8">
+                                    <el-form-item label="氧气含氧量(19.5%~21%)：" :label-width="formLabelWidthDetail">
+                                        20%
+                                    </el-form-item>
+                                </el-col>
+                                <el-col :span="8">
+                                    <el-form-item label="取样分析时间：" :label-width="formLabelWidthDetail">
+                                        <el-date-picker :disabled="isDisabledDetail" v-model="planDate" type="date"
+                                            :picker-options="pickerOptions" value-format="yyyy-MM-dd">
+                                        </el-date-picker>
+                                    </el-form-item>
+                                </el-col>
+                            </el-row>
+                            <el-row>
+                                <el-col :span="8">
+                                    <el-form-item label="分析部位：" :label-width="formLabelWidthDetail">
+                                        顶部
+                                    </el-form-item>
+                                </el-col>
+                                <el-col :span="8">
+                                    <el-form-item label="分析人：" :label-width="formLabelWidthDetail">
+                                        刘大大
+                                    </el-form-item>
+                                </el-col>
+                                <el-col :span="10">
+                                    <el-form-item label="分析数据：" :label-width="formLabelWidthDetail">
+
+                                        <el-input v-model="detailData.engineeringSurvey" :disabled="isDisabledDetail"
+                                            placeholder="一氧化碳/天然气/20%/2024-01-12/顶部/刘大大" autocomplete="off"></el-input>
+                                    </el-form-item>
+                                </el-col>
+                            </el-row>
+                        </el-form>
+                    </div>
+                </template>
+            </detail>
+            <editPlan :title="operateTitle" :editId="editId" @cancleSave="goBack" v-if="isUpdate"></editPlan>
+        </div>
+    </div>
+</template>
+
+<script>
+import moment from 'moment'
+//   import addPlan from './addPlan.vue'
+import detail from './detail.vue'
+import editPlan from './editPlan.vue'
+import {
+    selectDangerousEngineeringRecordApi,
+    addDangerousEngineeringRecordApi,
+    deleteDangerousEngineeringRecordApi,
+    selectDangerousEngineeringTypeApi,
+    editDangerousEngineeringRecordApi
+} from "@/assets/js/api/dangerousBigProject"
+import { getCooperatorListApi } from "@/assets/js/api/cooperationUnit";
+export default {
+    components: {
+        //   addPlan,
+        detail,
+        editPlan
+    },
+    data() {
+        return {
+            formInline: {
+                engineeringName: '',
+                recordStatus: '',
+            },
+            formLabelWidthDetail: "180px",
+            detailData: {},
+            responsibilityList: [],
+            planDate: "",
+            pickerOptions: {
+                disabledDate(time) {
+                    return time.getTime() < Date.now() - 8.64e7;
+                },
+            },
+            isDisabledDetail: true,
+
+            operateTitle: "新增",
+            isAdd: false,
+            isEdit: false,
+            isDisabled: false,
+            engineeringName: "",
+            detailId: "",
+            isSuperDanger: false,
+            tableData: [
+                { jobApplyForUnit: "辽宁五寰", jobTime: "2024-5-14", jobTypeName: "特级", jobName: "张三", jobSerial: "15236655", jobUnit: "辽宁五寰", jobPrincipal: "李四" },
+                { jobApplyForUnit: "辽宁五寰", jobTime: "2024-5-14", jobTypeName: "特级", jobName: "张三", jobSerial: "15236655", jobUnit: "辽宁五寰", jobPrincipal: "李四" },
+                { jobApplyForUnit: "辽宁五寰", jobTime: "2024-5-14", jobTypeName: "特级", jobName: "张三", jobSerial: "15236655", jobUnit: "辽宁五寰", jobPrincipal: "李四" }
+            ],
+            dialogFormVisible: true,
+            multipleSelection: [],
+            addForm: {
+                name: "",
+                category: "",
+                points: "",
+                describe: "",
+                address: "",
+                date: [],
+                people: "",
+                unit: []
+            },
+            props: {
+                multiple: true
+            },
+            typeOptions: [],
+            describeOptions: [],
+            options: [{
+                label: 111,
+                value: 12
+            }],
+            formLabelWidth: "110px",
+            safeStatus: false,
+            safeStatus2: false,
+            safeStatus3: false,
+            fileList: [],
+            fileList2: [],
+            fileList3: [],
+            dialogTitle: "",
+            pageNo: 1,
+            pageSize: 10,
+            total: 10,
+            projectSn: "",
+            enterpriseTypeId: 1,
+            cooperatorList: [],
+            file3: "",
+            file2: "",
+            file1: "",
+            deleteId: "",
+            editId: "",
+            deleteDialog: false,
+            isEditDisabled: false,
+            editParms: [],
+            fileName1: "",
+            fileName2: "",
+            fileName3: "",
+            styleType: 1,
+            isUpdate: false
+        }
+    },
+    mounted() {
+        this.projectSn = this.$store.state.projectSn
+        this.styleType = this.$store.state.userInfo.styleType;
+        // this.getCooperatorList()
+        // this.getType()
+        //   this.initData();
+    },
+    methods: {
+        editRow(index, rows) {
+            if (rows[index].finalAcceptanceStatus === 2) {
+                this.$message.warning('该项危大工程已闭合，请勿操作')
+                return
+            }
+            // console.log(index,rows[index].id)
+            this.editId = rows[index].id
+            this.operateTitle = "编辑"
+            this.dialogTitle = "编辑"
+            this.dialogFormVisible = false
+            this.isEdit = false
+            this.isAdd = false
+            this.isUpdate = true;
+        },
+        goBack() {
+            this.dialogFormVisible = true
+            // this.initData()
+            this.isAdd = false
+            this.isEdit = false
+            this.isUpdate = false;
+        },
+        showAddDialog() {
+            this.dialogFormVisible = false
+            this.isEdit = false
+            this.isUpdate = false;
+            this.isAdd = true
+            // "新增"
+            this.dialogTitle = this.$t('message.dangerousBigProject.add')
+            // this.clearData()
+            // if(this.isDisabled){
+            //     this.isDisabled = false
+            // }
+            // if(this.isEditDisabled){
+            //     this.isEditDisabled = false
+            // }
+        },
+        onSubmit() {
+
+        },
+        initData() {
+            let data = {
+                engineeringName: this.engineeringName,
+                pageNo: this.pageNo,
+                pageSize: this.pageSize,
+                projectSn: this.projectSn
+            }
+            selectDangerousEngineeringRecordApi(data).then((res) => {
+                if (res.result) {
+                    console.log(res.result.records, 1)
+                    res.result.records.forEach((item) => {
+                        if (item.planStartTime && item.planEndTime) {
+                            item.plan = item.planStartTime + "至" + item.planEndTime
+                        }
+                        if (item.responsibilityCompany.split(",").length > 0 && item.responsibilityCompany !== "") {
+                            let arr = []
+                            for (let i = 0; i < this.options.length; i++) {
+                                let itm = this.options[i].value
+                                for (let j = 0; j < item.responsibilityCompany.split(",").length; j++) {
+                                    if (itm == item.responsibilityCompany.split(",")[j]) {
+                                        arr.push(this.options[i].label)
+                                    }
+                                }
+                            }
+                            item.subpackageUnit = arr.join(",")
+                        }
+                    })
+                    // console.log(this.options)
+                    this.tableData = res.result.records
+                    this.total = res.result.total
+                }
+            });
+        },
+        editData(index, val) {
+            this.viewData(index, val)
+            // "编辑"
+            this.dialogTitle = this.$t('message.dangerousBigProject.edit')
+            this.editParms = val[index]
+            if (this.file1) {
+                let obj = {
+                    name: this.file1.split("/")[this.file1.split("/").length - 1],
+                    url: this.file1
+                }
+                this.fileList.push(obj)
+            }
+            if (this.file2) {
+                let obj2 = {
+                    name: this.file2.split("/")[this.file2.split("/").length - 1],
+                    url: this.file2
+                }
+                this.fileList2.push(obj2)
+            }
+            if (this.file3) {
+                let obj3 = {
+                    name: this.file3.split("/")[this.file3.split("/").length - 1],
+                    url: this.file3
+                }
+                this.fileList3.push(obj3)
+            }
+            this.isDisabled = false
+            this.isEditDisabled = true
+            // console.log(this.editId)
+        },
+        viewData(index, val) {
+            this.clearData()
+            this.dialogFormVisible = true
+            // "查看"
+            this.dialogTitle = this.$t('message.dangerousBigProject.view')
+            this.isDisabled = true
+            this.isEditDisabled = true
+            this.addForm = {
+                name: val[index].engineeringName,
+                category: val[index].engineeringTypeId,
+                points: val[index].engineeringSurvey,
+                describe: val[index].describeName,
+                address: val[index].constructionLocation,
+                date: [val[index].planStartTime, val[index].planEndTime],
+                people: val[index].personLiable,
+                unit: val[index].responsibilityCompany
+            }
+            this.safeStatus = val[index].securityConstructionSchemeType == 2 ? true : false
+            this.safeStatus2 = val[index].specialConstructionSchemeType == 2 ? true : false
+            this.safeStatus3 = val[index].technicalDisclosureType == 2 ? true : false
+            this.file1 = val[index].securityConstructionSchemeFile
+            this.file2 = val[index].specialConstructionSchemeFile
+            this.file3 = val[index].technicalDisclosureFile
+            this.fileName1 = this.file1 ? this.file1.split("/")[this.file1.split("/").length - 1] : ""
+            this.fileName2 = this.file2 ? this.file2.split("/")[this.file2.split("/").length - 1] : ""
+            this.fileName3 = this.file3 ? this.file3.split("/")[this.file3.split("/").length - 1] : ""
+        },
+        clearData() {
+            this.addForm = {
+                name: "",
+                category: "",
+                points: "",
+                describe: "",
+                address: "",
+                date: [],
+                people: "",
+                unit: ""
+            },
+                this.safeStatus = false
+            this.safeStatus2 = false
+            this.safeStatus3 = false
+            this.file1 = ""
+            this.file2 = ""
+            this.file3 = ""
+            this.fileList = []
+            this.fileList2 = []
+            this.fileList3 = []
+        },
+        // 选择类别
+        changeType(value) {
+            this.typeOptions.forEach(item => {
+                if (item.id == value) {
+                    item.describeList.forEach(item => {
+                        item.value = item.id
+                        if (item.describeName.length > 40) {
+                            item.label = item.describeName.substring(0, 40) + '...'
+                        } else {
+                            item.label = item.describeName
+                        }
+                    })
+                    this.describeOptions = item.describeList
+                }
+            })
+            console.log(value)
+        },
+        //获取责任分包单位
+        getCooperatorList() {
+            let data = {
+                projectSn: this.projectSn,
+                pageNo: this.pageNo,
+                pageSize: this.pageSize,
+                enterpriseTypeId: this.enterpriseTypeId,
+                enterpriseName: "",
+            };
+            getCooperatorListApi(data).then((res) => {
+                if (res.code == 200) {
+
+                    if (res.result.records.length > 0) {
+                        this.cooperatorList = JSON.parse(JSON.stringify(res.result.records));
+                        this.cooperatorList.forEach((item) => {
+                            item.value = item.enterpriseLegalPerson
+                            item.label = item.enterpriseName
+                        })
+                        this.options = this.cooperatorList
+                        // console.log(this.options)
+                    }
+                }
+            });
+        },
+        // 获取类别
+        getType() {
+            selectDangerousEngineeringTypeApi({ sn: JSON.parse(window.sessionStorage.getItem("vuex")).userInfo.headquartersSn }).then((res) => {
+                if (res.result) {
+                    // console.log(res.result)
+                    res.result.forEach(item => {
+                        item.label = item.typeName
+                        item.value = item.id
+                    })
+                    this.typeOptions = res.result
+                }
+            })
+        },
+        addData() {
+            if (this.addForm.name == "") {
+                // 请输入危大工程名称
+                this.$message.error(this.$t('message.dangerousBigProject.verifyMessage1'))
+                return
+            } else if (this.addForm.category == "") {
+                // 请选择危大工程类别
+                this.$message.error(this.$t('message.dangerousBigProject.verifyMessage2'))
+                return
+            } else if (this.addForm.describe == "") {
+                // 请选择类别描述
+                this.$message.error(this.$t('message.dangerousBigProject.verifyMessage3'))
+                return
+            }
+            // console.log(this.addForm)
+            let nowDate = new Date()
+            let data = {
+                constructionLocation: this.addForm.address,
+                createTime: moment(nowDate).format('YYYY-MM-DD HH:mm:ss'),
+                engineeringName: this.addForm.name,
+                engineeringSurvey: this.addForm.points,
+                engineeringTypeId: this.addForm.category,
+                personLiable: this.addForm.people,
+                planEndTime: this.addForm.date[1],
+                planStartTime: this.addForm.date[0],
+                projectSn: this.projectSn,
+                securityConstructionSchemeFile: this.fileList.length > 0 ? this.file1 : "", //安全专项施工方案附件
+                securityConstructionSchemeType: this.safeStatus ? 2 : 1,//是否完成安全专项施工方案交底，1未完成，2完成
+                specialConstructionSchemeFile: this.fileList2.length > 0 ? this.file2 : '',//专项施工方案附件
+                specialConstructionSchemeType: this.safeStatus2 ? 2 : 1,//是否完成专项施工方案交底，1未完成，2完成
+                technicalDisclosureFile: this.fileList3.length > 0 ? this.file3 : '',//技术交底文件
+                technicalDisclosureType: this.safeStatus3 ? 2 : 1,//是否完成安全技术交底，1未完成，2完成
+                typeDescribeId: this.addForm.describe,//危大工程类别描述
+                addForm: this.addForm
+            }
+            // "新增"
+            if (this.dialogTitle == this.$t('message.dangerousBigProject.add')) {
+                console.log(data)
+                data.responsibilityCompany = this.addForm.unit ? this.addForm.unit.join(',') : ""
+                addDangerousEngineeringRecordApi(data).then((res) => {
+                    if (res.code = 200) {
+                        this.$message.success(this.$t('message.dangerousBigProject.add') + this.$t('message.dangerousBigProject.success') + "！")
+                        this.initData()
+                    }
+                    console.log(res)
+                })
+            } else if (this.dialogTitle == this.$t('message.dangerousBigProject.edit')) {
+                // "编辑"
+                data.id = this.editParms.id
+                data.typeDescribeId = this.editParms.typeDescribeId
+                if (this.addForm.unit && Array.isArray(this.addForm.unit)) {
+                    data.responsibilityCompany = this.addForm.unit.join(',')
+                } else {
+                    data.responsibilityCompany = this.addForm.unit
+                }
+                editDangerousEngineeringRecordApi(data).then((res) => {
+                    if (res.code = 200) {
+                        // "修改成功！"
+                        this.$message.success(this.$t('message.dangerousBigProject.editSuccess'))
+                        this.initData()
+                    }
+                    console.log(res)
+                })
+            }
+            this.dialogFormVisible = false
+        },
+        handleSelectionChange(val) {
+            this.multipleSelection = val;
+        },
+        deleteRow(index, rows) {
+            if (rows[index].finalAcceptanceStatus === 2) {
+                this.$message.warning('该项危大工程已闭合，请勿操作')
+                return
+            }
+            // console.log(index,rows[index].id)
+            this.deleteId = rows[index].id
+            this.deleteDialog = true
+        },
+        checkDelete() {
+            deleteDangerousEngineeringRecordApi({ id: this.deleteId }).then((res) => {
+                console.log(res)
+                if (res.code == 200) {
+                    this.$message.success(res.message)
+                    this.initData()
+                }
+            })
+            this.deleteDialog = false
+        },
+        handleSizeChange() {
+            this.initData()
+        },
+        handleCurrentChange() {
+            this.initData()
+        },
+        handleRemove(file, fileList) {
+            console.log(fileList);
+            this.fileList = fileList;
+        },
+        handlePreview(file) {
+            console.log(file);
+        },
+        beforeRemove(file, fileList) {
+            // 确定移除
+            return this.$confirm(this.$t('message.dangerousBigProject.confirmRemove') + ` ${file.name}？`);
+        },
+        uploadSuccess(response, file, fileList) {
+            console.log('fileList')
+            console.log(fileList)
+            this.fileList = fileList;
+            this.file1 = this.$store.state.FILEURL + fileList[0].response.data[0].imageUrl
+        },
+        uploadError(err, file, fileList) {
+            // 上传失败！
+            this.$message.error(this.$t('message.dangerousBigProject.uploadFail'));
+        },
+        handleRemove2(file, fileList) {
+            console.log(fileList);
+            this.fileList2 = fileList;
+        },
+        handlePreview2(file) {
+            console.log(file);
+        },
+        beforeRemove2(file, fileList) {
+            // 确定移除
+            return this.$confirm(this.$t('message.dangerousBigProject.confirmRemove') + `${file.name}？`);
+        },
+        uploadSuccess2(response, file, fileList) {
+            console.log('fileList')
+            console.log(fileList)
+            this.fileList2 = fileList;
+            this.file2 = this.$store.state.FILEURL + fileList[0].response.data[0].imageUrl
+        },
+        uploadError2(err, file, fileList) {
+            // 上传失败！
+            this.$message.error(this.$t('message.dangerousBigProject.uploadFail'));
+        },
+        handleRemove3(file, fileList) {
+            console.log(fileList);
+            this.fileList3 = fileList;
+        },
+        handlePreview3(file) {
+            console.log(file);
+        },
+        beforeRemove3(file, fileList) {
+            // 确定移除
+            return this.$confirm(this.$t('message.dangerousBigProject.confirmRemove') + `${file.name}？`);
+        },
+        uploadSuccess3(response, file, fileList) {
+            console.log('fileList')
+            console.log(fileList)
+            this.fileList3 = fileList;
+            this.file3 = this.$store.state.FILEURL + fileList[0].response.data[0].imageUrl
+        },
+        uploadError3(err, file, fileList) {
+            // 上传失败！
+            this.$message.error(this.$t('message.dangerousBigProject.uploadFail'));
+        },
+        previewDetail(val) {
+            console.log(val)
+            this.dialogFormVisible = false
+            this.isEdit = true
+            this.isAdd = false
+            this.isUpdate = false
+            // 详细
+            this.dialogTitle = this.$t('message.dangerousBigProject.detailed')
+            this.detailId = val.id
+            this.isSuperDanger = val.issuperdanger
+        }
+    }
+}
+</script>
+
+<style lang="less" scoped>
+.el-button--text{
+    color: #262d47;
+}
+
+
+.form-box {
+    width: 70%;
+    display: flex;
+    flex-wrap: wrap;
+
+    /deep/.el-form-item {
+        width: 50%;
+        padding-right: 10px;
+        box-sizing: border-box;
+    }
+
+    // /deep/.el-col-12{
+    //     padding-left: 20px;
+    // }
+    /deep/.el-input__inner {
+        width: 100%;
+    }
+
+    /deep/.el-select {
+        width: 100%;
+    }
+
+    /deep/.el-cascader {
+        width: 100%;
+    }
+}
+
+.gasanalysis-table {
+    padding: 10px 20px;
+
+    .el-row:first-child .el-col {
+        background-color: #E9E9E9;
+    }
+
+    .el-row {
+        font-size: 14px;
+        color: #000;
+
+        .el-col:first-child {
+            background-color: #E9E9E9;
+        }
+
+        .el-col {
+            height: 40px;
+            display: flex;
+            align-items: center;
+            justify-content: center;
+            border: 1px solid #E1E1E1;
+        }
+    }
+}
+
+.dangerousBigProject {
+    padding-bottom: 20px;
+    height: 100%;
+    background: #fff;
+    padding: 0 10px;
+    padding-top: 20px;
+    box-sizing: border-box;
+
+    >div {
+        height: 100%;
+
+        .search-box {
+            display: flex;
+            margin-bottom: 20px;
+
+            .search-input {
+                width: 260px;
+                margin-right: 20px;
+            }
+        }
+    }
+}
+
+.el-icon-delete {
+    color: #f56c6c;
+}
+
+.table-box {
+    display: flex;
+    flex-direction: column;
+    height: calc(100% - 72px);
+
+    .tables {
+        margin-bottom: auto;
+    }
+}
+
+.table-item {
+    display: flex;
+    flex-direction: column;
+    align-items: flex-start;
+
+    p {
+        width: 100%;
+        overflow: hidden;
+        white-space: nowrap;
+        text-overflow: ellipsis;
+    }
+
+    // .item-status {
+    //   background: #f56c6c;
+    //   display: block;
+    //   color: #fff;
+    //   border-radius: 4px;
+    //   padding: 0 4px;
+    //   height: 20px;
+    // }
+    .item-status {
+        display: flex;
+        align-items: center;
+
+        img {
+            width: 15px;
+            height: 15px;
+        }
+
+        span {
+            font-size: 14px;
+            color: #EA3941;
+        }
+    }
+
+    .status-none {
+        height: 20px;
+    }
+
+    .item-title {
+        font-weight: 600;
+    }
+}
+
+.table-category-item {
+    display: flex;
+
+    p {
+        width: 100%;
+        overflow: hidden;
+        white-space: nowrap;
+        text-overflow: ellipsis;
+    }
+
+    // .item-status {
+    //   background: #f56c6c;
+    //   display: block;
+    //   color: #fff;
+    //   border-radius: 4px;
+    //   padding: 0 4px;
+    //   height: 20px;
+    // }
+    .item-status {
+        display: flex;
+        align-items: center;
+        margin-right: 3px;
+
+        img {
+            width: 15px;
+            height: 15px;
+            margin-right: 3px;
+        }
+
+        span {
+            font-size: 14px;
+            color: #EA3941;
+        }
+    }
+
+    .status-none {
+        height: 20px;
+    }
+
+    .item-title {
+        font-weight: 600;
+    }
+}
+
+.add-dialog {
+    /deep/ .el-dialog {
+        width: 80%;
+    }
+
+    .form-title {
+        margin-bottom: 20px;
+    }
+
+    /deep/ .el-form-item__label {
+        text-align: left;
+        white-space: nowrap;
+    }
+
+    /deep/ .el-form {
+        padding-left: 36px;
+        padding-right: 26px;
+        margin-bottom: 20px;
+    }
+
+    /deep/ .el-select {
+        width: 100%;
+    }
+
+    /deep/ .el-date-editor.el-input {
+        width: 100%;
+    }
+
+    /deep/ .el-date-editor {
+        width: 100%;
+    }
+
+    /deep/ .el-cascader {
+        width: 100%;
+    }
+
+    .upload-item {
+        display: flex;
+        margin-bottom: 10px;
+        align-items: center;
+
+        span {
+            margin-right: 16px;
+        }
+
+        .switch-check {
+            margin-left: 8px;
+            color: #409eff;
+            line-height: 20px;
+        }
+
+        .switch-uncheck {
+            margin-left: 8px;
+            line-height: 20px;
+        }
+    }
+
+    .upload-file {
+        width: 50%;
+        padding-left: 26px;
+        box-sizing: border-box;
+        margin-bottom: 20px;
+
+        a {
+            color: #409eff;
+            text-decoration: none;
+            margin-left: 6px;
+        }
+    }
+
+    .upload-box {
+        display: flex;
+        flex-wrap: wrap;
+    }
+}
+
+.el-pagination {
+    display: flex;
+    justify-content: flex-end;
+    margin-top: 20px;
+}
+
+.backText {
+    padding: 8px 0;
+    padding-left: 10px;
+
+    /deep/.el-page-header__content {
+        font-size: 14px;
+    }
+}
+
+.dark {
+    /deep/.el-page-header__content {
+        color: #fff;
+    }
+
+    /deep/ .print-btn {
+        background: none;
+        color: #262d47;
+        font-size: 14px;
+    }
+}
+</style>
\ No newline at end of file
diff --git a/src/views/projectFront/specialWork/startBuildingWork.vue b/src/views/projectFront/specialWork/startBuildingWork.vue
new file mode 100644
index 00000000..652830e7
--- /dev/null
+++ b/src/views/projectFront/specialWork/startBuildingWork.vue
@@ -0,0 +1,1197 @@
+<template>
+    <div class="dangerousBigProject">
+        <div v-if="dialogFormVisible">
+            <div class="search-box">
+                <el-form :inline="true" :model="formInline" class="demo-form-inline" size="small">
+                    <el-form-item label="作业申请单位">
+                        <el-select v-model="formInline.recordStatus" placeholder="请选择">
+                            <el-option label="作业申请单位1" :value="0"></el-option>
+                            <el-option label="作业申请单位2" :value="1"></el-option>
+                        </el-select>
+                    </el-form-item>
+                    <el-form-item label="动火人">
+                        <el-input placeholder="请输入" v-model="formInline.engineeringName" clearable style="width: 200px">
+                        </el-input>
+                    </el-form-item>
+                    <el-form-item>
+                        <el-button type="primary" @click="onSubmit" plain>{{
+                            $t('message.quality.inquire')
+                            }}</el-button>
+                    </el-form-item>
+                    <el-form-item>
+                        <el-button type="warning" @click="initData" plain>刷新</el-button>
+                    </el-form-item>
+                </el-form>
+                <!-- 新增 -->
+                <!-- <el-button v-permission="{key: 'wdgc_add', menuPath: '/project/dangerousBigProject/parameter'}"  type="primary" @click="showAddDialog()" size="small">
+            
+            {{ $t('message.dangerousBigProject.add') }}
+          </el-button> -->
+                <!-- <el-button type="danger" size="small">批量删除</el-button> -->
+            </div>
+            <div class="table-box">
+                <el-table class="tables" :data="tableData" size="small" @cell-click="previewDetail"
+                    @selection-change="handleSelectionChange" :header-cell-style="{ 'text-align': 'center' }">
+                    <!-- <el-table-column type="selection" align="center" width="60px"></el-table-column> -->
+                    <el-table-column label="序号" type="index" align="center" width="60"></el-table-column>
+
+                    <el-table-column align="center" label="作业申请单位" show-overflow-tooltip>
+                        <!--  作业申请单位 -->
+                        <template slot-scope="scope">
+                            {{ scope.row.jobApplyForUnit }}
+                        </template>
+                    </el-table-column>
+                    <el-table-column align="center" label="作业申请时间" prop="jobTime"></el-table-column>
+                    <el-table-column align="center" label="受限空间名称" prop="jobTypeName"></el-table-column>
+                    <el-table-column align="center" label="作业内容" prop="jobTypeName"></el-table-column>
+                    <el-table-column align="center" label="受限空间内原有介质名称" prop="jobTypeName"></el-table-column>
+                    <el-table-column align="center" label="作业人" prop="jobName"></el-table-column>
+                    <el-table-column align="center" label="监护人" prop="jobName"></el-table-column>
+                    <el-table-column align="center" label="作业单位" prop="jobUnit"></el-table-column>
+                    <el-table-column align="center" label="作业负责人" prop="jobPrincipal"></el-table-column>
+
+                    <!-- 操作 -->
+                    <el-table-column align="center" :label="$t('message.dangerousBigProject.operation')" width="120">
+                        <template slot-scope="scope">
+                            <!-- <el-button
+                          @click.native.prevent="viewData(scope.$index, tableData)"
+                          type="text"
+                          size="small">
+                              查看
+                          </el-button> -->
+                            <!-- <el-button
+                          @click.native.prevent="editData(scope.$index, tableData)"
+                          type="text"
+                          size="small">
+                              编辑
+                          </el-button> -->
+                            <!-- <el-button
+                v-permission="{key: 'wdgc_edit', menuPath: '/project/dangerousBigProject/parameter'}" 
+                  @click.stop="editRow(scope.$index, tableData)"
+                  type="text"
+                  size="small"
+                >
+                  <i class="el-icon-edit"></i>
+                </el-button> -->
+                            <!-- v-permission="{key: 'wdgc_delete', menuPath: '/project/dangerousBigProject/parameter'}"  -->
+                            <el-button @click.stop="deleteRow(scope.$index, tableData)" type="text" size="small">
+                                <i class="el-icon-delete"></i>
+                                删除
+                            </el-button>
+                        </template>
+                    </el-table-column>
+                </el-table>
+                <el-pagination style="margin-right: 800px;" class="pagerBox" background @size-change="handleSizeChange"
+                    @current-change="handleCurrentChange" :current-page.sync="pageNo" layout="sizes, prev, pager, next"
+                    :page-sizes="[10, 20, 30, 40]" :page-size="pageSize" :total="Number(total)">
+                </el-pagination>
+            </div>
+
+            <!-- <el-dialog :modal-append-to-body="false" :title="dialogTitle" :visible.sync="dialogFormVisible" class="add-dialog">
+              <div class="form-title">基础信息</div>
+              <el-form :model="addForm">
+                  <el-row :gutter="40">
+                      <el-col :span="12">
+                          <el-form-item label="危大工程名称：" required :label-width="formLabelWidth">
+                              <el-input v-model="addForm.name" :disabled="isEditDisabled" placeholder="请输入危大工程名称" autocomplete="off"></el-input>
+                          </el-form-item>
+                      </el-col>
+                      <el-col :span="12">
+                          <el-form-item label="危大工程类别：" required :label-width="formLabelWidth">
+                              <el-select v-model="addForm.category" :disabled="isEditDisabled" @change="changeType" placeholder="请选择危大工程类别">
+                                  <el-option v-for="item in typeOptions"
+                                      :key="item.value"
+                                      :label="item.label"
+                                      :value="item.value"
+                                      >
+                                  </el-option>
+                              </el-select>
+                          </el-form-item>
+                      </el-col>
+                  </el-row>
+                  <el-row :gutter="40">
+                      <el-col :span="12">
+                          <el-form-item label="危大工程概况："  :label-width="formLabelWidth">
+                              <el-input v-model="addForm.points" :disabled="isDisabled" placeholder="请输入危大工程概况" autocomplete="off"></el-input>
+                          </el-form-item>
+                      </el-col>
+                      <el-col :span="12">
+                          <el-form-item label="类别描述：" required :label-width="formLabelWidth">
+                              <el-select v-model="addForm.describe" :disabled="isEditDisabled" placeholder="请选择类别描述">
+                                  <el-option v-for="item in describeOptions"
+                                      :key="item.value"
+                                      :label="item.label"
+                                      :value="item.value">
+                                  </el-option>
+                              </el-select>
+                          </el-form-item>
+                      </el-col>
+                  </el-row>
+                  <el-row :gutter="40">
+                      <el-col :span="12">
+                          <el-form-item label="施工部位：" :label-width="formLabelWidth">
+                              <el-input v-model="addForm.address" :disabled="isDisabled" placeholder="请输入施工部位" autocomplete="off"></el-input>
+                          </el-form-item>
+                      </el-col>
+                      <el-col :span="12">
+                          <el-form-item label="施工计划：" :label-width="formLabelWidth">
+                              <el-date-picker
+                                  :disabled="isDisabled"
+                                  v-model="addForm.date"
+                                  type="daterange"
+                                  range-separator="至"
+                                  value-format="yyyy-MM-dd"
+                                  start-placeholder="开始日期"
+                                  end-placeholder="结束日期">
+                              </el-date-picker>
+                          </el-form-item>
+                      </el-col>
+                  </el-row>
+                  <el-row :gutter="40">
+                      <el-col :span="12">
+                          <el-form-item label="责任人：" :label-width="formLabelWidth">
+                              <el-input v-model="addForm.people" :disabled="isDisabled" placeholder="请输入责任人" autocomplete="off"></el-input>
+                          </el-form-item>
+                      </el-col>
+                      <el-col :span="12">
+                          <el-form-item label="责任分包单位：" :label-width="formLabelWidth">
+                              <el-cascader
+                                  :disabled="isDisabled"
+                                  v-model="addForm.unit"
+                                  placeholder="请选择责任分包单位"
+                                  :options="options"
+                                  :props="props"
+                                  clearable>
+                              </el-cascader>
+                          </el-form-item>
+                      </el-col>
+                  </el-row>
+              </el-form>
+              <div class="form-title">危大工程资料</div>
+              <div class="upload-box">
+                  <div class="upload-file">
+                      <div class="upload-item">
+                          <span>安全技术交底：</span>
+                          <el-switch v-model="safeStatus" :disabled="isDisabled" >
+                          </el-switch>
+                              <span v-if="safeStatus" class="switch-check">已完成</span>
+                              <span v-else class="switch-uncheck">未完成</span>
+                      </div>
+                      <div v-if="dialogTitle == '查看' && file1">{{fileName1}}<a :href="file1">下载</a></div>
+                      <el-upload
+                          class="uploadBox"
+                          :action='$store.state.UPLOADURL'
+                          :on-preview="handlePreview"
+                          :on-remove="handleRemove"
+                          :before-remove="beforeRemove"
+                          :on-success="uploadSuccess"
+                          :on-error="uploadError"
+                          :limit="1"
+                          multiple
+                          name="files"
+                          accept=".doc, .docx, .xls, .xlsx, .ppt, .pptx, .pdf"
+                          :file-list="fileList">
+                          <el-button v-if="dialogTitle == '新增' || dialogTitle == '编辑'" size="small" type="primary">点击上传</el-button>
+                      </el-upload>
+                  </div>
+                  <div class="upload-file">
+                      <div class="upload-item">
+                          <span>安全专项施工方案及附件：</span>
+                          <el-switch v-model="safeStatus2" :disabled="isDisabled">
+                          </el-switch>
+                              <span v-if="safeStatus2" class="switch-check">已完成</span>
+                              <span v-else class="switch-uncheck">未完成</span>
+  
+                      </div>
+                      <div v-if="dialogTitle == '查看' && fileName2">{{fileName2}}<a :href="file2">下载</a></div>
+                      <el-upload
+                          class="uploadBox"
+                          :action='$store.state.UPLOADURL'
+                          :on-preview="handlePreview2"
+                          :on-remove="handleRemove2"
+                          :before-remove="beforeRemove2"
+                          :on-success="uploadSuccess2"
+                          :on-error="uploadError2"
+                          :limit="1"
+                          multiple
+                          name="files"
+                          accept=".doc, .docx, .xls, .xlsx, .ppt, .pptx, .pdf"
+                          :file-list="fileList2">
+                          <el-button v-if="dialogTitle == '新增' || dialogTitle == '编辑'" size="small" type="primary">点击上传</el-button>
+                      </el-upload>
+                  </div>
+                  <div class="upload-file">
+                      <div class="upload-item">
+                          <span>专项施工方案交底：</span>
+                          <el-switch v-model="safeStatus3" :disabled="isDisabled">
+                          </el-switch>
+                              <span v-if="safeStatus3" class="switch-check">已完成</span>
+                              <span v-else class="switch-uncheck">未完成</span>
+                      </div>
+                      <div v-if="dialogTitle == '查看' && fileName3">{{fileName3}}<a :href="file3">下载</a></div>
+                      <el-upload
+                          class="uploadBox"
+                          :action='$store.state.UPLOADURL'
+                          :on-preview="handlePreview3"
+                          :on-remove="handleRemove3"
+                          :before-remove="beforeRemove3"
+                          :on-success="uploadSuccess3"
+                          :on-error="uploadError3"
+                          :limit="1"
+                          multiple
+                          name="files"
+                          accept=".doc, .docx, .xls, .xlsx, .ppt, .pptx, .pdf"
+                          :file-list="fileList3">
+                          <el-button v-if="dialogTitle == '新增' || dialogTitle == '编辑'" size="small" type="primary">点击上传</el-button>
+                      </el-upload>
+                  </div>
+              </div>
+              <div slot="footer" class="dialog-footer">
+                  <el-button @click="dialogFormVisible = false">取 消</el-button>
+                  <el-button type="primary" @click="addData()">确 定</el-button>
+              </div>
+          </el-dialog> -->
+            <!-- 提示 -->
+            <el-dialog :modal-append-to-body="false" :title="$t('message.dangerousBigProject.hint')"
+                :visible.sync="deleteDialog" width="30%">
+                <span>
+                    <!-- 是否确定删除该条记录？ -->
+                    {{ $t('message.dangerousBigProject.hintContent') }}
+                </span>
+                <span slot="footer" class="dialog-footer">
+                    <el-button @click="deleteDialog = false">
+                        <!-- 取 消 -->
+                        {{ $t('message.dangerousBigProject.cancel') }}
+                    </el-button>
+                    <el-button type="primary" @click="checkDelete">
+                        <!-- 确 定 -->
+                        {{ $t('message.dangerousBigProject.confirm') }}
+                    </el-button>
+                </span>
+            </el-dialog>
+        </div>
+        <div style="height: 100%" v-else>
+            <el-page-header @back="goBack" :content="dialogTitle" class="backText"
+                :class="{ dark: styleType == 2 }"></el-page-header>
+            <!-- <addPlan @cancleSave="goBack" v-if="isAdd"></addPlan> -->
+            <detail :id="detailId" :isSuperDanger="isSuperDanger" @cancleSave="goBack" :COMPANY_Type="'longguang'" v-if="isEdit">
+                <template v-slot:basicinfo>
+                    <div class="info-content">
+                        <el-form class="form-box" :model="detailData">
+                            <el-form-item label="作业类型：" :label-width="formLabelWidthDetail">
+                                受限空间名称
+                            </el-form-item>
+                            <el-form-item label="作业单位" :label-width="formLabelWidthDetail">
+                                <!-- <el-cascader
+                            :disabled="isDisabled"
+                            v-model="detailData.responsibilityCompanyId"
+                            placeholder="请选择责任分包单位"
+                            :options="options"
+                            :props="props"
+                            clearable
+                            >
+                            </el-cascader> -->
+                                <el-select v-model="detailData.responsibilityCompanyId" placeholder="请选择作业单位" disabled>
+                                    <el-option :label="item.enterpriseName" :value="item.id"
+                                        v-for="(item, index) in responsibilityList" :key="index">
+                                    </el-option>
+                                </el-select>
+                            </el-form-item>
+                            <el-form-item label="作业申请单位" :label-width="formLabelWidthDetail">
+                                <el-select v-model="detailData.responsibilityCompanyId" placeholder="请选择作业申请单位"
+                                    disabled>
+                                    <el-option :label="item.enterpriseName" :value="item.id"
+                                        v-for="(item, index) in responsibilityList" :key="index">
+                                    </el-option>
+                                </el-select>
+                            </el-form-item>
+                            <el-form-item label="作业负责人：" :label-width="formLabelWidthDetail">
+                                胡小小
+                            </el-form-item>
+                            <el-form-item label="作业申请时间：" :label-width="formLabelWidthDetail">
+                                2024-05-14
+                            </el-form-item>
+                            <el-form-item label="受限空间内原有介质名称" :label-width="formLabelWidthDetail">
+                                西北角
+                            </el-form-item>
+                            <el-form-item label="受限空间名称：" :label-width="formLabelWidthDetail">
+                                特级
+                            </el-form-item>
+                            <el-form-item label="作业人：" :label-width="formLabelWidthDetail">
+                                张三
+                            </el-form-item>
+                            <el-form-item label="作业内容：" :label-width="formLabelWidthDetail">
+                                王乐康
+                            </el-form-item>
+                            <el-form-item label="气体分析时间：" :label-width="formLabelWidthDetail">
+                                <el-date-picker :disabled="isDisabledDetail" v-model="planDate" type="daterange"
+                                    :picker-options="pickerOptions" range-separator="至" value-format="yyyy-MM-dd"
+                                    start-placeholder="开始日期" end-placeholder="结束日期">
+                                </el-date-picker>
+                            </el-form-item>
+                            <el-form-item label="证书编号：" :label-width="formLabelWidthDetail">
+                                16548955
+                            </el-form-item>
+                            <el-form-item label="代表性气体：" :label-width="formLabelWidthDetail">
+                                16548955
+                            </el-form-item>
+                            <el-form-item label="监护人：" :label-width="formLabelWidthDetail">
+                                王乐康
+                            </el-form-item>
+                            <el-form-item label="风险辨识结果：" :label-width="formLabelWidthDetail">
+                                王乐康
+                            </el-form-item>
+                            <el-form-item label="关联的其他特殊作业：" :label-width="formLabelWidthDetail">
+                                王乐康
+                            </el-form-item>
+                            <el-form-item label="作业实施时间：" :label-width="formLabelWidthDetail">
+                                <el-date-picker :disabled="isDisabledDetail" v-model="planDate" type="daterange"
+                                    :picker-options="pickerOptions" range-separator="至" value-format="yyyy-MM-dd"
+                                    start-placeholder="开始日期" end-placeholder="结束日期">
+                                </el-date-picker>
+                            </el-form-item>
+                            <el-form-item label="安全作业票编码" :label-width="formLabelWidthDetail">
+                                7984654
+                            </el-form-item>
+                        </el-form>
+                        <!-- <div v-if="COMPANY != 'longguang'" class="qr-box">
+                                    <div id="qrCode" ref="qrCodeDiv"></div>
+                                    <el-button size="medium" class="print-btn" @click="printBtn">打印危大工程标识</el-button>
+                                </div> -->
+                    </div>
+                </template>
+                <template v-slot:gasanalysis>
+                    <div>
+                        <el-form :model="detailData">
+                            <el-row>
+                                <el-col :span="8">
+                                    <el-form-item label="分析项目：" :label-width="formLabelWidthDetail">
+                                        受限空间
+                                    </el-form-item>
+                                </el-col>
+                                <el-col :span="8">
+                                    <el-form-item label="有毒有害气体名称" :label-width="formLabelWidthDetail">
+                                        一氧化碳
+                                    </el-form-item>
+                                </el-col>
+                                <el-col :span="8">
+                                    <el-form-item label="可燃气体名称：" :label-width="formLabelWidthDetail">
+                                        天然气
+                                    </el-form-item>
+                                </el-col>
+                            </el-row>
+                            <el-row>
+                                <el-col :span="8">
+                                    <el-form-item label="合格标准：" :label-width="formLabelWidthDetail">
+                                        100
+                                    </el-form-item>
+                                </el-col>
+                                <el-col :span="8">
+                                    <el-form-item label="氧气含氧量(19.5%~21%)：" :label-width="formLabelWidthDetail">
+                                        20%
+                                    </el-form-item>
+                                </el-col>
+                                <el-col :span="8">
+                                    <el-form-item label="取样分析时间：" :label-width="formLabelWidthDetail">
+                                        <el-date-picker :disabled="isDisabledDetail" v-model="planDate" type="date"
+                                            :picker-options="pickerOptions" value-format="yyyy-MM-dd">
+                                        </el-date-picker>
+                                    </el-form-item>
+                                </el-col>
+                            </el-row>
+                            <el-row>
+                                <el-col :span="8">
+                                    <el-form-item label="分析部位：" :label-width="formLabelWidthDetail">
+                                        顶部
+                                    </el-form-item>
+                                </el-col>
+                                <el-col :span="8">
+                                    <el-form-item label="分析人：" :label-width="formLabelWidthDetail">
+                                        刘大大
+                                    </el-form-item>
+                                </el-col>
+                                <el-col :span="10">
+                                    <el-form-item label="分析数据：" :label-width="formLabelWidthDetail">
+
+                                        <el-input v-model="detailData.engineeringSurvey" :disabled="isDisabledDetail"
+                                            placeholder="一氧化碳/天然气/20%/2024-01-12/顶部/刘大大" autocomplete="off"></el-input>
+                                    </el-form-item>
+                                </el-col>
+                            </el-row>
+                        </el-form>
+                    </div>
+                </template>
+            </detail>
+            <editPlan :title="operateTitle" :editId="editId" @cancleSave="goBack" v-if="isUpdate"></editPlan>
+        </div>
+    </div>
+</template>
+
+<script>
+import moment from 'moment'
+//   import addPlan from './addPlan.vue'
+import detail from './detail.vue'
+import editPlan from './editPlan.vue'
+import {
+    selectDangerousEngineeringRecordApi,
+    addDangerousEngineeringRecordApi,
+    deleteDangerousEngineeringRecordApi,
+    selectDangerousEngineeringTypeApi,
+    editDangerousEngineeringRecordApi
+} from "@/assets/js/api/dangerousBigProject"
+import { getCooperatorListApi } from "@/assets/js/api/cooperationUnit";
+export default {
+    components: {
+        //   addPlan,
+        detail,
+        editPlan
+    },
+    data() {
+        return {
+            formInline: {
+                engineeringName: '',
+                recordStatus: '',
+            },
+            formLabelWidthDetail: "180px",
+            detailData: {},
+            responsibilityList: [],
+            planDate: "",
+            pickerOptions: {
+                disabledDate(time) {
+                    return time.getTime() < Date.now() - 8.64e7;
+                },
+            },
+            isDisabledDetail: true,
+
+            operateTitle: "新增",
+            isAdd: false,
+            isEdit: false,
+            isDisabled: false,
+            engineeringName: "",
+            detailId: "",
+            isSuperDanger: false,
+            tableData: [
+                { jobApplyForUnit: "辽宁五寰", jobTime: "2024-5-14", jobTypeName: "特级", jobName: "张三", jobSerial: "15236655", jobUnit: "辽宁五寰", jobPrincipal: "李四" },
+                { jobApplyForUnit: "辽宁五寰", jobTime: "2024-5-14", jobTypeName: "特级", jobName: "张三", jobSerial: "15236655", jobUnit: "辽宁五寰", jobPrincipal: "李四" },
+                { jobApplyForUnit: "辽宁五寰", jobTime: "2024-5-14", jobTypeName: "特级", jobName: "张三", jobSerial: "15236655", jobUnit: "辽宁五寰", jobPrincipal: "李四" }
+            ],
+            dialogFormVisible: true,
+            multipleSelection: [],
+            addForm: {
+                name: "",
+                category: "",
+                points: "",
+                describe: "",
+                address: "",
+                date: [],
+                people: "",
+                unit: []
+            },
+            props: {
+                multiple: true
+            },
+            typeOptions: [],
+            describeOptions: [],
+            options: [{
+                label: 111,
+                value: 12
+            }],
+            formLabelWidth: "110px",
+            safeStatus: false,
+            safeStatus2: false,
+            safeStatus3: false,
+            fileList: [],
+            fileList2: [],
+            fileList3: [],
+            dialogTitle: "",
+            pageNo: 1,
+            pageSize: 10,
+            total: 10,
+            projectSn: "",
+            enterpriseTypeId: 1,
+            cooperatorList: [],
+            file3: "",
+            file2: "",
+            file1: "",
+            deleteId: "",
+            editId: "",
+            deleteDialog: false,
+            isEditDisabled: false,
+            editParms: [],
+            fileName1: "",
+            fileName2: "",
+            fileName3: "",
+            styleType: 1,
+            isUpdate: false
+        }
+    },
+    mounted() {
+        this.projectSn = this.$store.state.projectSn
+        this.styleType = this.$store.state.userInfo.styleType;
+        // this.getCooperatorList()
+        // this.getType()
+        //   this.initData();
+    },
+    methods: {
+        editRow(index, rows) {
+            if (rows[index].finalAcceptanceStatus === 2) {
+                this.$message.warning('该项危大工程已闭合，请勿操作')
+                return
+            }
+            // console.log(index,rows[index].id)
+            this.editId = rows[index].id
+            this.operateTitle = "编辑"
+            this.dialogTitle = "编辑"
+            this.dialogFormVisible = false
+            this.isEdit = false
+            this.isAdd = false
+            this.isUpdate = true;
+        },
+        goBack() {
+            this.dialogFormVisible = true
+            // this.initData()
+            this.isAdd = false
+            this.isEdit = false
+            this.isUpdate = false;
+        },
+        showAddDialog() {
+            this.dialogFormVisible = false
+            this.isEdit = false
+            this.isUpdate = false;
+            this.isAdd = true
+            // "新增"
+            this.dialogTitle = this.$t('message.dangerousBigProject.add')
+            // this.clearData()
+            // if(this.isDisabled){
+            //     this.isDisabled = false
+            // }
+            // if(this.isEditDisabled){
+            //     this.isEditDisabled = false
+            // }
+        },
+        onSubmit() {
+
+        },
+        initData() {
+            let data = {
+                engineeringName: this.engineeringName,
+                pageNo: this.pageNo,
+                pageSize: this.pageSize,
+                projectSn: this.projectSn
+            }
+            selectDangerousEngineeringRecordApi(data).then((res) => {
+                if (res.result) {
+                    console.log(res.result.records, 1)
+                    res.result.records.forEach((item) => {
+                        if (item.planStartTime && item.planEndTime) {
+                            item.plan = item.planStartTime + "至" + item.planEndTime
+                        }
+                        if (item.responsibilityCompany.split(",").length > 0 && item.responsibilityCompany !== "") {
+                            let arr = []
+                            for (let i = 0; i < this.options.length; i++) {
+                                let itm = this.options[i].value
+                                for (let j = 0; j < item.responsibilityCompany.split(",").length; j++) {
+                                    if (itm == item.responsibilityCompany.split(",")[j]) {
+                                        arr.push(this.options[i].label)
+                                    }
+                                }
+                            }
+                            item.subpackageUnit = arr.join(",")
+                        }
+                    })
+                    // console.log(this.options)
+                    this.tableData = res.result.records
+                    this.total = res.result.total
+                }
+            });
+        },
+        editData(index, val) {
+            this.viewData(index, val)
+            // "编辑"
+            this.dialogTitle = this.$t('message.dangerousBigProject.edit')
+            this.editParms = val[index]
+            if (this.file1) {
+                let obj = {
+                    name: this.file1.split("/")[this.file1.split("/").length - 1],
+                    url: this.file1
+                }
+                this.fileList.push(obj)
+            }
+            if (this.file2) {
+                let obj2 = {
+                    name: this.file2.split("/")[this.file2.split("/").length - 1],
+                    url: this.file2
+                }
+                this.fileList2.push(obj2)
+            }
+            if (this.file3) {
+                let obj3 = {
+                    name: this.file3.split("/")[this.file3.split("/").length - 1],
+                    url: this.file3
+                }
+                this.fileList3.push(obj3)
+            }
+            this.isDisabled = false
+            this.isEditDisabled = true
+            // console.log(this.editId)
+        },
+        viewData(index, val) {
+            this.clearData()
+            this.dialogFormVisible = true
+            // "查看"
+            this.dialogTitle = this.$t('message.dangerousBigProject.view')
+            this.isDisabled = true
+            this.isEditDisabled = true
+            this.addForm = {
+                name: val[index].engineeringName,
+                category: val[index].engineeringTypeId,
+                points: val[index].engineeringSurvey,
+                describe: val[index].describeName,
+                address: val[index].constructionLocation,
+                date: [val[index].planStartTime, val[index].planEndTime],
+                people: val[index].personLiable,
+                unit: val[index].responsibilityCompany
+            }
+            this.safeStatus = val[index].securityConstructionSchemeType == 2 ? true : false
+            this.safeStatus2 = val[index].specialConstructionSchemeType == 2 ? true : false
+            this.safeStatus3 = val[index].technicalDisclosureType == 2 ? true : false
+            this.file1 = val[index].securityConstructionSchemeFile
+            this.file2 = val[index].specialConstructionSchemeFile
+            this.file3 = val[index].technicalDisclosureFile
+            this.fileName1 = this.file1 ? this.file1.split("/")[this.file1.split("/").length - 1] : ""
+            this.fileName2 = this.file2 ? this.file2.split("/")[this.file2.split("/").length - 1] : ""
+            this.fileName3 = this.file3 ? this.file3.split("/")[this.file3.split("/").length - 1] : ""
+        },
+        clearData() {
+            this.addForm = {
+                name: "",
+                category: "",
+                points: "",
+                describe: "",
+                address: "",
+                date: [],
+                people: "",
+                unit: ""
+            },
+                this.safeStatus = false
+            this.safeStatus2 = false
+            this.safeStatus3 = false
+            this.file1 = ""
+            this.file2 = ""
+            this.file3 = ""
+            this.fileList = []
+            this.fileList2 = []
+            this.fileList3 = []
+        },
+        // 选择类别
+        changeType(value) {
+            this.typeOptions.forEach(item => {
+                if (item.id == value) {
+                    item.describeList.forEach(item => {
+                        item.value = item.id
+                        if (item.describeName.length > 40) {
+                            item.label = item.describeName.substring(0, 40) + '...'
+                        } else {
+                            item.label = item.describeName
+                        }
+                    })
+                    this.describeOptions = item.describeList
+                }
+            })
+            console.log(value)
+        },
+        //获取责任分包单位
+        getCooperatorList() {
+            let data = {
+                projectSn: this.projectSn,
+                pageNo: this.pageNo,
+                pageSize: this.pageSize,
+                enterpriseTypeId: this.enterpriseTypeId,
+                enterpriseName: "",
+            };
+            getCooperatorListApi(data).then((res) => {
+                if (res.code == 200) {
+
+                    if (res.result.records.length > 0) {
+                        this.cooperatorList = JSON.parse(JSON.stringify(res.result.records));
+                        this.cooperatorList.forEach((item) => {
+                            item.value = item.enterpriseLegalPerson
+                            item.label = item.enterpriseName
+                        })
+                        this.options = this.cooperatorList
+                        // console.log(this.options)
+                    }
+                }
+            });
+        },
+        // 获取类别
+        getType() {
+            selectDangerousEngineeringTypeApi({ sn: JSON.parse(window.sessionStorage.getItem("vuex")).userInfo.headquartersSn }).then((res) => {
+                if (res.result) {
+                    // console.log(res.result)
+                    res.result.forEach(item => {
+                        item.label = item.typeName
+                        item.value = item.id
+                    })
+                    this.typeOptions = res.result
+                }
+            })
+        },
+        addData() {
+            if (this.addForm.name == "") {
+                // 请输入危大工程名称
+                this.$message.error(this.$t('message.dangerousBigProject.verifyMessage1'))
+                return
+            } else if (this.addForm.category == "") {
+                // 请选择危大工程类别
+                this.$message.error(this.$t('message.dangerousBigProject.verifyMessage2'))
+                return
+            } else if (this.addForm.describe == "") {
+                // 请选择类别描述
+                this.$message.error(this.$t('message.dangerousBigProject.verifyMessage3'))
+                return
+            }
+            // console.log(this.addForm)
+            let nowDate = new Date()
+            let data = {
+                constructionLocation: this.addForm.address,
+                createTime: moment(nowDate).format('YYYY-MM-DD HH:mm:ss'),
+                engineeringName: this.addForm.name,
+                engineeringSurvey: this.addForm.points,
+                engineeringTypeId: this.addForm.category,
+                personLiable: this.addForm.people,
+                planEndTime: this.addForm.date[1],
+                planStartTime: this.addForm.date[0],
+                projectSn: this.projectSn,
+                securityConstructionSchemeFile: this.fileList.length > 0 ? this.file1 : "", //安全专项施工方案附件
+                securityConstructionSchemeType: this.safeStatus ? 2 : 1,//是否完成安全专项施工方案交底，1未完成，2完成
+                specialConstructionSchemeFile: this.fileList2.length > 0 ? this.file2 : '',//专项施工方案附件
+                specialConstructionSchemeType: this.safeStatus2 ? 2 : 1,//是否完成专项施工方案交底，1未完成，2完成
+                technicalDisclosureFile: this.fileList3.length > 0 ? this.file3 : '',//技术交底文件
+                technicalDisclosureType: this.safeStatus3 ? 2 : 1,//是否完成安全技术交底，1未完成，2完成
+                typeDescribeId: this.addForm.describe,//危大工程类别描述
+                addForm: this.addForm
+            }
+            // "新增"
+            if (this.dialogTitle == this.$t('message.dangerousBigProject.add')) {
+                console.log(data)
+                data.responsibilityCompany = this.addForm.unit ? this.addForm.unit.join(',') : ""
+                addDangerousEngineeringRecordApi(data).then((res) => {
+                    if (res.code = 200) {
+                        this.$message.success(this.$t('message.dangerousBigProject.add') + this.$t('message.dangerousBigProject.success') + "！")
+                        this.initData()
+                    }
+                    console.log(res)
+                })
+            } else if (this.dialogTitle == this.$t('message.dangerousBigProject.edit')) {
+                // "编辑"
+                data.id = this.editParms.id
+                data.typeDescribeId = this.editParms.typeDescribeId
+                if (this.addForm.unit && Array.isArray(this.addForm.unit)) {
+                    data.responsibilityCompany = this.addForm.unit.join(',')
+                } else {
+                    data.responsibilityCompany = this.addForm.unit
+                }
+                editDangerousEngineeringRecordApi(data).then((res) => {
+                    if (res.code = 200) {
+                        // "修改成功！"
+                        this.$message.success(this.$t('message.dangerousBigProject.editSuccess'))
+                        this.initData()
+                    }
+                    console.log(res)
+                })
+            }
+            this.dialogFormVisible = false
+        },
+        handleSelectionChange(val) {
+            this.multipleSelection = val;
+        },
+        deleteRow(index, rows) {
+            if (rows[index].finalAcceptanceStatus === 2) {
+                this.$message.warning('该项危大工程已闭合，请勿操作')
+                return
+            }
+            // console.log(index,rows[index].id)
+            this.deleteId = rows[index].id
+            this.deleteDialog = true
+        },
+        checkDelete() {
+            deleteDangerousEngineeringRecordApi({ id: this.deleteId }).then((res) => {
+                console.log(res)
+                if (res.code == 200) {
+                    this.$message.success(res.message)
+                    this.initData()
+                }
+            })
+            this.deleteDialog = false
+        },
+        handleSizeChange() {
+            this.initData()
+        },
+        handleCurrentChange() {
+            this.initData()
+        },
+        handleRemove(file, fileList) {
+            console.log(fileList);
+            this.fileList = fileList;
+        },
+        handlePreview(file) {
+            console.log(file);
+        },
+        beforeRemove(file, fileList) {
+            // 确定移除
+            return this.$confirm(this.$t('message.dangerousBigProject.confirmRemove') + ` ${file.name}？`);
+        },
+        uploadSuccess(response, file, fileList) {
+            console.log('fileList')
+            console.log(fileList)
+            this.fileList = fileList;
+            this.file1 = this.$store.state.FILEURL + fileList[0].response.data[0].imageUrl
+        },
+        uploadError(err, file, fileList) {
+            // 上传失败！
+            this.$message.error(this.$t('message.dangerousBigProject.uploadFail'));
+        },
+        handleRemove2(file, fileList) {
+            console.log(fileList);
+            this.fileList2 = fileList;
+        },
+        handlePreview2(file) {
+            console.log(file);
+        },
+        beforeRemove2(file, fileList) {
+            // 确定移除
+            return this.$confirm(this.$t('message.dangerousBigProject.confirmRemove') + `${file.name}？`);
+        },
+        uploadSuccess2(response, file, fileList) {
+            console.log('fileList')
+            console.log(fileList)
+            this.fileList2 = fileList;
+            this.file2 = this.$store.state.FILEURL + fileList[0].response.data[0].imageUrl
+        },
+        uploadError2(err, file, fileList) {
+            // 上传失败！
+            this.$message.error(this.$t('message.dangerousBigProject.uploadFail'));
+        },
+        handleRemove3(file, fileList) {
+            console.log(fileList);
+            this.fileList3 = fileList;
+        },
+        handlePreview3(file) {
+            console.log(file);
+        },
+        beforeRemove3(file, fileList) {
+            // 确定移除
+            return this.$confirm(this.$t('message.dangerousBigProject.confirmRemove') + `${file.name}？`);
+        },
+        uploadSuccess3(response, file, fileList) {
+            console.log('fileList')
+            console.log(fileList)
+            this.fileList3 = fileList;
+            this.file3 = this.$store.state.FILEURL + fileList[0].response.data[0].imageUrl
+        },
+        uploadError3(err, file, fileList) {
+            // 上传失败！
+            this.$message.error(this.$t('message.dangerousBigProject.uploadFail'));
+        },
+        previewDetail(val) {
+            console.log(val)
+            this.dialogFormVisible = false
+            this.isEdit = true
+            this.isAdd = false
+            this.isUpdate = false
+            // 详细
+            this.dialogTitle = this.$t('message.dangerousBigProject.detailed')
+            this.detailId = val.id
+            this.isSuperDanger = val.issuperdanger
+        }
+    }
+}
+</script>
+
+<style lang="less" scoped>
+.el-button--text{
+    color: #262d47;
+}
+
+
+.form-box {
+    width: 70%;
+    display: flex;
+    flex-wrap: wrap;
+
+    /deep/.el-form-item {
+        width: 50%;
+        padding-right: 10px;
+        box-sizing: border-box;
+    }
+
+    // /deep/.el-col-12{
+    //     padding-left: 20px;
+    // }
+    /deep/.el-input__inner {
+        width: 100%;
+    }
+
+    /deep/.el-select {
+        width: 100%;
+    }
+
+    /deep/.el-cascader {
+        width: 100%;
+    }
+}
+
+.gasanalysis-table {
+    padding: 10px 20px;
+
+    .el-row:first-child .el-col {
+        background-color: #E9E9E9;
+    }
+
+    .el-row {
+        font-size: 14px;
+        color: #000;
+
+        .el-col:first-child {
+            background-color: #E9E9E9;
+        }
+
+        .el-col {
+            height: 40px;
+            display: flex;
+            align-items: center;
+            justify-content: center;
+            border: 1px solid #E1E1E1;
+        }
+    }
+}
+
+.dangerousBigProject {
+    padding-bottom: 20px;
+    height: 100%;
+    background: #fff;
+    padding: 0 10px;
+    padding-top: 20px;
+    box-sizing: border-box;
+
+    >div {
+        height: 100%;
+
+        .search-box {
+            display: flex;
+            margin-bottom: 20px;
+
+            .search-input {
+                width: 260px;
+                margin-right: 20px;
+            }
+        }
+    }
+}
+
+.el-icon-delete {
+    color: #f56c6c;
+}
+
+.table-box {
+    display: flex;
+    flex-direction: column;
+    height: calc(100% - 72px);
+
+    .tables {
+        margin-bottom: auto;
+    }
+}
+
+.table-item {
+    display: flex;
+    flex-direction: column;
+    align-items: flex-start;
+
+    p {
+        width: 100%;
+        overflow: hidden;
+        white-space: nowrap;
+        text-overflow: ellipsis;
+    }
+
+    // .item-status {
+    //   background: #f56c6c;
+    //   display: block;
+    //   color: #fff;
+    //   border-radius: 4px;
+    //   padding: 0 4px;
+    //   height: 20px;
+    // }
+    .item-status {
+        display: flex;
+        align-items: center;
+
+        img {
+            width: 15px;
+            height: 15px;
+        }
+
+        span {
+            font-size: 14px;
+            color: #EA3941;
+        }
+    }
+
+    .status-none {
+        height: 20px;
+    }
+
+    .item-title {
+        font-weight: 600;
+    }
+}
+
+.table-category-item {
+    display: flex;
+
+    p {
+        width: 100%;
+        overflow: hidden;
+        white-space: nowrap;
+        text-overflow: ellipsis;
+    }
+
+    // .item-status {
+    //   background: #f56c6c;
+    //   display: block;
+    //   color: #fff;
+    //   border-radius: 4px;
+    //   padding: 0 4px;
+    //   height: 20px;
+    // }
+    .item-status {
+        display: flex;
+        align-items: center;
+        margin-right: 3px;
+
+        img {
+            width: 15px;
+            height: 15px;
+            margin-right: 3px;
+        }
+
+        span {
+            font-size: 14px;
+            color: #EA3941;
+        }
+    }
+
+    .status-none {
+        height: 20px;
+    }
+
+    .item-title {
+        font-weight: 600;
+    }
+}
+
+.add-dialog {
+    /deep/ .el-dialog {
+        width: 80%;
+    }
+
+    .form-title {
+        margin-bottom: 20px;
+    }
+
+    /deep/ .el-form-item__label {
+        text-align: left;
+        white-space: nowrap;
+    }
+
+    /deep/ .el-form {
+        padding-left: 36px;
+        padding-right: 26px;
+        margin-bottom: 20px;
+    }
+
+    /deep/ .el-select {
+        width: 100%;
+    }
+
+    /deep/ .el-date-editor.el-input {
+        width: 100%;
+    }
+
+    /deep/ .el-date-editor {
+        width: 100%;
+    }
+
+    /deep/ .el-cascader {
+        width: 100%;
+    }
+
+    .upload-item {
+        display: flex;
+        margin-bottom: 10px;
+        align-items: center;
+
+        span {
+            margin-right: 16px;
+        }
+
+        .switch-check {
+            margin-left: 8px;
+            color: #409eff;
+            line-height: 20px;
+        }
+
+        .switch-uncheck {
+            margin-left: 8px;
+            line-height: 20px;
+        }
+    }
+
+    .upload-file {
+        width: 50%;
+        padding-left: 26px;
+        box-sizing: border-box;
+        margin-bottom: 20px;
+
+        a {
+            color: #409eff;
+            text-decoration: none;
+            margin-left: 6px;
+        }
+    }
+
+    .upload-box {
+        display: flex;
+        flex-wrap: wrap;
+    }
+}
+
+.el-pagination {
+    display: flex;
+    justify-content: flex-end;
+    margin-top: 20px;
+}
+
+.backText {
+    padding: 8px 0;
+    padding-left: 10px;
+
+    /deep/.el-page-header__content {
+        font-size: 14px;
+    }
+}
+
+.dark {
+    /deep/.el-page-header__content {
+        color: #fff;
+    }
+
+    /deep/ .print-btn {
+        background: none;
+        color: #262d47;
+        font-size: 14px;
+    }
+}
+</style>
\ No newline at end of file
diff --git a/src/views/projectFront/specialWork/temporaryPowerWork.vue b/src/views/projectFront/specialWork/temporaryPowerWork.vue
new file mode 100644
index 00000000..652830e7
--- /dev/null
+++ b/src/views/projectFront/specialWork/temporaryPowerWork.vue
@@ -0,0 +1,1197 @@
+<template>
+    <div class="dangerousBigProject">
+        <div v-if="dialogFormVisible">
+            <div class="search-box">
+                <el-form :inline="true" :model="formInline" class="demo-form-inline" size="small">
+                    <el-form-item label="作业申请单位">
+                        <el-select v-model="formInline.recordStatus" placeholder="请选择">
+                            <el-option label="作业申请单位1" :value="0"></el-option>
+                            <el-option label="作业申请单位2" :value="1"></el-option>
+                        </el-select>
+                    </el-form-item>
+                    <el-form-item label="动火人">
+                        <el-input placeholder="请输入" v-model="formInline.engineeringName" clearable style="width: 200px">
+                        </el-input>
+                    </el-form-item>
+                    <el-form-item>
+                        <el-button type="primary" @click="onSubmit" plain>{{
+                            $t('message.quality.inquire')
+                            }}</el-button>
+                    </el-form-item>
+                    <el-form-item>
+                        <el-button type="warning" @click="initData" plain>刷新</el-button>
+                    </el-form-item>
+                </el-form>
+                <!-- 新增 -->
+                <!-- <el-button v-permission="{key: 'wdgc_add', menuPath: '/project/dangerousBigProject/parameter'}"  type="primary" @click="showAddDialog()" size="small">
+            
+            {{ $t('message.dangerousBigProject.add') }}
+          </el-button> -->
+                <!-- <el-button type="danger" size="small">批量删除</el-button> -->
+            </div>
+            <div class="table-box">
+                <el-table class="tables" :data="tableData" size="small" @cell-click="previewDetail"
+                    @selection-change="handleSelectionChange" :header-cell-style="{ 'text-align': 'center' }">
+                    <!-- <el-table-column type="selection" align="center" width="60px"></el-table-column> -->
+                    <el-table-column label="序号" type="index" align="center" width="60"></el-table-column>
+
+                    <el-table-column align="center" label="作业申请单位" show-overflow-tooltip>
+                        <!--  作业申请单位 -->
+                        <template slot-scope="scope">
+                            {{ scope.row.jobApplyForUnit }}
+                        </template>
+                    </el-table-column>
+                    <el-table-column align="center" label="作业申请时间" prop="jobTime"></el-table-column>
+                    <el-table-column align="center" label="受限空间名称" prop="jobTypeName"></el-table-column>
+                    <el-table-column align="center" label="作业内容" prop="jobTypeName"></el-table-column>
+                    <el-table-column align="center" label="受限空间内原有介质名称" prop="jobTypeName"></el-table-column>
+                    <el-table-column align="center" label="作业人" prop="jobName"></el-table-column>
+                    <el-table-column align="center" label="监护人" prop="jobName"></el-table-column>
+                    <el-table-column align="center" label="作业单位" prop="jobUnit"></el-table-column>
+                    <el-table-column align="center" label="作业负责人" prop="jobPrincipal"></el-table-column>
+
+                    <!-- 操作 -->
+                    <el-table-column align="center" :label="$t('message.dangerousBigProject.operation')" width="120">
+                        <template slot-scope="scope">
+                            <!-- <el-button
+                          @click.native.prevent="viewData(scope.$index, tableData)"
+                          type="text"
+                          size="small">
+                              查看
+                          </el-button> -->
+                            <!-- <el-button
+                          @click.native.prevent="editData(scope.$index, tableData)"
+                          type="text"
+                          size="small">
+                              编辑
+                          </el-button> -->
+                            <!-- <el-button
+                v-permission="{key: 'wdgc_edit', menuPath: '/project/dangerousBigProject/parameter'}" 
+                  @click.stop="editRow(scope.$index, tableData)"
+                  type="text"
+                  size="small"
+                >
+                  <i class="el-icon-edit"></i>
+                </el-button> -->
+                            <!-- v-permission="{key: 'wdgc_delete', menuPath: '/project/dangerousBigProject/parameter'}"  -->
+                            <el-button @click.stop="deleteRow(scope.$index, tableData)" type="text" size="small">
+                                <i class="el-icon-delete"></i>
+                                删除
+                            </el-button>
+                        </template>
+                    </el-table-column>
+                </el-table>
+                <el-pagination style="margin-right: 800px;" class="pagerBox" background @size-change="handleSizeChange"
+                    @current-change="handleCurrentChange" :current-page.sync="pageNo" layout="sizes, prev, pager, next"
+                    :page-sizes="[10, 20, 30, 40]" :page-size="pageSize" :total="Number(total)">
+                </el-pagination>
+            </div>
+
+            <!-- <el-dialog :modal-append-to-body="false" :title="dialogTitle" :visible.sync="dialogFormVisible" class="add-dialog">
+              <div class="form-title">基础信息</div>
+              <el-form :model="addForm">
+                  <el-row :gutter="40">
+                      <el-col :span="12">
+                          <el-form-item label="危大工程名称：" required :label-width="formLabelWidth">
+                              <el-input v-model="addForm.name" :disabled="isEditDisabled" placeholder="请输入危大工程名称" autocomplete="off"></el-input>
+                          </el-form-item>
+                      </el-col>
+                      <el-col :span="12">
+                          <el-form-item label="危大工程类别：" required :label-width="formLabelWidth">
+                              <el-select v-model="addForm.category" :disabled="isEditDisabled" @change="changeType" placeholder="请选择危大工程类别">
+                                  <el-option v-for="item in typeOptions"
+                                      :key="item.value"
+                                      :label="item.label"
+                                      :value="item.value"
+                                      >
+                                  </el-option>
+                              </el-select>
+                          </el-form-item>
+                      </el-col>
+                  </el-row>
+                  <el-row :gutter="40">
+                      <el-col :span="12">
+                          <el-form-item label="危大工程概况："  :label-width="formLabelWidth">
+                              <el-input v-model="addForm.points" :disabled="isDisabled" placeholder="请输入危大工程概况" autocomplete="off"></el-input>
+                          </el-form-item>
+                      </el-col>
+                      <el-col :span="12">
+                          <el-form-item label="类别描述：" required :label-width="formLabelWidth">
+                              <el-select v-model="addForm.describe" :disabled="isEditDisabled" placeholder="请选择类别描述">
+                                  <el-option v-for="item in describeOptions"
+                                      :key="item.value"
+                                      :label="item.label"
+                                      :value="item.value">
+                                  </el-option>
+                              </el-select>
+                          </el-form-item>
+                      </el-col>
+                  </el-row>
+                  <el-row :gutter="40">
+                      <el-col :span="12">
+                          <el-form-item label="施工部位：" :label-width="formLabelWidth">
+                              <el-input v-model="addForm.address" :disabled="isDisabled" placeholder="请输入施工部位" autocomplete="off"></el-input>
+                          </el-form-item>
+                      </el-col>
+                      <el-col :span="12">
+                          <el-form-item label="施工计划：" :label-width="formLabelWidth">
+                              <el-date-picker
+                                  :disabled="isDisabled"
+                                  v-model="addForm.date"
+                                  type="daterange"
+                                  range-separator="至"
+                                  value-format="yyyy-MM-dd"
+                                  start-placeholder="开始日期"
+                                  end-placeholder="结束日期">
+                              </el-date-picker>
+                          </el-form-item>
+                      </el-col>
+                  </el-row>
+                  <el-row :gutter="40">
+                      <el-col :span="12">
+                          <el-form-item label="责任人：" :label-width="formLabelWidth">
+                              <el-input v-model="addForm.people" :disabled="isDisabled" placeholder="请输入责任人" autocomplete="off"></el-input>
+                          </el-form-item>
+                      </el-col>
+                      <el-col :span="12">
+                          <el-form-item label="责任分包单位：" :label-width="formLabelWidth">
+                              <el-cascader
+                                  :disabled="isDisabled"
+                                  v-model="addForm.unit"
+                                  placeholder="请选择责任分包单位"
+                                  :options="options"
+                                  :props="props"
+                                  clearable>
+                              </el-cascader>
+                          </el-form-item>
+                      </el-col>
+                  </el-row>
+              </el-form>
+              <div class="form-title">危大工程资料</div>
+              <div class="upload-box">
+                  <div class="upload-file">
+                      <div class="upload-item">
+                          <span>安全技术交底：</span>
+                          <el-switch v-model="safeStatus" :disabled="isDisabled" >
+                          </el-switch>
+                              <span v-if="safeStatus" class="switch-check">已完成</span>
+                              <span v-else class="switch-uncheck">未完成</span>
+                      </div>
+                      <div v-if="dialogTitle == '查看' && file1">{{fileName1}}<a :href="file1">下载</a></div>
+                      <el-upload
+                          class="uploadBox"
+                          :action='$store.state.UPLOADURL'
+                          :on-preview="handlePreview"
+                          :on-remove="handleRemove"
+                          :before-remove="beforeRemove"
+                          :on-success="uploadSuccess"
+                          :on-error="uploadError"
+                          :limit="1"
+                          multiple
+                          name="files"
+                          accept=".doc, .docx, .xls, .xlsx, .ppt, .pptx, .pdf"
+                          :file-list="fileList">
+                          <el-button v-if="dialogTitle == '新增' || dialogTitle == '编辑'" size="small" type="primary">点击上传</el-button>
+                      </el-upload>
+                  </div>
+                  <div class="upload-file">
+                      <div class="upload-item">
+                          <span>安全专项施工方案及附件：</span>
+                          <el-switch v-model="safeStatus2" :disabled="isDisabled">
+                          </el-switch>
+                              <span v-if="safeStatus2" class="switch-check">已完成</span>
+                              <span v-else class="switch-uncheck">未完成</span>
+  
+                      </div>
+                      <div v-if="dialogTitle == '查看' && fileName2">{{fileName2}}<a :href="file2">下载</a></div>
+                      <el-upload
+                          class="uploadBox"
+                          :action='$store.state.UPLOADURL'
+                          :on-preview="handlePreview2"
+                          :on-remove="handleRemove2"
+                          :before-remove="beforeRemove2"
+                          :on-success="uploadSuccess2"
+                          :on-error="uploadError2"
+                          :limit="1"
+                          multiple
+                          name="files"
+                          accept=".doc, .docx, .xls, .xlsx, .ppt, .pptx, .pdf"
+                          :file-list="fileList2">
+                          <el-button v-if="dialogTitle == '新增' || dialogTitle == '编辑'" size="small" type="primary">点击上传</el-button>
+                      </el-upload>
+                  </div>
+                  <div class="upload-file">
+                      <div class="upload-item">
+                          <span>专项施工方案交底：</span>
+                          <el-switch v-model="safeStatus3" :disabled="isDisabled">
+                          </el-switch>
+                              <span v-if="safeStatus3" class="switch-check">已完成</span>
+                              <span v-else class="switch-uncheck">未完成</span>
+                      </div>
+                      <div v-if="dialogTitle == '查看' && fileName3">{{fileName3}}<a :href="file3">下载</a></div>
+                      <el-upload
+                          class="uploadBox"
+                          :action='$store.state.UPLOADURL'
+                          :on-preview="handlePreview3"
+                          :on-remove="handleRemove3"
+                          :before-remove="beforeRemove3"
+                          :on-success="uploadSuccess3"
+                          :on-error="uploadError3"
+                          :limit="1"
+                          multiple
+                          name="files"
+                          accept=".doc, .docx, .xls, .xlsx, .ppt, .pptx, .pdf"
+                          :file-list="fileList3">
+                          <el-button v-if="dialogTitle == '新增' || dialogTitle == '编辑'" size="small" type="primary">点击上传</el-button>
+                      </el-upload>
+                  </div>
+              </div>
+              <div slot="footer" class="dialog-footer">
+                  <el-button @click="dialogFormVisible = false">取 消</el-button>
+                  <el-button type="primary" @click="addData()">确 定</el-button>
+              </div>
+          </el-dialog> -->
+            <!-- 提示 -->
+            <el-dialog :modal-append-to-body="false" :title="$t('message.dangerousBigProject.hint')"
+                :visible.sync="deleteDialog" width="30%">
+                <span>
+                    <!-- 是否确定删除该条记录？ -->
+                    {{ $t('message.dangerousBigProject.hintContent') }}
+                </span>
+                <span slot="footer" class="dialog-footer">
+                    <el-button @click="deleteDialog = false">
+                        <!-- 取 消 -->
+                        {{ $t('message.dangerousBigProject.cancel') }}
+                    </el-button>
+                    <el-button type="primary" @click="checkDelete">
+                        <!-- 确 定 -->
+                        {{ $t('message.dangerousBigProject.confirm') }}
+                    </el-button>
+                </span>
+            </el-dialog>
+        </div>
+        <div style="height: 100%" v-else>
+            <el-page-header @back="goBack" :content="dialogTitle" class="backText"
+                :class="{ dark: styleType == 2 }"></el-page-header>
+            <!-- <addPlan @cancleSave="goBack" v-if="isAdd"></addPlan> -->
+            <detail :id="detailId" :isSuperDanger="isSuperDanger" @cancleSave="goBack" :COMPANY_Type="'longguang'" v-if="isEdit">
+                <template v-slot:basicinfo>
+                    <div class="info-content">
+                        <el-form class="form-box" :model="detailData">
+                            <el-form-item label="作业类型：" :label-width="formLabelWidthDetail">
+                                受限空间名称
+                            </el-form-item>
+                            <el-form-item label="作业单位" :label-width="formLabelWidthDetail">
+                                <!-- <el-cascader
+                            :disabled="isDisabled"
+                            v-model="detailData.responsibilityCompanyId"
+                            placeholder="请选择责任分包单位"
+                            :options="options"
+                            :props="props"
+                            clearable
+                            >
+                            </el-cascader> -->
+                                <el-select v-model="detailData.responsibilityCompanyId" placeholder="请选择作业单位" disabled>
+                                    <el-option :label="item.enterpriseName" :value="item.id"
+                                        v-for="(item, index) in responsibilityList" :key="index">
+                                    </el-option>
+                                </el-select>
+                            </el-form-item>
+                            <el-form-item label="作业申请单位" :label-width="formLabelWidthDetail">
+                                <el-select v-model="detailData.responsibilityCompanyId" placeholder="请选择作业申请单位"
+                                    disabled>
+                                    <el-option :label="item.enterpriseName" :value="item.id"
+                                        v-for="(item, index) in responsibilityList" :key="index">
+                                    </el-option>
+                                </el-select>
+                            </el-form-item>
+                            <el-form-item label="作业负责人：" :label-width="formLabelWidthDetail">
+                                胡小小
+                            </el-form-item>
+                            <el-form-item label="作业申请时间：" :label-width="formLabelWidthDetail">
+                                2024-05-14
+                            </el-form-item>
+                            <el-form-item label="受限空间内原有介质名称" :label-width="formLabelWidthDetail">
+                                西北角
+                            </el-form-item>
+                            <el-form-item label="受限空间名称：" :label-width="formLabelWidthDetail">
+                                特级
+                            </el-form-item>
+                            <el-form-item label="作业人：" :label-width="formLabelWidthDetail">
+                                张三
+                            </el-form-item>
+                            <el-form-item label="作业内容：" :label-width="formLabelWidthDetail">
+                                王乐康
+                            </el-form-item>
+                            <el-form-item label="气体分析时间：" :label-width="formLabelWidthDetail">
+                                <el-date-picker :disabled="isDisabledDetail" v-model="planDate" type="daterange"
+                                    :picker-options="pickerOptions" range-separator="至" value-format="yyyy-MM-dd"
+                                    start-placeholder="开始日期" end-placeholder="结束日期">
+                                </el-date-picker>
+                            </el-form-item>
+                            <el-form-item label="证书编号：" :label-width="formLabelWidthDetail">
+                                16548955
+                            </el-form-item>
+                            <el-form-item label="代表性气体：" :label-width="formLabelWidthDetail">
+                                16548955
+                            </el-form-item>
+                            <el-form-item label="监护人：" :label-width="formLabelWidthDetail">
+                                王乐康
+                            </el-form-item>
+                            <el-form-item label="风险辨识结果：" :label-width="formLabelWidthDetail">
+                                王乐康
+                            </el-form-item>
+                            <el-form-item label="关联的其他特殊作业：" :label-width="formLabelWidthDetail">
+                                王乐康
+                            </el-form-item>
+                            <el-form-item label="作业实施时间：" :label-width="formLabelWidthDetail">
+                                <el-date-picker :disabled="isDisabledDetail" v-model="planDate" type="daterange"
+                                    :picker-options="pickerOptions" range-separator="至" value-format="yyyy-MM-dd"
+                                    start-placeholder="开始日期" end-placeholder="结束日期">
+                                </el-date-picker>
+                            </el-form-item>
+                            <el-form-item label="安全作业票编码" :label-width="formLabelWidthDetail">
+                                7984654
+                            </el-form-item>
+                        </el-form>
+                        <!-- <div v-if="COMPANY != 'longguang'" class="qr-box">
+                                    <div id="qrCode" ref="qrCodeDiv"></div>
+                                    <el-button size="medium" class="print-btn" @click="printBtn">打印危大工程标识</el-button>
+                                </div> -->
+                    </div>
+                </template>
+                <template v-slot:gasanalysis>
+                    <div>
+                        <el-form :model="detailData">
+                            <el-row>
+                                <el-col :span="8">
+                                    <el-form-item label="分析项目：" :label-width="formLabelWidthDetail">
+                                        受限空间
+                                    </el-form-item>
+                                </el-col>
+                                <el-col :span="8">
+                                    <el-form-item label="有毒有害气体名称" :label-width="formLabelWidthDetail">
+                                        一氧化碳
+                                    </el-form-item>
+                                </el-col>
+                                <el-col :span="8">
+                                    <el-form-item label="可燃气体名称：" :label-width="formLabelWidthDetail">
+                                        天然气
+                                    </el-form-item>
+                                </el-col>
+                            </el-row>
+                            <el-row>
+                                <el-col :span="8">
+                                    <el-form-item label="合格标准：" :label-width="formLabelWidthDetail">
+                                        100
+                                    </el-form-item>
+                                </el-col>
+                                <el-col :span="8">
+                                    <el-form-item label="氧气含氧量(19.5%~21%)：" :label-width="formLabelWidthDetail">
+                                        20%
+                                    </el-form-item>
+                                </el-col>
+                                <el-col :span="8">
+                                    <el-form-item label="取样分析时间：" :label-width="formLabelWidthDetail">
+                                        <el-date-picker :disabled="isDisabledDetail" v-model="planDate" type="date"
+                                            :picker-options="pickerOptions" value-format="yyyy-MM-dd">
+                                        </el-date-picker>
+                                    </el-form-item>
+                                </el-col>
+                            </el-row>
+                            <el-row>
+                                <el-col :span="8">
+                                    <el-form-item label="分析部位：" :label-width="formLabelWidthDetail">
+                                        顶部
+                                    </el-form-item>
+                                </el-col>
+                                <el-col :span="8">
+                                    <el-form-item label="分析人：" :label-width="formLabelWidthDetail">
+                                        刘大大
+                                    </el-form-item>
+                                </el-col>
+                                <el-col :span="10">
+                                    <el-form-item label="分析数据：" :label-width="formLabelWidthDetail">
+
+                                        <el-input v-model="detailData.engineeringSurvey" :disabled="isDisabledDetail"
+                                            placeholder="一氧化碳/天然气/20%/2024-01-12/顶部/刘大大" autocomplete="off"></el-input>
+                                    </el-form-item>
+                                </el-col>
+                            </el-row>
+                        </el-form>
+                    </div>
+                </template>
+            </detail>
+            <editPlan :title="operateTitle" :editId="editId" @cancleSave="goBack" v-if="isUpdate"></editPlan>
+        </div>
+    </div>
+</template>
+
+<script>
+import moment from 'moment'
+//   import addPlan from './addPlan.vue'
+import detail from './detail.vue'
+import editPlan from './editPlan.vue'
+import {
+    selectDangerousEngineeringRecordApi,
+    addDangerousEngineeringRecordApi,
+    deleteDangerousEngineeringRecordApi,
+    selectDangerousEngineeringTypeApi,
+    editDangerousEngineeringRecordApi
+} from "@/assets/js/api/dangerousBigProject"
+import { getCooperatorListApi } from "@/assets/js/api/cooperationUnit";
+export default {
+    components: {
+        //   addPlan,
+        detail,
+        editPlan
+    },
+    data() {
+        return {
+            formInline: {
+                engineeringName: '',
+                recordStatus: '',
+            },
+            formLabelWidthDetail: "180px",
+            detailData: {},
+            responsibilityList: [],
+            planDate: "",
+            pickerOptions: {
+                disabledDate(time) {
+                    return time.getTime() < Date.now() - 8.64e7;
+                },
+            },
+            isDisabledDetail: true,
+
+            operateTitle: "新增",
+            isAdd: false,
+            isEdit: false,
+            isDisabled: false,
+            engineeringName: "",
+            detailId: "",
+            isSuperDanger: false,
+            tableData: [
+                { jobApplyForUnit: "辽宁五寰", jobTime: "2024-5-14", jobTypeName: "特级", jobName: "张三", jobSerial: "15236655", jobUnit: "辽宁五寰", jobPrincipal: "李四" },
+                { jobApplyForUnit: "辽宁五寰", jobTime: "2024-5-14", jobTypeName: "特级", jobName: "张三", jobSerial: "15236655", jobUnit: "辽宁五寰", jobPrincipal: "李四" },
+                { jobApplyForUnit: "辽宁五寰", jobTime: "2024-5-14", jobTypeName: "特级", jobName: "张三", jobSerial: "15236655", jobUnit: "辽宁五寰", jobPrincipal: "李四" }
+            ],
+            dialogFormVisible: true,
+            multipleSelection: [],
+            addForm: {
+                name: "",
+                category: "",
+                points: "",
+                describe: "",
+                address: "",
+                date: [],
+                people: "",
+                unit: []
+            },
+            props: {
+                multiple: true
+            },
+            typeOptions: [],
+            describeOptions: [],
+            options: [{
+                label: 111,
+                value: 12
+            }],
+            formLabelWidth: "110px",
+            safeStatus: false,
+            safeStatus2: false,
+            safeStatus3: false,
+            fileList: [],
+            fileList2: [],
+            fileList3: [],
+            dialogTitle: "",
+            pageNo: 1,
+            pageSize: 10,
+            total: 10,
+            projectSn: "",
+            enterpriseTypeId: 1,
+            cooperatorList: [],
+            file3: "",
+            file2: "",
+            file1: "",
+            deleteId: "",
+            editId: "",
+            deleteDialog: false,
+            isEditDisabled: false,
+            editParms: [],
+            fileName1: "",
+            fileName2: "",
+            fileName3: "",
+            styleType: 1,
+            isUpdate: false
+        }
+    },
+    mounted() {
+        this.projectSn = this.$store.state.projectSn
+        this.styleType = this.$store.state.userInfo.styleType;
+        // this.getCooperatorList()
+        // this.getType()
+        //   this.initData();
+    },
+    methods: {
+        editRow(index, rows) {
+            if (rows[index].finalAcceptanceStatus === 2) {
+                this.$message.warning('该项危大工程已闭合，请勿操作')
+                return
+            }
+            // console.log(index,rows[index].id)
+            this.editId = rows[index].id
+            this.operateTitle = "编辑"
+            this.dialogTitle = "编辑"
+            this.dialogFormVisible = false
+            this.isEdit = false
+            this.isAdd = false
+            this.isUpdate = true;
+        },
+        goBack() {
+            this.dialogFormVisible = true
+            // this.initData()
+            this.isAdd = false
+            this.isEdit = false
+            this.isUpdate = false;
+        },
+        showAddDialog() {
+            this.dialogFormVisible = false
+            this.isEdit = false
+            this.isUpdate = false;
+            this.isAdd = true
+            // "新增"
+            this.dialogTitle = this.$t('message.dangerousBigProject.add')
+            // this.clearData()
+            // if(this.isDisabled){
+            //     this.isDisabled = false
+            // }
+            // if(this.isEditDisabled){
+            //     this.isEditDisabled = false
+            // }
+        },
+        onSubmit() {
+
+        },
+        initData() {
+            let data = {
+                engineeringName: this.engineeringName,
+                pageNo: this.pageNo,
+                pageSize: this.pageSize,
+                projectSn: this.projectSn
+            }
+            selectDangerousEngineeringRecordApi(data).then((res) => {
+                if (res.result) {
+                    console.log(res.result.records, 1)
+                    res.result.records.forEach((item) => {
+                        if (item.planStartTime && item.planEndTime) {
+                            item.plan = item.planStartTime + "至" + item.planEndTime
+                        }
+                        if (item.responsibilityCompany.split(",").length > 0 && item.responsibilityCompany !== "") {
+                            let arr = []
+                            for (let i = 0; i < this.options.length; i++) {
+                                let itm = this.options[i].value
+                                for (let j = 0; j < item.responsibilityCompany.split(",").length; j++) {
+                                    if (itm == item.responsibilityCompany.split(",")[j]) {
+                                        arr.push(this.options[i].label)
+                                    }
+                                }
+                            }
+                            item.subpackageUnit = arr.join(",")
+                        }
+                    })
+                    // console.log(this.options)
+                    this.tableData = res.result.records
+                    this.total = res.result.total
+                }
+            });
+        },
+        editData(index, val) {
+            this.viewData(index, val)
+            // "编辑"
+            this.dialogTitle = this.$t('message.dangerousBigProject.edit')
+            this.editParms = val[index]
+            if (this.file1) {
+                let obj = {
+                    name: this.file1.split("/")[this.file1.split("/").length - 1],
+                    url: this.file1
+                }
+                this.fileList.push(obj)
+            }
+            if (this.file2) {
+                let obj2 = {
+                    name: this.file2.split("/")[this.file2.split("/").length - 1],
+                    url: this.file2
+                }
+                this.fileList2.push(obj2)
+            }
+            if (this.file3) {
+                let obj3 = {
+                    name: this.file3.split("/")[this.file3.split("/").length - 1],
+                    url: this.file3
+                }
+                this.fileList3.push(obj3)
+            }
+            this.isDisabled = false
+            this.isEditDisabled = true
+            // console.log(this.editId)
+        },
+        viewData(index, val) {
+            this.clearData()
+            this.dialogFormVisible = true
+            // "查看"
+            this.dialogTitle = this.$t('message.dangerousBigProject.view')
+            this.isDisabled = true
+            this.isEditDisabled = true
+            this.addForm = {
+                name: val[index].engineeringName,
+                category: val[index].engineeringTypeId,
+                points: val[index].engineeringSurvey,
+                describe: val[index].describeName,
+                address: val[index].constructionLocation,
+                date: [val[index].planStartTime, val[index].planEndTime],
+                people: val[index].personLiable,
+                unit: val[index].responsibilityCompany
+            }
+            this.safeStatus = val[index].securityConstructionSchemeType == 2 ? true : false
+            this.safeStatus2 = val[index].specialConstructionSchemeType == 2 ? true : false
+            this.safeStatus3 = val[index].technicalDisclosureType == 2 ? true : false
+            this.file1 = val[index].securityConstructionSchemeFile
+            this.file2 = val[index].specialConstructionSchemeFile
+            this.file3 = val[index].technicalDisclosureFile
+            this.fileName1 = this.file1 ? this.file1.split("/")[this.file1.split("/").length - 1] : ""
+            this.fileName2 = this.file2 ? this.file2.split("/")[this.file2.split("/").length - 1] : ""
+            this.fileName3 = this.file3 ? this.file3.split("/")[this.file3.split("/").length - 1] : ""
+        },
+        clearData() {
+            this.addForm = {
+                name: "",
+                category: "",
+                points: "",
+                describe: "",
+                address: "",
+                date: [],
+                people: "",
+                unit: ""
+            },
+                this.safeStatus = false
+            this.safeStatus2 = false
+            this.safeStatus3 = false
+            this.file1 = ""
+            this.file2 = ""
+            this.file3 = ""
+            this.fileList = []
+            this.fileList2 = []
+            this.fileList3 = []
+        },
+        // 选择类别
+        changeType(value) {
+            this.typeOptions.forEach(item => {
+                if (item.id == value) {
+                    item.describeList.forEach(item => {
+                        item.value = item.id
+                        if (item.describeName.length > 40) {
+                            item.label = item.describeName.substring(0, 40) + '...'
+                        } else {
+                            item.label = item.describeName
+                        }
+                    })
+                    this.describeOptions = item.describeList
+                }
+            })
+            console.log(value)
+        },
+        //获取责任分包单位
+        getCooperatorList() {
+            let data = {
+                projectSn: this.projectSn,
+                pageNo: this.pageNo,
+                pageSize: this.pageSize,
+                enterpriseTypeId: this.enterpriseTypeId,
+                enterpriseName: "",
+            };
+            getCooperatorListApi(data).then((res) => {
+                if (res.code == 200) {
+
+                    if (res.result.records.length > 0) {
+                        this.cooperatorList = JSON.parse(JSON.stringify(res.result.records));
+                        this.cooperatorList.forEach((item) => {
+                            item.value = item.enterpriseLegalPerson
+                            item.label = item.enterpriseName
+                        })
+                        this.options = this.cooperatorList
+                        // console.log(this.options)
+                    }
+                }
+            });
+        },
+        // 获取类别
+        getType() {
+            selectDangerousEngineeringTypeApi({ sn: JSON.parse(window.sessionStorage.getItem("vuex")).userInfo.headquartersSn }).then((res) => {
+                if (res.result) {
+                    // console.log(res.result)
+                    res.result.forEach(item => {
+                        item.label = item.typeName
+                        item.value = item.id
+                    })
+                    this.typeOptions = res.result
+                }
+            })
+        },
+        addData() {
+            if (this.addForm.name == "") {
+                // 请输入危大工程名称
+                this.$message.error(this.$t('message.dangerousBigProject.verifyMessage1'))
+                return
+            } else if (this.addForm.category == "") {
+                // 请选择危大工程类别
+                this.$message.error(this.$t('message.dangerousBigProject.verifyMessage2'))
+                return
+            } else if (this.addForm.describe == "") {
+                // 请选择类别描述
+                this.$message.error(this.$t('message.dangerousBigProject.verifyMessage3'))
+                return
+            }
+            // console.log(this.addForm)
+            let nowDate = new Date()
+            let data = {
+                constructionLocation: this.addForm.address,
+                createTime: moment(nowDate).format('YYYY-MM-DD HH:mm:ss'),
+                engineeringName: this.addForm.name,
+                engineeringSurvey: this.addForm.points,
+                engineeringTypeId: this.addForm.category,
+                personLiable: this.addForm.people,
+                planEndTime: this.addForm.date[1],
+                planStartTime: this.addForm.date[0],
+                projectSn: this.projectSn,
+                securityConstructionSchemeFile: this.fileList.length > 0 ? this.file1 : "", //安全专项施工方案附件
+                securityConstructionSchemeType: this.safeStatus ? 2 : 1,//是否完成安全专项施工方案交底，1未完成，2完成
+                specialConstructionSchemeFile: this.fileList2.length > 0 ? this.file2 : '',//专项施工方案附件
+                specialConstructionSchemeType: this.safeStatus2 ? 2 : 1,//是否完成专项施工方案交底，1未完成，2完成
+                technicalDisclosureFile: this.fileList3.length > 0 ? this.file3 : '',//技术交底文件
+                technicalDisclosureType: this.safeStatus3 ? 2 : 1,//是否完成安全技术交底，1未完成，2完成
+                typeDescribeId: this.addForm.describe,//危大工程类别描述
+                addForm: this.addForm
+            }
+            // "新增"
+            if (this.dialogTitle == this.$t('message.dangerousBigProject.add')) {
+                console.log(data)
+                data.responsibilityCompany = this.addForm.unit ? this.addForm.unit.join(',') : ""
+                addDangerousEngineeringRecordApi(data).then((res) => {
+                    if (res.code = 200) {
+                        this.$message.success(this.$t('message.dangerousBigProject.add') + this.$t('message.dangerousBigProject.success') + "！")
+                        this.initData()
+                    }
+                    console.log(res)
+                })
+            } else if (this.dialogTitle == this.$t('message.dangerousBigProject.edit')) {
+                // "编辑"
+                data.id = this.editParms.id
+                data.typeDescribeId = this.editParms.typeDescribeId
+                if (this.addForm.unit && Array.isArray(this.addForm.unit)) {
+                    data.responsibilityCompany = this.addForm.unit.join(',')
+                } else {
+                    data.responsibilityCompany = this.addForm.unit
+                }
+                editDangerousEngineeringRecordApi(data).then((res) => {
+                    if (res.code = 200) {
+                        // "修改成功！"
+                        this.$message.success(this.$t('message.dangerousBigProject.editSuccess'))
+                        this.initData()
+                    }
+                    console.log(res)
+                })
+            }
+            this.dialogFormVisible = false
+        },
+        handleSelectionChange(val) {
+            this.multipleSelection = val;
+        },
+        deleteRow(index, rows) {
+            if (rows[index].finalAcceptanceStatus === 2) {
+                this.$message.warning('该项危大工程已闭合，请勿操作')
+                return
+            }
+            // console.log(index,rows[index].id)
+            this.deleteId = rows[index].id
+            this.deleteDialog = true
+        },
+        checkDelete() {
+            deleteDangerousEngineeringRecordApi({ id: this.deleteId }).then((res) => {
+                console.log(res)
+                if (res.code == 200) {
+                    this.$message.success(res.message)
+                    this.initData()
+                }
+            })
+            this.deleteDialog = false
+        },
+        handleSizeChange() {
+            this.initData()
+        },
+        handleCurrentChange() {
+            this.initData()
+        },
+        handleRemove(file, fileList) {
+            console.log(fileList);
+            this.fileList = fileList;
+        },
+        handlePreview(file) {
+            console.log(file);
+        },
+        beforeRemove(file, fileList) {
+            // 确定移除
+            return this.$confirm(this.$t('message.dangerousBigProject.confirmRemove') + ` ${file.name}？`);
+        },
+        uploadSuccess(response, file, fileList) {
+            console.log('fileList')
+            console.log(fileList)
+            this.fileList = fileList;
+            this.file1 = this.$store.state.FILEURL + fileList[0].response.data[0].imageUrl
+        },
+        uploadError(err, file, fileList) {
+            // 上传失败！
+            this.$message.error(this.$t('message.dangerousBigProject.uploadFail'));
+        },
+        handleRemove2(file, fileList) {
+            console.log(fileList);
+            this.fileList2 = fileList;
+        },
+        handlePreview2(file) {
+            console.log(file);
+        },
+        beforeRemove2(file, fileList) {
+            // 确定移除
+            return this.$confirm(this.$t('message.dangerousBigProject.confirmRemove') + `${file.name}？`);
+        },
+        uploadSuccess2(response, file, fileList) {
+            console.log('fileList')
+            console.log(fileList)
+            this.fileList2 = fileList;
+            this.file2 = this.$store.state.FILEURL + fileList[0].response.data[0].imageUrl
+        },
+        uploadError2(err, file, fileList) {
+            // 上传失败！
+            this.$message.error(this.$t('message.dangerousBigProject.uploadFail'));
+        },
+        handleRemove3(file, fileList) {
+            console.log(fileList);
+            this.fileList3 = fileList;
+        },
+        handlePreview3(file) {
+            console.log(file);
+        },
+        beforeRemove3(file, fileList) {
+            // 确定移除
+            return this.$confirm(this.$t('message.dangerousBigProject.confirmRemove') + `${file.name}？`);
+        },
+        uploadSuccess3(response, file, fileList) {
+            console.log('fileList')
+            console.log(fileList)
+            this.fileList3 = fileList;
+            this.file3 = this.$store.state.FILEURL + fileList[0].response.data[0].imageUrl
+        },
+        uploadError3(err, file, fileList) {
+            // 上传失败！
+            this.$message.error(this.$t('message.dangerousBigProject.uploadFail'));
+        },
+        previewDetail(val) {
+            console.log(val)
+            this.dialogFormVisible = false
+            this.isEdit = true
+            this.isAdd = false
+            this.isUpdate = false
+            // 详细
+            this.dialogTitle = this.$t('message.dangerousBigProject.detailed')
+            this.detailId = val.id
+            this.isSuperDanger = val.issuperdanger
+        }
+    }
+}
+</script>
+
+<style lang="less" scoped>
+.el-button--text{
+    color: #262d47;
+}
+
+
+.form-box {
+    width: 70%;
+    display: flex;
+    flex-wrap: wrap;
+
+    /deep/.el-form-item {
+        width: 50%;
+        padding-right: 10px;
+        box-sizing: border-box;
+    }
+
+    // /deep/.el-col-12{
+    //     padding-left: 20px;
+    // }
+    /deep/.el-input__inner {
+        width: 100%;
+    }
+
+    /deep/.el-select {
+        width: 100%;
+    }
+
+    /deep/.el-cascader {
+        width: 100%;
+    }
+}
+
+.gasanalysis-table {
+    padding: 10px 20px;
+
+    .el-row:first-child .el-col {
+        background-color: #E9E9E9;
+    }
+
+    .el-row {
+        font-size: 14px;
+        color: #000;
+
+        .el-col:first-child {
+            background-color: #E9E9E9;
+        }
+
+        .el-col {
+            height: 40px;
+            display: flex;
+            align-items: center;
+            justify-content: center;
+            border: 1px solid #E1E1E1;
+        }
+    }
+}
+
+.dangerousBigProject {
+    padding-bottom: 20px;
+    height: 100%;
+    background: #fff;
+    padding: 0 10px;
+    padding-top: 20px;
+    box-sizing: border-box;
+
+    >div {
+        height: 100%;
+
+        .search-box {
+            display: flex;
+            margin-bottom: 20px;
+
+            .search-input {
+                width: 260px;
+                margin-right: 20px;
+            }
+        }
+    }
+}
+
+.el-icon-delete {
+    color: #f56c6c;
+}
+
+.table-box {
+    display: flex;
+    flex-direction: column;
+    height: calc(100% - 72px);
+
+    .tables {
+        margin-bottom: auto;
+    }
+}
+
+.table-item {
+    display: flex;
+    flex-direction: column;
+    align-items: flex-start;
+
+    p {
+        width: 100%;
+        overflow: hidden;
+        white-space: nowrap;
+        text-overflow: ellipsis;
+    }
+
+    // .item-status {
+    //   background: #f56c6c;
+    //   display: block;
+    //   color: #fff;
+    //   border-radius: 4px;
+    //   padding: 0 4px;
+    //   height: 20px;
+    // }
+    .item-status {
+        display: flex;
+        align-items: center;
+
+        img {
+            width: 15px;
+            height: 15px;
+        }
+
+        span {
+            font-size: 14px;
+            color: #EA3941;
+        }
+    }
+
+    .status-none {
+        height: 20px;
+    }
+
+    .item-title {
+        font-weight: 600;
+    }
+}
+
+.table-category-item {
+    display: flex;
+
+    p {
+        width: 100%;
+        overflow: hidden;
+        white-space: nowrap;
+        text-overflow: ellipsis;
+    }
+
+    // .item-status {
+    //   background: #f56c6c;
+    //   display: block;
+    //   color: #fff;
+    //   border-radius: 4px;
+    //   padding: 0 4px;
+    //   height: 20px;
+    // }
+    .item-status {
+        display: flex;
+        align-items: center;
+        margin-right: 3px;
+
+        img {
+            width: 15px;
+            height: 15px;
+            margin-right: 3px;
+        }
+
+        span {
+            font-size: 14px;
+            color: #EA3941;
+        }
+    }
+
+    .status-none {
+        height: 20px;
+    }
+
+    .item-title {
+        font-weight: 600;
+    }
+}
+
+.add-dialog {
+    /deep/ .el-dialog {
+        width: 80%;
+    }
+
+    .form-title {
+        margin-bottom: 20px;
+    }
+
+    /deep/ .el-form-item__label {
+        text-align: left;
+        white-space: nowrap;
+    }
+
+    /deep/ .el-form {
+        padding-left: 36px;
+        padding-right: 26px;
+        margin-bottom: 20px;
+    }
+
+    /deep/ .el-select {
+        width: 100%;
+    }
+
+    /deep/ .el-date-editor.el-input {
+        width: 100%;
+    }
+
+    /deep/ .el-date-editor {
+        width: 100%;
+    }
+
+    /deep/ .el-cascader {
+        width: 100%;
+    }
+
+    .upload-item {
+        display: flex;
+        margin-bottom: 10px;
+        align-items: center;
+
+        span {
+            margin-right: 16px;
+        }
+
+        .switch-check {
+            margin-left: 8px;
+            color: #409eff;
+            line-height: 20px;
+        }
+
+        .switch-uncheck {
+            margin-left: 8px;
+            line-height: 20px;
+        }
+    }
+
+    .upload-file {
+        width: 50%;
+        padding-left: 26px;
+        box-sizing: border-box;
+        margin-bottom: 20px;
+
+        a {
+            color: #409eff;
+            text-decoration: none;
+            margin-left: 6px;
+        }
+    }
+
+    .upload-box {
+        display: flex;
+        flex-wrap: wrap;
+    }
+}
+
+.el-pagination {
+    display: flex;
+    justify-content: flex-end;
+    margin-top: 20px;
+}
+
+.backText {
+    padding: 8px 0;
+    padding-left: 10px;
+
+    /deep/.el-page-header__content {
+        font-size: 14px;
+    }
+}
+
+.dark {
+    /deep/.el-page-header__content {
+        color: #fff;
+    }
+
+    /deep/ .print-btn {
+        background: none;
+        color: #262d47;
+        font-size: 14px;
+    }
+}
+</style>
\ No newline at end of file
diff --git a/src/views/projectFront/specialWork/towerOverWork.vue b/src/views/projectFront/specialWork/towerOverWork.vue
new file mode 100644
index 00000000..652830e7
--- /dev/null
+++ b/src/views/projectFront/specialWork/towerOverWork.vue
@@ -0,0 +1,1197 @@
+<template>
+    <div class="dangerousBigProject">
+        <div v-if="dialogFormVisible">
+            <div class="search-box">
+                <el-form :inline="true" :model="formInline" class="demo-form-inline" size="small">
+                    <el-form-item label="作业申请单位">
+                        <el-select v-model="formInline.recordStatus" placeholder="请选择">
+                            <el-option label="作业申请单位1" :value="0"></el-option>
+                            <el-option label="作业申请单位2" :value="1"></el-option>
+                        </el-select>
+                    </el-form-item>
+                    <el-form-item label="动火人">
+                        <el-input placeholder="请输入" v-model="formInline.engineeringName" clearable style="width: 200px">
+                        </el-input>
+                    </el-form-item>
+                    <el-form-item>
+                        <el-button type="primary" @click="onSubmit" plain>{{
+                            $t('message.quality.inquire')
+                            }}</el-button>
+                    </el-form-item>
+                    <el-form-item>
+                        <el-button type="warning" @click="initData" plain>刷新</el-button>
+                    </el-form-item>
+                </el-form>
+                <!-- 新增 -->
+                <!-- <el-button v-permission="{key: 'wdgc_add', menuPath: '/project/dangerousBigProject/parameter'}"  type="primary" @click="showAddDialog()" size="small">
+            
+            {{ $t('message.dangerousBigProject.add') }}
+          </el-button> -->
+                <!-- <el-button type="danger" size="small">批量删除</el-button> -->
+            </div>
+            <div class="table-box">
+                <el-table class="tables" :data="tableData" size="small" @cell-click="previewDetail"
+                    @selection-change="handleSelectionChange" :header-cell-style="{ 'text-align': 'center' }">
+                    <!-- <el-table-column type="selection" align="center" width="60px"></el-table-column> -->
+                    <el-table-column label="序号" type="index" align="center" width="60"></el-table-column>
+
+                    <el-table-column align="center" label="作业申请单位" show-overflow-tooltip>
+                        <!--  作业申请单位 -->
+                        <template slot-scope="scope">
+                            {{ scope.row.jobApplyForUnit }}
+                        </template>
+                    </el-table-column>
+                    <el-table-column align="center" label="作业申请时间" prop="jobTime"></el-table-column>
+                    <el-table-column align="center" label="受限空间名称" prop="jobTypeName"></el-table-column>
+                    <el-table-column align="center" label="作业内容" prop="jobTypeName"></el-table-column>
+                    <el-table-column align="center" label="受限空间内原有介质名称" prop="jobTypeName"></el-table-column>
+                    <el-table-column align="center" label="作业人" prop="jobName"></el-table-column>
+                    <el-table-column align="center" label="监护人" prop="jobName"></el-table-column>
+                    <el-table-column align="center" label="作业单位" prop="jobUnit"></el-table-column>
+                    <el-table-column align="center" label="作业负责人" prop="jobPrincipal"></el-table-column>
+
+                    <!-- 操作 -->
+                    <el-table-column align="center" :label="$t('message.dangerousBigProject.operation')" width="120">
+                        <template slot-scope="scope">
+                            <!-- <el-button
+                          @click.native.prevent="viewData(scope.$index, tableData)"
+                          type="text"
+                          size="small">
+                              查看
+                          </el-button> -->
+                            <!-- <el-button
+                          @click.native.prevent="editData(scope.$index, tableData)"
+                          type="text"
+                          size="small">
+                              编辑
+                          </el-button> -->
+                            <!-- <el-button
+                v-permission="{key: 'wdgc_edit', menuPath: '/project/dangerousBigProject/parameter'}" 
+                  @click.stop="editRow(scope.$index, tableData)"
+                  type="text"
+                  size="small"
+                >
+                  <i class="el-icon-edit"></i>
+                </el-button> -->
+                            <!-- v-permission="{key: 'wdgc_delete', menuPath: '/project/dangerousBigProject/parameter'}"  -->
+                            <el-button @click.stop="deleteRow(scope.$index, tableData)" type="text" size="small">
+                                <i class="el-icon-delete"></i>
+                                删除
+                            </el-button>
+                        </template>
+                    </el-table-column>
+                </el-table>
+                <el-pagination style="margin-right: 800px;" class="pagerBox" background @size-change="handleSizeChange"
+                    @current-change="handleCurrentChange" :current-page.sync="pageNo" layout="sizes, prev, pager, next"
+                    :page-sizes="[10, 20, 30, 40]" :page-size="pageSize" :total="Number(total)">
+                </el-pagination>
+            </div>
+
+            <!-- <el-dialog :modal-append-to-body="false" :title="dialogTitle" :visible.sync="dialogFormVisible" class="add-dialog">
+              <div class="form-title">基础信息</div>
+              <el-form :model="addForm">
+                  <el-row :gutter="40">
+                      <el-col :span="12">
+                          <el-form-item label="危大工程名称：" required :label-width="formLabelWidth">
+                              <el-input v-model="addForm.name" :disabled="isEditDisabled" placeholder="请输入危大工程名称" autocomplete="off"></el-input>
+                          </el-form-item>
+                      </el-col>
+                      <el-col :span="12">
+                          <el-form-item label="危大工程类别：" required :label-width="formLabelWidth">
+                              <el-select v-model="addForm.category" :disabled="isEditDisabled" @change="changeType" placeholder="请选择危大工程类别">
+                                  <el-option v-for="item in typeOptions"
+                                      :key="item.value"
+                                      :label="item.label"
+                                      :value="item.value"
+                                      >
+                                  </el-option>
+                              </el-select>
+                          </el-form-item>
+                      </el-col>
+                  </el-row>
+                  <el-row :gutter="40">
+                      <el-col :span="12">
+                          <el-form-item label="危大工程概况："  :label-width="formLabelWidth">
+                              <el-input v-model="addForm.points" :disabled="isDisabled" placeholder="请输入危大工程概况" autocomplete="off"></el-input>
+                          </el-form-item>
+                      </el-col>
+                      <el-col :span="12">
+                          <el-form-item label="类别描述：" required :label-width="formLabelWidth">
+                              <el-select v-model="addForm.describe" :disabled="isEditDisabled" placeholder="请选择类别描述">
+                                  <el-option v-for="item in describeOptions"
+                                      :key="item.value"
+                                      :label="item.label"
+                                      :value="item.value">
+                                  </el-option>
+                              </el-select>
+                          </el-form-item>
+                      </el-col>
+                  </el-row>
+                  <el-row :gutter="40">
+                      <el-col :span="12">
+                          <el-form-item label="施工部位：" :label-width="formLabelWidth">
+                              <el-input v-model="addForm.address" :disabled="isDisabled" placeholder="请输入施工部位" autocomplete="off"></el-input>
+                          </el-form-item>
+                      </el-col>
+                      <el-col :span="12">
+                          <el-form-item label="施工计划：" :label-width="formLabelWidth">
+                              <el-date-picker
+                                  :disabled="isDisabled"
+                                  v-model="addForm.date"
+                                  type="daterange"
+                                  range-separator="至"
+                                  value-format="yyyy-MM-dd"
+                                  start-placeholder="开始日期"
+                                  end-placeholder="结束日期">
+                              </el-date-picker>
+                          </el-form-item>
+                      </el-col>
+                  </el-row>
+                  <el-row :gutter="40">
+                      <el-col :span="12">
+                          <el-form-item label="责任人：" :label-width="formLabelWidth">
+                              <el-input v-model="addForm.people" :disabled="isDisabled" placeholder="请输入责任人" autocomplete="off"></el-input>
+                          </el-form-item>
+                      </el-col>
+                      <el-col :span="12">
+                          <el-form-item label="责任分包单位：" :label-width="formLabelWidth">
+                              <el-cascader
+                                  :disabled="isDisabled"
+                                  v-model="addForm.unit"
+                                  placeholder="请选择责任分包单位"
+                                  :options="options"
+                                  :props="props"
+                                  clearable>
+                              </el-cascader>
+                          </el-form-item>
+                      </el-col>
+                  </el-row>
+              </el-form>
+              <div class="form-title">危大工程资料</div>
+              <div class="upload-box">
+                  <div class="upload-file">
+                      <div class="upload-item">
+                          <span>安全技术交底：</span>
+                          <el-switch v-model="safeStatus" :disabled="isDisabled" >
+                          </el-switch>
+                              <span v-if="safeStatus" class="switch-check">已完成</span>
+                              <span v-else class="switch-uncheck">未完成</span>
+                      </div>
+                      <div v-if="dialogTitle == '查看' && file1">{{fileName1}}<a :href="file1">下载</a></div>
+                      <el-upload
+                          class="uploadBox"
+                          :action='$store.state.UPLOADURL'
+                          :on-preview="handlePreview"
+                          :on-remove="handleRemove"
+                          :before-remove="beforeRemove"
+                          :on-success="uploadSuccess"
+                          :on-error="uploadError"
+                          :limit="1"
+                          multiple
+                          name="files"
+                          accept=".doc, .docx, .xls, .xlsx, .ppt, .pptx, .pdf"
+                          :file-list="fileList">
+                          <el-button v-if="dialogTitle == '新增' || dialogTitle == '编辑'" size="small" type="primary">点击上传</el-button>
+                      </el-upload>
+                  </div>
+                  <div class="upload-file">
+                      <div class="upload-item">
+                          <span>安全专项施工方案及附件：</span>
+                          <el-switch v-model="safeStatus2" :disabled="isDisabled">
+                          </el-switch>
+                              <span v-if="safeStatus2" class="switch-check">已完成</span>
+                              <span v-else class="switch-uncheck">未完成</span>
+  
+                      </div>
+                      <div v-if="dialogTitle == '查看' && fileName2">{{fileName2}}<a :href="file2">下载</a></div>
+                      <el-upload
+                          class="uploadBox"
+                          :action='$store.state.UPLOADURL'
+                          :on-preview="handlePreview2"
+                          :on-remove="handleRemove2"
+                          :before-remove="beforeRemove2"
+                          :on-success="uploadSuccess2"
+                          :on-error="uploadError2"
+                          :limit="1"
+                          multiple
+                          name="files"
+                          accept=".doc, .docx, .xls, .xlsx, .ppt, .pptx, .pdf"
+                          :file-list="fileList2">
+                          <el-button v-if="dialogTitle == '新增' || dialogTitle == '编辑'" size="small" type="primary">点击上传</el-button>
+                      </el-upload>
+                  </div>
+                  <div class="upload-file">
+                      <div class="upload-item">
+                          <span>专项施工方案交底：</span>
+                          <el-switch v-model="safeStatus3" :disabled="isDisabled">
+                          </el-switch>
+                              <span v-if="safeStatus3" class="switch-check">已完成</span>
+                              <span v-else class="switch-uncheck">未完成</span>
+                      </div>
+                      <div v-if="dialogTitle == '查看' && fileName3">{{fileName3}}<a :href="file3">下载</a></div>
+                      <el-upload
+                          class="uploadBox"
+                          :action='$store.state.UPLOADURL'
+                          :on-preview="handlePreview3"
+                          :on-remove="handleRemove3"
+                          :before-remove="beforeRemove3"
+                          :on-success="uploadSuccess3"
+                          :on-error="uploadError3"
+                          :limit="1"
+                          multiple
+                          name="files"
+                          accept=".doc, .docx, .xls, .xlsx, .ppt, .pptx, .pdf"
+                          :file-list="fileList3">
+                          <el-button v-if="dialogTitle == '新增' || dialogTitle == '编辑'" size="small" type="primary">点击上传</el-button>
+                      </el-upload>
+                  </div>
+              </div>
+              <div slot="footer" class="dialog-footer">
+                  <el-button @click="dialogFormVisible = false">取 消</el-button>
+                  <el-button type="primary" @click="addData()">确 定</el-button>
+              </div>
+          </el-dialog> -->
+            <!-- 提示 -->
+            <el-dialog :modal-append-to-body="false" :title="$t('message.dangerousBigProject.hint')"
+                :visible.sync="deleteDialog" width="30%">
+                <span>
+                    <!-- 是否确定删除该条记录？ -->
+                    {{ $t('message.dangerousBigProject.hintContent') }}
+                </span>
+                <span slot="footer" class="dialog-footer">
+                    <el-button @click="deleteDialog = false">
+                        <!-- 取 消 -->
+                        {{ $t('message.dangerousBigProject.cancel') }}
+                    </el-button>
+                    <el-button type="primary" @click="checkDelete">
+                        <!-- 确 定 -->
+                        {{ $t('message.dangerousBigProject.confirm') }}
+                    </el-button>
+                </span>
+            </el-dialog>
+        </div>
+        <div style="height: 100%" v-else>
+            <el-page-header @back="goBack" :content="dialogTitle" class="backText"
+                :class="{ dark: styleType == 2 }"></el-page-header>
+            <!-- <addPlan @cancleSave="goBack" v-if="isAdd"></addPlan> -->
+            <detail :id="detailId" :isSuperDanger="isSuperDanger" @cancleSave="goBack" :COMPANY_Type="'longguang'" v-if="isEdit">
+                <template v-slot:basicinfo>
+                    <div class="info-content">
+                        <el-form class="form-box" :model="detailData">
+                            <el-form-item label="作业类型：" :label-width="formLabelWidthDetail">
+                                受限空间名称
+                            </el-form-item>
+                            <el-form-item label="作业单位" :label-width="formLabelWidthDetail">
+                                <!-- <el-cascader
+                            :disabled="isDisabled"
+                            v-model="detailData.responsibilityCompanyId"
+                            placeholder="请选择责任分包单位"
+                            :options="options"
+                            :props="props"
+                            clearable
+                            >
+                            </el-cascader> -->
+                                <el-select v-model="detailData.responsibilityCompanyId" placeholder="请选择作业单位" disabled>
+                                    <el-option :label="item.enterpriseName" :value="item.id"
+                                        v-for="(item, index) in responsibilityList" :key="index">
+                                    </el-option>
+                                </el-select>
+                            </el-form-item>
+                            <el-form-item label="作业申请单位" :label-width="formLabelWidthDetail">
+                                <el-select v-model="detailData.responsibilityCompanyId" placeholder="请选择作业申请单位"
+                                    disabled>
+                                    <el-option :label="item.enterpriseName" :value="item.id"
+                                        v-for="(item, index) in responsibilityList" :key="index">
+                                    </el-option>
+                                </el-select>
+                            </el-form-item>
+                            <el-form-item label="作业负责人：" :label-width="formLabelWidthDetail">
+                                胡小小
+                            </el-form-item>
+                            <el-form-item label="作业申请时间：" :label-width="formLabelWidthDetail">
+                                2024-05-14
+                            </el-form-item>
+                            <el-form-item label="受限空间内原有介质名称" :label-width="formLabelWidthDetail">
+                                西北角
+                            </el-form-item>
+                            <el-form-item label="受限空间名称：" :label-width="formLabelWidthDetail">
+                                特级
+                            </el-form-item>
+                            <el-form-item label="作业人：" :label-width="formLabelWidthDetail">
+                                张三
+                            </el-form-item>
+                            <el-form-item label="作业内容：" :label-width="formLabelWidthDetail">
+                                王乐康
+                            </el-form-item>
+                            <el-form-item label="气体分析时间：" :label-width="formLabelWidthDetail">
+                                <el-date-picker :disabled="isDisabledDetail" v-model="planDate" type="daterange"
+                                    :picker-options="pickerOptions" range-separator="至" value-format="yyyy-MM-dd"
+                                    start-placeholder="开始日期" end-placeholder="结束日期">
+                                </el-date-picker>
+                            </el-form-item>
+                            <el-form-item label="证书编号：" :label-width="formLabelWidthDetail">
+                                16548955
+                            </el-form-item>
+                            <el-form-item label="代表性气体：" :label-width="formLabelWidthDetail">
+                                16548955
+                            </el-form-item>
+                            <el-form-item label="监护人：" :label-width="formLabelWidthDetail">
+                                王乐康
+                            </el-form-item>
+                            <el-form-item label="风险辨识结果：" :label-width="formLabelWidthDetail">
+                                王乐康
+                            </el-form-item>
+                            <el-form-item label="关联的其他特殊作业：" :label-width="formLabelWidthDetail">
+                                王乐康
+                            </el-form-item>
+                            <el-form-item label="作业实施时间：" :label-width="formLabelWidthDetail">
+                                <el-date-picker :disabled="isDisabledDetail" v-model="planDate" type="daterange"
+                                    :picker-options="pickerOptions" range-separator="至" value-format="yyyy-MM-dd"
+                                    start-placeholder="开始日期" end-placeholder="结束日期">
+                                </el-date-picker>
+                            </el-form-item>
+                            <el-form-item label="安全作业票编码" :label-width="formLabelWidthDetail">
+                                7984654
+                            </el-form-item>
+                        </el-form>
+                        <!-- <div v-if="COMPANY != 'longguang'" class="qr-box">
+                                    <div id="qrCode" ref="qrCodeDiv"></div>
+                                    <el-button size="medium" class="print-btn" @click="printBtn">打印危大工程标识</el-button>
+                                </div> -->
+                    </div>
+                </template>
+                <template v-slot:gasanalysis>
+                    <div>
+                        <el-form :model="detailData">
+                            <el-row>
+                                <el-col :span="8">
+                                    <el-form-item label="分析项目：" :label-width="formLabelWidthDetail">
+                                        受限空间
+                                    </el-form-item>
+                                </el-col>
+                                <el-col :span="8">
+                                    <el-form-item label="有毒有害气体名称" :label-width="formLabelWidthDetail">
+                                        一氧化碳
+                                    </el-form-item>
+                                </el-col>
+                                <el-col :span="8">
+                                    <el-form-item label="可燃气体名称：" :label-width="formLabelWidthDetail">
+                                        天然气
+                                    </el-form-item>
+                                </el-col>
+                            </el-row>
+                            <el-row>
+                                <el-col :span="8">
+                                    <el-form-item label="合格标准：" :label-width="formLabelWidthDetail">
+                                        100
+                                    </el-form-item>
+                                </el-col>
+                                <el-col :span="8">
+                                    <el-form-item label="氧气含氧量(19.5%~21%)：" :label-width="formLabelWidthDetail">
+                                        20%
+                                    </el-form-item>
+                                </el-col>
+                                <el-col :span="8">
+                                    <el-form-item label="取样分析时间：" :label-width="formLabelWidthDetail">
+                                        <el-date-picker :disabled="isDisabledDetail" v-model="planDate" type="date"
+                                            :picker-options="pickerOptions" value-format="yyyy-MM-dd">
+                                        </el-date-picker>
+                                    </el-form-item>
+                                </el-col>
+                            </el-row>
+                            <el-row>
+                                <el-col :span="8">
+                                    <el-form-item label="分析部位：" :label-width="formLabelWidthDetail">
+                                        顶部
+                                    </el-form-item>
+                                </el-col>
+                                <el-col :span="8">
+                                    <el-form-item label="分析人：" :label-width="formLabelWidthDetail">
+                                        刘大大
+                                    </el-form-item>
+                                </el-col>
+                                <el-col :span="10">
+                                    <el-form-item label="分析数据：" :label-width="formLabelWidthDetail">
+
+                                        <el-input v-model="detailData.engineeringSurvey" :disabled="isDisabledDetail"
+                                            placeholder="一氧化碳/天然气/20%/2024-01-12/顶部/刘大大" autocomplete="off"></el-input>
+                                    </el-form-item>
+                                </el-col>
+                            </el-row>
+                        </el-form>
+                    </div>
+                </template>
+            </detail>
+            <editPlan :title="operateTitle" :editId="editId" @cancleSave="goBack" v-if="isUpdate"></editPlan>
+        </div>
+    </div>
+</template>
+
+<script>
+import moment from 'moment'
+//   import addPlan from './addPlan.vue'
+import detail from './detail.vue'
+import editPlan from './editPlan.vue'
+import {
+    selectDangerousEngineeringRecordApi,
+    addDangerousEngineeringRecordApi,
+    deleteDangerousEngineeringRecordApi,
+    selectDangerousEngineeringTypeApi,
+    editDangerousEngineeringRecordApi
+} from "@/assets/js/api/dangerousBigProject"
+import { getCooperatorListApi } from "@/assets/js/api/cooperationUnit";
+export default {
+    components: {
+        //   addPlan,
+        detail,
+        editPlan
+    },
+    data() {
+        return {
+            formInline: {
+                engineeringName: '',
+                recordStatus: '',
+            },
+            formLabelWidthDetail: "180px",
+            detailData: {},
+            responsibilityList: [],
+            planDate: "",
+            pickerOptions: {
+                disabledDate(time) {
+                    return time.getTime() < Date.now() - 8.64e7;
+                },
+            },
+            isDisabledDetail: true,
+
+            operateTitle: "新增",
+            isAdd: false,
+            isEdit: false,
+            isDisabled: false,
+            engineeringName: "",
+            detailId: "",
+            isSuperDanger: false,
+            tableData: [
+                { jobApplyForUnit: "辽宁五寰", jobTime: "2024-5-14", jobTypeName: "特级", jobName: "张三", jobSerial: "15236655", jobUnit: "辽宁五寰", jobPrincipal: "李四" },
+                { jobApplyForUnit: "辽宁五寰", jobTime: "2024-5-14", jobTypeName: "特级", jobName: "张三", jobSerial: "15236655", jobUnit: "辽宁五寰", jobPrincipal: "李四" },
+                { jobApplyForUnit: "辽宁五寰", jobTime: "2024-5-14", jobTypeName: "特级", jobName: "张三", jobSerial: "15236655", jobUnit: "辽宁五寰", jobPrincipal: "李四" }
+            ],
+            dialogFormVisible: true,
+            multipleSelection: [],
+            addForm: {
+                name: "",
+                category: "",
+                points: "",
+                describe: "",
+                address: "",
+                date: [],
+                people: "",
+                unit: []
+            },
+            props: {
+                multiple: true
+            },
+            typeOptions: [],
+            describeOptions: [],
+            options: [{
+                label: 111,
+                value: 12
+            }],
+            formLabelWidth: "110px",
+            safeStatus: false,
+            safeStatus2: false,
+            safeStatus3: false,
+            fileList: [],
+            fileList2: [],
+            fileList3: [],
+            dialogTitle: "",
+            pageNo: 1,
+            pageSize: 10,
+            total: 10,
+            projectSn: "",
+            enterpriseTypeId: 1,
+            cooperatorList: [],
+            file3: "",
+            file2: "",
+            file1: "",
+            deleteId: "",
+            editId: "",
+            deleteDialog: false,
+            isEditDisabled: false,
+            editParms: [],
+            fileName1: "",
+            fileName2: "",
+            fileName3: "",
+            styleType: 1,
+            isUpdate: false
+        }
+    },
+    mounted() {
+        this.projectSn = this.$store.state.projectSn
+        this.styleType = this.$store.state.userInfo.styleType;
+        // this.getCooperatorList()
+        // this.getType()
+        //   this.initData();
+    },
+    methods: {
+        editRow(index, rows) {
+            if (rows[index].finalAcceptanceStatus === 2) {
+                this.$message.warning('该项危大工程已闭合，请勿操作')
+                return
+            }
+            // console.log(index,rows[index].id)
+            this.editId = rows[index].id
+            this.operateTitle = "编辑"
+            this.dialogTitle = "编辑"
+            this.dialogFormVisible = false
+            this.isEdit = false
+            this.isAdd = false
+            this.isUpdate = true;
+        },
+        goBack() {
+            this.dialogFormVisible = true
+            // this.initData()
+            this.isAdd = false
+            this.isEdit = false
+            this.isUpdate = false;
+        },
+        showAddDialog() {
+            this.dialogFormVisible = false
+            this.isEdit = false
+            this.isUpdate = false;
+            this.isAdd = true
+            // "新增"
+            this.dialogTitle = this.$t('message.dangerousBigProject.add')
+            // this.clearData()
+            // if(this.isDisabled){
+            //     this.isDisabled = false
+            // }
+            // if(this.isEditDisabled){
+            //     this.isEditDisabled = false
+            // }
+        },
+        onSubmit() {
+
+        },
+        initData() {
+            let data = {
+                engineeringName: this.engineeringName,
+                pageNo: this.pageNo,
+                pageSize: this.pageSize,
+                projectSn: this.projectSn
+            }
+            selectDangerousEngineeringRecordApi(data).then((res) => {
+                if (res.result) {
+                    console.log(res.result.records, 1)
+                    res.result.records.forEach((item) => {
+                        if (item.planStartTime && item.planEndTime) {
+                            item.plan = item.planStartTime + "至" + item.planEndTime
+                        }
+                        if (item.responsibilityCompany.split(",").length > 0 && item.responsibilityCompany !== "") {
+                            let arr = []
+                            for (let i = 0; i < this.options.length; i++) {
+                                let itm = this.options[i].value
+                                for (let j = 0; j < item.responsibilityCompany.split(",").length; j++) {
+                                    if (itm == item.responsibilityCompany.split(",")[j]) {
+                                        arr.push(this.options[i].label)
+                                    }
+                                }
+                            }
+                            item.subpackageUnit = arr.join(",")
+                        }
+                    })
+                    // console.log(this.options)
+                    this.tableData = res.result.records
+                    this.total = res.result.total
+                }
+            });
+        },
+        editData(index, val) {
+            this.viewData(index, val)
+            // "编辑"
+            this.dialogTitle = this.$t('message.dangerousBigProject.edit')
+            this.editParms = val[index]
+            if (this.file1) {
+                let obj = {
+                    name: this.file1.split("/")[this.file1.split("/").length - 1],
+                    url: this.file1
+                }
+                this.fileList.push(obj)
+            }
+            if (this.file2) {
+                let obj2 = {
+                    name: this.file2.split("/")[this.file2.split("/").length - 1],
+                    url: this.file2
+                }
+                this.fileList2.push(obj2)
+            }
+            if (this.file3) {
+                let obj3 = {
+                    name: this.file3.split("/")[this.file3.split("/").length - 1],
+                    url: this.file3
+                }
+                this.fileList3.push(obj3)
+            }
+            this.isDisabled = false
+            this.isEditDisabled = true
+            // console.log(this.editId)
+        },
+        viewData(index, val) {
+            this.clearData()
+            this.dialogFormVisible = true
+            // "查看"
+            this.dialogTitle = this.$t('message.dangerousBigProject.view')
+            this.isDisabled = true
+            this.isEditDisabled = true
+            this.addForm = {
+                name: val[index].engineeringName,
+                category: val[index].engineeringTypeId,
+                points: val[index].engineeringSurvey,
+                describe: val[index].describeName,
+                address: val[index].constructionLocation,
+                date: [val[index].planStartTime, val[index].planEndTime],
+                people: val[index].personLiable,
+                unit: val[index].responsibilityCompany
+            }
+            this.safeStatus = val[index].securityConstructionSchemeType == 2 ? true : false
+            this.safeStatus2 = val[index].specialConstructionSchemeType == 2 ? true : false
+            this.safeStatus3 = val[index].technicalDisclosureType == 2 ? true : false
+            this.file1 = val[index].securityConstructionSchemeFile
+            this.file2 = val[index].specialConstructionSchemeFile
+            this.file3 = val[index].technicalDisclosureFile
+            this.fileName1 = this.file1 ? this.file1.split("/")[this.file1.split("/").length - 1] : ""
+            this.fileName2 = this.file2 ? this.file2.split("/")[this.file2.split("/").length - 1] : ""
+            this.fileName3 = this.file3 ? this.file3.split("/")[this.file3.split("/").length - 1] : ""
+        },
+        clearData() {
+            this.addForm = {
+                name: "",
+                category: "",
+                points: "",
+                describe: "",
+                address: "",
+                date: [],
+                people: "",
+                unit: ""
+            },
+                this.safeStatus = false
+            this.safeStatus2 = false
+            this.safeStatus3 = false
+            this.file1 = ""
+            this.file2 = ""
+            this.file3 = ""
+            this.fileList = []
+            this.fileList2 = []
+            this.fileList3 = []
+        },
+        // 选择类别
+        changeType(value) {
+            this.typeOptions.forEach(item => {
+                if (item.id == value) {
+                    item.describeList.forEach(item => {
+                        item.value = item.id
+                        if (item.describeName.length > 40) {
+                            item.label = item.describeName.substring(0, 40) + '...'
+                        } else {
+                            item.label = item.describeName
+                        }
+                    })
+                    this.describeOptions = item.describeList
+                }
+            })
+            console.log(value)
+        },
+        //获取责任分包单位
+        getCooperatorList() {
+            let data = {
+                projectSn: this.projectSn,
+                pageNo: this.pageNo,
+                pageSize: this.pageSize,
+                enterpriseTypeId: this.enterpriseTypeId,
+                enterpriseName: "",
+            };
+            getCooperatorListApi(data).then((res) => {
+                if (res.code == 200) {
+
+                    if (res.result.records.length > 0) {
+                        this.cooperatorList = JSON.parse(JSON.stringify(res.result.records));
+                        this.cooperatorList.forEach((item) => {
+                            item.value = item.enterpriseLegalPerson
+                            item.label = item.enterpriseName
+                        })
+                        this.options = this.cooperatorList
+                        // console.log(this.options)
+                    }
+                }
+            });
+        },
+        // 获取类别
+        getType() {
+            selectDangerousEngineeringTypeApi({ sn: JSON.parse(window.sessionStorage.getItem("vuex")).userInfo.headquartersSn }).then((res) => {
+                if (res.result) {
+                    // console.log(res.result)
+                    res.result.forEach(item => {
+                        item.label = item.typeName
+                        item.value = item.id
+                    })
+                    this.typeOptions = res.result
+                }
+            })
+        },
+        addData() {
+            if (this.addForm.name == "") {
+                // 请输入危大工程名称
+                this.$message.error(this.$t('message.dangerousBigProject.verifyMessage1'))
+                return
+            } else if (this.addForm.category == "") {
+                // 请选择危大工程类别
+                this.$message.error(this.$t('message.dangerousBigProject.verifyMessage2'))
+                return
+            } else if (this.addForm.describe == "") {
+                // 请选择类别描述
+                this.$message.error(this.$t('message.dangerousBigProject.verifyMessage3'))
+                return
+            }
+            // console.log(this.addForm)
+            let nowDate = new Date()
+            let data = {
+                constructionLocation: this.addForm.address,
+                createTime: moment(nowDate).format('YYYY-MM-DD HH:mm:ss'),
+                engineeringName: this.addForm.name,
+                engineeringSurvey: this.addForm.points,
+                engineeringTypeId: this.addForm.category,
+                personLiable: this.addForm.people,
+                planEndTime: this.addForm.date[1],
+                planStartTime: this.addForm.date[0],
+                projectSn: this.projectSn,
+                securityConstructionSchemeFile: this.fileList.length > 0 ? this.file1 : "", //安全专项施工方案附件
+                securityConstructionSchemeType: this.safeStatus ? 2 : 1,//是否完成安全专项施工方案交底，1未完成，2完成
+                specialConstructionSchemeFile: this.fileList2.length > 0 ? this.file2 : '',//专项施工方案附件
+                specialConstructionSchemeType: this.safeStatus2 ? 2 : 1,//是否完成专项施工方案交底，1未完成，2完成
+                technicalDisclosureFile: this.fileList3.length > 0 ? this.file3 : '',//技术交底文件
+                technicalDisclosureType: this.safeStatus3 ? 2 : 1,//是否完成安全技术交底，1未完成，2完成
+                typeDescribeId: this.addForm.describe,//危大工程类别描述
+                addForm: this.addForm
+            }
+            // "新增"
+            if (this.dialogTitle == this.$t('message.dangerousBigProject.add')) {
+                console.log(data)
+                data.responsibilityCompany = this.addForm.unit ? this.addForm.unit.join(',') : ""
+                addDangerousEngineeringRecordApi(data).then((res) => {
+                    if (res.code = 200) {
+                        this.$message.success(this.$t('message.dangerousBigProject.add') + this.$t('message.dangerousBigProject.success') + "！")
+                        this.initData()
+                    }
+                    console.log(res)
+                })
+            } else if (this.dialogTitle == this.$t('message.dangerousBigProject.edit')) {
+                // "编辑"
+                data.id = this.editParms.id
+                data.typeDescribeId = this.editParms.typeDescribeId
+                if (this.addForm.unit && Array.isArray(this.addForm.unit)) {
+                    data.responsibilityCompany = this.addForm.unit.join(',')
+                } else {
+                    data.responsibilityCompany = this.addForm.unit
+                }
+                editDangerousEngineeringRecordApi(data).then((res) => {
+                    if (res.code = 200) {
+                        // "修改成功！"
+                        this.$message.success(this.$t('message.dangerousBigProject.editSuccess'))
+                        this.initData()
+                    }
+                    console.log(res)
+                })
+            }
+            this.dialogFormVisible = false
+        },
+        handleSelectionChange(val) {
+            this.multipleSelection = val;
+        },
+        deleteRow(index, rows) {
+            if (rows[index].finalAcceptanceStatus === 2) {
+                this.$message.warning('该项危大工程已闭合，请勿操作')
+                return
+            }
+            // console.log(index,rows[index].id)
+            this.deleteId = rows[index].id
+            this.deleteDialog = true
+        },
+        checkDelete() {
+            deleteDangerousEngineeringRecordApi({ id: this.deleteId }).then((res) => {
+                console.log(res)
+                if (res.code == 200) {
+                    this.$message.success(res.message)
+                    this.initData()
+                }
+            })
+            this.deleteDialog = false
+        },
+        handleSizeChange() {
+            this.initData()
+        },
+        handleCurrentChange() {
+            this.initData()
+        },
+        handleRemove(file, fileList) {
+            console.log(fileList);
+            this.fileList = fileList;
+        },
+        handlePreview(file) {
+            console.log(file);
+        },
+        beforeRemove(file, fileList) {
+            // 确定移除
+            return this.$confirm(this.$t('message.dangerousBigProject.confirmRemove') + ` ${file.name}？`);
+        },
+        uploadSuccess(response, file, fileList) {
+            console.log('fileList')
+            console.log(fileList)
+            this.fileList = fileList;
+            this.file1 = this.$store.state.FILEURL + fileList[0].response.data[0].imageUrl
+        },
+        uploadError(err, file, fileList) {
+            // 上传失败！
+            this.$message.error(this.$t('message.dangerousBigProject.uploadFail'));
+        },
+        handleRemove2(file, fileList) {
+            console.log(fileList);
+            this.fileList2 = fileList;
+        },
+        handlePreview2(file) {
+            console.log(file);
+        },
+        beforeRemove2(file, fileList) {
+            // 确定移除
+            return this.$confirm(this.$t('message.dangerousBigProject.confirmRemove') + `${file.name}？`);
+        },
+        uploadSuccess2(response, file, fileList) {
+            console.log('fileList')
+            console.log(fileList)
+            this.fileList2 = fileList;
+            this.file2 = this.$store.state.FILEURL + fileList[0].response.data[0].imageUrl
+        },
+        uploadError2(err, file, fileList) {
+            // 上传失败！
+            this.$message.error(this.$t('message.dangerousBigProject.uploadFail'));
+        },
+        handleRemove3(file, fileList) {
+            console.log(fileList);
+            this.fileList3 = fileList;
+        },
+        handlePreview3(file) {
+            console.log(file);
+        },
+        beforeRemove3(file, fileList) {
+            // 确定移除
+            return this.$confirm(this.$t('message.dangerousBigProject.confirmRemove') + `${file.name}？`);
+        },
+        uploadSuccess3(response, file, fileList) {
+            console.log('fileList')
+            console.log(fileList)
+            this.fileList3 = fileList;
+            this.file3 = this.$store.state.FILEURL + fileList[0].response.data[0].imageUrl
+        },
+        uploadError3(err, file, fileList) {
+            // 上传失败！
+            this.$message.error(this.$t('message.dangerousBigProject.uploadFail'));
+        },
+        previewDetail(val) {
+            console.log(val)
+            this.dialogFormVisible = false
+            this.isEdit = true
+            this.isAdd = false
+            this.isUpdate = false
+            // 详细
+            this.dialogTitle = this.$t('message.dangerousBigProject.detailed')
+            this.detailId = val.id
+            this.isSuperDanger = val.issuperdanger
+        }
+    }
+}
+</script>
+
+<style lang="less" scoped>
+.el-button--text{
+    color: #262d47;
+}
+
+
+.form-box {
+    width: 70%;
+    display: flex;
+    flex-wrap: wrap;
+
+    /deep/.el-form-item {
+        width: 50%;
+        padding-right: 10px;
+        box-sizing: border-box;
+    }
+
+    // /deep/.el-col-12{
+    //     padding-left: 20px;
+    // }
+    /deep/.el-input__inner {
+        width: 100%;
+    }
+
+    /deep/.el-select {
+        width: 100%;
+    }
+
+    /deep/.el-cascader {
+        width: 100%;
+    }
+}
+
+.gasanalysis-table {
+    padding: 10px 20px;
+
+    .el-row:first-child .el-col {
+        background-color: #E9E9E9;
+    }
+
+    .el-row {
+        font-size: 14px;
+        color: #000;
+
+        .el-col:first-child {
+            background-color: #E9E9E9;
+        }
+
+        .el-col {
+            height: 40px;
+            display: flex;
+            align-items: center;
+            justify-content: center;
+            border: 1px solid #E1E1E1;
+        }
+    }
+}
+
+.dangerousBigProject {
+    padding-bottom: 20px;
+    height: 100%;
+    background: #fff;
+    padding: 0 10px;
+    padding-top: 20px;
+    box-sizing: border-box;
+
+    >div {
+        height: 100%;
+
+        .search-box {
+            display: flex;
+            margin-bottom: 20px;
+
+            .search-input {
+                width: 260px;
+                margin-right: 20px;
+            }
+        }
+    }
+}
+
+.el-icon-delete {
+    color: #f56c6c;
+}
+
+.table-box {
+    display: flex;
+    flex-direction: column;
+    height: calc(100% - 72px);
+
+    .tables {
+        margin-bottom: auto;
+    }
+}
+
+.table-item {
+    display: flex;
+    flex-direction: column;
+    align-items: flex-start;
+
+    p {
+        width: 100%;
+        overflow: hidden;
+        white-space: nowrap;
+        text-overflow: ellipsis;
+    }
+
+    // .item-status {
+    //   background: #f56c6c;
+    //   display: block;
+    //   color: #fff;
+    //   border-radius: 4px;
+    //   padding: 0 4px;
+    //   height: 20px;
+    // }
+    .item-status {
+        display: flex;
+        align-items: center;
+
+        img {
+            width: 15px;
+            height: 15px;
+        }
+
+        span {
+            font-size: 14px;
+            color: #EA3941;
+        }
+    }
+
+    .status-none {
+        height: 20px;
+    }
+
+    .item-title {
+        font-weight: 600;
+    }
+}
+
+.table-category-item {
+    display: flex;
+
+    p {
+        width: 100%;
+        overflow: hidden;
+        white-space: nowrap;
+        text-overflow: ellipsis;
+    }
+
+    // .item-status {
+    //   background: #f56c6c;
+    //   display: block;
+    //   color: #fff;
+    //   border-radius: 4px;
+    //   padding: 0 4px;
+    //   height: 20px;
+    // }
+    .item-status {
+        display: flex;
+        align-items: center;
+        margin-right: 3px;
+
+        img {
+            width: 15px;
+            height: 15px;
+            margin-right: 3px;
+        }
+
+        span {
+            font-size: 14px;
+            color: #EA3941;
+        }
+    }
+
+    .status-none {
+        height: 20px;
+    }
+
+    .item-title {
+        font-weight: 600;
+    }
+}
+
+.add-dialog {
+    /deep/ .el-dialog {
+        width: 80%;
+    }
+
+    .form-title {
+        margin-bottom: 20px;
+    }
+
+    /deep/ .el-form-item__label {
+        text-align: left;
+        white-space: nowrap;
+    }
+
+    /deep/ .el-form {
+        padding-left: 36px;
+        padding-right: 26px;
+        margin-bottom: 20px;
+    }
+
+    /deep/ .el-select {
+        width: 100%;
+    }
+
+    /deep/ .el-date-editor.el-input {
+        width: 100%;
+    }
+
+    /deep/ .el-date-editor {
+        width: 100%;
+    }
+
+    /deep/ .el-cascader {
+        width: 100%;
+    }
+
+    .upload-item {
+        display: flex;
+        margin-bottom: 10px;
+        align-items: center;
+
+        span {
+            margin-right: 16px;
+        }
+
+        .switch-check {
+            margin-left: 8px;
+            color: #409eff;
+            line-height: 20px;
+        }
+
+        .switch-uncheck {
+            margin-left: 8px;
+            line-height: 20px;
+        }
+    }
+
+    .upload-file {
+        width: 50%;
+        padding-left: 26px;
+        box-sizing: border-box;
+        margin-bottom: 20px;
+
+        a {
+            color: #409eff;
+            text-decoration: none;
+            margin-left: 6px;
+        }
+    }
+
+    .upload-box {
+        display: flex;
+        flex-wrap: wrap;
+    }
+}
+
+.el-pagination {
+    display: flex;
+    justify-content: flex-end;
+    margin-top: 20px;
+}
+
+.backText {
+    padding: 8px 0;
+    padding-left: 10px;
+
+    /deep/.el-page-header__content {
+        font-size: 14px;
+    }
+}
+
+.dark {
+    /deep/.el-page-header__content {
+        color: #fff;
+    }
+
+    /deep/ .print-btn {
+        background: none;
+        color: #262d47;
+        font-size: 14px;
+    }
+}
+</style>
\ No newline at end of file