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

<template>
  <el-dialog
    v-loading="loading"
    :title="title"
    :visible.sync="dialogVisible"
    :close-on-click-modal="false"
    :close-on-press-escape="false"
    :show-close="false"
    append-to-body
    fullscreen
    class="dialog paper-detail-dialog"
    top="0"
  >
    <div slot="title" class="dialog-title">
      <span class="dialogtitle">{{ title }}</span>
      <div>
        <ibps-toolbar :actions="toolbars" @action-event="handleActionEvent" />
      </div>
    </div>
    <div class="container">
      <div class="left" :style="{ width: initWidth }">
        <el-descriptions
          title=""
          direction="vertical"
          :column="5"
          border
          size="mini"
          class="risk-fx-form-desc"
        >
          <el-descriptions-item label="年度" class="aaaa">
            <div class="desc-field-cell">
              <span class="required-star">*</span>
              <el-date-picker
                v-model="infoFxssbData.nian_du_"
                type="year"
                placeholder="选择年"
                :disabled="readonly"
                value-format="yyyy"
                size="mini"
              />
            </div>
          </el-descriptions-item>

          <el-descriptions-item label="编制部门">
            <div class="desc-field-cell">
              <span class="required-star">*</span>
              <ibps-user-selector
                v-model="infoFxssbData.bian_zhi_bu_men_"
                type="position"
                readonly-text="text"
                :disabled="readonly"
                :multiple="false"
                size="mini"
                style="width: 100%"
                :filter="filter"
                filtrate
              />
            </div>
          </el-descriptions-item>
          <el-descriptions-item label="编制人">
            <ibps-user-selector
              type="user"
              :value="infoFxssbData.bian_zhi_ren_"
              readonly-text="text"
              :disabled="true"
              :multiple="true"
              size="mini"
              style="width: 100%"
            />
          </el-descriptions-item>
          <el-descriptions-item label="编制时间">
            <div class="desc-field-cell">
              <span class="required-star">*</span>
              <el-date-picker
                v-model="infoFxssbData.bian_zhi_shi_jian"
                type="datetime"
                placeholder="选择日期时间"
                :disabled="readonly"
                value-format="yyyy-MM-dd HH:mm:ss"
                size="mini"
              />
            </div>
          </el-descriptions-item>
          <el-descriptions-item label="评估编号">
            {{ infoFxssbData.ji_hua_bian_hao_ }}
          </el-descriptions-item>
          <el-descriptions-item label="评估开始时间">
            <div class="desc-field-cell">
              <span class="required-star">*</span>
              <el-date-picker
                v-model="infoFxssbData.kai_shi_ri_qi_"
                type="date"
                placeholder="选择日期"
                :disabled="readonly"
                value-format="yyyy-MM-dd"
                size="mini"
              />
            </div>
          </el-descriptions-item>
          <el-descriptions-item label="评估结束时间">
            <div class="desc-field-cell">
              <span class="required-star">*</span>
              <el-date-picker
                v-model="infoFxssbData.jie_shu_ri_qi_"
                type="date"
                placeholder="选择日期"
                :disabled="readonly"
                value-format="yyyy-MM-dd"
                size="mini"
              />
            </div>
          </el-descriptions-item>

          <el-descriptions-item label="报告完成时间">
            <div class="desc-field-cell">
              <span class="required-star">*</span>
              <el-date-picker
                v-model="infoFxssbData.bao_gao_shi_jian_"
                type="date"
                placeholder="选择日期"
                :disabled="readonly"
                value-format="yyyy-MM-dd"
                size="mini"
              />
            </div>
          </el-descriptions-item>
          <el-descriptions-item label="评估时机" :span="1">
            <el-select
              v-model="infoFxssbData.shi_ji_"
              :disabled="readonly"
              placeholder="请选择"
              size="mini"
              style="width: 100%"
            >
              <el-option
                v-for="item in shiJiOptions"
                :key="item"
                :label="item"
                :value="item"
              />
            </el-select>
          </el-descriptions-item>
          <el-descriptions-item label="其他">
            <div class="desc-field-cell">
              <span v-if="isShiJiQiTa" class="required-star">*</span>
              <el-input
                v-model="infoFxssbData.qi_ta_"
                :disabled="readonly || !isShiJiQiTa"
                size="mini"
                :placeholder="
                  isShiJiQiTa
                    ? '请填写其他评估时机说明'
                    : '请先选择评估时机为「其他」'
                "
              />
            </div>
          </el-descriptions-item>

          <el-descriptions-item label="评估负责人">
            <ibps-user-selector
              type="user"
              :value="infoFxssbData.zu_chang_id_"
              readonly-text="text"
              :disabled="true"
              :multiple="true"
              size="mini"
              style="width: 100%"
              :filter="filter"
              filtrate
            />
          </el-descriptions-item>
          <el-descriptions-item label="评估范围" :span="onlyoneWay ? 2 : 1">
            <el-input
              v-model="infoFxssbData.fan_wei_"
              :disabled="readonly"
              size="mini"
            />
          </el-descriptions-item>
          <el-descriptions-item label="评估方法" :span="onlyoneWay ? 2 : 1">
            <el-select
              v-model="infoFxssbData.fang_fa_"
              size="mini"
              style="width: 100%"
              :disabled="readonly"
              filterable
              allow-create
              clearable
              placeholder="请选择评估方法"
            >
              <el-option
                v-for="item in fangFaOptions"
                :key="item.value"
                :label="item.label"
                :value="item.value"
              />
            </el-select>
          </el-descriptions-item>
          <el-descriptions-item
            v-if="!onlyoneWay"
            label="风险系数计算方式"
            :span="2"
          >
            <span class="required-star">*</span>
            <el-radio
              v-for="(v, k) in culWays"
              :key="k"
              v-model="infoFxssbData.ji_suan_fang_shi_"
              :label="k"
              size="mini"
              :disabled="isEdit"
              >{{ v }}
            </el-radio>
          </el-descriptions-item>

          <el-descriptions-item label="评估目的" :span="5">
            <el-input
              v-model="infoFxssbData.mu_di_"
              :disabled="readonly"
              size="mini"
            />
          </el-descriptions-item>
          <el-descriptions-item label="评估依据文件" :span="5">
            <!-- 模版弹窗 -->
            <ibps-custom-dialog
              v-if="!readonly"
              v-model="infoFxssbData.yi_ju_wen_jian_id"
              template-key="nsyjwjxz"
              multiple
              type="dialog"
              class="custom-dialog"
              placeholder="请选择评估依据文件"
              size="mini"
              icon="el-icon-search"
            />
            <pre style="margin: 0">{{ infoFxssbData.yi_ju_wen_jian_ }}</pre>
          </el-descriptions-item>

          <el-descriptions-item label="首次会议时间" :span="1">
            <el-date-picker
              v-model="infoFxssbData.hui_yi_shi_jian_"
              type="datetime"
              placeholder="选择日期时间"
              default-time="12:00:00"
              :disabled="readonly"
              value-format="yyyy-MM-dd HH:mm"
              size="mini"
              style="width: 100%"
            />
          </el-descriptions-item>
          <el-descriptions-item label="参会人员" :span="4">
            <div class="desc-field-cell">
              <ibps-user-selector
                v-model="infoFxssbData.can_hui_ren_yuan_"
                style="width: 100%"
                type="user"
                readonly-text="text"
                :disabled="readonly"
                :multiple="true"
                size="mini"
                :filter="filter"
                filtrate
              />
            </div>
          </el-descriptions-item>
          <el-descriptions-item label="会议附件" :span="5">
            <ibps-attachment
              v-model="infoFxssbData.hui_yi_fu_jian_"
              :download="true"
              multiple
              accept="*"
              :readonly="readonly"
              size="mini"
            />
          </el-descriptions-item>

          <el-descriptions-item label="事务说明 " :span="5">
            <el-input
              v-model="infoFxssbData.shi_wu_shuo_ming_"
              :disabled="readonly"
              size="mini"
          /></el-descriptions-item>
          <el-descriptions-item label="评估小组成员" :span="5">
            <div class="desc-field-cell">
              <span class="required-star">*</span>
              <ibps-user-selector
                v-model="infoFxssbData.ping_gu_ren_yuan_"
                type="user"
                style="width: 100%"
                readonly-text="text"
                :disabled="readonly"
                :multiple="true"
                size="mini"
                :filter="filter"
                filtrate
              />
            </div>
          </el-descriptions-item>
        </el-descriptions>

        <div v-if="isEdit" style="margin-top: 20px">
          <el-alert
            title="根据评估小组成员选定的风险识别项给每个措施制定人推送风险改进流程"
            type="success"
            :closable="false"
          />
          <RiskPeopleTable
            ref="RiskPeopleTableRef"
            :params="params"
            :people-ids="infoFxssbData.ping_gu_ren_yuan_"
            :cul-ways="culWays"
            @goBack="goRefresh"
          />
        </div>
      </div>
    </div>

    <!-- <data-template-formrender-dialog
            :visible="DialogVisible"
            form-key="fxbg"
            :pk-value="pkValue"
            :readonly="readonly"
            @close="visible => DialogVisible = visible"
        /> -->
    <RiskDetail ref="RiskDetailRef" :cul-ways="culWays" @close="goRefresh" />
    <el-image-viewer
      v-if="showViewer"
      :on-close="closeViewer"
      :url-list="[FlowPic]"
    />
  </el-dialog>
