From e888346ebcd8e3e099a15c7edd7bf367c057193a Mon Sep 17 00:00:00 2001
From: zouyu <2723363702@qq.com>
Date: 星期二, 04 三月 2025 15:33:33 +0800
Subject: [PATCH] Merge branch 'refs/heads/dev'

---
 src/views/CNAS/systemManagement/measuresDealRisks/components/hazardIdentificationRiskAssessment.vue |  331 +++++++++++++++++++++++++++++++++++++++++++++++++++++++
 1 files changed, 331 insertions(+), 0 deletions(-)

diff --git a/src/views/CNAS/systemManagement/measuresDealRisks/components/hazardIdentificationRiskAssessment.vue b/src/views/CNAS/systemManagement/measuresDealRisks/components/hazardIdentificationRiskAssessment.vue
new file mode 100644
index 0000000..cdc0c7a
--- /dev/null
+++ b/src/views/CNAS/systemManagement/measuresDealRisks/components/hazardIdentificationRiskAssessment.vue
@@ -0,0 +1,331 @@
+<template>
+  <div style="padding: 10px">
+    <div class="header">
+      <span></span>
+      <div style="min-width: 200px">
+        <el-button type="primary" size="small" @click="addFun">鏂� 澧�</el-button>
+        <el-button type="primary" size="small" @click="approvalFun">瀹� 鎵�</el-button>
+        <el-button type="primary" size="small" @click="approveFun">鎵� 鍑�</el-button>
+        <el-upload style="display: inline-block; padding: 0 6px" :headers="uploadHeader" :action="action"
+          :on-error="onError" :show-file-list="false" :on-success="onSuccess">
+          <el-button size="small" type="primary">瀵� 鍏�</el-button>
+        </el-upload>
+        <el-button size="small" @click="openDownloadDia">瀵煎嚭</el-button>
+      </div>
+    </div>
+    <el-table :data="tableData" style="width: 100%" height="calc(100vh - 18em)" key="table1">
+      <el-table-column type="index" label="搴忓彿" width="120">
+        <template v-slot="scope">
+          <span>{{ (page.current - 1) * page.size + scope.$index + 1 }}</span>
+        </template>
+      </el-table-column>
+      <el-table-column prop="venue" label="鍦扮偣/娲诲姩" min-width="180"></el-table-column>
+      <el-table-column prop="hazard" label="鍗遍櫓鍥犵礌" width="testDate" min-width="180"></el-table-column>
+      <el-table-column prop="accidents" label="鍙兘瀵艰嚧鐨勪簨鏁�" min-width="180"></el-table-column>
+      <el-table-column prop="injury" label="瀵逛汉鍙兘閫犳垚鐨勫嵄瀹�" min-width="180"></el-table-column>
+      <el-table-column label="椋庨櫓璇勪环" align="center" min-width="180">
+        <template>
+          <el-table-column prop="riskL" label="L" min-width="80"></el-table-column>
+          <el-table-column prop="riskE" label="E" min-width="80"></el-table-column>
+          <el-table-column prop="riskC" label="C" min-width="80"></el-table-column>
+          <el-table-column prop="riskD" label="D" min-width="80"></el-table-column>
+        </template>
+      </el-table-column>
+      <el-table-column prop="level" label="椋庨櫓绛夌骇" min-width="180"></el-table-column>
+      <el-table-column prop="measures" label="鎺у埗鎺柦" min-width="180"></el-table-column>
+      <el-table-column prop="editorName" label="缂栧埗浜哄鍚�" min-width="180"></el-table-column>
+      <el-table-column prop="editorDate" label="缂栧埗鏃ユ湡" min-width="180"></el-table-column>
+      <el-table-column prop="approvalName" label="瀹℃壒浜哄鍚�" min-width="180"></el-table-column>
+      <el-table-column prop="approvalDate" label="瀹℃壒鏃ユ湡" min-width="180"></el-table-column>
+      <el-table-column prop="approvalStatus" label="瀹℃壒鐘舵��" min-width="180">
+        <template #default="{ row }">
+          {{ row.approvalStatus === 1 ? '閫氳繃' : row.approvalStatus === 2 ? '涓嶉�氳繃' : '' }}
+        </template>
+      </el-table-column>
+      <el-table-column prop="approveName" label="鎵瑰噯浜哄鍚�" min-width="180"></el-table-column>
+      <el-table-column prop="approveStatus" label="鎵瑰噯鐘舵��" min-width="180">
+        <template #default="{ row }">
+          {{ row.approveStatus === 1 ? '閫氳繃' : row.approveStatus === 2 ? '涓嶉�氳繃' : '' }}
+        </template>
+      </el-table-column>
+      <el-table-column prop="approveDate" label="鎵瑰噯鏃ユ湡" min-width="180"></el-table-column>
+      <el-table-column fixed="right" label="鎿嶄綔" width="100">
+        <template v-slot="scope">
+          <el-button type="text" size="small" @click="editClick(scope.row)">缂栬緫</el-button>
+          <el-button @click="deleteClick(scope.row)" type="text" size="small">鍒犻櫎</el-button>
+        </template>
+      </el-table-column>
+    </el-table>
+    <el-pagination :current-page="1" :page-size="page.size" :page-sizes="[10, 20, 30, 50, 100]" :total="page.total"
+      layout="->,total, sizes, prev, pager, next, jumper" @size-change="handleSizeChange"
+      @current-change="handleCurrentChange">
+    </el-pagination>
+    <el-dialog title="鎻愮ず" :visible.sync="dialogVisible" width="50%">
+      <el-form ref="form" :model="form" label-width="120px">
+        <el-row>
+          <el-col :span="12">
+            <el-form-item label="鍦扮偣/娲诲姩">
+              <el-input v-model="form.venue" size="small"></el-input>
+            </el-form-item>
+          </el-col>
+          <el-col :span="12">
+            <el-form-item label="鍗遍櫓鍥犵礌">
+              <el-input v-model="form.hazard" size="small"></el-input>
+            </el-form-item>
+          </el-col>
+          <el-col :span="12">
+            <el-form-item label="鍙兘瀵艰嚧鐨勪簨鏁�">
+              <el-input v-model="form.accidents" size="small"></el-input>
+            </el-form-item>
+          </el-col>
+          <el-col :span="12">
+            <el-form-item label="瀵逛汉鍙兘閫犳垚鐨勫嵄瀹�" label-width="140px">
+              <el-input v-model="form.injury" size="small"></el-input>
+            </el-form-item>
+          </el-col>
+          <el-col :span="12">
+            <el-form-item label="椋庨櫓璇勪环/L">
+              <el-input v-model="form.riskL" size="small"></el-input>
+            </el-form-item>
+          </el-col>
+          <el-col :span="12">
+            <el-form-item label="椋庨櫓璇勪环/E">
+              <el-input v-model="form.riskE" size="small"></el-input>
+            </el-form-item>
+          </el-col>
+          <el-col :span="12">
+            <el-form-item label="椋庨櫓璇勪环/C">
+              <el-input v-model="form.riskC" size="small"></el-input>
+            </el-form-item>
+          </el-col>
+          <el-col :span="12">
+            <el-form-item label="椋庨櫓璇勪环/D">
+              <el-input v-model="form.riskD" size="small"></el-input>
+            </el-form-item>
+          </el-col>
+          <el-col :span="12">
+            <el-form-item label="椋庨櫓绛夌骇">
+              <el-input v-model="form.level" size="small"></el-input>
+            </el-form-item>
+          </el-col>
+          <el-col :span="12">
+            <el-form-item label="鎺у埗鎺柦">
+              <el-input v-model="form.measures" size="small"></el-input>
+            </el-form-item>
+          </el-col>
+        </el-row>
+      </el-form>
+      <span slot="footer" class="dialog-footer">
+        <el-button @click="dialogVisible = false">鍙� 娑�</el-button>
+        <el-button type="primary" @click="addApi" :loading="loading">纭� 瀹�</el-button>
+      </span>
+    </el-dialog>
+  </div>
+</template>
+
+<script>
+import { getToken } from "@/utils/auth";
+import {
+  getPageResults,
+  dangerousRiskApproval,
+  hazardIdentificationAndRiskApproval,
+  removeRiskFactors,
+  addNewRiskFactors,
+  exportHazardFactorIdentification,
+} from '@/api/cnas/systemManagement/measuresDealRisks.js'
+import { mapGetters } from "vuex";
+export default {
+  data() {
+    return {
+      dialogVisible: false,
+      form: {},
+      page: {
+        total: 0,
+        size: 10,
+        current: 1,
+      },
+      tableData: [],
+      loading: false
+    }
+  },
+  computed: {
+    action() {
+      return this.javaApi + '/manageRiskAssessmentResults/riskAssessmentImport'
+    },
+    ...mapGetters(["userId"]),
+  },
+  methods: {
+    handleSizeChange(val) {
+      this.page.size = val;
+      this.initData();
+    },
+    handleCurrentChange(val) {
+      this.page.current = val;
+      this.initData();
+    },
+    // 鍒嗛〉琛ㄦ牸鍒濆鍖�
+    initData() {
+      this.tableData = []
+      getPageResults(this.page).then(res => {
+        if (res.code === 201) return;
+        this.tableData = res.data.records;
+        this.page.total = res.data.total;
+      });
+    },
+    // 瀹℃壒
+    approvalFun() {
+      this.$confirm('鏄惁瀹℃壒閫氳繃?', '鎻愮ず', {
+        confirmButtonText: '閫氳繃',
+        cancelButtonText: '涓嶉�氳繃',
+        type: 'warning',
+        closeOnClickModal: false, // 绂佹鐐瑰嚮閬僵灞傚叧闂�
+        distinguishCancelAndClose: true,
+        beforeClose: (action, instance, done) => {
+          if (action === 'confirm') {
+            this.approvalApi(this.userId, 1)
+            done();
+          } else if (action === 'cancel') {
+            this.approvalApi(this.userId, 2)
+            done();
+          } else if (action === 'close') {
+            // 鐐瑰嚮鈥溍椻�濇寜閽紝涓嶅厑璁稿叧闂�
+            done();
+          }
+        }
+      })
+    },
+    // 瀹℃壒鎺ュ彛
+    approvalApi(userId, status) {
+      dangerousRiskApproval({ approval: userId, status: status }).then(res => {
+        if (res.code === 201) return;
+        this.initData()
+        this.$message({
+          type: 'success',
+          message: '鎿嶄綔鎴愬姛!'
+        });
+      });
+    },
+    // 鎵瑰噯
+    approveFun() {
+      this.$confirm('鏄惁鎵瑰噯閫氳繃?', '鎻愮ず', {
+        confirmButtonText: '閫氳繃',
+        cancelButtonText: '涓嶉�氳繃',
+        type: 'warning',
+        closeOnClickModal: false, // 绂佹鐐瑰嚮閬僵灞傚叧闂�
+        distinguishCancelAndClose: true,
+        beforeClose: (action, instance, done) => {
+          if (action === 'confirm') {
+            this.approveApi(this.userId, 1)
+            done();
+          } else if (action === 'cancel') {
+            this.approveApi(this.userId, 2)
+            done();
+          } else if (action === 'close') {
+            // 鐐瑰嚮鈥溍椻�濇寜閽紝涓嶅厑璁稿叧闂�
+            done();
+          }
+        }
+      })
+    },
+    // 鎵瑰噯鎺ュ彛
+    approveApi(userId, status) {
+      hazardIdentificationAndRiskApproval({ approve: userId, status: status }).then(res => {
+        if (res.code === 201) return;
+        this.initData()
+        this.$message({
+          type: 'success',
+          message: '鎿嶄綔鎴愬姛!'
+        });
+      });
+    },
+    // 鏂囦欢涓婁紶澶辫触
+    onError() {
+      this.$message({
+        type: 'error',
+        message: '鎿嶄綔澶辫触!'
+      });
+    },
+    // 鏂囦欢涓婁紶鎴愬姛
+    onSuccess(response) {
+      if (response.code == 201) {
+        this.$message({
+          type: 'error',
+          message: response.message,
+        });
+        return
+      }
+      this.initData()
+      this.$message({
+        type: 'success',
+        message: '鎿嶄綔鎴愬姛!'
+      });
+    },
+    addFun() {
+      this.form = {}
+      this.dialogVisible = true
+    },
+    // 鍒犻櫎
+    deleteClick(row) {
+      this.$confirm('姝ゆ搷浣滃皢姘镐箙鍒犻櫎璇ユ暟鎹�, 鏄惁缁х画?', '鎻愮ず', {
+        confirmButtonText: '纭畾',
+        cancelButtonText: '鍙栨秷',
+        type: 'warning'
+      }).then(() => {
+        removeRiskFactors({ id: row.id }).then(res => {
+          if (res.code === 201) return;
+          this.initData()
+          this.$message({
+            type: 'success',
+            message: '鎿嶄綔鎴愬姛!'
+          });
+        });
+      }).catch(() => {
+        this.$message({
+          type: 'info',
+          message: '宸插彇娑堝垹闄�'
+        });
+      });
+    },
+    addApi() {
+      this.loading = true
+      addNewRiskFactors(this.form).then(res => {
+        if (res.code === 201) return;
+        this.dialogVisible = false
+        this.loading = false
+        this.initData()
+        this.$message({
+          type: 'success',
+          message: '鎿嶄綔鎴愬姛!'
+        });
+      }).catch(err => {
+        this.loading = false
+      });
+    },
+    // 缂栬緫
+    editClick(row) {
+      this.form = { ...row }
+      this.dialogVisible = true
+    },
+    // 瀵煎嚭
+    openDownloadDia() {
+      exportHazardFactorIdentification().then(res => {
+        this.outLoading = false
+        const blob = new Blob([res], { type: 'application/msword' });
+        this.$download.saveAs(blob, '鍗遍櫓鍥犵礌杈ㄨ瘑涓庨闄╄瘎浠风粨鏋滀竴瑙�' + '.docx');
+      })
+    },
+  },
+  mounted() {
+    this.initData()
+  },
+}
+</script>
+
+<style scoped>
+.header {
+  height: 3em;
+  width: 100%;
+  display: flex;
+  justify-content: space-between;
+}
+</style>

--
Gitblit v1.9.3