修改

zhouwx

2025-11-05 b59d89e4258d8e259d221dc7fc9f8f073f283d93

 src/views/build/conpanyFunctionConsult/digitalFileDep/project/projectReview/components/editDialog.vue

@@ -3,7 +3,7 @@
    <el-dialog
        v-model="dialogVisible"
        :title="state.title"
        width="600px"
        width="980px"
        :before-close="handleClose"
        :close-on-press-escape="false"
        :close-on-click-modal="false"
@@ -24,6 +24,8 @@
           filterable
           placeholder="请选择"
           clearable style="width: 100%"
           @change="changeItem"
           :disabled="state.title == '查看'"
          >
            <el-option
                v-for="item in state.projectList"
@@ -32,22 +34,225 @@
                :value="item.id">
            </el-option>
          </el-select>
        </el-form-item>
        <el-row :gutter="24">
          <el-col :span="24">
            <el-form-item label="类型:" prop="type">
              <el-radio-group v-model="state.form.type" :disabled="state.title =='查看' || state.title =='编辑'" @change="changeType">
                <el-radio :label="1">会签评审</el-radio>
                <el-radio :label="2">会议评审</el-radio>
              </el-radio-group>
            </el-form-item>
          </el-col>
        </el-row>
        <!-- 线下-->
        <div v-if="state.form.type == 2">
          <el-form-item label="设计和开发阶段:" prop="stage">
            <el-input v-model.trim="state.form.stage" :disabled="state.title =='查看'" placeholder="设计和开发阶段"></el-input>
          </el-form-item>
          <el-form-item label="文件名称:" prop="fileName">
            <el-input v-model.trim="state.form.fileName" :disabled="state.title =='查看'" placeholder="文件名称"></el-input>
          </el-form-item>
          <el-form-item label="文件:" prop="filePath">
            <el-upload accept=".doc,.docx,.pdf,.png,.jpg,.jpeg" :action="state.uploadUrl" :headers="state.header" method="post" :on-success="(res, uploadFile)=>handleAvatarSuccess(res, uploadFile)" :on-exceed="showTip" :limit='state.fileLimit' v-model:file-list="state.fileList" :before-upload="picSize" :on-remove="(file, uploadFiles)=>handleRemove(file, uploadFiles)" >
              <el-button type="primary">点击上传</el-button>
              <template #tip>
                <div class="el-upload__tip">支持上传.doc、.docx、.pdf、图片格式文档，尺寸小于30M，最多可上传1份</div>
              </template>
            </el-upload>
          </el-form-item>
        </div>

        </el-form-item>
        <el-form-item label="文件编号:" prop="num">
          <el-input v-model.trim="state.form.num" :disabled="state.title =='查看'" placeholder="文件编号"></el-input>
        </el-form-item>
        <el-form-item label="文件名称:" prop="fileName">
          <el-input v-model.trim="state.form.fileName" :disabled="state.title =='查看'" placeholder="文件名称"></el-input>
        </el-form-item>
        <el-form-item label="文件:" prop="filePath">
          <el-upload accept=".doc,.docx,.pdf,.png,.jpg,.jpeg" :action="state.uploadUrl" :headers="state.header" method="post" :on-success="(res, uploadFile)=>handleAvatarSuccess(res, uploadFile)" :on-exceed="showTip" :limit='state.fileLimit' v-model:file-list="state.fileList" :before-upload="picSize" :on-remove="(file, uploadFiles)=>handleRemove(file, uploadFiles)" >
            <el-button type="primary">点击上传</el-button>
            <template #tip>
              <div class="el-upload__tip">支持上传.doc、.docx、.pdf、图片格式文档，尺寸小于30M，最多可上传1份</div>
            </template>
          </el-upload>
        </el-form-item>
        <!-- 线上-->
        <div v-if="state.form.type == 1">
          <el-row :gutter="24">
            <el-col :span="12">
              <el-form-item label="项目代码:" prop="projectCode">
                <el-input v-model.trim="state.form.projectCode" :disabled="state.title =='查看'" placeholder="项目代码"></el-input>
              </el-form-item>
            </el-col>
            <el-col :span="12">
              <el-form-item label="编号:">
                <el-input v-model.trim="state.form.projectNum" :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="stage">
                <el-input v-model.trim="state.form.stage" :disabled="state.title =='查看'" placeholder="设计和开发阶段"></el-input>
              </el-form-item>
            </el-col>
            <el-col :span="12">
              <el-form-item label="评审级别:"  prop="reviewLevel">
                <el-input v-model.trim="state.form.reviewLevel" :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="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-option
                      v-for="item in state.itemFileList"
                      :key="item.id"
                      :label="item.fileName"
                      :value="item.id"
                  />
                </el-select>
              </el-form-item>
            </el-col>
          </el-row>
          <el-row :gutter="24">
            <el-col :span="24">
              <el-form-item required label= "合同评审人员签署:" >
                <el-button
                    :disabled="state.title === '查看'"
                    style="margin-bottom: 5px"
                    type="primary"
                    @click="addObject"
                >新增</el-button>
                <div style="display: flex;width: 100%;margin-top: 5px">
                  <el-table :data="state.form.reviewUsers" :border="true">
                    <el-table-column type="index" label="序号" width="60" align="center"></el-table-column>
                    <el-table-column label="评审组" align="center" width="130" >
                      <template #default="{row,$index}">
                        <el-form-item :prop="'reviewUsers.' + '[' + $index + ']' + '.reviewType'" :rules="state.rules.reviewType">
                          <el-select clearable v-model="row.reviewType" :disabled="state.title =='查看'" filterable style="width: 245px">
                            <el-option
                                v-for="item in state.reviewTypeList"
                                :key="item.id"
                                :label="item.name"
                                :value="item.name"
                            />
                          </el-select>
                        </el-form-item>
                      </template>
                    </el-table-column>
                    <el-table-column prop="name" label="姓名"  align="center">
                      <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)">
                            <el-option
                                v-for="item in state.studentList"
                                :key="item.id"
                                :label="item.name"
                                :value="item.id"
                            />
                          </el-select>
                        </el-form-item>
                      </template>
                    </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="sign" label="签名"  align="center" width="120">
                      <template #default="{row,$index}">
                        <el-form-item :prop="'reviewUsers.' + '[' + $index + ']' + '.sign'">
                          <div v-if="row.sign ">
                            <el-image
                                style="width: 100px; height: 100%"
                                :src= "row.sign ? row.sign[0] : '' "
                                :zoom-rate="1.2"
                                :max-scale="7"
                                :min-scale="0.2"
                                :preview-src-list="row.sign ? row.sign : '' "
                                :initial-index="0"
                                fit="cover"
                                :preview-teleported=true
                            />
                          </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 !== '查看'" >
                      <template #default="scope" >
                        <el-button link type="danger"  @click="handleDelete(scope.row)" >删除</el-button>
                      </template>
                    </el-table-column>
                  </el-table>

                </div>
              </el-form-item>
            </el-col>
          </el-row>
        </div>
      </el-form>
      <template #footer v-if="state.title !='查看'">
        <span class="dialog-footer">