</template>

<script>
import { getSetting } from '@/utils/query'
import dayjs from 'dayjs'
import RiskPeopleTable from './riskPeopleTable.vue'
import ibpsUserSelector from '@/business/platform/org/selector'
import RiskDetail from './riskDetail.vue'

import IbpsAttachment from '@/business/platform/file/attachment/selector'
import DataFormrender from '@/business/platform/data/templaterender/form'
import DataTemplateFormrenderDialog from '@/business/platform/data/templaterender/form/dialog.vue'
import ElImageViewer from 'element-ui/packages/image/src/image-viewer'
import FlowPic from '@/assets/images/risk/file-read-18951.png'

export default {
  components: {
    ElImageViewer,
    RiskDetail,
    RiskPeopleTable,
    ibpsUserSelector,
    IbpsAttachment,
    DataFormrender,
    DataTemplateFormrenderDialog,
    IbpsCustomDialog: () =>
      import('@/business/platform/data/templaterender/custom-dialog')
  },
  props: {
    params: {
      type: Object,
      default: function () {
        return {}
      }
    }
  },
  data() {
    const { userId, position, level } = this.$store.getters
    return {
      FlowPic: FlowPic,
      showViewer: false,
      filter: [
        {
          descVal: '1',
          includeSub: true,
          old: 'position',
          partyId: this.$store.getters.userInfo.employee.positions,
          partyName: '',
          scriptContent: '',
          type: 'user',
          userType: 'position'
        }
      ],
      isFirst: true,
      userId: userId,
      position: position,
      level: level.second || level.first,
      pkValue: '',
      readonly: true,
      DialogVisible: false,
      loading: false,
      dialogVisible: true,
      title: '风险评估与措施',
      toolbars: [
        { key: 'openFlowPic', label: '流程图', icon: 'ibps-icon-image' },
        {
          key: 'refresh',
          label: '刷新',
          hidden: () => {
            return !this.isZuZhang || !this.isEdit || this.isFinished
          }
        },
        {
          key: 'save',
          label: '保存',
          hidden: () => {
            return !this.isZuZhang || this.isFinished
          }
        },
        // { key: 'sendMsg', label: '提醒评估人', icon: 'el-icon-bell', hidden: () => { return !this.isZuZhang || !this.isEdit || this.isFinished } },
        // { key: 'peizhifengxian', label: '更新风险库', type: 'info', icon: 'el-icon-setting', hidden: () => { return !this.isZuZhang || !this.isEdit } },
        {
          key: 'submit',
          label: '提交',
          icon: 'el-icon-finished',
          hidden: () => {
            return !this.isZuZhang || !this.isEdit || this.isFinished
          }
        },
        {
          key: 'cancel',
          label: '退出',
          type: 'danger',
          icon: 'ibps-icon-close'
        }
      ],
      infoFxssbData: {
        nian_du_: '',
        bian_zhi_bu_men_: '',
        bian_zhi_ren_: '',
        bian_zhi_shi_jian: '',
        zu_chang_: '',
        zu_chang_id_: '',
        kai_shi_ri_qi_: '',
        jie_shu_ri_qi_: '',
        bao_gao_shi_jian_: '',
        feng_xian_lei_xin: '质量',
        qi_ta_: '',
        shi_ji_: '',
        fan_wei_: '',
        fang_fa_: '',
        mu_di_: '',
        yi_ju_wen_jian_id: '',
        yi_ju_wen_jian_: '',
        hui_yi_shi_jian_: '',
        can_hui_ren_yuan_: '',
        hui_yi_fu_jian_: '',
        shi_wu_shuo_ming_: '',
        ping_gu_ren_yuan_: '',
        ji_hua_bian_hao_: '',
        ji_suan_fang_shi_: ''
      },
      initWidth: '1280px',
      isEdit: false,
      isPingGuRen: false,
      isZuZhang: true,
      isFinished: false,
      preParams: {},
      Ids: [],
      culWays: { 1: '风险矩阵法', 2: 'FMEA法' },
      shiJiOptions: [
        '定期评估',
        '业务变化',
        '主要仪器设备变化',
        '设施环境变化',
        '其他'
      ],
      fangFaOptions: [
        { value: '定量风险评估法', label: '定量风险评估法' },
        { value: '风险矩阵', label: '风险矩阵' },
        {
          value: '头脑风暴法（集体讨论法）',
          label: '头脑风暴法（集体讨论法）'
        },
        { value: '德尔菲法（专家调查法）', label: '德尔菲法（专家调查法）' },
        { value: '情景分析', label: '情景分析' },
        { value: '检查表', label: '检查表' },
        { value: '故障树分析', label: '故障树分析' },
        { value: '蒙特卡罗模拟分析法', label: '蒙特卡罗模拟分析法' },
        { value: '贝叶斯统计及贝叶斯网络', label: '贝叶斯统计及贝叶斯网络' }
      ]
    }
  },
  computed: {
    onlyoneWay() {
      const keys = Object.keys(this.culWays)
      return keys.length === 1
    },
    isShiJiQiTa() {
      return this.infoFxssbData.shi_ji_ === '其他'
    }
  },
  watch: {
    'infoFxssbData.yi_ju_wen_jian_id': {
      handler(val) {
        // const sql = `select * from yijuwenjianxuanze where find_in_set(id_, '${val}') order by id_`
        this.$common
          .request('query', {
            key: 'getRiskFileInfo',
            params: [val]
          })
          .then((response) => {
            const conts = response.variables.data
            let fileName = ''
            let num = 1
            conts.forEach((item, index) => {
              fileName += `${num}、${item.name_}\n`
              num = num + 1
            })
            this.infoFxssbData.yi_ju_wen_jian_ = fileName
          })
      },
      immediate: true
    },
    'infoFxssbData.zu_chang_id_': {
      handler(val) {
        if (val) {
          const userList = this.$store.getters.userList
          const bianzhiUserid = userList.find((i) => i.userId === val)
          if (bianzhiUserid) {
            this.infoFxssbData.zu_chang_ = bianzhiUserid.userName
          }
        }
      }
    },
    'infoFxssbData.feng_xian_lei_xin': {
      handler(val) {
        if (val) {
          if (this.isFirst) {
            this.isFirst = false
          } else {
            this.infoFxssbData.fan_wei_ = `本实验室与${val}相关所有活动`
            this.infoFxssbData.mu_di_ = `通过对实验室（${val}活动）进行风险评估，识别实验室在（${val}活动）方面存在的潜在风险，评估风险影响程度，制定风险管理策略，减少不利后果发生的概率和影响程度。`
            this.infoFxssbData.shi_wu_shuo_ming_ = `年度：${this.infoFxssbData.nian_du_}；评估负责人：${this.infoFxssbData.zu_chang_}；评估开始日期：${this.infoFxssbData.kai_shi_ri_qi_}`
          }
        }
      }
    },
    'infoFxssbData.shi_ji_': {
      handler(val) {
        if (val !== '其他') {
          this.infoFxssbData.qi_ta_ = ''
        }
      }
    }
  },

  async mounted() {
    const culWays = await getSetting('risk', 'culWays')
    if (this.$utils.isNotEmpty(culWays)) {
      this.culWays = culWays
    }
    this.init()
  },
  beforeDestroy() {
    if (this.msg) {
      this.msg.close()
    }
  },
  methods: {
    // 获取最新数据
    async getNewData() {
      // const sql = `select * from t_fxpgjlb2 where id_='${this.params.id_}'`
      const {
        variables: { data }
      } = await this.$common.request('query', {
        key: 'getFxpgjlb2ById',
        params: [this.params.id_]
      })
      return data
    },
    // 判断是否已完成
    async getIsFinish() {
      const data = await this.getNewData()
      if (data.length > 0 && data[0].shi_fou_guo_shen_ === '已完成') {
        throw new Error('已结束，不可操作！')
      }
    },
    // 快照URL
    getReportParams(path, selection, data) {
      const { level } = this.$store.getters
      const str = `org_=${level.first}&second_=${level.second}&id_=`
      const arr = path.split('&')
      if (arr.length === 2) {
        const fieldArr = arr[1].split('=')
        return str + `${data[fieldArr[1]]}`
      } else {
        // 如果是没有传参，还是原报表路径
        return str + `${selection}`
      }
    },
    // 提交
    async goSubmit() {
      try {
        this.$confirm('提交后不可修改，是否确认保存并提交?', '提示', {
          confirmButtonText: '继续',
          cancelButtonText: '取消',
          type: 'warning'
        })
          .then(async () => {
            // 提交前自动保存
            await this.goSave()
            // 判断每个评估人是否已完成识别项
            const pinGuRenNum = this.Ids.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_ === '已完成')
            ) {
              // 1.修改状态为已完成
              const updateParamsRecord = {
                tableName: 't_fxpgjlb2',
                updList: [
                  {
                    where: {
                      id_: this.params.id_
                    },
                    param: {
                      shi_fou_guo_shen_: '已完成'
                    }
                  }
                ]
              }
              await this.$common.request('update', updateParamsRecord)
              // console.log(data)
              // 2.推送给措施制定人下一个流程
              const addParams = {
                tableName: 't_fxkzcsb2',
                paramWhere: data
                  .map((item) => {
                    if (
                      item.feng_xian_ying_du !== '风险接受' &&
                      item.zhi_ding_ren_
                    ) {
                      return {
                        di_dian_: this.level,
                        shi_fou_guo_shen_: '待制定',
                        bian_zhi_ren_: item.zhi_ding_ren_,
                        bian_zhi_bu_men_: this.getPersonPosition(
                          item.zhi_ding_ren_.split(',')[0]
                        ),
                        bian_zhi_shi_jian: dayjs().format(
                          'YYYY-MM-DD HH:mm:ss'
                        ),
                        gai_jin_bian_hao_: '',
                        yao_su_tiao_kuan_: item.yao_su_tiao_kuan_,
                        gong_zuo_huan_jie: item.gong_zuo_huan_jie,
                        // gong_zuo_miao_shu: item.gong_zuo_miao_shu,
                        feng_xian_miao_sh: item.feng_xian_miao_sh,
                        zu_chang_: this.infoFxssbData.zu_chang_,
                        zu_chang_id_: this.infoFxssbData.zu_chang_id_,
                        shi_wu_shuo_ming_: this.infoFxssbData.shi_wu_shuo_ming_,
                        yuan_zhi_shu_: item.feng_xian_zhi_shu,
                        kong_zhi_fang_fa_: item.xian_xing_kong_zh,
                        feng_xian_lei_xin: this.infoFxssbData.feng_xian_lei_xin,
                        qian_fu_jian_: this.infoFxssbData.yi_ju_wen_jian_id,
                        ji_hua_bian_hao_: this.infoFxssbData.ji_hua_bian_hao_,
                        ni_cai_qu_kong_zh: item.ni_cai_qu_cuo_shi,
                        qian_zai_yuan_yin: item.qian_zai_yuan_yin,
                        ji_suan_fang_shi_: this.infoFxssbData.ji_suan_fang_shi_,
                        yuan_feng_xian_de: item.feng_xian_deng_ji,
                        yuan_feng_xian_yi: item.feng_xian_ying_du,
                        parent_id_: item.id_ || ''
                      }
                    }
                  })
                  .filter((i) => i !== undefined),
                formKey: 'fxcscsbV2',
                defKey: 'Process_1li9h0n'
              }

              this.loading = true
              for (let i = 0; i < addParams.paramWhere.length; i++) {
                const item = addParams.paramWhere[i]
                item.gai_jin_bian_hao_ = await this.getNextAlias('gjjllsh')
              }
              if (addParams.paramWhere.length) {
                // 预防推送流程数据过多，做切片处理
                await this.processInBatches(addParams.paramWhere)
                  .then(() => {})
                  .catch(() => {
                    this.loading = false
                  })
                console.log('改进流程推送成功')
              } else {
                console.log('无需推送')
              }

              // 3.推送给评估负责人 评估报告流程
              const addParams2 = {
                tableName: 't_fxkzbg',
                paramWhere: [
                  {
                    di_dian_: this.level,
                    shi_fou_guo_shen_: '待编制',
                    bian_zhi_ren_: this.infoFxssbData.zu_chang_id_,
                    bian_zhi_bu_men_: this.getPersonPosition(
                      this.infoFxssbData.zu_chang_id_
                    ),
                    bian_zhi_shi_jian: dayjs().format('YYYY-MM-DD HH:mm'),
                    zu_chang_: this.infoFxssbData.zu_chang_,
                    zu_chang_id_: this.infoFxssbData.zu_chang_id_,
                    feng_xian_lei_xin: this.infoFxssbData.feng_xian_lei_xin,
                    kai_shi_ri_qi_: this.infoFxssbData.kai_shi_ri_qi_,
                    jie_shu_ri_qi_: this.infoFxssbData.jie_shu_ri_qi_,
                    wan_cheng_ri_qi_: this.infoFxssbData.bao_gao_shi_jian_,
                    shi_wu_shuo_ming_: this.infoFxssbData.shi_wu_shuo_ming_,
                    ji_hua_bian_hao_: this.infoFxssbData.ji_hua_bian_hao_,
                    hui_yi_wen_jian_: this.infoFxssbData.hui_yi_fu_jian_
                  }
                ],
                formKey: 'fxbg',
                defKey: 'Process_0mrlsj7'
              }
              console.log('报告流程推送成功')
              await this.$common.request('add', addParams2)

              this.$message.success('提交成功')
              // 提醒用户推送信息
              this.$alert(
                `需要改进项${addParams.paramWhere.length}条，已向其中的每位措施制定人推送风险改进流程，同时向评估负责人 ${this.infoFxssbData.zu_chang_} 推送风险报告流程！`,
                '提交成功',
                {
                  confirmButtonText: '确定',
                  callback: (action) => {
                    this.closeDialog(true)
                  }
                }
              )
            } else {
              this.$message.warning(
                '存在未完成风险识别项的评估小组成员，无法提交！'
              )
              return
            }
          })
          .catch(() => {})
      } catch (error) {
        this.$message.warning(error.message)
      }
    },
    async processInBatches(array, batchSize = 20) {
      for (let i = 0; i < array.length; i += batchSize) {
        const batch = array.slice(i, i + batchSize)

        try {
          const addParams = {
            tableName: 't_fxkzcsb2',
            paramWhere: batch,
            formKey: 'fxcscsbV2',
            defKey: 'Process_1li9h0n'
          }
          await this.$common.request('add', addParams)
        } catch (error) {
          console.error('处理批次时出错:', error)
          // 可以添加重试逻辑或错误处理
        }
      }
      console.log('所有数据处理完成')
    },
    // id 转 姓名
    switchIdtoUserName(id) {
      const { userList } = this.$store.getters
      const user = userList.find((item) => item.userId === id)
      return user ? user.userName : ''
    },
    goPeizhifengxian() {
      const buttons = document.querySelector('button[name="peizhifengxian"]')
      if (buttons) {
        buttons.click()
      }
    },
    handleActionEvent({ key }) {
      switch (key) {
        case 'cancel':
          this.closeDialog(true)
          break
        case 'record':
          this.goRecord()
          break
        case 'save':
          this.goSave('close')
          break
        case 'submit':
          this.goSubmit()
          break
        case 'refresh':
          this.goRefresh()
          break
        case 'sendMsg':
          this.goSendMsg()
          break
        case 'peizhifengxian':
          this.goPeizhifengxian()
          break
        case 'openFlowPic':
          this.showViewer = true
          break
        default:
          break
      }
    },
    // 关闭大图预览
    closeViewer() {
      this.showViewer = false
    },
    // 推送消息给评估人
    async goSendMsg() {
      // 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_ === '已完成') {
        return this.$message('已结束，不可推送消息！')
      }
      if (!data2[0].ping_gu_ren_yuan_) {
        return this.$message.warning('请先指定评估人！')
      }
      this.$confirm('此操作将通知所有评估人，是否继续?', '提示', {
        confirmButtonText: '确定',
        cancelButtonText: '取消',
        type: 'warning'
      })
        .then(() => {
          // console.log(this.Ids)
          const allRequests = []
          this.Ids.forEach((item) => {
            allRequests.push(
              this.$common.sendMsg({
                subject: '风险识别项待填写提醒',
                content: `您有一份风险识别项待填写，请前往-风险控制-风险评估与措施页面填写，计划编号：${this.infoFxssbData.ji_hua_bian_hao_}，评估负责人：${this.infoFxssbData.zu_chang_}。如已提交请忽略。`,
                receiverId: item,
                canreplay: '0',
                skipTypeMsg: JSON.stringify({
                  skipType: 3,
                  pathInfo: '/tygl/fxkzV2/fxpgycslb' // 路由
                })
              })
            )
          })
          Promise.all(allRequests)
            .then(() => {
              this.$message({
                type: 'success',
                message: '推送成功!'
              })
            })
            .catch(() => {
              this.$message({
                type: 'warning',
                message: '推送失败!'
              })
            })
        })
        .catch(() => {})
    },
    // 获取人员部门
    getPersonPosition(id) {
      const userList = this.$store.getters.userList
      const bianzhiUserid = userList.find((i) => i.userId === id)
      if (bianzhiUserid) {
        return bianzhiUserid.positionId.split(',')[0]
      }
    },
    checkRequired() {
      if (!this.infoFxssbData.nian_du_) {
        throw new Error('请填写年度！')
      }
      if (!this.infoFxssbData.kai_shi_ri_qi_) {
        throw new Error('请填写评估开始日期！')
      }
      if (!this.infoFxssbData.jie_shu_ri_qi_) {
        throw new Error('请填写评估结束日期！')
      }
      if (!this.infoFxssbData.bao_gao_shi_jian_) {
        throw new Error('请填写报告完成时间！')
      }
      // if (!this.infoFxssbData.hui_yi_shi_jian_) {
      //     throw new Error('请填写首次会议时间！')
      // }
      // if (!this.infoFxssbData.can_hui_ren_yuan_) {
      //     throw new Error('请填写参会人员！')
      // }
      if (!this.infoFxssbData.ping_gu_ren_yuan_) {
        throw new Error('请填写评估小组成员！')
      }
      if (!this.infoFxssbData.bian_zhi_shi_jian) {
        throw new Error('请选择编制时间！')
      }
      if (!this.infoFxssbData.bian_zhi_bu_men_) {
        throw new Error('请选择编制部门！')
      }
      if (!this.infoFxssbData.ji_suan_fang_shi_) {
        throw new Error('请选择风险系数计算方式！')
      }
      if (
        this.infoFxssbData.shi_ji_ === '其他' &&
        !this.infoFxssbData.qi_ta_?.trim()
      ) {
        throw new Error('评估时机为「其他」时请填写其他说明！')
      }
    },
    async goAdd() {
      try {
        const addParamsRecord = {
          tableName: 't_fxpgjlb2',
          paramWhere: [this.infoFxssbData]
        }
        const {
          variables: { cont }
        } = await this.$common.request('add', addParamsRecord)
        if (cont.length) {
          this.$message.success('添加成功')
          this.closeDialog(true)
        }
      } catch (error) {
        console.log(error)
        this.$message.warning('添加失败')
      }
    },
    async goEdit(flag) {
      try {
        // 先检查状态
        await this.getIsFinish()

        // 更新主表
        const updateParamsRecord = {
          tableName: 't_fxpgjlb2',
          updList: [
            {
              where: {
                id_: this.params.id_
              },
              param: this.infoFxssbData
            }
          ]
        }
        updateParamsRecord.updList.forEach((item) => {
          Object.keys(item.param).forEach((key) => {
            if (key.endsWith('_label_value')) {
              delete item.param[key]
            }
          })
        })
        console.log('updateParamsRecord', updateParamsRecord)
        await this.$common.request('update', updateParamsRecord)

        // 当前人员数组
        const curIds = this.infoFxssbData.ping_gu_ren_yuan_.split(',')

        // 计算需要增加项
        const addedIds = curIds.filter((item) => !this.Ids.includes(item))
        // 计算需要更新项
        const updatedIds = curIds.filter((item) => this.Ids.includes(item))
        // 计算需要删除项
        const deletedIds = this.Ids.filter((id) => !curIds.includes(id))
        console.log(addedIds, updatedIds, deletedIds)
        // 删除
        if (deletedIds.length > 0) {
          const ids = deletedIds.map((id) => id).join(',')
          // const sql3 = `select *from t_fxsbpgb2 where parent_id_='${this.params.id_}' and find_in_set(bian_zhi_ren_, '${ids}')`
          const {
            variables: { data: data3 }
          } = await this.$common.request('query', {
            key: 'getFxsbpgb2ByUid',
            params: [this.params.id_, ids]
          })
          // console.log(data3)
          if (data3.length > 0) {
            const params = {
              tableName: 't_fxsbpgb2',
              paramWhere: {
                id_: data3.map((item) => item.id_).join(',')
              }
            }
            console.log(params)
            await this.$common.request('delete', params)
            console.log('删除成功')
          }
        }
        if (flag === 'close') {
          this.closeDialog(true)
          this.$message.success('修改成功')
        } else {
          await this.goRefresh() // 修改之后刷新
        }
      } catch (error) {
        this.$message.warning(error.message)
        throw new Error(error.message)
      }
    },
    async goSave(flag) {
      try {
        this.checkRequired()
        if (this.isEdit) {
          await this.goEdit(flag)
        } else {
          this.$confirm(
            `${
              this.onlyoneWay
                ? '是否继续保存?'
                : '风险系数计算公式保存后不可再修改，是否继续?'
            }`,
            '提示',
            {
              confirmButtonText: '继续',
              cancelButtonText: '取消',
              type: 'warning'
            }
          )
            .then(async () => {
              await this.goAdd()
            })
            .catch(() => {})
        }
      } catch (error) {
        this.$message.warning(error.message)
        throw new Error(error.message)
      }
    },
    // 刷新
    async goRefresh() {
      this.loading = true
      if (this.msg) {
        this.msg.close()
      }
      await this.init()
      if (this.$refs.RiskPeopleTableRef) {
        await this.$refs.RiskPeopleTableRef.getPeopleList()
      }
      this.loading = false
    },
    // 关闭当前窗口
    closeDialog(needRefresh) {
      this.dialogVisible = false
      if (needRefresh) {
        this.$emit('close')
      }
      if (this.msg) {
        this.msg.close()
      }
    },
    // 弹出提醒
    async showAlert() {
      if (!this.isPingGuRen || this.isFinished) return
      // 判断是否已经填写风险识别项
      // const sql = `select * from t_fxsbpgb2 where parent_id_='${this.params.id_}' and find_in_set(bian_zhi_ren_, '${this.userId}')`
      const {
        variables: { data }
      } = await this.$common.request('query', {
        key: 'getFxsbpgb2ByUid',
        params: [this.params.id_, this.userId]
      })
      let status = '填写'
      let type = 'warning'
      if (data.length > 0) {
        if (data.every((item) => item.shi_fou_guo_shen_ === '已完成')) {
          return
        } else {
          status = '提交'
          type = 'success'
        }
      }
      this.msg = this.$notify({
        offset: 50,
        type: type,
        title: `您有一份风险识别评估表待${status}！`,
        message: `点击前去${status}`,
        showClose: false,
        duration: 0,
        onClick: () => {
          this.$refs.RiskDetailRef.open(this.params)
        }
      })
    },
    getNextAlias(alias) {
      return new Promise((resolve, reject) => {
        this.$common
          .getNextIdByAlias({
            alias
          })
          .then((response) => {
            resolve(response.data)
          })
          .catch((error) => {
            reject(error)
          })
      })
    },
    async init() {
      this.isEdit = !!(this.params && this.params.id_)
      if (this.isEdit) {
        this.infoFxssbData = this.params
        if (!this.infoFxssbData.feng_xian_lei_xin) {
          this.infoFxssbData.feng_xian_lei_xin = '质量'
        }
        console.log('infoFxssbData', this.infoFxssbData)
        this.preParams = JSON.parse(JSON.stringify(this.params))
        this.isPingGuRen =
          this.params.ping_gu_ren_yuan_.indexOf(this.userId) >= 0
        this.isZuZhang = this.userId === this.infoFxssbData.zu_chang_id_
        this.isFinished =
          this.params && this.params.shi_fou_guo_shen_ === '已完成'
        this.readonly = !!(!this.isZuZhang || this.isFinished)
        if (this.params.ping_gu_ren_yuan_) {
          this.Ids = this.params.ping_gu_ren_yuan_.split(',')
        } else {
          this.Ids = []
        }
        await this.showAlert()
      } else {
        const { positions } = this.$store.getters.userInfo
        // 默认编制部门是主部门，没有主部门默认第一个部门
        const mainPost =
          positions.find((item) => item.isMainPost === 'Y')?.id ||
          positions[0].id
        this.readonly = false
        this.infoFxssbData.di_dian_ = this.level
        this.infoFxssbData.ji_hua_bian_hao_ = await this.getNextAlias('fxjhlsh')
        this.infoFxssbData.nian_du_ = dayjs().format('YYYY')
        this.infoFxssbData.bian_zhi_bu_men_ = mainPost
        this.infoFxssbData.bian_zhi_ren_ = this.userId
        this.infoFxssbData.bian_zhi_shi_jian = dayjs().format(
          'YYYY-MM-DD HH:mm:ss'
        )
        this.infoFxssbData.zu_chang_id_ = this.userId
        this.infoFxssbData.kai_shi_ri_qi_ = dayjs().format('YYYY-MM-DD')
        this.infoFxssbData.jie_shu_ri_qi_ = dayjs().format('YYYY-MM-DD')
        this.infoFxssbData.feng_xian_lei_xin = '质量'
        this.infoFxssbData.shi_ji_ = '定期评估'
        this.infoFxssbData.fan_wei_ = '本实验室与质量相关所有活动'
        this.infoFxssbData.fang_fa_ = '定量风险评估法'
        this.infoFxssbData.mu_di_ =
          '通过对实验室（质量活动）进行风险评估，识别实验室在（质量活动）方面存在的潜在风险，评估风险影响程度，制定风险管理策略，减少不利后果发生的概率和影响程度。'
        this.infoFxssbData.hui_yi_shi_jian_ = dayjs().format('YYYY-MM-DD HH:mm')
        this.$nextTick(() => {
          this.infoFxssbData.shi_wu_shuo_ming_ = `年度：${this.infoFxssbData.nian_du_}；评估负责人：${this.infoFxssbData.zu_chang_}；评估开始日期：${this.infoFxssbData.kai_shi_ri_qi_}`
        })
        // this.onlyoneWay &&
        // (
        this.infoFxssbData.ji_suan_fang_shi_ = Object.keys(this.culWays)[0]
        // )
      }
    }
  }
}
</script>

