修改

zhouwx

2 天以前 01ad8bbb87e6af83adfb3c75b85d6533abef32de

 src/views/build/conpanyFunctionConsult/riskManage/record/components/editDialog.vue

@@ -25,18 +25,19 @@
        </el-row>
        <el-row :gutter="24">
          <el-col :span="24">
            <el-form-item label="风险管理控制:" prop="departId" >
            <el-form-item label="风险管理控制:" prop="riskManageId" >
              <el-select
                  :disabled="title === '查看'"
                  v-model="state.form.departId"
                  v-model="state.form.riskManageId"
                  placeholder="请选择"
                  style="width: 240px"
                  style="width:100%"
                  @change="changeRisk"
              >
                <el-option
                    v-for="item in state.deptList"
                    :key="item.deptId"
                    :label="item.deptName"
                    :value="item.deptId"
                    v-for="item in state.riskList"
                    :key="item.id"
                    :label="item.name"
                    :value="item.id"
                />
              </el-select>
            </el-form-item>
@@ -44,122 +45,94 @@
        </el-row>
        <el-row :gutter="24">
          <el-col :span="24">
            <el-form-item label="风险管理分析监视记录:" prop="outEnvironment" >
            <el-form-item label="风险管理分析监视记录:" prop="riskContents" >
              <div style="display: flex;width: 100%;">
                <el-table :data="state.form.outEnvironment" :border="true" >
                <el-table :data="state.form.riskContents" :border="true" >
                  <el-table-column type="index" label="序号"  align="center"></el-table-column>
                  <el-table-column label="质量管理活动/流程/项目管理过程" prop="content" align="center" />
                  <el-table-column label="质量管理活动/流程/项目管理过程" prop="process" align="center" />
                  <el-table-column label="风险识别-潜在的风险事件" prop="content" align="center" >
                    <template  #default="{row,$index}">
                      <div v-for="(i,index) in row.mess" :key="index">
                        <el-form-item :prop="'outEnvironment.' + '[' + $index + '].' +'mess.' + '[' + index + ']' + '.num'" :rules="state.rules.num">
                          <el-input style="margin-top: 10px" :disabled="title === '查看'" type="textarea" v-model="i.num" placeholder="请输入"></el-input>
                        </el-form-item>
                      <div v-for="(i,index) in row.contentMesses" :key="index">
                        <el-input style="margin-bottom: 5px" type="textarea" disabled v-model="i.riskEvent"></el-input>
                      </div>
                    </template>
                  </el-table-column>
                  <el-table-column label="风险识别-风险发生的后果" prop="remark" align="center" >
                    <template  #default="{row,$index}">
                      <div v-for="(i,index) in row.mess" :key="index">
                        <el-form-item :prop="'outEnvironment.' + '[' + $index + '].' +'mess.' + '[' + index + ']' + '.num'" :rules="state.rules.num">
                          <el-input style="margin-top: 10px" :disabled="title === '查看'" type="textarea" v-model="i.num" placeholder="请输入"></el-input>
                        </el-form-item>
                      <div v-for="(i,index) in row.contentMesses" :key="index">
                        <el-input style="margin-bottom: 5px" type="textarea" disabled v-model="i.riskConsequence"></el-input>
                      </div>
                    </template>
                  </el-table-column>
                  <el-table-column label="风险评估-严重度" prop="remark" align="center" >
                    <template  #default="{row,$index}">
                      <div v-for="(i,index) in row.mess" :key="index">
                        <el-form-item :prop="'outEnvironment.' + '[' + $index + '].' +'mess.' + '[' + index + ']' + '.num'" :rules="state.rules.num">
                          <el-input style="margin-top: 10px" :disabled="title === '查看'" type="textarea" v-model="i.num" placeholder="请输入"></el-input>
                        </el-form-item>
                      <div v-for="(i,index) in row.contentMesses" :key="index">
                        <el-input style="margin-bottom: 5px" type="textarea" disabled v-model="i.severity"></el-input>
                      </div>
                    </template>
                  </el-table-column>
                  <el-table-column label="风险评估-发生频率" prop="remark" align="center" >
                    <template  #default="{row,$index}">
                      <div v-for="(i,index) in row.mess" :key="index">
                        <el-form-item :prop="'outEnvironment.' + '[' + $index + '].' +'mess.' + '[' + index + ']' + '.num'" :rules="state.rules.num">
                          <el-input style="margin-top: 10px" :disabled="title === '查看'" type="textarea" v-model="i.num" placeholder="请输入"></el-input>
                        </el-form-item>
                      <div v-for="(i,index) in row.contentMesses" :key="index">
                        <el-input style="margin-bottom: 5px" type="textarea" disabled v-model="i.frequency"></el-input>
                      </div>
                    </template>
                  </el-table-column>
                  <el-table-column label="风险评估-RPN" prop="remark" align="center" >
                    <template  #default="{row,$index}">
                      <div v-for="(i,index) in row.mess" :key="index">
                        <el-form-item :prop="'outEnvironment.' + '[' + $index + '].' +'mess.' + '[' + index + ']' + '.num'" :rules="state.rules.num">
                          <el-input style="margin-top: 10px" :disabled="title === '查看'" type="textarea" v-model="i.num" placeholder="请输入"></el-input>
                        </el-form-item>
                      <div v-for="(i,index) in row.contentMesses" :key="index">
                        <el-input style="margin-bottom: 5px" type="textarea" disabled v-model="i.rpn"></el-input>
                      </div>
                    </template>
                  </el-table-column>
                  <el-table-column label="风险评估-风险等级" prop="remark" align="center" >
                    <template  #default="{row,$index}">
                      <div v-for="(i,index) in row.mess" :key="index">
                        <el-form-item :prop="'outEnvironment.' + '[' + $index + '].' +'mess.' + '[' + index + ']' + '.num'" :rules="state.rules.num">
                          <el-input style="margin-top: 10px" :disabled="title === '查看'" type="textarea" v-model="i.num" placeholder="请输入"></el-input>
                        </el-form-item>
                      <div v-for="(i,index) in row.contentMesses" :key="index">
                        <el-input style="margin-bottom: 5px" type="textarea" disabled v-model="i.riskLevel"></el-input>
                      </div>
                    </template>
                  </el-table-column>
                  <el-table-column label="风险对应措施-预防措施" prop="remark" align="center" >
                    <template  #default="{row,$index}">
                      <div v-for="(i,index) in row.mess" :key="index">
                        <el-form-item :prop="'outEnvironment.' + '[' + $index + '].' +'mess.' + '[' + index + ']' + '.num'" :rules="state.rules.num">
                          <el-input style="margin-top: 10px" :disabled="title === '查看'" type="textarea" v-model="i.num" placeholder="请输入"></el-input>
                        </el-form-item>
                      <div v-for="(i,index) in row.contentMesses" :key="index">
                        <el-input style="margin-bottom: 5px" type="textarea" disabled v-model="i.measures"></el-input>
                      </div>
                    </template>
                  </el-table-column>
                  <el-table-column label="风险对应措施-责任人" prop="remark" align="center" >
                    <template  #default="{row,$index}">
                      <div v-for="(i,index) in row.mess" :key="index">
                        <el-form-item :prop="'outEnvironment.' + '[' + $index + '].' +'mess.' + '[' + index + ']' + '.num'" :rules="state.rules.num">
                          <el-input style="margin-top: 10px" :disabled="title === '查看'" type="textarea" v-model="i.num" placeholder="请输入"></el-input>
                        </el-form-item>
                      <div v-for="(i,index) in row.contentMesses" :key="index">
                        <el-input style="margin-bottom: 5px" type="textarea" disabled v-model="i.chargeUser"></el-input>
                      </div>
                    </template>
                  </el-table-column>
                  <el-table-column label="监视-监视时间" prop="remark" align="center" >
                  <el-table-column label="监视-监视时间" prop="monitorTime" align="center" >
                    <template  #default="{row,$index}">
                      <div v-for="(i,index) in row.mess" :key="index">
                        <el-form-item :prop="'outEnvironment.' + '[' + $index + '].' +'mess.' + '[' + index + ']' + '.num'" :rules="state.rules.num">
                          <el-input style="margin-top: 10px" :disabled="title === '查看'" type="textarea" v-model="i.num" placeholder="请输入"></el-input>
                      <div v-for="(i,index) in row.contentMesses" :key="index">
                        <el-form-item :prop="'riskContents.' + '[' + $index + '].' +'contentMesses.' + '[' + index + ']' + '.monitorTime'" :rules="state.rules.monitorTime">
                          <el-input style="margin-bottom: 5px" :disabled="title === '查看'" type="textarea" v-model="i.monitorTime" placeholder="请输入"></el-input>
                        </el-form-item>
                      </div>
                    </template>
                  </el-table-column>
                  <el-table-column label="监视-评价结果" prop="remark" align="center" >
                  <el-table-column label="监视-评价结果" prop="review" align="center" >
                    <template  #default="{row,$index}">
                      <div v-for="(i,index) in row.mess" :key="index">
                        <el-form-item :prop="'outEnvironment.' + '[' + $index + '].' +'mess.' + '[' + index + ']' + '.num'" :rules="state.rules.num">
                          <el-input style="margin-top: 10px" :disabled="title === '查看'" type="textarea" v-model="i.num" placeholder="请输入"></el-input>
                      <div v-for="(i,index) in row.contentMesses" :key="index">
                        <el-form-item :prop="'riskContents.' + '[' + $index + '].' +'contentMesses.' + '[' + index + ']' + '.review'" :rules="state.rules.review">
                          <el-input style="margin-bottom: 5px" :disabled="title === '查看'" type="textarea" v-model="i.review" placeholder="请输入"></el-input>
                        </el-form-item>
                      </div>
                    </template>
                  </el-table-column>
                  <el-table-column label="操作" align="center" width="120" v-if="title !== '查看'" >
                    <template #default="scope">
                      <el-button link type="primary"  @click="addObject(scope.row)" >添加</el-button>
                      <el-button link type="danger"  @click="delObject(scope.row)" >删除</el-button>
                    </template>
                  </el-table-column>
                </el-table>
                <el-button
                    :disabled="title === '查看'"
                    type="primary"
                    @click="addTableData"
                    style="margin-left: 10px"
                >新增</el-button>
              </div>
            </el-form-item>
          </el-col>
        </el-row>
        <el-row :gutter="24">
          <el-col :span="24">
            <el-form-item label="编制:" prop="compilationId" >
              <el-select clearable v-model="state.form.compilationId" :disabled="title =='查看'" filterable  style="width: 240px">
            <el-form-item label="编制:" prop="fictionId" >
              <el-select clearable v-model="state.form.fictionId" :disabled="title =='查看'" filterable  style="width: 240px">
                <el-option
                    v-for="item in state.peopleList"
                    :key="item.id"