@@ -61,16 +266,17 @@
<script setup>
import {reactive, ref, toRefs, defineEmits, nextTick, onMounted} from 'vue'
import {ElMessage} from "element-plus";
import {addUser, editUser, getUserById, resetPwd} from "@/api/onlineEducation/user"
import {addUser, editUser, getUser, getUserById, resetPwd} from "@/api/onlineEducation/user"
import {Base64} from "js-base64"
import {getCompany} from "@/api/onlineEducation/company";
import {addIndustryTemp, updateIndustryTemp, updateInfoPlatforms} from "@/api/staffManage/staff";
import {getToken} from "@/utils/auth";
import {delPic} from "@/api/onlineEducation/banner";
import {addFile, editFile} from "@/api/qualityManage/range";
import {addProductFile, editProductFile, getProductSet} from "@/api/selfProblems/productFile";
import {addProductFile, editProductFile, getProductFilePage, getProductSet} from "@/api/selfProblems/productFile";
import Cookies from "js-cookie";
import {addReview, editReview} from "@/api/selfProblems/projectReview";
import {getStudent} from "@/api/onlineEducation/student";

const emit = defineEmits(["getList"]);
const dialogVisible = ref(false)
@@ -79,23 +285,52 @@
  title: '',
  form: {
    id: null,
    name: '',
    filePath: '',
    fileName: '',
    companyId: null,
    num: '',
    itemId: null
    itemId: null,
    stage: '',
    reviewUsers:[],
    type: 1,
    projectCode: "",
    projectNum: "",
    reviewLevel: "",
    reviewBasis: "",
    reviewContent: "",
    reviewOpinion: "",
    groupId: null,
    groupTime: "",
    leaderId: null,
    leaderTime: "",
    productItemId: null,
  },
  formRules:{
    companyId: [{ required: true, message: '请选择企业', trigger: 'blur' }],
    num: [{ required: true, message: '请输入文件编号', trigger: 'blur' }],
    fileName: [{ required: true, message: '请输入文件名称', trigger: 'blur' }],
    filePath: [{ required: true, message: '请上传文件', trigger: 'blur' }],
    itemId: [{ required: true, message: '请选择项目', trigger: 'blur' }],
    type: [{ required: true, message: '请选择类型', trigger: 'blur' }],
    stage: [{ required: true, message: '请输入设计开发阶段', trigger: 'blur' }],
    projectCode: [{ required: true, message: '请输入项目代码', trigger: 'blur' }],
    projectNum: [{ required: true, message: '请输入项目编号', trigger: 'blur' }],
    reviewLevel: [{ 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' }],
  },
  rules:{
    reviewUserId: [{ required: true, message: '', trigger: 'blur' }],
    reviewType: [{ required: true, message: '', trigger: 'blur' }],
  },
  isAdmin: false,
  companyList: [],
  industryList: [],
  itemFileList: [],
  uploadUrl: import.meta.env.VITE_APP_BASE_API + '/system/common/uploadFile',
  header: {
    Authorization: getToken()
@@ -104,6 +339,18 @@
  fileList: [],
  projectList: [],
  userId: null,
  peopleList: [],
  studentList: [],
  reviewTypeList: [
    {
      id: 1,
      name: '评审组长'
    },
    {
      id: 2,
      name: '评审组员'
    },
  ]
})
onMounted(() => {

@@ -133,8 +380,14 @@
      state.fileList = [obj]
    }
    state.form.itemId = state.form.itemId == 0 ? null : state.form.itemId
    state.form.reviewUsers.forEach(item => {
      item.sign = item.sign ? [import.meta.env.VITE_APP_BASE_API + '/' + item.sign] :[]
    })
  }
  await getProjectList()
  await getPeopleList()
  await  getStudentList()
  await getFileList()
  dialogVisible.value = true
}
const getProjectList = async () => {
@@ -152,10 +405,46 @@
  }

}
const getStudentList = async () => {
  if (state.isAdmin && !state.form.companyId && (state.form.companyId == 0 || state.form.companyId == null)) {
    return
  }
  const queryParams = {
    pageNum: 1,
    pageSize: 9999,
    companyId: state.form.companyId
  }
  const res = await getStudent(queryParams)
  if (res.code == 200) {
    state.studentList = res.data.list ? res.data.list : []
  } else {
    ElMessage.warning(res.message)
  }
}
const getPeopleList = async ()=> {
  if(state.isAdmin && (state.form.companyId == 0 || state.form.companyId == null)){
    return
  }
  const queryParams = {
    pageNum: 1,
    pageSize: 9999,
    companyId: state.form.companyId
  }
  const res = await getUser(queryParams)
  if(res.code == 200){
    state.peopleList = res.data.list?res.data.list:[]
  }else{
    ElMessage.warning(res.message)
  }
};