<style lang="scss" scoped>
.paper-detail-dialog {
  ::v-deep {
    .el-dialog__header {
      text-align: center;
    }
  }
  .container {
    display: flex;
    width: 100%;
    justify-content: center;

    .left {
      height: calc(100vh - 100px);
      box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1);
      padding: 10px;
      overflow-y: auto;

      ::v-deep .risk-fx-form-desc {
        .el-descriptions__table {
          table-layout: fixed;
          width: 100%;
        }
        .el-descriptions-item__content {
          width: 100%;
        }
        .el-date-editor.el-input,
        .el-select,
        .el-input {
          width: 100%;
        }
      }
    }
    .right {
      height: calc(100vh - 100px);
      flex: 1;
      padding: 10px;
      .text {
        line-height: 1.5;
      }
      overflow-y: auto;
    }
  }
}
.required-star {
  color: red;
  margin-right: 4px;
  flex-shrink: 0;
}
.desc-field-cell {
  display: flex;
  align-items: center;
  width: 100%;
  min-width: 0;

  ::v-deep .el-date-editor,
  ::v-deep .el-select,
  ::v-deep .el-input,
  ::v-deep .ibps-user-selector {
    flex: 1;
    width: 100%;
    min-width: 0;
  }
}
.dialog-title {
  display: flex;
  align-items: center;
  justify-content: center;
  div {
    position: absolute;
    right: 8vw;
  }
  .dialogtitle {
    font-size: 22px;
    font-family: SimHei;
    font-weight: bold;
    color: #222;
  }
}
.el-image-viewer__wrapper {
  z-index: 9999 !important;
}
</style>