@@ -185,7 +158,7 @@
          </el-col>
        </el-row>
        <el-row :gutter="24">
          <el-col :span="24">
          <el-col :span="12">
            <el-form-item label="批准:" prop="ratifyId" >
              <el-select clearable v-model="state.form.ratifyId" :disabled="title =='查看'" filterable  style="width: 240px">
                <el-option
@@ -195,6 +168,16 @@
                    :value="item.id"
                />
              </el-select>
            </el-form-item>
          </el-col>
          <el-col :span="12">
            <el-form-item label="日期:" prop="checkTime" >
              <el-date-picker
                  :disabled="title === '查看'"
                  v-model="state.form.checkTime"
                  type="date"
                  placeholder="请选择日期"
              />
            </el-form-item>
          </el-col>
        </el-row>
@@ -216,6 +199,7 @@
import {getUser} from "@/api/onlineEducation/user";
import {getDept, getObject, getObjectPage} from "@/api/qualityObjectives/object";
import {addTable, editTable, getTargetById} from "@/api/qualityObjectives/table";
import {addMonitorRecord, editMonitorRecord, getRiskControlAll} from "@/api/riskManage/risk";

const dialogVisible = ref(false);
const title = ref("");
@@ -228,95 +212,29 @@
  form: {
    id: '',
    companyId: null,
    departId: null,
    riskManageId: null,
    year: '',
    compilationId: null,
    fictionId: null,
    checkId: null,
    ratifyId: null,
    dateTime: null,
    outEnvironment:[],
    inEnvironment: []
    checkTime: null,
    riskContents:[],
  },
  rules: {
    companyId: [{ required: true, message: '请选择企业', trigger: 'blur' }],
    departId: [{ required: true, message: '请选择部门', trigger: 'blur' }],
    riskManageId: [{ required: true, message: '请选择风险管理控制', trigger: 'blur' }],
    year: [{ required: true, message: '请选择年份', trigger: 'blur' }],
    compilationId: [{ required: true, message: '请选择编制人', trigger: 'blur' }],
    fictionId: [{ required: true, message: '请选择编制人', trigger: 'blur' }],
    ratifyId: [{ required: true, message: '请选择批准人', trigger: 'blur' }],
    checkId: [{ required: true, message: '请选择审核人', trigger: 'blur' }],
    dateTime: [{ required: true, message: '请选择日期', trigger: 'blur' }],
    out: {
      reason: [{required: true, message: "", trigger: "blur"}],
      content: [{required: true, message: "", trigger: "blur"}],
    },
    in: {
      reason: [{required: true, message: "", trigger: "blur"}],
      content: [{required: true, message: "", trigger: "blur"}],
    },
    num:[{required: true, message: "", trigger: "blur"}],
    checkTime: [{ required: true, message: '请选择日期', trigger: 'blur' }],
    monitorTime:[{required: true, message: "", trigger: "blur"}],
    review:[{required: true, message: "", trigger: "blur"}],
  },
  peopleList: [],
  isAdmin: false,
  companyList: [],
  deptList: [],
  yearList: [
    {
      value: 1,
      label: '2025'
    },
    {
      value: 2,
      label: '2024'
    },
    {
      value: 3,
      label: '2023'
    },
    {
      value: 4,
      label: '2022'
    },
    {
      value: 5,
      label: '2021'
    },
  ],
  outReasonList:[
    {
      id: 1,
      name: '政治经济因素'
    },
    {
      id: 2,
      name: '法律法规因素'
    },
    {
      id: 3,
      name: '宏观政策因素'
    },
    {
      id: 4,
      name: '文化氛围'
    },
  ],
  inReasonList:[
    {
      id: 1,
      name: '公司价值观'
    },
    {
      id: 2,
      name: '企业文化'
    },
    {
      id: 3,
      name: '过程能力'
    },
    {
      id: 4,
      name: '制度流程因素'
    },
  ],
  riskList: [],
})

