From 7d77f1f6a75c6ce5906e8ede2f47095c3bbb0a9f Mon Sep 17 00:00:00 2001
From: X_Rian <904416525@qq.com>
Date: Mon, 12 Aug 2024 18:48:54 +0800
Subject: [PATCH] =?UTF-8?q?flx=EF=BC=9A=E6=8F=90=E4=BA=A4=E5=8D=B1?=
 =?UTF-8?q?=E9=99=A9=E6=BA=90=E6=A8=A1=E5=9D=97?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/assets/js/api/hazardManage.js             |  11 +
 .../hazardManage/hazardRatingForm.vue         | 526 ++++++++++++++++++
 2 files changed, 537 insertions(+)
 create mode 100644 src/assets/js/api/hazardManage.js
 create mode 100644 src/views/projectFront/hazardManage/hazardRatingForm.vue

diff --git a/src/assets/js/api/hazardManage.js b/src/assets/js/api/hazardManage.js
new file mode 100644
index 00000000..c6bde4bb
--- /dev/null
+++ b/src/assets/js/api/hazardManage.js
@@ -0,0 +1,11 @@
+import {get, post } from '../http'
+
+// 危险源管理
+// 分页列表查询危险源、环境因素辨识评价表信息
+export const getDangerEnvironmentEvaluatePage = data => get('xmgl/dangerEnvironmentEvaluate/page', data);
+//添加危险源、环境因素辨识评价表信息
+export const getDangerEnvironmentEvaluateAdd = data => post('xmgl/dangerEnvironmentEvaluate/add', data);
+// 编辑危险源、环境因素辨识评价表信息
+export const getDangerEnvironmentEvaluateEdit = data => post('xmgl/dangerEnvironmentEvaluate/edit', data);
+// 删除危险源、环境因素辨识评价表信息
+export const getDangerEnvironmentEvaluateDelete = data => post('xmgl/dangerEnvironmentEvaluate/delete', data);
\ No newline at end of file
diff --git a/src/views/projectFront/hazardManage/hazardRatingForm.vue b/src/views/projectFront/hazardManage/hazardRatingForm.vue
new file mode 100644
index 00000000..b95c937f
--- /dev/null
+++ b/src/views/projectFront/hazardManage/hazardRatingForm.vue
@@ -0,0 +1,526 @@
+<template>
+    <div class="fullHeight">
+        <div class="searchBox whiteBlock">
+            <el-form :inline="true" size="medium" :model="searchForm" ref="searchForm">
+                <el-form-item label="编制人" prop="preparer">
+                    <el-input v-model="searchForm.preparer"
+                        :placeholder="$t('message.personnelPosition.please_enter')" clearable></el-input>
+                </el-form-item>
+
+                <el-form-item label="" prop="exampleProjectName">
+                    <el-radio-group v-model="searchForm.exampleProjectName">
+                        <el-radio :label="1">动态风险</el-radio>
+                        <el-radio :label="2">静态风险</el-radio>
+                    </el-radio-group>
+                </el-form-item>
+                <el-form-item>
+                    <!-- v-permission="{key: 'renovate', menuPath: '/project/constructionManage/deviceManage'}" -->
+                    <el-button type="primary" plain @click="loadCardData">
+                        {{ $t("message.personnelPosition.beaconManage.query") }}
+                    </el-button>
+                    <el-button type="warning" plain @click="resetForm">
+                        {{ $t("message.personnelPosition.beaconManage.refresh") }}
+                    </el-button>
+                    <el-button type="primary" @click="isAddPoint(1)"> 新增 </el-button>
+                </el-form-item>
+            </el-form>
+        </div>
+        <div class="table_wrap whiteBlock">
+            <el-table class="tables" :data="pointList">
+                <el-table-column type="index" width="50" align="center"
+                    :label="$t('message.personnelPosition.beaconManage.table.index')"></el-table-column>
+                <el-table-column prop="projectGroupName" label="项目组" align="center"></el-table-column>
+                <el-table-column prop="projectGroupName" label="辨识日期" align="center"></el-table-column>
+                <el-table-column prop="epcContractorName" label="编制人" align="center"></el-table-column>
+                <el-table-column prop="constructionUnitName" label="审批人" align="center"></el-table-column>
+                <el-table-column prop="attendanceSheetAttachment" label="附件(危险源、环境因素)" align="center">
+                    <template slot-scope="scope">
+                        <div class="download" @click="downloadFn(item)" v-for="item in scope.row.attendanceSheetAttachment"
+                            :key="item.uid">{{ item.name }}</div>
+                    </template>
+                </el-table-column>
+                <el-table-column prop="attendanceSheetAttachment" label="签到表附件" align="center">
+                    <template slot-scope="scope">
+                        <div class="download" @click="downloadFn(item)" v-for="item in scope.row.attendanceSheetAttachment"
+                            :key="item.uid">{{ item.name }}</div>
+                    </template>
+                </el-table-column>
+                <el-table-column prop="meetingPictures" label="会议图片" align="center">
+                    <template slot-scope="scope">
+                        <div class="download" @click="downloadFn(item)" v-for="item in scope.row.meetingPictures"
+                            :key="item.uid">{{ item.name }}</div>
+                    </template>
+                </el-table-column>
+                <el-table-column :label="$t('message.personnelPosition.beaconManage.table.operation')" align="center"
+                    width="250">
+                    <template slot-scope="scope">
+                        <div class="tableBtns">
+                            <div @click="isAddPoint(2, scope.row)" class="operationText">
+                                <img src="@/assets/images/icon-edit.png" width="15px" height="15px" />
+                                <span>{{
+                                    $t("message.personnelPosition.beaconManage.table.edit")
+                                }}</span>
+                            </div>
+                            <div @click="removePoint(scope.row)" class="operationText">
+                                <img src="@/assets/images/icon-delete.png" width="15px" height="15px" />
+                                <span>{{
+                                    $t("message.personnelPosition.beaconManage.table.delete")
+                                }}</span>
+                            </div>
+                        </div>
+                    </template>
+                </el-table-column>
+                <!-- <div slot="empty">{{$t('message.personnelPosition.empty')}}</div> -->
+            </el-table>
+            <el-pagination class="pagerBox" @size-change="handleSizeChange" @current-change="handleCurrentChange"
+                :current-page="pageNo" :page-sizes="$store.state.PAGESIZRS" :page-size="pageSize"
+                layout="total, sizes, prev, pager, next" :total="Number(total)" background></el-pagination>
+        </div>
+        <!-- 添加卡片弹框 -->
+        <el-dialog :modal-append-to-body="false" :title="cardDialogTitle" :visible.sync="cardDialog" width="667px"
+            :before-close="handleClose">
+            <div class="dialog_content">
+                <el-form size="medium" :model="cardForm" ref="cardForm" :rules="cardFormRules" label-width="125px"
+                    class="dialogFormBox">
+                    <el-form-item label="项目组" prop="projectTeam">
+                        <el-select v-model="cardForm.projectTeam"
+                            :placeholder="$t('message.personnelPosition.please_select')" filterable>
+                            <el-option :label="item.projectGroupName" :value="item.id"
+                                v-for="(item, index) in enterpriseTypeList" :key="index">
+                            </el-option>
+                        </el-select>
+                    </el-form-item>
+                    <el-form-item label="辨识日期" prop="identificationDate">
+                        <el-date-picker v-model="cardForm.identificationDate" type="date" placeholder="选择日期">
+                        </el-date-picker>
+                    </el-form-item>
+                    <el-form-item label="编辑人" prop="preparer">
+                        <el-select v-model="cardForm.preparer"
+                            :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="approver">
+                        <el-select v-model="cardForm.approver"
+                            :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="attachmentsFile">
+                        <el-upload class="upload-demo" name="files" :action="$store.state.UPLOADURL"
+                            :on-remove="(file, fileList) => handleRemove(file, fileList, 3)" :multiple="false"
+                            :on-success="(res, file) => handleSuccess(res, file, 3)"
+                            :file-list="cardForm.attachmentsFile" accept="*">
+                            <!-- .doc, .docx, .xls, .xlsx, .ppt, .pptx, .pdf -->
+                            <el-button type="primary"> 上传附件 </el-button>
+                        </el-upload>
+                    </el-form-item>
+                    <el-form-item label="签到表附件" prop="attendanceSheetAttachment">
+                        <el-upload class="upload-demo" name="files" :action="$store.state.UPLOADURL"
+                            :on-remove="(file, fileList) => handleRemove(file, fileList, 1)" :multiple="false"
+                            :on-success="(res, file) => handleSuccess(res, file, 1)"
+                            :file-list="cardForm.attendanceSheetAttachment" accept="*">
+                            <!-- .doc, .docx, .xls, .xlsx, .ppt, .pptx, .pdf -->
+                            <el-button type="primary"> 上传附件 </el-button>
+                        </el-upload>
+                    </el-form-item>
+                    <el-form-item label="会议图片" prop="meetingPictures">
+                        <el-upload class="upload-demo" name="files" :action="$store.state.UPLOADURL"
+                            :on-remove="(file, fileList) => handleRemove(file, fileList, 2)" :multiple="false"
+                            :on-success="(res, file) => handleSuccess(res, file, 2)"
+                            :file-list="cardForm.meetingPictures" accept=".png,.jpg,.jpeg">
+                            <!-- .doc, .docx, .xls, .xlsx, .ppt, .pptx, .pdf -->
+                            <el-button type="primary"> 上传附件 </el-button>
+                        </el-upload>
+                    </el-form-item>
+                    <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>
+                </el-form>
+            </div>
+        </el-dialog>
+    </div>
+</template>
+<script>
+import {
+    getDeviceUnitPage,
+    getProjectGroupPage,
+} from "@/assets/js/api/project";
+import {
+    getDangerEnvironmentEvaluatePage,
+    getDangerEnvironmentEvaluateAdd,
+    getDangerEnvironmentEvaluateEdit,
+    getDangerEnvironmentEvaluateDelete,
+} from "@/assets/js/api/hazardManage";
+import { getWorkerInfoList } from '@/assets/js/api/laborPerson.js'
+import { getCooperatorListApi } from "@/assets/js/api/cooperationUnit";
+import { isJSON } from "@/util/nowDate/index";
+export default {
+    data() {
+        return {
+            searchForm: {
+                preparer: "",
+                exampleProjectName: "",
+            },
+            pointList: [],
+            total: 0,
+            pageNo: 1,
+            pageSize: 10,
+            cardDialogTitle: "",
+            cardDialog: false,
+            cardForm: {},
+            contractingTypeList: [{
+                id: 1,
+                contractingName: "EPC",
+            }, {
+                id: 2,
+                contractingName: "E+P+C",
+            }], // 承包方式
+            technicalOperationList: [{
+                id: 1,
+                operationName: "土建",
+            }, {
+                id: 2,
+                operationName: "动设备",
+            }, {
+                id: 3,
+                operationName: "静设备",
+            }, {
+                id: 4,
+                operationName: "管道",
+            }, {
+                id: 5,
+                operationName: "电气",
+            }, {
+                id: 6,
+                operationName: "仪表",
+            }, {
+                id: 7,
+                operationName: "其它",
+            }], // 技术操作
+            cardFormRules: {
+                deviceUnitId: [
+                    {
+                        required: true,
+                        message: this.$t("message.personnelPosition.required"),
+                        trigger: "changer",
+                    },
+                ],
+                deviceUnitNo: [
+                    {
+                        required: true,
+                        message: this.$t("message.personnelPosition.required"),
+                        trigger: "blur",
+                    },
+                ],
+                exampleProjectName: [
+                    {
+                        required: true,
+                        message: this.$t("message.personnelPosition.required"),
+                        trigger: "blur",
+                    },
+                ],
+                technicalOperation: [
+                    {
+                        required: true,
+                        message: this.$t("message.personnelPosition.mandatory"),
+                        trigger: "change",
+                    },
+                ],
+                contractingType: [
+                    {
+                        required: true,
+                        message: this.$t("message.personnelPosition.mandatory"),
+                        trigger: "change",
+                    },
+                ],
+                projectTeam: [
+                    {
+                        required: true,
+                        message: this.$t("message.personnelPosition.mandatory"),
+                        trigger: "change",
+                    },
+                ],
+                identificationDate: [
+                    {
+                        required: true,
+                        message: this.$t("message.personnelPosition.mandatory"),
+                        trigger: "change",
+                    },
+                ],
+                preparer: [
+                    {
+                        required: true,
+                        message: this.$t("message.personnelPosition.mandatory"),
+                        trigger: "change",
+                    },
+                ],
+                approver: [
+                    {
+                        required: true,
+                        message: this.$t("message.personnelPosition.mandatory"),
+                        trigger: "change",
+                    },
+                ],
+            },
+            isAdd: -1,
+            deviceUnitList: [], // 设备信息
+            enterpriseTypeList: [], // 项目组
+            cooperatorList: [], // 所有企业信息
+            projectGroupUnitList: [], // 项目组下的所有承包商
+            supervisingUnitList: [], // 当前项目组下的监理单位
+            epcContractorList: [], // 当前项目组下的承包商
+            constructionUnitList: [], // 当前epc承包商下的施工承包商
+            initialFlag: true, // 初始化标识首次进入
+            workerListOptions: [], // 人员列表
+        };
+    },
+    created() {
+        this.initData();
+        this.projectGroupListFn();
+        this.getDutyPerson();
+    },
+    mounted() {
+        this.loadList();
+        this.loadCardData();
+        this.getCooperatorList();
+    },
+    methods: {
+        // 删除文件
+        handleRemove(file, fileList, type) {
+            const fileTypeMap = {
+                1: 'attendanceSheetAttachment',
+                2: 'meetingPictures',
+                3: 'attachmentsFile',
+            };
+            const key = fileTypeMap[type];
+            if (key) {
+                this.cardForm[key] = fileList;
+            }
+        },
+        handleSuccess(res, file, type) {
+            if (res.status == "SUCCESS") {
+                const fileTypeMap = {
+                    1: 'attendanceSheetAttachment',
+                    2: 'meetingPictures',
+                    3: 'attachmentsFile',
+                };
+                const key = fileTypeMap[type];
+                if (key) {
+                    this.cardForm[key].push({
+                        name: file.name,
+                        url: this.$store.state.FILEURL + file.response.data[0].imageUrl,
+                    });
+                }
+            }
+        },
+        // 初始化
+        initData() {
+            this.cardForm = {
+                preparer: "",
+                identificationDate: "",
+                approver: "",
+                projectTeam: "",
+                attachmentsFile: [],
+                attendanceSheetAttachment: [],
+                meetingPictures: [],
+                projectSn: this.$store.state.projectSn,
+            };
+        },
+        isAddPoint(type, item) {
+            this.isAdd = type;
+            this.initialFlag = true;
+            if (type == 1) {
+                this.initData();
+                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"); //编辑卡片
+                console.log(item);
+                this.cardForm = {
+                    ...item,
+                    attendanceSheetAttachment: item.attendanceSheetAttachment.map(ele => ele),
+                    meetingPictures: item.meetingPictures.map(ele => ele),
+                    attachmentsFile: item.attachmentsFile.map(ele => ele),
+                };
+            }
+
+            this.cardDialog = true;
+        },
+        removePoint(item) {
+            this.$confirm(
+                this.$t("message.personnelPosition.beaconManage.table.confirmText") +
+                "【" +
+                item.exampleProjectName +
+                "】?",
+                this.$t("message.personnelPosition.beaconManage.table.Tips"),
+                {
+                    type: "warning",
+                }
+            ).then(() => {
+                getDangerEnvironmentEvaluateDelete({ id: item.id }).then((res) => {
+                    this.loadCardData();
+                    this.$message.success(
+                        this.$t("message.personnelPosition.delete_success")
+                    ); //删除成功!
+                });
+            });
+        },
+        loadList() {
+            let param = {
+                projectSn: this.$store.state.projectSn,
+                pageNo: 1,
+                pageSize: -1,
+            };
+            getDeviceUnitPage(param).then((res) => {
+                this.deviceUnitList = res.result.records;
+            });
+        },
+        //获取卡片列表
+        loadCardData() {
+            getDangerEnvironmentEvaluatePage({
+                projectSn: this.$store.state.projectSn,
+                pageNo: this.pageNo,
+                pageSize: this.pageSize,
+                preparer: this.searchForm.preparer,
+                exampleProjectName: this.searchForm.exampleProjectName,
+            }).then((res) => {
+                this.pointList = res.result.records.map(item => {
+                    return {
+                        ...item,
+                        attendanceSheetAttachment: isJSON(item.attendanceSheetAttachment) ? JSON.parse(item.attendanceSheetAttachment) : [],
+                        meetingPictures: isJSON(item.meetingPictures) ? JSON.parse(item.meetingPictures) : [],
+                    }
+                });
+                this.total = res.result.total;
+            });
+        },
+        //添加或编辑卡片
+        saveCardFn() {
+            this.$refs["cardForm"].validate((valid) => {
+                if (valid) {
+                    const result = {
+                        ...this.cardForm,
+                        attendanceSheetAttachment: JSON.stringify(this.cardForm.attendanceSheetAttachment),
+                        meetingPictures: JSON.stringify(this.cardForm.meetingPictures),
+                        attachmentsFile: JSON.stringify(this.cardForm.attachmentsFile),
+                    }
+                    console.log(result, this.cardForm.attendanceSheetAttachment);
+                    if (this.isAdd == 1) {
+                        // this.cardForm.floorId = this.currentFloorDetail.floorId
+                        getDangerEnvironmentEvaluateAdd(result).then((res) => {
+                            this.cardDialog = false;
+                            this.loadCardData();
+                            this.$message.success(
+                                this.$t("message.personnelPosition.add_success")
+                            ); //添加成功！
+                        });
+                    } else if (this.isAdd == 2) {
+                        getDangerEnvironmentEvaluateEdit(result).then((res) => {
+                            this.cardDialog = false;
+                            this.loadCardData();
+                            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);
+            });
+        },
+        resetForm() {
+            this.$refs["searchForm"].resetFields();
+            this.loadCardData();
+        },
+        //查询选择人员下拉
+    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(val) {
+            this.pageSize = val;
+            this.loadCardData();
+        },
+        //查看页
+        handleCurrentChange(val) {
+            this.pageNo = val;
+            this.loadCardData();
+        },
+        // 关闭前执行
+        handleClose(done) {
+            this.$refs["cardForm"].resetFields();
+            this.epcContractorList = [];
+            this.constructionUnitList = [];
+            this.cardDialog = false;
+        },
+        //获取监理单位
+        projectGroupListFn() {
+            getProjectGroupPage({
+                projectSn: this.$store.state.projectSn,
+                pageNo: 1,
+                pageSize: -1,
+            }).then((res) => {
+                this.enterpriseTypeList = res.result.records;
+            });
+        },
+    },
+};
+</script>
+<style lang="less" scoped>
+.download {
+    color: #1684FC;
+    cursor: pointer;
+}
+</style>
+  
\ No newline at end of file