const onSubmit = async () => {
  const valid = await superRef.value.validate();
  if(valid){
    if(state.form.type == 1 && state.form.reviewUsers && state.form.reviewUsers.length == 0){
      ElMessage.warning('请填写合同评审人员签署表')
      return
    }
    if(state.title == '新增'){
      const {id,...data} = state.form
      const res = await addReview(data)
@@ -235,23 +524,109 @@
const handleClose = () => {
  state.form = {
    id: null,
    name: '',
    filePath: '',
    fileName: '',
    companyId: null,
    num: '',
    itemId: null
    itemId: null,
    stage: '',
    reviewUsers:[],
    type: 1,
    projectCode: "",
    projectNum: "",
    reviewLevel: "",
    reviewBasis: "",
    reviewContent: "",
    reviewOpinion: "",
    groupId: null,
    groupTime: "",
    leaderId: null,
    leaderTime: "",
    productItemId: null,
  }
  state.fileList = []
  state.peopleList = []
  superRef.value.clearValidate();
  superRef.value.resetFields()
  dialogVisible.value = false;
}
const changeCom = () => {
  state.form.itemId = []
  state.form.itemId = null
  state.form.productItemId = null
  state.form.reviewUsers.forEach(item => {
    item.reviewUserId = null
    item.userDept = ''
    item.userDuty = ''
  })
  getProjectList()
  getPeopleList()
  getStudentList()
  getFileList()
}

const changeItem = () => {
  state.form.productItemId = null
  getFileList()
}
const getFileList = async () => {
  if (state.isAdmin && !state.form.companyId && (state.form.companyId == 0 || state.form.companyId == null)) {
    return
  }
  const queryParams = {
    companyId: state.form.companyId,
    type: 2,
    itemId: state.form.itemId,
    pageSize:9999,
    pageNum: 1
  }
  const res = await getProductFilePage(queryParams)
  if (res.code == 200) {
    state.itemFileList = res.data.list.map(item => {
      return {
        ...item,
        fileNameSimple: item.fileName.split('.')[0]
      }
    })
  } else {
    ElMessage.warning(res.message)
  }
}
const changeType = () => {
  if(state.form.type == 2){
    state.form.stage = ''
    state.form.reviewUsers = []
    state.form.projectCode = ''
    state.form.projectNum = ''
    state.form.reviewLevel = ''
    state.form.reviewBasis = ''
    state.form.reviewContent = ''
    state.form.reviewOpinion = ''
    state.form.groupId = null
    state.form.groupTime = null
    state.form.leaderId = null
    state.form.leaderTime = null
    state.form.productItemId = null
  }else if(state.form.type == 1){
    state.form.stage = ''
    state.form.fileName = ''
    state.form.filePath = ''
    state.fileList = []
  }


}

const addObject = () => {
  state.form.reviewUsers.push({reviewUserId:null})
}
const handleDelete = (val) => {
  state.form.reviewUsers = state.form.reviewUsers.filter(item=> item != val)
}
const chooseUser = (index,id) =>{
  const obj = state.studentList.filter(item => item.id == id)
  state.form.reviewUsers[index].userDept = obj[0].deptName
  state.form.reviewUsers[index].userDuty = obj[0].duty

}

defineExpose({
  openDialog