zdqy_firm_former/src/views/platform/risk/riskDetail.vue

<template>
  <div>
    <el-dialog
      :title="title"
      center
      :visible.sync="dialogVisible"
      width="90%"
      append-to-body
      top
      style="margin-top: 5vh"
      :close-on-click-modal="false"
      :show-close="false"
      :close-on-press-escape="false"
    >
      <div v-loading="loading" class="contain">
        <div class="info">
          <div class="item">
            <span>部门：</span>
            <ibps-user-selector
              v-model="position"
              style="width: 60%"
              type="position"
              readonly-text="text"
              :disabled="readonly"
              :multiple="false"
              size="mini"
              :filter="filter"
              filtrate
            />
          </div>
          <div class="item">
            <span>评估人：</span>
            <ibps-user-selector
              style="width: 60%"
              type="user"
              :value="userId"
              readonly-text="text"
              :disabled="true"
              :multiple="false"
              size="mini"
            />
          </div>
          <div class="item">
            <span>编制时间：</span>
            <el-date-picker
              v-model="time"
              type="datetime"
              placeholder="未编制"
              :disabled="readonly"
              value-format="yyyy-MM-dd HH:mm:ss"
              size="mini"
            />
          </div>
        </div>
        <el-alert
          title="说明"
          type="success"
          :closable="false"
          :description="descriptionContent"
        />
        <div class="tab">
          <el-tabs v-model="activeName">
            <el-tab-pane
              v-for="item in content.filter((i) => !!!i.hide)"
              :key="item.label"
              :label="item.label"
              :name="item.label"
            >
              <div class="content">
                <div class="left">
                  <pre>{{ item.value }}</pre>
                </div>
                <div
                  v-if="
                    activeName === '风险等级及应对措施说明' && muban === '1'
                  "
                  class="right"
                >
                  <el-image
                    style="width: 100%; height: 100%"
                    :src="photo"
                    fit="contain"
                    :preview-src-list="[photo]"
                    alt="风险矩阵参照图"
                  />
                </div>
              </div>
            </el-tab-pane>
          </el-tabs>
        </div>
        <el-alert
          title=""
          type="success"
          :closable="false"
          description="风险应对选择风险降低后，需要填写对应的措施制定人，以便开启后续部门风险改进记录流程"
        />
        <div class="choose">
          <span>选择风险项：</span>
          <!-- 模版弹窗 -->
          <ibps-custom-dialog
            v-model="form.xuan_ze_feng_xian"
            size="mini"
            template-key="fxkdhk"
            multiple
            type="dialog"
            class="custom-dialog"
            placeholder="请选择风险项"
            style="width: 80%"
            icon="el-icon-search"
            :disabled="readonly === 0 ? true : readonly"
          />
        </div>
        <div class="table">
          <el-alert
            style="margin-bottom: 12px"
            title=""
            type="success"
            :closable="false"
            description="提示：可以拖动表格数据进行排序"
          />
          <el-table ref="eltable1" :data="tableList" border>
            <el-table-column
              prop=""
              label="序号"
              type="index"
              width="50"
              :index="showIndex"
            />
            <el-table-column
              prop="yao_su_tiao_kuan_"
              label="要素条款"
              width="120"
            />
            <el-table-column
              prop="gong_zuo_huan_jie"
              label="工作环节"
              width="150"
            >
              <template slot-scope="{ row }">
                <el-input
                  v-model="row.gong_zuo_huan_jie"
                  type="textarea"
                  :rows="2"
                  size="mini"
                  :disabled="readonly"
                />
              </template>
            </el-table-column>
            <!-- <el-table-column
                            prop="gong_zuo_miao_shu"
                            label="工作描述"
                            width="150"
                        >
                            <template slot-scope="{row}">
                                <el-input v-model="row.gong_zuo_miao_shu" type="textarea" :rows="2" size="mini" :readonly="readonly" />
                            </template>
                        </el-table-column> -->
            <el-table-column
              prop="feng_xian_miao_sh"
              label="风险描述"
              width="150"
            >
              <template slot-scope="{ row }">
                <el-input
                  v-model="row.feng_xian_miao_sh"
                  type="textarea"
                  :rows="2"
                  size="mini"
                  :disabled="readonly"
                />
              </template>
            </el-table-column>
            <el-table-column
              prop="xian_xing_kong_zh"
              label="现行控制方法"
              width="150"
            >
              <template slot-scope="{ row }">
                <el-input
                  v-model="row.xian_xing_kong_zh"
                  type="textarea"
                  :rows="2"
                  size="mini"
                  :disabled="readonly"
                />
              </template>
            </el-table-column>
            <el-table-column
              prop="yan_zhong_cheng_d"
              label="严重程度"
              width="100"
            >
              <template slot-scope="{ row }">
                <el-select
                  v-model="row.yan_zhong_cheng_d"
                  placeholder="请选择"
                  :disabled="readonly"
                  size="mini"
                  @change="culRate(row)"
                >
                  <el-option
                    v-for="item in yan_zhong_cheng_d_List"
                    :key="item"
                    :label="item"
                    :value="item"
                  />
                </el-select>
              </template>
            </el-table-column>
            <el-table-column
              prop="fa_sheng_pin_du_"
              label="发生频度"
              width="100"
            >
              <template slot-scope="{ row }">
                <el-select
                  v-model="row.fa_sheng_pin_du_"
                  placeholder="请选择"
                  :disabled="readonly"
                  size="mini"
                  @change="culRate(row)"
                >
                  <el-option
                    v-for="item in fa_sheng_pin_du_List"
                    :key="item"
                    :label="item"
                    :value="item"
                  />
                </el-select>
              </template>
            </el-table-column>
            <el-table-column
              v-if="muban === '2'"
              prop="ke_jian_ce_du_"
              label="可检测度"
              width="100"
            >
              <template slot-scope="{ row }">
                <el-select
                  v-model="row.ke_jian_ce_du_"
                  placeholder="请选择"
                  :disabled="readonly"
                  size="mini"
                  @change="culRate(row)"
                >
                  <el-option
                    v-for="item in ke_jian_ce_du_List"
                    :key="item"
                    :label="item"
                    :value="item"
                  />
                </el-select>
              </template>
            </el-table-column>
            <el-table-column
              prop="feng_xian_zhi_shu"
              label="风险系数"
              width="70"
            />
            <el-table-column
              prop="feng_xian_deng_ji"
              label="风险等级"
              width="100"
            />
            <el-table-column
              prop="feng_xian_ying_du"
              label="风险应对"
              width="120"
            >
              <template slot-scope="{ row }">
                <el-select
                  v-model="row.feng_xian_ying_du"
                  placeholder="请选择"
                  :disabled="readonly"
                  size="mini"
                >
                  <el-option
                    v-for="item in riskResponse"
                    :key="item"
                    :label="item"
                    :value="item"
                  />
                </el-select>
              </template>
            </el-table-column>
            <el-table-column
              prop="qian_zai_yuan_yin"
              label="潜在原因分析"
              width="150"
            >
              <template slot-scope="{ row }">
                <el-input
                  v-model="row.qian_zai_yuan_yin"
                  type="textarea"
                  :rows="2"
                  size="mini"
                  :disabled="readonly"
                />
              </template>
            </el-table-column>
            <el-table-column
              prop="ni_cai_qu_cuo_shi"
              label="拟采取控制措施"
              width="150"
            >
              <template slot-scope="{ row }">
                <el-input
                  v-model="row.ni_cai_qu_cuo_shi"
                  type="textarea"
                  :rows="2"
                  size="mini"
                  :disabled="readonly"
                />
              </template>
            </el-table-column>
            <el-table-column
              prop="zhi_ding_ren_"
              label="措施制定人"
              width="100"
            >
              <template slot-scope="{ row }">
                <ibps-user-selector
                  v-model="row.zhi_ding_ren_"
                  type="user"
                  readonly-text="text"
                  :disabled="readonly"
                  :multiple="true"
                  size="mini"
                  :filter="filter"
                  filtrate
                />
              </template>
            </el-table-column>
          </el-table>
        </div>

        <!-- <el-pagination
                    style="margin-top: 5px; padding-bottom: 10px"
                    :current-page="pagination.currentPage"
                    :page-sizes="[10, 20,30, 50]"
                    :page-size="pagination.pageSize"
                    layout="prev,pager,next,jumper,sizes,->,total"
                    :total="categoryList.length"
                    @size-change="handleSizeChange"
                    @current-change="handleCurrentChange"
                /> -->
      </div>

      <span slot="footer" class="dialog-footer">
        <el-button
          v-if="!readonly"
          type="primary"
          size="mini"
          icon="el-icon-takeaway-box"
          @click="save"
          >保 存</el-button
        >
        <el-button
          v-if="!readonly"
          type="primary"
          size="mini"
          icon="el-icon-finished"
          @click="submit"
          >提 交</el-button
        >
        <el-button
          size="mini"
          icon="ibps-icon-close"
          type="danger"
          @click="close"
          >退 出</el-button
        >
      </span>
    </el-dialog>
  </div>
