修改

zhouwx

2025-05-20 d80dbcd093573d191053b8c3034acfc47e040ebd

 src/views/safetyReview/projectManage/components/chooseExpert.vue

@@ -8,14 +8,19 @@
            v-model.trim="queryParams.num"
            placeholder="请输入专家总人数"
            style="width: 150px;"
            @input="queryParams.num = queryParams.num.replace(/[^1-9]/g,'')"
            :disabled="randomDataList.length != 0"
            @input="queryParams.num = queryParams.num.replace(/[^0-9]/g,'')"
            :disabled="!state.isAble || state.newProgress >=3 "

        >
        </el-input>
      </div>
      <div class="fTop">
        <span style="font-size: 14px">专家组组长</span>
        <el-button type="primary" :disabled="state.info.step == 4 || state.isAdmin" style="width: 120px;margin-bottom: 10px" @click="chooseExpert('选取专家')">选取专家组组长</el-button>
        <div style="font-size: 16px;display: flex;align-items: center">
          专家组组长
          <el-icon style="margin-left: 10px;margin-right: 4px;margin-top: 2px;color: #FE8E8A"><InfoFilled /></el-icon>
          <span style="font-size: 14px;color: #FE8E8A">仅专家组组长允许固定选取，仅允许固定选取1人</span>
        </div>
        <el-button type="primary"  :disabled="state.info.step == 4 || state.isAdmin" style="width: 120px;margin-bottom: 10px" @click="chooseExpert('选取专家')">选取专家组组长</el-button>
      </div>
      <el-table v-loading="fLoading"  :data="fixedDataList" :border="true" ref="fTableRef" style="width: 100%;">
        <el-table-column label="姓名" prop="name" align="center" />
@@ -39,7 +44,11 @@
      </el-table>
    </div>
    <div style="display: flex;flex-direction: column">
      <span style="font-weight: 600">随机选用部分</span>
      <div style="display: flex;align-items: center">
        <span style="font-weight: 600">随机选用部分</span>
        <el-icon style="margin-left: 10px;margin-right: 4px;margin-top: 2px;color: #FE8E8A"><InfoFilled /></el-icon>
        <span style="font-size: 14px;color: #FE8E8A">随机人数为 {{queryParams.num-1}} 的5倍，可根据实际情况选取{{queryParams.num-1}} 人</span>
      </div>
      <el-form :model="queryParams" ref="queryForm" :inline="true" style="margin-top: 10px" label-width="90px">
        <el-row :gutter="24">
          <el-col :span="8">
@@ -62,14 +71,20 @@
              <el-checkbox-group v-model="queryParams.ratingLevel" >
                <el-checkbox v-for="item in state.levelList" :label="item.id" :key="item.id">{{ item.name }}</el-checkbox>
              </el-checkbox-group>

            </el-form-item>
          </el-col>

          <el-col :span="8">
            <el-form-item style="float: right;" v-if="randomDataList.length == 0 && Number(queryParams.num) !=1 && queryParams.num!=''">
            <el-form-item style="float: right;" v-if=" state.newProgress < 3  && state.isAble && Number(queryParams.num) !=1 && queryParams.num!=''">
              <el-button style="width: 100px;margin-right: -32px;"  :disabled="state.info.step == 4 || state.isAdmin" type="primary" @click="random">随机抽取</el-button>
            </el-form-item>
          </el-col>
        </el-row>
        <div style="display: flex;align-items: center;justify-content: flex-end;margin-top: -15px;margin-bottom: 10px" v-if="state.newProgress < 3">
          <el-icon style="margin-left: 10px;margin-right: 4px;color: #FE8E8A"><InfoFilled /></el-icon>
          <span style="font-size: 14px;color: #FE8E8A">最多可随机3次，剩余{{3-state.randomNum}}次</span>
        </div>
<!--        <el-row :gutter="24">-->
<!--          <el-col :span="24">-->
<!--            <el-form-item label="拟选用人数:">-->
@@ -84,7 +99,8 @@
<!--          </el-col>-->
<!--        </el-row>-->
      </el-form>
      <el-table v-loading="rLoading"  :data="randomDataList" :border="true" ref="rTableRef" style="width: 100%;">
      <el-table v-loading="rLoading"  :data="randomDataList" :border="true" ref="rTableRef" style="width: 100%;" @selection-change="handleSelectionChange">
        <el-table-column type="selection" width="55" />
        <el-table-column label="姓名" prop="name" align="center" />
        <el-table-column label="性别" prop="sex" align="center" >
          <template #default="scope">
@@ -98,11 +114,11 @@
          </template>
        </el-table-column>
        <el-table-column label="专业领域" prop="domain" align="center" />
        <el-table-column fixed="right" label="操作" align="center" class-name="small-padding fixed-width" width="180">
          <template #default="scope">
            <el-button link type="primary" @click="delR(scope.row)" :disabled="state.info.step == 4 || state.isAdmin">删除</el-button>
          </template>
        </el-table-column>
<!--        <el-table-column fixed="right" label="操作" align="center" class-name="small-padding fixed-width" width="180">-->
<!--          <template #default="scope">-->
<!--            <el-button link type="primary" @click="delR(scope.row)" :disabled="state.info.step == 4 || state.isAdmin">删除</el-button>-->
<!--          </template>-->
<!--        </el-table-column>-->
      </el-table>
    </div>
    <experts-list ref="expertsListRef" @getName="getSelected"></experts-list>
