zhouwx
3 天以前 3dc3d79e10232c821db66a952341b2daae80e0e1
src/views/build/conpanyFunctionConsult/digitalFileDep/project/projectReview/components/editDialog.vue
@@ -3,13 +3,14 @@
    <el-dialog
        v-model="dialogVisible"
        :title="state.title"
        width="980px"
        width="1090px"
        :before-close="handleClose"
        :close-on-press-escape="false"
        :key="`select_${Date.now()}`"
        :close-on-click-modal="false"
    >
      <el-form :model="state.form" size="default" ref="superRef" :rules="state.formRules" label-width="150px" >
        <el-form-item label="企业名称:" prop="companyId" v-if="state.isAdmin">
        <el-form-item label="单位名称:" prop="companyId" v-if="state.isAdmin">
          <el-select v-model="state.form.companyId" filterable placeholder="请选择" @change="changeCom"  clearable style="width: 100%" :disabled="state.title == '查看' || state.title == '编辑' || !state.isAdmin">
            <el-option
                v-for="item in state.companyList"
@@ -90,80 +91,17 @@
            </el-col>
          </el-row>
          <el-row :gutter="24">
            <el-col :span="24">
              <el-form-item label="评审依据:" prop="reviewBasis">
                <el-input v-model.trim="state.form.reviewBasis" type="textarea" :rows="4" :disabled="state.title =='查看'" placeholder="评审依据"></el-input>
              </el-form-item>
            </el-col>
          </el-row>
          <el-row :gutter="24">
            <el-col :span="24">
              <el-form-item label="评审内容:" prop="reviewContent">
                <el-input v-model.trim="state.form.reviewContent" type="textarea" :rows="4" :disabled="state.title =='查看'" placeholder="评审内容"></el-input>
              </el-form-item>
            </el-col>
          </el-row>
          <el-row :gutter="24">
            <el-col :span="24">
              <el-form-item label="评审意见:" prop="reviewOpinion">
                <el-input v-model.trim="state.form.reviewOpinion" type="textarea" :rows="4" :disabled="state.title =='查看'" placeholder="评审意见"></el-input>
              </el-form-item>
            </el-col>
          </el-row>
          <el-row :gutter="24">
            <el-col :span="12">
              <el-form-item label="评审组长:" prop="groupId">
                <el-select clearable v-model="state.form.groupId" :disabled="state.title =='查看'" filterable  style="width: 100%">
                  <el-option
                      v-for="item in state.peopleList"
                      :key="item.id"
                      :label="item.name"
                      :value="item.id"
                  />
                </el-select>
              </el-form-item>
            </el-col>
            <el-col :span="12">
              <el-form-item label="日期:"  prop="groupTime">
                <el-date-picker
                    :disabled="state.title === '查看'"
                    v-model="state.form.groupTime"
                    type="date"
                    placeholder="请选择日期"
                    value-format="YYYY-MM-DD"
                />
              </el-form-item>
            </el-col>
          </el-row>
          <el-row :gutter="24">
            <el-col :span="12">
              <el-form-item label="批准领导:" prop="leaderId">
                <el-select clearable v-model="state.form.leaderId" :disabled="state.title =='查看'" filterable  style="width: 100%">
                  <el-option
                      v-for="item in state.peopleList"
                      :key="item.id"
                      :label="item.name"
                      :value="item.id"
                  />
                </el-select>
              </el-form-item>
            </el-col>
            <el-col :span="12">
              <el-form-item label="日期:" prop="leaderTime">
                <el-date-picker
                    :disabled="state.title === '查看'"
                    v-model="state.form.leaderTime"
                    type="date"
                    placeholder="请选择日期"
                    value-format="YYYY-MM-DD"
                />
              </el-form-item>
            </el-col>
          </el-row>
          <el-row :gutter="24">
            <el-col :span="24">
              <el-form-item label="项目文件:" prop="productItemId">
                <el-select clearable v-model="state.form.productItemId" :disabled="state.title =='查看'" filterable style="width: 290px">
              <el-form-item label="评审文件:" required>
                <el-select
                    clearable
                    multiple
                    v-model="state.productItems"
                    :disabled="state.title =='查看'"
                    filterable
                    @change="changeFile"
                    value-key="id"
                    style="width: 100%">
                  <el-option
                      v-for="item in state.itemFileList"
                      :key="item.id"