onMounted(() => {
@@ -341,23 +259,26 @@
      state.form.companyName = value.companyName
    }
  }
  await getDeptList()
  await getRiskList()
  await getPeopleList()
  dialogVisible.value = true;
}

const getDeptList = async () => {
const getRiskList = async () => {
  if(state.isAdmin && (state.form.companyId == 0 || state.form.companyId == null)){
    return
  }
  const param = {
    pageNum: 1,
    pageSize: 999,
    companyId: state.form.companyId
  }
  const res = await getDept(param)
  const res = await getRiskControlAll(param)
  if(res.code === 200){
    state.deptList = res.data
    state.riskList = res.data.map(item => {
      return {
        ...item,
        name: item.year + '年度' + item.deptName + '风险管理控制'
      }
    })
  }
}
const onSubmit = async () => {
@@ -366,7 +287,7 @@
    if(title.value === '新增'){
      console.log('sta',state.form)
      const {id, ...data} = JSON.parse(JSON.stringify(state.form))
      const res = await addTable(data)
      const res = await addMonitorRecord(data)
      if(res.code === 200){
        ElMessage({
          type: 'success',
@@ -381,7 +302,7 @@
      dialogVisible.value = false;
    }else if(title.value === '编辑'){
      const {...data} = JSON.parse(JSON.stringify(state.form))
      const res = await editTable(data)
      const res = await editMonitorRecord(data)
      if(res.code === 200){
        ElMessage({
          type: 'success',
@@ -408,22 +329,18 @@
const reset = () => {
  state.form = {
    id: '',
    qualityId: '',

    fictionId : '',
    fictionName: '',
    fictionTime:'',
    checkId :'',
    checkName: '',
    checkTime:'',
    ratifyId:'',
    ratifyName: '',
    ratifyTime: '',
    outEnvironment:[],
    companyId: null,
    riskManageId: null,
    year: '',
    fictionId: null,
    checkId: null,
    ratifyId: null,
    checkTime: null,
    riskContents:[],
  }
  state.peopleList = []
  state.companyList = []
  state.qualityList = []
  state.riskList = []
}
const getPeopleList = async ()=> {
  if(state.isAdmin && (state.form.companyId == 0 || state.form.companyId == null)){
@@ -446,51 +363,26 @@


const selectValueCom = (val) => {
  state.form.compilationId = null
  state.form.riskManageId = null
  state.form.fictionId = null
  state.form.checkId = null
  state.form.ratifyId = null
  state.form.departId = null
  state.companyList.forEach(item => {
    if(item.name === val){
      state.form.companyId = item.id
    }
  })
  getDeptList()
  getRiskList()
  getPeopleList()
}

const handleChangeNum = (value) => {
  if (!/^\d+$/.test(value)) { // 验证是否为数字
    ElMessage.warning('只能输入数字')
    state.form.year = '' // 重置选择，避免非法值被添加到options中
  } else if (!state.yearList.some(option => option.label === value)) { // 确保不是已存在的选项
    state.yearList.push({ value, label: value }); // 添加新选项（这里简单地将值和标签设为相同）
  }
}
const addTableData = () => {
    state.form.outEnvironment.push({mess: [{id: null}]})

}
const addObject = (val) => {
  state.form.outEnvironment.forEach(item => {
    if(item.id == val.id){
      item.mess.push({id: item.id})
    }
  })

}
const delObject = (val) => {
  state.form.outEnvironment.forEach(item => {
    if(item.id == val.id){
      if(item.mess.length == 1){
        ElMessage.warning('至少保留一组数据')
        return
      }
      item.mess.pop()
const changeRisk = (val) => {
  state.riskList.forEach(item => {
    if(val == item.id){
      state.form.riskContents = item.riskContents
    }
  })
}

defineExpose({
  openDialog
});