@@ -159,21 +175,21 @@
  ],
  isAdmin: false,
  projectId: null,
  newProgress: null

  newProgress: null,
  randomNum:0,
  isAble: true
})


const choosedRandomList = ref([])
const userInfo = ref()
onMounted(async () =>{
  // localStorage.removeItem('numData')
  // localStorage.removeItem('fixedDataList')
  // localStorage.removeItem('randomDataList')
  // localStorage.removeItem('randomNum')

  if(prop.projectId){
    state.projectId = prop.projectId
    await getProjectProcess()
  }

  const fixListData = localStorage.getItem('fixedDataList');
  let fixDataArr = []
  if(fixListData){
@@ -205,7 +221,19 @@
      }
    })
  }

  const randomNumData = localStorage.getItem('randomNum')
  let randomNumArr = []
  if(randomNumData){
    randomNumArr = JSON.parse(randomNumData)
    randomNumArr.forEach(item => {
      if(item.projectId == state.projectId){
        state.randomNum = Number(item.randomNum)
      }
    })
  }
  if(state.randomNum == 3){
      state.isAble = false
  }
  userInfo.value = JSON.parse(Cookies.get('userInfo'))
  state.isAdmin = userInfo.value.admin
  await getDomain()
@@ -280,6 +308,8 @@

const riskOpen = async (type,val) => {
  console.log("type",type,val)
  state.projectId = val
  await getProjectProcess()
  if(type === 'add' || type === 'clickEdit'){
    if (state.isAdmin) {
      ElMessage.warning("当前用户暂无权限");
@@ -312,14 +342,16 @@
      })
    }



    if(randomDataList.value && randomDataList.value.length > Number(queryParams.num) - 1){
      ElMessage.warning(`仅可保留${Number(queryParams.num) - 1}名随机专家`);
    if(choosedRandomList.value && choosedRandomList.value.length > Number(queryParams.num) - 1){
      ElMessage.warning(`仅可选取${Number(queryParams.num) - 1}名随机专家`);
      return
    }
    if(randomDataList.value && randomDataList.value.length > 0){
      rData = randomDataList.value.map(item => {
    if(choosedRandomList.value.length < Number(queryParams.num) - 1){
      ElMessage.warning(`随机专家数不能低于${Number(queryParams.num) - 1}人`)
      return
    }
    if(choosedRandomList.value && choosedRandomList.value.length > 0){
      rData = choosedRandomList.value.map(item => {
        return {
          expertId: item.id,
          expertName:item.name,
@@ -355,11 +387,18 @@
        }
      })
    }
    if(randomDataList.value && randomDataList.value.length > 0){
      rData = randomDataList.value.map(item => {
    if(choosedRandomList.value && choosedRandomList.value.length > Number(queryParams.num) - 1){
      ElMessage.warning(`仅可选取${Number(queryParams.num) - 1}名随机专家`);
      return
    }
    if(choosedRandomList.value.length < Number(queryParams.num) - 1){
      ElMessage.warning(`随机专家数不能低于${Number(queryParams.num) - 1}人`)
      return
    }
    if(choosedRandomList.value && choosedRandomList.value.length > 0){
      rData = choosedRandomList.value.map(item => {
        return {
          id: item.expertId ? item.id : '',
          expertId: item.expertId ? item.expertId : item.id,
          expertId: item.id,
          expertName:item.name,
          selectionMode: 2,
          teamLeader: 0
@@ -404,9 +443,11 @@
  const fData = localStorage.getItem('fixedDataList');
  const rData = localStorage.getItem('randomDataList')
  const nData = localStorage.getItem('numData')
  const rnData = localStorage.getItem('randomNum')
  let fDataArray = [];
  let rDataArray = []
  let nDataArray = []
  let rnDataArray = []
  if (fData) {
    try {
      fDataArray = JSON.parse(fData);
@@ -445,6 +486,22 @@
    nDataArray.splice(indexN,1)
  }
  localStorage.setItem('numData', JSON.stringify(nDataArray));

  // if (rnData) {
  //   try {
  //     rnDataArray = JSON.parse(rnData);
  //   } catch (e) {
  //     console.error('数据解析失败，重置为空数组');
  //   }
  // }
  // const indexRN = rnDataArray.findIndex(obj => obj.projectId == state.projectId)
  // if(indexRN !== -1){
  //   rnDataArray.splice(indexRN,1)
  // }
  // localStorage.setItem('randomNum', JSON.stringify(rnDataArray));
}
const handleSelectionChange = (val) => {
  choosedRandomList.value = val
}

const getSelected = (type,data)=>{
@@ -528,6 +585,15 @@
  const res = await expertRound(param)
  if(res.code == 200){
    randomDataList.value = res.data
    state.randomNum = state.randomNum + 1
    const obj = {
      projectId: state.projectId,
      randomNum: state.randomNum
    }
    saveObjectToLocalStorage('randomNum',obj)
    if(state.randomNum == 3){
      state.isAble = false
    }
  }else{
    ElMessage.warning(res.message)
  }