@@ -174,6 +112,70 @@
              </el-form-item>
            </el-col>
          </el-row>
          <el-row :gutter="24">
            <el-col :span="24">
              <el-form-item label="评审内容:" prop="reviewContent">
                <el-input v-model.trim="state.form.reviewContent" type="textarea" :rows="4" :disabled="state.title =='查看'" placeholder="评审内容"></el-input>
              </el-form-item>
            </el-col>
          </el-row>
<!--          <el-row :gutter="24">-->
<!--            <el-col :span="24">-->
<!--              <el-form-item label="评审意见:" prop="reviewOpinion">-->
<!--                <el-input v-model.trim="state.form.reviewOpinion" type="textarea" :rows="4" :disabled="state.title =='查看'" placeholder="评审意见"></el-input>-->
<!--              </el-form-item>-->
<!--            </el-col>-->
<!--          </el-row>-->
<!--          <el-row :gutter="24">-->
<!--            <el-col :span="12">-->
<!--              <el-form-item label="评审组长:" prop="groupId">-->
<!--                <el-select clearable v-model="state.form.groupId" :disabled="state.title =='查看'" filterable  style="width: 100%">-->
<!--                  <el-option-->
<!--                      v-for="item in state.peopleList"-->
<!--                      :key="item.id"-->
<!--                      :label="item.name"-->
<!--                      :value="item.id"-->
<!--                  />-->
<!--                </el-select>-->
<!--              </el-form-item>-->
<!--            </el-col>-->
<!--            <el-col :span="12">-->
<!--              <el-form-item label="日期:"  prop="groupTime">-->
<!--                <el-date-picker-->
<!--                    :disabled="state.title === '查看'"-->
<!--                    v-model="state.form.groupTime"-->
<!--                    type="date"-->
<!--                    placeholder="请选择日期"-->
<!--                    value-format="YYYY-MM-DD"-->
<!--                />-->
<!--              </el-form-item>-->
<!--            </el-col>-->
<!--          </el-row>-->
<!--          <el-row :gutter="24">-->
<!--            <el-col :span="12">-->
<!--              <el-form-item label="批准领导:" prop="leaderId">-->
<!--                <el-select clearable v-model="state.form.leaderId" :disabled="state.title =='查看'" filterable  style="width: 100%">-->
<!--                  <el-option-->
<!--                      v-for="item in state.peopleList"-->
<!--                      :key="item.id"-->
<!--                      :label="item.name"-->
<!--                      :value="item.id"-->
<!--                  />-->
<!--                </el-select>-->
<!--              </el-form-item>-->
<!--            </el-col>-->
<!--            <el-col :span="12">-->
<!--              <el-form-item label="日期:" prop="leaderTime">-->
<!--                <el-date-picker-->
<!--                    :disabled="state.title === '查看'"-->
<!--                    v-model="state.form.leaderTime"-->
<!--                    type="date"-->
<!--                    placeholder="请选择日期"-->
<!--                    value-format="YYYY-MM-DD"-->
<!--                />-->
<!--              </el-form-item>-->
<!--            </el-col>-->
<!--          </el-row>-->
          <el-row :gutter="24">
            <el-col :span="24">
              <el-form-item required label= "合同评审人员签署:" >
@@ -200,7 +202,7 @@
                        </el-form-item>
                      </template>
                    </el-table-column>
                    <el-table-column prop="name" label="姓名"  align="center">
                    <el-table-column prop="name" label="姓名"  align="center" width="110">
                      <template #default="{row,$index}">
                        <el-form-item :prop="'reviewUsers.' + '[' + $index + ']' + '.reviewUserId'" :rules="state.rules.reviewUserId">
                          <el-select clearable v-model="row.reviewUserId" :disabled="state.title =='查看'" filterable style="width: 245px" @change="chooseUser($index,row.reviewUserId)">
