diff --git a/src/assets/js/api/buildEquipToolManage.js b/src/assets/js/api/buildEquipToolManage.js
new file mode 100644
index 00000000..b3b37a5e
--- /dev/null
+++ b/src/assets/js/api/buildEquipToolManage.js
@@ -0,0 +1,38 @@
+/**
+ * api接口统一管理  、、质量管理
+ */
+import { post, get } from '../http'
+// 施工设备机类型
+// 树形列表查询施工设备机具分类信息
+export const getConstructionEquipmentCategoryTreeApi = data => get('/xmgl/constructionEquipmentToolClassification/tree/list', data);
+// 添加施工设备机具分类信息
+export const addConstructionEquipmentCategoryApi = data => post('/xmgl/constructionEquipmentToolClassification/add', data);
+// 编辑施工设备机具分类信息
+export const editConstructionEquipmentCategoryApi = data => post('/xmgl/constructionEquipmentToolClassification/edit', data);
+// 删除施工设备机具分类信息
+export const deleteConstructionEquipmentCategoryApi = data => post('/xmgl/constructionEquipmentToolClassification/delete', data);
+// 施工设备机列表
+// 分页列表查询施工设备机具信息
+export const getConstructionEquipmentPageApi = data => get('/xmgl/constructionEquipmentTool/page', data);
+// 编辑施工设备机具信息
+export const editConstructionEquipmentApi = data => post('/xmgl/constructionEquipmentTool/edit', data);
+// 删除施工设备机具信息
+export const deleteConstructionEquipmentApi = data => post('/xmgl/constructionEquipmentTool/delete', data);
+// 添加施工设备机具信息和附件
+export const saveWithFileConstructionEquipmentApi = data => post('/xmgl/constructionEquipmentTool/saveWithFile', data);
+// 通过id查询施工设备机具信息
+export const getConstructionEquipmentByIdApi = data => get('/xmgl/constructionEquipmentTool/queryById', data);
+
+// 通过id查询施工设备机具附件信息
+export const getConstructionEquipmentFileByIdApi = data => get('/xmgl/constructionEquipmentToolFile/queryById', data);
+// 列表查询施工设备机具附件信息
+export const getConstructionEquipmentFileListApi = data => get('/xmgl/constructionEquipmentToolFile/list', data);
+
+// 分页列表查询施工设备机具安全检查信息
+export const getConstructionEquipmentCheckPageApi = data => get('/xmgl/constructionEquipmentToolCheck/page', data);
+// 添加施工设备机具安全检查信息
+export const addConstructionEquipmentCheckApi = data => post('/xmgl/constructionEquipmentToolCheck/add', data);
+// 删除施工设备机具安全检查信息
+export const deleteConstructionEquipmentCheckApi = data => post('/xmgl/constructionEquipmentToolCheck/delete', data);
+// 编辑施工设备机具安全检查信息
+export const editConstructionEquipmentCheckApi = data => post('/xmgl/constructionEquipmentToolCheck/edit', data);
\ No newline at end of file
diff --git a/src/views/projectFront/buildEquipToolManage/detail.vue b/src/views/projectFront/buildEquipToolManage/detail.vue
new file mode 100644
index 00000000..ff62a9e8
--- /dev/null
+++ b/src/views/projectFront/buildEquipToolManage/detail.vue
@@ -0,0 +1,1298 @@
+<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>
+              <slot name="basicinfo"></slot>
+            </div>
+            <div class="control-point">
+              <div class="box-title" v-if="$slots.gasanalysis">
+                {{ tableName ? tableName : '安全措施' }}
+              </div>
+              <slot name="gasanalysis"></slot>
+            </div>
+            <!-- <div class="info">
+              <div class="box-title-danger" v-if="$slots.signature">
+                {{tableName ? tableName : '签字'}} 
+              </div>
+              <slot name="signature"></slot>
+            </div> -->
+          </div>
+        </div>
+        <div>
+          <el-tabs v-model="activeName" @tab-click="handleClick">
+            <el-tab-pane label="相关附件" name="first">
+              <el-table :data="fileWorkList" ref="multipleTable" class="tables" max-height="590px">
+                <!-- <el-table-column label="序号" type="index" width="50">
+                </el-table-column> -->
+                <el-table-column align="center" prop="inspectionTime" label="附件名称">
+                  <template slot-scope="scope">{{
+                    scope.row.name
+                  }}</template>
+                </el-table-column>
+                <el-table-column prop="attachment" label="附件" align="center">
+                  <template slot-scope="scope">
+                    <div class="download">
+                      {{ scope.row.originName }}</div>
+                  </template>
+                </el-table-column>
+                <!-- 操作 -->
+                <el-table-column align="center" :label="$t('message.dangerousBigProject.operation')">
+                  <template slot-scope="scope">
+                    <div class="tableBtns">
+                      <!-- <div @click.stop="isAddPoint(2, scope.row)" class="operationText">
+                        <img src="@/assets/images/icon-edit.png" width="15px" height="15px" />
+                        <span>编辑</span>
+                      </div> -->
+                      <el-button type="text" @click="previewFn(scope.row)">查看</el-button>
+                    </div>
+                  </template>
+                </el-table-column>
+              </el-table>
+            </el-tab-pane>
+            <el-tab-pane label="安全检查" name="second">
+              <div class="title">
+                <div>
+                  <el-form :inline="true" :model="formInline" class="demo-form-inline" size="small">
+                    <el-form-item label="检查结果" prop="inspectionResult">
+                      <el-select v-model="formInline.inspectionResult"
+                        :placeholder="$t('message.personnelPosition.please_select')" filterable>
+                        <el-option :label="item.inspectionResultName" :value="item.id"
+                          v-for="(item, index) in inspectionResultList1" :key="index">
+                        </el-option>
+                      </el-select>
+                    </el-form-item>
+                    <el-form-item>
+                      <el-button type="primary" @click="onSubmit">{{
+                        $t('message.quality.inquire')
+                      }}</el-button>
+                    </el-form-item>
+                    <el-form-item>
+                      <el-button type="primary" @click="isAddPoint(1)">新增</el-button>
+                    </el-form-item>
+                  </el-form>
+                </div>
+              </div>
+              <el-table :data="tableData" ref="multipleTable" class="tables" max-height="590px">
+                <!-- <el-table-column label="序号" type="index" width="50">
+                </el-table-column> -->
+                <el-table-column align="center" prop="inspectionTime" label="检查时间">
+                  <template slot-scope="scope">{{
+                    scope.row.inspectionTime
+                  }}</template>
+                </el-table-column>
+                <el-table-column align="center" prop="inspectorName" label="检查人">
+                  <template slot-scope="scope">
+                    {{ scope.row.inspectorName }}
+                  </template>
+                </el-table-column>
+                <el-table-column align="center" prop="inspectionUnitName" label="检查单位">
+                  <template slot-scope="scope">{{
+                    scope.row.inspectionUnitName
+                  }}</template>
+                </el-table-column>
+                <el-table-column align="center" prop="inspectionContent" label="检查内容">
+                  <template slot-scope="scope">{{
+                    scope.row.inspectionContent
+                  }}</template>
+                </el-table-column>
+                <el-table-column align="center" prop="inspectionResult" label="检查结果">
+                  <template slot-scope="scope">{{
+                    scope.row.inspectionResult == 1 ? '合格' : '不合格'
+                  }}</template>
+                </el-table-column>
+                <el-table-column prop="attachment" label="附件" align="center">
+                  <template slot-scope="scope">
+                    <div class="download" @click="downloadFn(item)" v-for="item in scope.row.attachment" :key="item.uid">
+                      {{ item.name }}</div>
+                  </template>
+                </el-table-column>
+                <!-- 操作 -->
+                <el-table-column align="center" :label="$t('message.dangerousBigProject.operation')">
+                  <template slot-scope="scope">
+                    <!-- v-permission="{
+      key: 'fireWork_delete',
+      menuPath: '/project/operationManage/heightsWorks',
+  }" -->
+                    <div class="tableBtns">
+                      <div @click.stop="isAddPoint(2, scope.row)" class="operationText">
+                        <img src="@/assets/images/icon-edit.png" width="15px" height="15px" />
+                        <span>编辑</span>
+                      </div>
+                      <div @click.stop="deleteRow(scope.row)" class="operationText">
+                        <img src="@/assets/images/icon-delete.png" width="15px" height="15px" />
+                        <span>删除</span>
+                      </div>
+                    </div>
+                  </template>
+                </el-table-column>
+              </el-table>
+              <el-pagination style="margin-top: 20px" 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>
+            </el-tab-pane>
+          </el-tabs>
+        </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 :destroy-on-close="true" :modal-append-to-body="false" :title="cardDialogTitle" :visible.sync="cardDialog"
+      width="1100px" :before-close="handleClose">
+      <div class="dialog_content" v-if="dialogType == 1">
+        <el-form size="medium" :model="cardForm" ref="cardForm" :rules="cardFormRules" label-width="170px"
+          class="dialogFormBox">
+          <el-form-item label="检查时间" prop="inspectionTime">
+            <el-date-picker v-model="cardForm.inspectionTime" type="datetime" value-format="yyyy-MM-dd HH:mm:ss"
+              placeholder="选择日期时间">
+            </el-date-picker>
+          </el-form-item>
+          <el-form-item label="检查人" prop="inspector">
+            <el-select filterable v-model="cardForm.inspector"
+              :placeholder="$t('message.personnelPosition.please_select')" filterable>
+              <el-option :label="item.workerName" :value="item.id" v-for="(item, index) in workerListOptions"
+                :key="index">
+              </el-option>
+            </el-select>
+          </el-form-item>
+          <el-form-item label="检查单位" prop="inspectionUnit">
+            <el-select v-model="cardForm.inspectionUnit" :placeholder="$t('message.personnelPosition.please_select')"
+              filterable>
+              <el-option :label="item.enterpriseName" :value="item.id" v-for="(item, index) in cooperatorList"
+                :key="index">
+              </el-option>
+            </el-select>
+          </el-form-item>
+          <el-form-item label="检查内容" prop="inspectionContent">
+            <el-input v-model="cardForm.inspectionContent"
+              :placeholder="$t('message.personnelPosition.please_enter')"></el-input>
+          </el-form-item>
+          <el-form-item label="检查结果" prop="inspectionResult">
+            <el-select v-model="cardForm.inspectionResult" :placeholder="$t('message.personnelPosition.please_select')"
+              filterable>
+              <el-option :label="item.inspectionResultName" :value="item.id" v-for="(item, index) in inspectionResultList"
+                :key="index">
+              </el-option>
+            </el-select>
+          </el-form-item>
+          <el-form-item label="附件" prop="attachment">
+            <el-upload class="upload-demo" name="files" :action="$store.state.UPLOADURL"
+              :on-remove="(file, fileList) => handleRemove(file, fileList)" :multiple="false"
+              :on-success="(res, file) => handleSuccess(res, file)" :file-list="cardForm.attachment"
+              :on-exceed="handleExceed" :limit="1" accept="*">
+              <!-- .doc, .docx, .xls, .xlsx, .ppt, .pptx, .pdf -->
+              <el-button type="primary"> 上传附件 </el-button>
+            </el-upload>
+          </el-form-item>
+
+
+        </el-form>
+        <div class="dialog-footer">
+          <el-button class="cancleBtn" @click="handleClose" icon="el-icon-circle-close" size="medium">{{
+            $t("message.personnelPosition.cancel") }}
+          </el-button>
+          <el-button type="primary" icon="el-icon-circle-check" @click="saveCardFn" size="medium">{{
+            $t("message.personnelPosition.determine") }}
+          </el-button>
+        </div>
+      </div>
+      <div class="dialog_content" v-else-if="dialogType == 2">
+                <iframe :src="previewUrl" width='100%' height='550px' frameborder='1'>
+                </iframe>
+            </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 {
+  getConstructionEquipmentCheckPageApi,
+  addConstructionEquipmentCheckApi,
+  editConstructionEquipmentCheckApi,
+  deleteConstructionEquipmentCheckApi,
+
+  getConstructionEquipmentFileListApi,
+} from '@/assets/js/api/buildEquipToolManage';
+import { getWorkerInfoList } from '@/assets/js/api/laborPerson.js';
+import { getCooperatorListApi } from "@/assets/js/api/cooperationUnit";
+import { isJSON } from "@/util/nowDate/index";
+import moment from "moment";
+export default {
+  props: ["id", "isSuperDanger", "COMPANY_Type", "workDetail", "workType", "tableName"],
+  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,
+      pageNo: 1,
+      pageSize: 10,
+      total: 10,
+      projectSn: "",
+      options: [],
+      props: {
+        multiple: true,
+      },
+      props2: {
+        multiple: true,
+        value: "id",
+        label: "describeName",
+      },
+      inspectionResultList: [{
+        id: 1,
+        inspectionResultName: "合格",
+      }, {
+        id: 2,
+        inspectionResultName: "不合格",
+      }],
+      inspectionResultList1: [{
+        id: "",
+        inspectionResultName: "全部",
+      }, {
+        id: 1,
+        inspectionResultName: "合格",
+      }, {
+        id: 2,
+        inspectionResultName: "不合格",
+      }],
+      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: [],
+      activeName: 'first',
+      workerListOptions: [],
+      cardDialogTitle: "",
+      cardDialog: false,
+      cardForm: {},
+      formInline: {
+        inspectionResult: "",
+      },
+      isAdd: -1,
+      tableData: [],
+      cardFormRules: {
+        equipmentName: [
+          {
+            required: true,
+            message: this.$t("message.personnelPosition.required"),
+            trigger: "blur",
+          },
+        ],
+        actualOnSiteDate: [
+          {
+            required: true,
+            message: this.$t("message.personnelPosition.mandatory"),
+            trigger: "change",
+          },
+        ],
+      },
+      fileWorkList: [],
+      dialogType: -1,
+      previewUrl: "",
+    };
+  },
+  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.getDutyPerson();
+    this.getCooperatorList();
+    this.getConstructionEquipmentFileList();
+  },
+  methods: {
+    handleClick(tab, event) {
+      console.log(tab, event);
+      if (this.activeName == 'second') {
+        this.getDangerItemRecord();
+      }
+    },
+    openImg(src) {
+      window.open(src);
+    },
+    getConstructionEquipmentFileList() {
+      getConstructionEquipmentFileListApi({
+        constructionEquipmentToolId: this.workDetail.id,
+        // projectSn: this.$store.state.projectSn,
+      }).then((res) => {
+        this.fileWorkList = res.result;
+      })
+    },
+
+    //关闭视频
+    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("暂无视频");
+      }
+    },
+    // 打印
+    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);
+    },
+    //生成 二维码
+    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
+      });
+    },
+    // 判断文件类型
+    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";
+    },
+    deleteRow(row) {
+      console.log(row)
+      this.$confirm('确定删除该行数据, 是否继续?', '提示', {
+        confirmButtonText: '确定',
+        cancelButtonText: '取消',
+        type: 'warning'
+      }).then(() => {
+        deleteConstructionEquipmentCheckApi({
+          id: row.id,
+          projectSn: this.projectSn
+        }).then((res) => {
+          this.$message({
+            type: 'success',
+            message: '删除成功!'
+          });
+          this.getDangerItemRecord()
+        })
+      }).catch(() => {
+        // this.$message({
+        //   type: 'info',
+        //   message: '已取消删除'
+        // });
+      });
+    },
+    // 删除文件
+    handleRemove(file, fileList, id) {
+      this.cardForm.attachment = fileList;
+    },
+    handleSuccess(res, file, id) {
+      if (res.status == "SUCCESS") {
+        this.cardForm.attachment = [{
+          name: file.name,
+          url: file.response.data[0].imageUrl,
+        }]
+      }
+    },
+    handleExceed() {
+      this.$message.warning("文件超出最大限制,请删除上份文件!");
+    },
+    //添加或编辑卡片
+    saveCardFn() {
+      this.$refs["cardForm"].validate((valid) => {
+        if (valid) {
+          const result = {
+            ...this.cardForm,
+            constructionEquipmentToolId: this.workDetail.id,
+            attachment: JSON.stringify(this.cardForm.attachment),
+            projectSn: this.$store.state.projectSn,
+          }
+          console.log(result);
+          if (this.isAdd == 1) {
+            // this.cardForm.floorId = this.currentFloorDetail.floorId
+            addConstructionEquipmentCheckApi(result).then((res) => {
+              this.cardDialog = false;
+              this.handleClose();
+              this.getDangerItemRecord()
+              this.$message.success(
+                this.$t("message.personnelPosition.add_success")
+              ); //添加成功！
+            });
+          } else if (this.isAdd == 2) {
+            editConstructionEquipmentCheckApi(result).then((res) => {
+              this.cardDialog = false;
+              this.handleClose();
+              this.getDangerItemRecord()
+              this.$message.success(
+                this.$t("message.personnelPosition.edit_success")
+              ); //编辑成功！
+            });
+          }
+        } else {
+          console.log("error submit!!");
+          return false;
+        }
+      });
+    },
+    downloadFn(row) {
+      // "http://42.180.188.17:11211/image/669b96b66b90a34a1aa4ec9c.jpg"
+      fetch(row.url).then((response) => {
+        // 处理响应
+        if (!response.ok) {
+          throw new Error("导出失败");
+        }
+        return response.blob();
+      }).then((blob) => {
+        console.log("导出成功");
+        // 创建一个下载链接
+        const url = window.URL.createObjectURL(blob);
+        // 创建一个<a>元素
+        const link = document.createElement("a");
+        link.href = url;
+        link.download = row.name; // 指定下载文件的文件名
+        // 模拟点击下载链接
+        document.body.appendChild(link);
+        link.click();
+        document.body.removeChild(link);
+        // 释放URL对象
+        window.URL.revokeObjectURL(url);
+      }).catch((error) => {
+        // 处理错误
+        console.error(error);
+      });
+      
+    },
+    previewFn(row){
+      this.dialogType = 2;
+      this.cardDialogTitle = "预览";
+      const videoList = [".mp4", ".avi", ".wmv"];
+      const every = videoList.every(item => {
+          return row.originName.indexOf(item) == -1;
+      });
+      console.log(every);
+      let src = row.fileUrl.includes('http://') ? row.fileUrl : this.$store.state.FILEURL + row.fileUrl;
+      this.previewUrl = every ? `https://ofd.xdocin.com/view?src=${encodeURIComponent(src)}` : src;
+      console.log(this.previewUrl);
+      this.cardDialog = true;
+    },
+    cancle() {
+      this.$emit("cancleSave");
+    },
+    isAddPoint(type, row) {
+      this.isAdd = type;
+      this.cardDialog = true;
+      this.dialogType = 1;
+      if (type == 1) {
+        this.initCardFormData();
+        this.$nextTick(() => {
+          this.$refs["cardForm"] && this.$refs["cardForm"].resetFields();
+        });
+        this.cardDialogTitle = this.$t("message.laborDev.add2");
+      } else if (type == 2) {
+        this.cardDialogTitle = this.$t("message.laborDev.btn_edit"); //编辑卡片
+        this.cardForm = {
+          ...row,
+        };
+      }
+    },
+    submit() {
+      // editDangerousEngineeringRecordApi({
+      //     id: this.detailData.id,
+      //     projectSn: this.projectSn
+      // }).then(res=>{
+      //     console.log(res)
+      //     if(res.code == 200){
+      //         this.$message.success("添加成功！")
+      //         // this.$emit('cancleSave')
+      //     }
+      // })
+    },
+    // 初始化
+    initCardFormData() {
+      this.cardForm = {
+        inspectionTime: "",
+        inspector: "",
+        inspectionUnit: "",
+        inspectionContent: "",
+        inspectionResult: "",
+        attachment: [],
+      };
+    },
+    // 关闭前执行
+    handleClose(done) {
+      if(this.dialogType == 1){
+        this.initCardFormData();
+        this.$refs["cardForm"].resetFields();
+      }
+      this.dialogType = -1;
+      
+      // console.log(this.$refs["cardForm"].resetFields())
+      if (done && typeof done === "function") {
+        done();
+      } else {
+        this.cardDialog = false;
+      }
+    },
+    getDangerItemRecord() {
+      let data = {
+        projectSn: this.projectSn,
+        inspectionResult: this.formInline.inspectionResult,
+        pageNo: this.pageNo,
+        pageSize: this.pageSize,
+      }
+      getConstructionEquipmentCheckPageApi(data).then((res) => {
+        if (res.code == 200) {
+
+          this.tableData = res.result.records.map(item => {
+            return {
+              ...item,
+              attachment: isJSON(item.attachment) && item.attachment != null ? JSON.parse(item.attachment) : [],
+            }
+          });
+          this.total = res.result.total;
+        }
+      })
+    },
+    //列表查询--右侧
+    onSubmit() {
+      this.getDangerItemRecord()
+    },
+    //获取列表数据
+    getCooperatorList() {
+      let data = {
+        projectSn: this.$store.state.projectSn,
+        pageNo: 1,
+        pageSize: -1,
+        // enterpriseTypeId: this.enterpriseTypeSelectId,
+      };
+      getCooperatorListApi(data).then((res) => {
+        if (res.code == 200) {
+          this.cooperatorList = res.result.records;
+        }
+      });
+    },
+    //查询选择人员下拉
+    getDutyPerson() {
+      let data = {
+        projectSn: this.$store.state.projectSn,
+        // isFilterQualityRegionEnterprise: 1
+      }
+      getWorkerInfoList(data).then(res => {
+        if (res.code == 200) {
+          this.workerListOptions = res.result.records
+          console.log('获取施工人员下拉', this.workerListOptions)
+        } else {
+          this.$message.error(res.message)
+        }
+      })
+    },
+    handleSizeChange() {
+      this.getDangerItemRecord();
+    },
+    handleCurrentChange() {
+      this.getDangerItemRecord();
+    },
+  },
+};
+</script>
+
+<style lang="less" scoped>
+.download {
+    color: #1684FC;
+    cursor: pointer;
+}
+/deep/ .el-tabs__nav-wrap::after {
+  display: none;
+}
+
+.border-top_1 {
+  border-top: 1px solid #eee;
+}
+
+.safety-table {
+  padding: 0 20px 10px 20px;
+
+  .el-row:first-child {
+    color: #868490;
+    padding-bottom: 8px;
+  }
+
+  .el-row:not(:first-child) {
+    padding: 8px 0;
+  }
+
+  .el-row {
+    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>