From f146ba695b82259d4c78f104be05a3aeafcdc4d5 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E2=80=9DRain=E2=80=9C?= <904416525@qq.com>
Date: Sat, 18 May 2024 19:33:11 +0800
Subject: [PATCH] =?UTF-8?q?fix:=20BUG=E4=BF=AE=E6=94=B9?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/assets/js/http.js                         |    4 +-
 .../emergencyDisposal/emergencyDisposal.vue   | 1127 +++++++++++++++++
 2 files changed, 1129 insertions(+), 2 deletions(-)
 create mode 100644 src/views/projectFront/emergencyDisposal/emergencyDisposal.vue

diff --git a/src/assets/js/http.js b/src/assets/js/http.js
index 52e35cd5..65ddbe02 100644
--- a/src/assets/js/http.js
+++ b/src/assets/js/http.js
@@ -82,7 +82,7 @@ if (process.env.NODE_ENV == 'development') {
   // axios.defaults.baseURL ='http://huli.zjzhiliao.com/jxjgdapi/' //金林湾测试线上
   // axios.defaults.baseURL ='http://101.43.164.214:45001/' //上海张江
   // axios.defaults.baseURL ='http://101.43.164.214:45011/' //上海优益（上海建工）
-  // axios.defaults.baseURL = 'http://192.168.34.221:28888/' //郭圣雄本地
+  axios.defaults.baseURL = 'http://192.168.34.221:28888/' //郭圣雄本地
   // axios.defaults.baseURL = 'http://192.168.34.221:28889/' //郭圣雄本地
   // axios.defaults.baseURL ='http://192.168.34.221:19111/' //郭圣雄本地
   // axios.defaults.baseURL = 'http://192.168.34.155:19111/' //彭洁本地
@@ -96,7 +96,7 @@ if (process.env.NODE_ENV == 'development') {
   // axios.defaults.baseURL = 'http://47.93.215.234:9809/'//鞍钢正式地址(弃用)
   // axios.defaults.baseURL = 'http://42.180.188.17:9809/'//鞍钢正式地址
   // axios.defaults.baseURL = 'http://47.93.215.234:11211/'//鞍钢测试地址(弃用)
-  axios.defaults.baseURL = 'http://42.180.188.17:11211/'//鞍钢测试地址
+  // axios.defaults.baseURL = 'http://42.180.188.17:11211/'//鞍钢测试地址
   // axios.defaults.baseURL = 'http://jxj.zhgdyun.com:19814/'//测试地址
 
 } else if (process.env.NODE_ENV == 'debug') {
diff --git a/src/views/projectFront/emergencyDisposal/emergencyDisposal.vue b/src/views/projectFront/emergencyDisposal/emergencyDisposal.vue
new file mode 100644
index 00000000..34494fc2
--- /dev/null
+++ b/src/views/projectFront/emergencyDisposal/emergencyDisposal.vue
@@ -0,0 +1,1127 @@
+<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-input placeholder="请输入" v-model="formInline.workTicketCode" clearable style="width: 200px">
+                        </el-input>
+                    </el-form-item>
+                    <el-form-item label="作业申请单位">
+                        <el-select v-model="formInline.enterpriseId" placeholder="请选择">
+                            <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="动火人">
+                        <el-input placeholder="请输入" v-model="formInline.firemanName" 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="onRefresh" 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"></el-table-column>
+
+                    <el-table-column align="center" label="作业票编号" width="200" prop="workTicketCode">
+                        <template slot-scope="scope">
+                            <div class="" style="display: flex;justify-content:center;font-weight:bold">
+                                <div style="display: flex"
+                                    :style="tableData.some(item => item.engineeringState == 3) ? 'justify-content:flex-end' : 'justify-content:center;'">
+                                    <el-tag type="danger" effect="dark" size="mini"
+                                        v-if="scope.row.engineeringState === 3">超期</el-tag>
+                                    <!-- <el-tag type="danger" effect="dark" size="mini">超期</el-tag> -->
+                                    <p class="item-title" style="margin-left:5px">{{ scope.row.workTicketCode }}</p>
+                                </div>
+                                <!-- <p>{{scope.row.people}}识别于：{{ scope.row.date }}</p> -->
+                            </div>
+                        </template>
+                    </el-table-column>
+                    <el-table-column align="center" label="作业申请单位" show-overflow-tooltip>
+                        <!--  作业申请单位 -->
+                        <template slot-scope="scope">
+                            {{ scope.row.jobApplicationUnitName }}
+                        </template>
+                    </el-table-column>
+                    <el-table-column align="center" label="作业申请时间" prop="jobApplicationTime"
+                        show-overflow-tooltip></el-table-column>
+                    <el-table-column align="center" label="动火作业级别" prop="hotWorkLevel">
+                        <template slot-scope="scope">
+                            <div
+                                :style="scope.row.hotWorkLevel == '特级' ? 'color:#f56c6c' : scope.row.hotWorkLevel == '一级' ? 'color:#DAA520' : scope.row.hotWorkLevel == '二级' ? 'color:#5181F6' : ''">
+                                {{ scope.row.hotWorkLevel }}</div>
+                        </template>
+                    </el-table-column>
+                    <el-table-column align="center" label="动火人及证书编号" prop="firemanAndCertificateNo"></el-table-column>
+                    <!-- <el-table-column align="center" label="证书编号" prop="certificateNo"></el-table-column> -->
+                    <el-table-column align="center" label="作业单位" prop="operatingUnitName"
+                        show-overflow-tooltip></el-table-column>
+                    <el-table-column align="center" label="作业负责人" prop="assignmentPersonInChargeName"></el-table-column>
+                    <!-- 状态 -->
+                    <el-table-column :label="$t('message.dangerousBigProject.finalAcceptanceStatus')" align="center">
+                        <template slot-scope="scope">
+                            <span v-if="scope.row.finalAcceptanceStatus === 1"
+                                style="color:#DAA520;font-weight:bold;">进行中</span>
+                            <span v-if="scope.row.finalAcceptanceStatus === 2"
+                                style="color:#008000;font-weight:bold;">已完工</span>
+                        </template>
+                    </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 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>
+</template>
+
+<script>
+import moment from 'moment'
+//   import addPlan from './addPlan.vue'
+import {
+    selectDangerousEngineeringRecordApi,
+    addDangerousEngineeringRecordApi,
+    deleteDangerousEngineeringRecordApi,
+    selectDangerousEngineeringTypeApi,
+    editDangerousEngineeringRecordApi
+} from "@/assets/js/api/dangerousBigProject"
+
+import {
+    getFireSafetyPageApi,
+    getEnterpriseInfoListApi,
+    getFireSafetyQueryByIdApi,
+    getFireSafetydeleteApi,
+} from "@/assets/js/api/specialWork"
+
+import { getCooperatorListApi } from "@/assets/js/api/cooperationUnit";
+export default {
+    components: {
+        //   addPlan,
+        // detail,
+        // editPlan
+    },
+    data() {
+        return {
+            formInline: {
+                firemanName: '',
+                enterpriseId: '',
+                workTicketCode: "",
+            },
+            formLabelWidthDetail: "270px",
+            detailData: {},
+            responsibilityList: [],
+            planDate: "",
+            pickerOptions: {
+                disabledDate(time) {
+                    return time.getTime() < Date.now() - 8.64e7;
+                },
+            },
+            isDisabledDetail: true,
+            workDetail: {},
+
+            operateTitle: "新增",
+            isAdd: false,
+            isEdit: false,
+            isDisabled: false,
+            engineeringName: "",
+            detailId: "",
+            isSuperDanger: false,
+            tableData: [],
+            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
+        }
+    },
+    created() {
+        this.projectSn = this.$store.state.projectSn
+        this.styleType = this.$store.state.userInfo.styleType;
+        // this.getCooperatorList()
+        // this.getType()
+        this.initData();
+        this.getEnterpriseInfoList();
+    },
+    mounted() {
+
+    },
+    watch: {
+        "workDetail.hotWorkExecutionTime": {
+            handler(newVal) {
+                console.log(newVal);
+            },
+        },
+    },
+    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() {
+            this.pageNo = 1;
+            this.initData();
+        },
+        onRefresh() {
+            this.formInline.enterpriseId = "";
+            this.formInline.firemanName = "";
+            this.formInline.workTicketCode = "";
+
+            this.pageNo = 1;
+            this.initData();
+        },
+        getEnterpriseInfoList() {
+            getEnterpriseInfoListApi({
+                projectSn: this.projectSn
+            }).then((res) => {
+                if (res.result) {
+                    console.log(res.result, 1)
+                    this.responsibilityList = res.result;
+                }
+            })
+        },
+        initData() {
+            let data = {
+                jobApplicationUnit: this.formInline.enterpriseId,
+                firemanName: this.formInline.firemanName,
+                workTicketCode: this.formInline.workTicketCode,
+                pageNo: this.pageNo,
+                pageSize: this.pageSize,
+                projectSn: this.projectSn,
+                assignmentPersonInCharge: this.$store.state.userInfo.accountType == 6 ? this.$store.state.userInfo.userId : '',
+            }
+            getFireSafetyPageApi(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() {
+            getFireSafetydeleteApi({ 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
+
+            getFireSafetyQueryByIdApi({
+                id: val.id
+            }).then((res) => {
+                if (res.result) {
+                    console.log(res.result, 1)
+                    this.workDetail = {
+                        ...val,
+                        ...res.result,
+                        // xzGasAnalyzeList: res.result.xzGasAnalyzeList,
+                        hotWorkExecutionTime: [res.result.hotWorkExecutionBeginTime, res.result.hotWorkExecutionEndTime]
+                    };
+                }
+            })
+
+            this.isSuperDanger = val.issuperdanger
+        }
+    }
+}
+</script>
+
+<style lang="less" scoped>
+.el-button--text {
+    color: #262d47;
+}
+
+.form-box {
+    width: 90%;
+    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: center;
+    // 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