@@ -216,6 +218,17 @@
                    </el-table-column>
                    <el-table-column prop="userDept" label="单位/部门"  align="center"></el-table-column>
                    <el-table-column prop="userDuty" label="职务/职称"  align="center"></el-table-column>
                    <el-table-column prop="status" label="状态"  align="center">
                      <template #default="{row,$index}">
                        <div>{{row.status == 1 ? '待发送':row.status == 2 ? '待审批':  row.status == 3? '已审批':''}}</div>
                      </template>
                    </el-table-column>
                    <el-table-column prop="reviewOpinion" label="评审意见"  align="center">
                      <template #default="{row,$index}">
                        <div>{{row.reviewOpinion == 1 ? '同意':row.reviewOpinion == 2 ? '不同意':''}}</div>
                      </template>
                    </el-table-column>
                    <el-table-column prop="reviewTime" label="评审日期" width="110" align="center"></el-table-column>
                    <el-table-column prop="sign" label="签名"  align="center" width="120">
                      <template #default="{row,$index}">
                        <el-form-item :prop="'reviewUsers.' + '[' + $index + ']' + '.sign'">
@@ -234,11 +247,6 @@
                          </div>
                          <div v-else></div>
                        </el-form-item>
                      </template>
                    </el-table-column>
                    <el-table-column prop="status" label="状态"  align="center">
                      <template #default="{row,$index}">
                          <div>{{row.status == 1 ? '待发送':row.status == 2 ? '待审批':  row.status == 3? '已审批':''}}</div>
                      </template>
                    </el-table-column>
                    <el-table-column label="操作" align="center" class-name="small-padding fixed-width" v-if="state.title !== '查看'" >