</template>

<script>
import { getSetting } from '@/utils/query'
import dayjs from 'dayjs'
import ibpsUserSelector from '@/business/platform/org/selector'
import { getImage } from '@/api/platform/file/attachment'
import sortableJs from '@/mixins/sortable'
import Sortable from 'sortablejs'
export default {
  mixins: [sortableJs],
  components: {
    ibpsUserSelector,
    IbpsCustomDialog: () =>
      import('@/business/platform/data/templaterender/custom-dialog')
  },
  props: {
    culWays: {
      type: Object,
      default: () => ({})
    }
  },
  data() {
    const { userId, position, level } = this.$store.getters
    return {
      filter: [
        {
          descVal: '1',
          includeSub: true,
          old: 'position',
          partyId: this.$store.getters.userInfo.employee.positions,
          partyName: '',
          scriptContent: '',
          type: 'user',
          userType: 'position'
        }
      ],
      tkey: 1,
      form: {
        xuan_ze_feng_xian: ''
      },
      activeName: '风险等级及应对措施说明',
      content: [
        { label: '严重程度分级描述', value: '/' },
        { label: '发生概率分级表说明', value: '/' },
        { label: '事件可检测度描述', value: '/' },
        {
          label: '风险等级及应对措施说明',
          value: `未找到配置数据，使用默认配置：
低：可保持已有的安全措施。
中：需采取有效措施对风险进行控制。
高：需采取有效措施对风险进行控制。
极高：需采取有效措施对风险进行控制。`
        }
      ],
      fengXianDengJi2: {
        label: '风险等级及应对措施说明',
        value: `未找到配置数据，使用默认配置：
可忽略的:1-8，稍有危险，可以接受。
可接受的:9-27，一般危险，需要注意。
中度的:28-63，显著危险，需要整改。
重大的:64-99，高度危险，需立即整改。
不可接受的:100-125，极其危险，不能继续作业。`
      },
      fengXianDengJi3: {
        label: '风险等级及应对措施说明',
        value: `未找到配置数据，使用默认配置：
低风险:1-4，风险较低,当采取措施消除风险引起的成本比风险本身引起的损失较大时，接受风险。
中风险:5-11，可采取措施降低风险或风险规避。
高风险:12-25，应采取措施规避或降低风险。`
      },
      yan_zhong_cheng_d_List: ['1', '2', '3', '4', '5'],
      fa_sheng_pin_du_List: ['1', '2', '3', '4', '5'],
      ke_jian_ce_du_List: ['1', '2', '3', '4', '5'],
      userId: userId,
      position: position,
      level: level.second || level.first,
      time: dayjs().format('YYYY-MM-DD HH:mm:ss'),
      params: {},
      rowParams: {},
      refresh: true,
      loading: false,
      title: '',
      pagination: {
        pageSize: 10,
        currentPage: 1
      },
      dialogVisible: false,
      tableList: [],
      Ids: [],
      fengXianJiSuan: [],
      muban: '2',
      leixing: '安全',
      riskResponse: ['风险降低', '风险接受', '风险回避']
    }
  },
  computed: {
    photo() {
      return getImage('risk_fxjz') // 风险矩阵参照图
    },
    descriptionContent() {
      const msg1 = `1.当前风险系数计算公式为模板一：'${
        this.culWays[this.muban]
      }'。2.风险等级由严重程度和发生频度组成的坐标值映射成为矩阵坐标。`
      const msg2 = `1.当前风险系数计算公式为模板二：'${
        this.culWays[this.muban]
      }'。2.风险系数 RPN = Severity(严重度) × Occurrence(发生度）× Likelihood of Detection(检测度)。`
      const msg3 = `1.当前风险系数计算公式为模板三：'${
        this.culWays[this.muban]
      }'。2.风险系数 RPN = Severity(严重程度) × Possibility(发生的可能性）。`
      switch (this.muban) {
        case '1':
          return msg1
        case '2':
          return msg2
        case '3':
          return msg3
        default:
          break
      }
      return msg1
    },
    showPaperList() {
      const start = (this.pagination.currentPage - 1) * this.pagination.pageSize
      const end = start + this.pagination.pageSize
      return this.categoryList.slice(start, end)
    },
    readonly() {
      if (this.rowParams.bian_zhi_ren_) {
        return true
      } else {
        if (this.tableList.length) {
          return this.tableList.every(
            (item) => item.shi_fou_guo_shen_ === '已完成'
          )
        } else {
          return false
        }
      }
    }
  },
  watch: {
    params: {
      handler(val) {
        console.log('params')
        this.getTableData()
      }
    },
    rowParams: {
      handler(val) {
        console.log('rowParams')
        this.getTableData()
      }
    },
    'form.xuan_ze_feng_xian': {
      handler(data) {
        this.loading = true
        const order = data.replace(/,/g, "','")
        // const sql = `select * from t_fxkzb where find_in_set(id_ , '${data}') ORDER BY FIELD(id_, '${order}')`
        this.$common
          .request('query', {
            key: 'getRiskLibraryData',
            params: [data, order]
          })
          .then((response) => {
            let data1 = []
            if (
              response.variables != null &&
              response.variables.data != null &&
              response.variables.data.length > 0
            ) {
              data1 = response.variables.data
              // console.log(data1)
              for (const item of data1) {
                const chongfu = this.tableList.find(
                  (i) => i.shi_bie_xiang_ === item.id_
                )
                if (!chongfu) {
                  this.tableList.push({
                    di_dian_: this.level,
                    bian_zhi_ren_: this.userId,
                    bian_zhi_bu_men_: this.position,
                    bian_zhi_shi_jian: this.time,
                    parent_id_: this.params.id_,

                    shi_bie_xiang_: item.id_,
                    yao_su_tiao_kuan_: item.tiao_kuan_,
                    gong_zuo_huan_jie: item.huan_jie_,
                    // gong_zuo_miao_shu: item.gong_zuo_miao_shu,
                    feng_xian_miao_sh: item.feng_xian_miao_sh,

                    xian_xing_kong_zh: item.gong_zuo_miao_shu,
                    ni_cai_qu_cuo_shi: '',
                    zhi_ding_ren_: '',
                    qian_zai_yuan_yin: ''
                  })
                }
              }
            }
            this.tableList.forEach((item) => {
              const cunZai = data1.find((i) => i.id_ === item.shi_bie_xiang_)
              if (!cunZai) {
                this.tableList = this.tableList.filter(
                  (ii) => ii.shi_bie_xiang_ !== item.shi_bie_xiang_
                )
              }
            })
            this.loading = false
          })
      }
    }
  },
  async mounted() {
    const riskResponse = await getSetting('risk', 'riskResponse')
    if (this.$utils.isNotEmpty(riskResponse)) {
      this.riskResponse = riskResponse
    }
  },
  methods: {
    // 初始化拖拽排序
    initSortable() {
      // 获取表格的tbody元素
      console.log(this.$refs)
      const el = this.$refs.eltable1.$el.querySelectorAll(
        '.el-table__body-wrapper > table > tbody'
      )[0]
      this.sortable = new Sortable(el, {
        // 拖拽时的类名
        ghostClass: 'sortable-ghost',
        // 拖拽动画时间
        animation: 150,
        // 结束拖拽时的回调
        onEnd: this.sortableEnd
      })
    },
    sortableEnd(evt) {
      const { oldIndex, newIndex } = evt
      // 复制原数组
      const newData = [...this.tableList]
      // 操作副本
      const movedItem = newData.splice(oldIndex, 1)[0]
      newData.splice(newIndex, 0, movedItem)
      // 重新赋值（引用变化，触发更新）
      this.tableList = []
      this.$nextTick(() => {
        // 确保数据已更新到DOM
        this.tableList = newData // 可结合表格自身的强制更新
      })
      // this.$forceUpdate()
      // const { oldIndex, newIndex } = evt
      // const temData = JSON.parse(JSON.stringify(this.tableList))
      // // 处理数据交换
      // const currRow = temData.splice(oldIndex, 1)[0]
      // temData.splice(newIndex, 0, currRow)
      // console.log(
      //   'temData==>',
      //   temData.map((t) => t.yao_su_tiao_kuan_)
      // )
      // this.tableList = temData
      // this.$nextTick(() => {
      //   this.$refs.eltable1.doLayout()
      // })
    },
    async getTableData() {
      this.loading = true
      // console.log(this.params)
      if (!this.params.id_) return
      // const sql = `select * from t_fxsbpgb2 where parent_id_ = '${this.params.id_}' and find_in_set(bian_zhi_ren_, '${this.readonly ? this.rowParams.bian_zhi_ren_ : this.userId}')`
      const params = [
        this.params.id_,
        this.readonly ? this.rowParams.bian_zhi_ren_ : this.userId
      ]
      const {
        variables: { data }
      } = await this.$common.request('query', {
        key: 'getFxsbpgb2ByUid',
        params
      })
      if (data.length > 0) {
        // console.log('data', data)
        this.position = data[0].bian_zhi_bu_men_
        this.userId = data[0].bian_zhi_ren_
        this.time = data[0].bian_zhi_shi_jian
        this.form.xuan_ze_feng_xian = data[0].xuan_ze_feng_xian
        this.tableList = data
        this.tableList.forEach((i) => {
          if (!Object.hasOwn(i, 'qian_zai_yuan_yin')) i.qian_zai_yuan_yin = ''
        })
        // 存储原始数据的 id 数组
        this.Ids = this.tableList.map((item) => item.shi_bie_xiang_)
      } else {
        if (this.rowParams.bian_zhi_ren_) {
          this.position = this.rowParams.bian_zhi_bu_men_
          this.userId = this.rowParams.bian_zhi_ren_
          this.time = ''
        }
        this.tableList = []
        this.Ids = []
      }
      this.muban = this.params.ji_suan_fang_shi_
      this.leixing = this.params.feng_xian_lei_xin
      if (this.muban === '2') {
        this.content[3] = this.fengXianDengJi2
      } else if (this.muban === '3') {
        this.content[3] = this.fengXianDengJi3
      }
      // 获取风险等级相关
      // const degreeSql = `select feng_xian_lei_xin,yan_zhong_cheng_d, fen_ji_, miao_shu_ FROM t_yzcdfjbzb WHERE zi_fen_lei_ ='严重程度' and di_dian_ = '${this.level}' and mo_ban_fen_lei_='${this.muban}' and feng_xian_lei_xin='${this.leixing}' ORDER BY fen_ji_ ASC`
      // const gailvSql = `select feng_xian_lei_xin,yan_zhong_cheng_d, fen_ji_, miao_shu_ FROM t_yzcdfjbzb WHERE zi_fen_lei_ ='发生概率' and di_dian_ = '${this.level}' and mo_ban_fen_lei_='${this.muban}' and feng_xian_lei_xin='${this.leixing}' ORDER BY fen_ji_ ASC`
      // const dengjiSql = `select feng_xian_lei_xin,yan_zhong_cheng_d, fen_ji_, miao_shu_ FROM t_yzcdfjbzb WHERE zi_fen_lei_ ='风险等级' and di_dian_ = '${this.level}' and mo_ban_fen_lei_='${this.muban}' and feng_xian_lei_xin='${this.leixing}'`
      // const jianCeSql = `select feng_xian_lei_xin,yan_zhong_cheng_d, fen_ji_, miao_shu_ FROM t_yzcdfjbzb WHERE zi_fen_lei_ ='可检测度' and di_dian_ = '${this.level}' and mo_ban_fen_lei_='${this.muban}' and feng_xian_lei_xin='${this.leixing}' ORDER BY fen_ji_ ASC`
      Promise.all([
        this.$common.request('query', {
          key: 'getRiskConfigWithOrder',
          params: ['严重程度', this.level, this.muban, this.leixing]
        }),
        this.$common.request('query', {
          key: 'getRiskConfigWithOrder',
          params: ['发生概率', this.level, this.muban, this.leixing]
        }),
        this.$common.request('query', {
          key: 'getRiskConfig',
          params: ['风险等级', this.level, this.muban, this.leixing]
        }),
        this.$common.request('query', {
          key: 'getRiskConfigWithOrder',
          params: ['可检测度', this.level, this.muban, this.leixing]
        })
      ])
        .then((responses) => {
          let degreeData = []
          let gailvData = []
          let dengjiData = []
          let jianCeData = []

          if (
            responses[0].variables != null &&
            responses[0].variables.data != null &&
            responses[0].variables.data.length > 0
          ) {
            degreeData = responses[0].variables.data
          }
          if (
            responses[1].variables != null &&
            responses[1].variables.data != null &&
            responses[1].variables.data.length > 0
          ) {
            gailvData = responses[1].variables.data
          }
          if (
            responses[2].variables != null &&
            responses[2].variables.data != null &&
            responses[2].variables.data.length > 0
          ) {
            dengjiData = responses[2].variables.data
          }
          if (
            responses[3].variables != null &&
            responses[3].variables.data != null &&
            responses[3].variables.data.length > 0
          ) {
            jianCeData = responses[3].variables.data
          }
          ;(this.muban === '1' || this.muban === '3') &&
            (this.content[2].hide = true)
          if (
            degreeData.length === 0 ||
            gailvData.length === 0 ||
            dengjiData.length === 0 ||
            (this.muban === '2' && jianCeData.length === 0)
          ) {
            throw new Error(
              `检测到风险类型为${this.leixing}且计算方式为'${
                this.culWays[this.muban] || this.muban
              }'的配置数据不完整，建议配置完成后再使用！`
            )
          }
          let degreeWord = ''
          let gailvWord = ''
          let dengjiWord = ''
          let jianCeWord = ''
          for (const el of degreeData) {
            degreeWord += `${el.fen_ji_}级：${el.yan_zhong_cheng_d}，${el.miao_shu_}\n`
          }
          for (const el of gailvData) {
            gailvWord += `${el.fen_ji_}级：${el.yan_zhong_cheng_d}，${el.miao_shu_}\n`
          }
          for (const el of dengjiData) {
            if (this.muban === '1') {
              dengjiWord += `${el.fen_ji_}：${el.miao_shu_}\n`
            } else {
              dengjiWord += `${el.fen_ji_}：${el.yan_zhong_cheng_d}，${el.miao_shu_}\n`
            }
          }
          for (const el of jianCeData) {
            jianCeWord += `${el.fen_ji_}级：${el.yan_zhong_cheng_d}，${el.miao_shu_}\n`
          }
          if (degreeData.length > 0) {
            this.content[0].value = degreeWord
            this.yan_zhong_cheng_d_List = degreeData.map((item) => item.fen_ji_)
          }
          if (gailvData.length > 0) {
            this.content[1].value = gailvWord
            this.fa_sheng_pin_du_List = gailvData.map((item) => item.fen_ji_)
          }
          if (jianCeData.length > 0) {
            this.content[2].value = jianCeWord
            this.ke_jian_ce_du_List = jianCeData.map((item) => item.fen_ji_)
          }
          if (dengjiData.length > 0) {
            this.content[3].value = dengjiWord
          }
          this.fengXianJiSuan = dengjiData
          this.loading = false
        })
        .catch((error) => {
          // 处理错误
          this.$message.warning(error.message)
          this.loading = false
        })
    },
    // 选择器切换
    onSelectorChange() {
      this.pagination = {
        pageSize: 10,
        currentPage: 1
      }
    },

    // 当前页码改变
    handleCurrentChange(val) {
      this.pagination.currentPage = val
    },
    // 页码选择器改变
    handleSizeChange(val) {
      this.pagination.pageSize = val
      this.pagination.currentPage = 1
    },
    // 分页连续序号
    showIndex(index) {
      return (
        index + 1 + (this.pagination.currentPage - 1) * this.pagination.pageSize
      )
    },
    close() {
      this.dialogVisible = false
      this.$emit('close')
      setTimeout(() => {
        this.rowParams = {}
        this.params = {}
        this.form.xuan_ze_feng_xian = ''
      }, 500)
    },
    open(val, row) {
      this.params = val
      if (row) {
        this.rowParams = row
      }
      this.dialogVisible = true
      !this.readonly && this.refreshSortable()
    },
    // 计算风险指数
    culRate(row) {
      try {
        if (this.muban === '1') {
          if (row.yan_zhong_cheng_d && row.fa_sheng_pin_du_) {
            let degree = ''
            let rate = ''
            rate = +row.yan_zhong_cheng_d * +row.fa_sheng_pin_du_
            if (this.fengXianJiSuan.length === 0) {
              if (rate >= 1 && rate < 4) {
                degree = '低'
              }
              if (rate > 4 && rate <= 9) {
                degree = '中'
              }
              if (rate >= 10 && rate <= 16) {
                degree = '高'
              }
              if (rate >= 20 && rate <= 25) {
                degree = '极高'
              }
              if (rate === 4) {
                if (
                  +row.yan_zhong_cheng_d === 2 &&
                  +row.fa_sheng_pin_du_ === 2
                ) {
                  degree = '低'
                } else {
                  degree = '中'
                }
              }
            } else {
              for (let i = 0; i < this.fengXianJiSuan.length; i++) {
                const item = this.fengXianJiSuan[i]
                if (item.yan_zhong_cheng_d) {
                  const arr = JSON.parse(item.yan_zhong_cheng_d) || []
                  for (let j = 0; j < arr.length; j++) {
                    const [a, b] = arr[j]
                    if (
                      +a === +row.yan_zhong_cheng_d &&
                      +b === +row.fa_sheng_pin_du_
                    ) {
                      degree = item.fen_ji_
                      break
                    }
                  }
                }
              }
            }

            this.$set(
              row,
              'feng_xian_ying_du',
              !row.feng_xian_ying_du && degree === '低'
                ? '风险接受'
                : '风险降低'
            )
            row.feng_xian_zhi_shu = rate + ''
            row.feng_xian_deng_ji = degree
          }
        } else if (this.muban === '2') {
          if (
            row.yan_zhong_cheng_d &&
            row.fa_sheng_pin_du_ &&
            row.ke_jian_ce_du_
          ) {
            let degree = ''
            let rate = ''
            rate =
              +row.yan_zhong_cheng_d *
              +row.fa_sheng_pin_du_ *
              +row.ke_jian_ce_du_
            if (this.fengXianJiSuan.length === 0) {
              if (rate >= 1 && rate <= 8) {
                degree = '可忽略的'
              }
              if (rate >= 9 && rate <= 27) {
                degree = '可接受的'
              }
              if (rate >= 28 && rate <= 63) {
                degree = '中度的'
              }
              if (rate >= 64 && rate <= 99) {
                degree = '重大的'
              }
              if (rate >= 100 && rate <= 125) {
                degree = '不可接受的'
              }
            } else {
              for (let i = 0; i < this.fengXianJiSuan.length; i++) {
                const item = this.fengXianJiSuan[i]
                if (item.yan_zhong_cheng_d) {
                  const [a, b] = item.yan_zhong_cheng_d.split('-')
                  if (a && b) {
                    if (rate >= +a.trim() && rate <= +b.trim()) {
                      degree = item.fen_ji_
                      break
                    }
                  }
                }
              }
            }

            this.$set(
              row,
              'feng_xian_ying_du',
              !row.feng_xian_ying_du &&
                (degree === '可忽略的' || degree === '可接受的')
                ? '风险接受'
                : '风险降低'
            )
            row.feng_xian_zhi_shu = rate + ''
            row.feng_xian_deng_ji = degree
          }
        } else if (this.muban === '3') {
          if (row.yan_zhong_cheng_d && row.fa_sheng_pin_du_) {
            let degree = ''
            let rate = ''
            rate = +row.yan_zhong_cheng_d * +row.fa_sheng_pin_du_
            if (this.fengXianJiSuan.length === 0) {
              if (rate >= 1 && rate <= 4) {
                degree = '低风险'
              }
              if (rate >= 5 && rate <= 11) {
                degree = '中风险'
              }
              if (rate >= 12 && rate <= 25) {
                degree = '高风险'
              }
            } else {
              for (let i = 0; i < this.fengXianJiSuan.length; i++) {
                const item = this.fengXianJiSuan[i]
                if (item.yan_zhong_cheng_d) {
                  const [a, b] = item.yan_zhong_cheng_d.split('-')
                  if (a && b) {
                    if (rate >= +a.trim() && rate <= +b.trim()) {
                      degree = item.fen_ji_
                      break
                    }
                  }
                }
              }
            }

            this.$set(
              row,
              'feng_xian_ying_du',
              !row.feng_xian_ying_du && degree === '低风险'
                ? '风险接受'
                : '风险降低'
            )
            row.feng_xian_zhi_shu = rate + ''
            row.feng_xian_deng_ji = degree
          }
        }
      } catch (error) {
        this.$message.warning(
          '风险系数计算错误，请检查风险模板配置数据是否正确！'
        )
      }
    },
    check() {
      if (this.tableList.length === 0) {
        throw new Error('请选择风险项！')
      }
      for (let i = 0; i < this.tableList.length; i++) {
        const item = this.tableList[i]
        if (!item.feng_xian_zhi_shu) {
          throw new Error(`第${i + 1}未计算风险指数，请填写相关数据！`)
        }
        if (item.feng_xian_ying_du !== '风险接受' && !item.zhi_ding_ren_) {
          throw new Error(`第${i + 1}行缺少措施制定人！`)
        }
        // 格式化成需要的数据
        item.xuan_ze_feng_xian = this.form.xuan_ze_feng_xian
        delete item.create_by_
        delete item.create_time_
      }
    },
    submit() {
      // console.log(this.Ids)
      this.$confirm('提交后不可再修改，是否确认保存并提交?', '提示', {
        confirmButtonText: '继续',
        cancelButtonText: '取消',
        type: 'warning'
      })
        .then(async () => {
          // 提交时自动保存
          await this.save()
          const params = {
            tableName: 't_fxsbpgb2',
            updList: this.Ids.map((item) => ({
              where: {
                shi_bie_xiang_: item,
                bian_zhi_ren_: this.userId,
                parent_id_: this.params.id_
              },
              param: {
                shi_fou_guo_shen_: '已完成'
              }
            }))
          }
          console.log(params)
          await this.$common.request('update', params)
          // 判断是否是最后一个提交的评估人
          const pinGuRenNum = this.params.ping_gu_ren_yuan_.split(',').length
          // const sql = `select * from t_fxsbpgb2 where parent_id_='${this.params.id_}'`
          const {
            variables: { data }
          } = await this.$common.request('query', {
            key: 'getFxsbpgb2ByPid',
            params: [this.params.id_]
          })
          const submitNum = new Set(data.map((item) => item.bian_zhi_ren_)).size
          if (
            submitNum === pinGuRenNum &&
            data.every((item) => item.shi_fou_guo_shen_ === '已完成')
          ) {
            // 提醒组长
            await this.$common.sendMsg({
              subject: '风险评估与措施表单待提交',
              content: `您有一份评估与措施表单待提交，请前往-风险控制-风险评估与措施页面提交，计划编号：${this.params.ji_hua_bian_hao_}。`,
              receiverId: this.params.zu_chang_id_,
              canreplay: '0',
              skipTypeMsg: JSON.stringify({
                skipType: 3,
                pathInfo: '/tygl/fxkzV2/fxpgycslb' // 路由
              })
            })
            console.log('通知组长成功')
          }
          console.log('提交成功')
          this.$message({
            type: 'success',
            message: '提交成功!'
          })
          this.close()
        })
        .catch(() => {})
    },
    // 判断状态是否已完成
    async getIsFinish() {
      // const sql = `select * from t_fxsbpgb2 where parent_id_ = '${this.params.id_}' and find_in_set(bian_zhi_ren_, '${this.readonly ? this.rowParams.bian_zhi_ren_ : this.userId}')`
      const params = [
        this.params.id_,
        this.readonly ? this.rowParams.bian_zhi_ren_ : this.userId
      ]
      const {
        variables: { data }
      } = await this.$common.request('query', {
        key: 'getFxsbpgb2ByUid',
        params
      })
      if (
        data.length > 0 &&
        data.every((item) => item.shi_fou_guo_shen_ === '已完成')
      ) {
        throw new Error('已提交，不可再次提交！')
      }
      // const sql2 = `select * from t_fxpgjlb2 where id_='${this.params.id_}'`
      const {
        variables: { data: data2 }
      } = await this.$common.request('query', {
        key: 'getFxpgjlb2ById',
        params: [this.params.id_]
      })
      if (data2.length > 0 && data2[0].shi_fou_guo_shen_ === '已完成') {
        throw new Error('已结束，不可再次提交！')
      }
    },
    async save() {
      try {
        this.check()
        await this.getIsFinish()
        const curIds = this.tableList.map((item) => item.shi_bie_xiang_)

        // 计算需要增加项
        const addedIds = this.tableList.filter(
          (item) => !this.Ids.includes(item.shi_bie_xiang_)
        )
        // 计算需要更新项
        const updatedIds = this.tableList.filter(
          (item) => this.Ids.includes(item.shi_bie_xiang_) && item.id_
        )
        // 计算需要删除项
        const deletedIds = this.Ids.filter((id) => !curIds.includes(id))
        console.log(addedIds, updatedIds, deletedIds)

        // 新增
        if (addedIds.length > 0) {
          const params = {
            tableName: 't_fxsbpgb2',
            paramWhere: addedIds
          }
          console.log(params)
          await this.$common.request('add', params)
          console.log('添加成功')
        }
        // 更新
        if (updatedIds.length > 0) {
          const params = {
            tableName: 't_fxsbpgb2',
            updList: updatedIds.map((item) => ({
              where: {
                id_: item.id_
              },
              param: {
                ...item,
                xuan_ze_feng_xian: this.form.xuan_ze_feng_xian,
                bian_zhi_bu_men_: this.position,
                bian_zhi_shi_jian: this.time
              }
            }))
          }
          console.log(params)
          await this.$common.request('update', params)
          console.log('更新成功')
        }
        // 删除
        if (deletedIds.length > 0) {
          const ids = deletedIds.map((id) => id).join(',')
          // const sql3 = `select * from t_fxsbpgb2 where parent_id_ = '${this.params.id_}' and bian_zhi_ren_='${this.userId}' and  find_in_set(shi_bie_xiang_, '${ids}')`
          const {
            variables: { data: data3 }
          } = await this.$common.request('query', {
            key: 'getFxsbpgb2BySbx',
            params: [this.params.id_, this.userId, ids]
          })
          if (data3.length > 0) {
            // console.log('data3', data3)
            const params = {
              tableName: 't_fxsbpgb2',
              paramWhere: {
                id_: data3.map((item) => item.id_).join(',')
              }
            }
            console.log(params)
            await this.$common.request('delete', params)
            console.log('删除成功')
          }
        }
        await this.getTableData()
        this.$message.success('保存成功')
        // this.close()
      } catch (error) {
        this.$message.warning(error.message)
        throw new Error(error.message)
      }
    }
  }
}
</script>

<style lang="scss" scoped>
.contain {
  padding: 20px;
  .info {
    padding: 0;
    display: flex;
    justify-content: space-around;
    align-items: center;
    width: 80%;
    margin: 0 auto;
    .item {
      display: flex;
      align-items: center;
      width: 30%;
    }
  }
  .tab {
    pre {
      overflow: auto;
      margin: 0;
    }
    .content {
      display: flex;
      justify-content: space-between;
      align-items: center;
      .right {
        width: 300px;
      }
    }
  }
  .choose {
    display: flex;
    align-items: center;
    margin: 10px 0;
  }
  .table {
    height: 300px;
    overflow: auto;
    margin-top: 20px;
    ::v-deep .el-table__row {
      cursor: move;
    }
  }
  .tip {
    padding-bottom: 12px;
  }
}
</style>