@@ -273,7 +281,13 @@
import {getToken} from "@/utils/auth";
import {delPic} from "@/api/onlineEducation/banner";
import {addFile, editFile} from "@/api/qualityManage/range";
import {addProductFile, editProductFile, getProductFilePage, getProductSet} from "@/api/selfProblems/productFile";
import {
  addProductFile,
  editProductFile,
  getProductFileList,
  getProductFilePage,
  getProductSet
} from "@/api/selfProblems/productFile";
import Cookies from "js-cookie";
import {addReview, editReview} from "@/api/selfProblems/projectReview";
import {getStudent} from "@/api/onlineEducation/student";
@@ -302,7 +316,8 @@
    groupTime: "",
    leaderId: null,
    leaderTime: "",
    productItemId: null,
    productItemIds: null,
    processItemIds:null
  },
  formRules:{
    companyId: [{ required: true, message: '请选择企业', trigger: 'blur' }],
@@ -314,14 +329,14 @@
    projectCode: [{ required: true, message: '请输入项目代码', trigger: 'blur' }],
    projectNum: [{ required: true, message: '请输入项目编号', trigger: 'blur' }],
    reviewLevel: [{ required: true, message: '请输入评审级别', trigger: 'blur' }],
    reviewBasis: [{ required: true, message: '请输入评审依据', trigger: 'blur' }],
    reviewBasis: [{ required: true, message: '请输入评审文件', trigger: 'blur' }],
    reviewContent: [{ required: true, message: '请输入评审内容', trigger: 'blur' }],
    reviewOpinion: [{ required: true, message: '请输入评审意见', trigger: 'blur' }],
    groupId: [{ required: true, message: '请选择评审组长', trigger: 'blur' }],
    groupTime: [{ required: true, message: '请选择时间', trigger: 'blur' }],
    leaderId: [{ required: true, message: '请选择评审领导', trigger: 'blur' }],
    leaderTime: [{ required: true, message: '请选择时间', trigger: 'blur' }],
    productItemId: [{ required: true, message: '请选择项目文件', trigger: 'blur' }],
    // productItemIds: [{ required: true, message: '请选择项目文件', trigger: 'blur' }],
  },
  rules:{
    reviewUserId: [{ required: true, message: '', trigger: 'blur' }],
@@ -350,7 +365,10 @@
      id: 2,
      name: '评审组员'
    },
  ]
  ],
  productItems:[],
  paojectDocuments:[],
  processInspections:[]
})
onMounted(() => {
@@ -372,6 +390,12 @@
        state.form[key] = value[key]
      }
    })
    await nextTick();
    const productItemIdList = state.form.productItemIds ?state.form.productItemIds.split(',').map(item => Number(item)):[]
    const processItemIdList = state.form.processItemIds?state.form.processItemIds.split(',').map(item => Number(item)):[]
    state.productItems = productItemIdList.concat(processItemIdList)
    if(value.filePath) {
      const obj = {
        url: value.filePath,
@@ -380,9 +404,13 @@
      state.fileList = [obj]
    }
    state.form.itemId = state.form.itemId == 0 ? null : state.form.itemId
    state.form.reviewUsers.forEach(item => {
    const list = JSON.parse(JSON.stringify(value.reviewUsers))
    list.forEach(item => {
      item.sign = item.sign ? [import.meta.env.VITE_APP_BASE_API + '/' + item.sign] :[]
    })
    state.form.reviewUsers = list
  }
  await getProjectList()
  await getPeopleList()
@@ -439,8 +467,13 @@
};
const onSubmit = async () => {
  // state.form.productItemIds = state.productItems.join(',')
  const valid = await superRef.value.validate();
  if(valid){
    if(!state.form.processItemIds && !state.form.productItemIds){
      ElMessage.warning('请选择评审文件')
      return
    }
    if(state.form.type == 1 && state.form.reviewUsers && state.form.reviewUsers.length == 0){
      ElMessage.warning('请填写合同评审人员签署表')
      return
@@ -541,17 +574,23 @@
    groupTime: "",
    leaderId: null,
    leaderTime: "",
    productItemId: null,
    productItemIds: null,
    processItemIds:null
  }
  state.fileList = []
  state.peopleList = []
  state.productItems = []
  state.paojectDocuments=[]
  state.processInspections=[]
  superRef.value.clearValidate();
  superRef.value.resetFields()
  dialogVisible.value = false;
}
const changeCom = () => {
  state.form.itemId = null
  state.form.productItemId = null
  state.form.productItemIds = null
  state.form.processItemIds = null
  state.productItems = []
  state.form.reviewUsers.forEach(item => {
    item.reviewUserId = null
    item.userDept = ''
@@ -564,7 +603,9 @@
}
const changeItem = () => {
  state.form.productItemId = null
  state.form.productItemIds = null
  state.form.processItemIds = null
  state.productItems = []
  getFileList()
}
const getFileList = async () => {
@@ -573,19 +614,29 @@
  }
  const queryParams = {
    companyId: state.form.companyId,
    type: 2,
    itemId: state.form.itemId,
    pageSize:9999,
    pageNum: 1
  }
  const res = await getProductFilePage(queryParams)
  const res = await getProductFileList(queryParams)
  if (res.code == 200) {
    state.itemFileList = res.data.list.map(item => {
    state.paojectDocuments = res.data.data.paojectDocuments.map(item => {
      return {
        ...item,
        fileNameSimple: item.fileName.split('.')[0]
        flag:1
      }
    })
    state.processInspections = res.data.data.processInspections.map(item => {
      return {
        ...item,
        flag:2
      }
    })
    state.itemFileList = state.paojectDocuments.concat(state.processInspections)
    // state.itemFileList = res.data.list.map(item => {
    //   return {
    //     ...item,
    //     fileNameSimple: item.fileName.split('.')[0]
    //   }
    // })
  } else {
    ElMessage.warning(res.message)
  }
@@ -604,7 +655,10 @@
    state.form.groupTime = null
    state.form.leaderId = null
    state.form.leaderTime = null
    state.form.productItemId = null
    state.form.productItemIds = null
    state.form.processItemIds = null
    state.productItems = []
  }else if(state.form.type == 1){
    state.form.stage = ''
    state.form.fileName = ''
@@ -627,6 +681,19 @@
  state.form.reviewUsers[index].userDuty = obj[0].duty
}
const changeFile = (ids) => {
  state.form.productItemIds = ids.filter(id => {
    const item = state.itemFileList.find(i => i.id === id);
    return item?.flag === 1;
  });
  state.form.productItemIds = state.form.productItemIds.join(',')
  state.form.processItemIds = ids.filter(id => {
    const item = state.itemFileList.find(i => i.id === id);
    return item?.flag === 2;
  });
  state.form.processItemIds = state.form.processItemIds.join(',')
}
defineExpose({
  openDialog