zhouwx
4 天以前 7ebf2fe13529c4c471d601fc8104f450deeda8f1
src/views/build/conpanyFunctionConsult/companyInfo/qualifications/components/qualificationsDialog.vue
@@ -9,11 +9,31 @@
        :close-on-click-modal="false"
    >
      <el-form :model="state.form" size="default" ref="busRef" :rules="state.formRules" label-width="150px" >
        <el-form-item label="单位名称:" prop="companyId" v-if="state.isAdmin">
          <el-select v-model="state.form.companyId" placeholder="请选择" filterable clearable style="width: 100%" :disabled="title == '查看' || title == '编辑' || !state.isAdmin">
            <el-option
                v-for="item in state.companyList"
                :key="item.id"
                :label="item.name"
                :value="item.id">
            </el-option>
          </el-select>
        </el-form-item>
        <el-form-item label="取得资质证书名称:" prop="certificateName" >
          <el-input v-model="state.form.certificateName" :disabled="title === '查看'"  placeholder="请输入取得资质证书名称"/>
        </el-form-item>
        <el-form-item label="证书编号:" prop="certificateNum" >
          <el-input v-model="state.form.certificateNum" :disabled="title === '查看'" placeholder="请输入证书编号"/>
        </el-form-item>
        <el-form-item label="获得时间:" prop="getTime" >
          <el-date-picker
              :disabled="title === '查看'"
              v-model="state.form.getTime"
              type="date"
              placeholder="请选择获得日期"
              style="width: 100%"
              value-format="YYYY-MM-DD"
          />
        </el-form-item>
        <el-form-item label="有效期:" prop="effectiveTime" >
          <el-date-picker
@@ -63,7 +83,7 @@
import {ElMessage, ElMessageBox} from "element-plus";
import {addNotice} from "@/api/backManage/notice";
import {addDict, editDict, getDictDetail} from "@/api/backManage/evaluate";
import {addCompany, checkName, distributeCompany, editCompany} from "@/api/onlineEducation/company";
import {addCompany, checkName, distributeCompany, editCompany, getCompany} from "@/api/onlineEducation/company";
import {verifyPhone} from "@/utils/validate";
import {getToken} from "@/utils/auth";
import {addQualification, editQualification} from "@/api/companyInfo/qualifications";
@@ -74,20 +94,39 @@
const busRef = ref();
const length = ref()
const emit = defineEmits(["getList"]);
const checkEffectiveTime = (rule, value, callback) => {
  if (!value) {
    return callback(new Error('请选择有效期'));
  }
  const getTime = state.form.getTime;
  if (!getTime) {
    return callback(new Error('请先选择获得时间'));
  }
  const effectiveDate = new Date(value);
  const achieveDate = new Date(getTime);
  if (effectiveDate <= achieveDate) {
    callback(new Error('有效期必须在获得时间之后'));
  } else {
    callback();
  }
}
const state = reactive({
  form: {
    id: '',
    companyId: '',
    certificateName: '',
    certificateNum: '',
    getTime: '',
    effectiveTime: '',
    filePath: '',
    fileName: ''
  },
  formRules:{
    companyId: [{ required: true, message: '请选择企业', trigger: 'blur' }],
    certificateName:[{ required: true, message: '请输入取得资质证书名称', trigger: 'blur' }],
    certificateNum:[{ required: true, message: '请输入证书编号', trigger: 'blur' }],
    effectiveTime:[{ required: true, message: '请选择截止日期', trigger: 'blur' }],
    getTime:[{ required: true, message: '请输入获得时间', trigger: 'blur' }],
    effectiveTime:[{ required: true, validator: checkEffectiveTime, trigger: 'blur' }],
    filePath:[{ required: true, message: '请上传证书', trigger: 'blur' }],
  },
  uploadUrl: import.meta.env.VITE_APP_BASE_API + '/system/common/uploadFile',
@@ -95,10 +134,17 @@
    Authorization: getToken()
  },
  fileList: [],
  companyList: [],
  isAdmin: false
})
const openDialog = async (type, value) => {
const openDialog = async (type, value,companyList) => {
  const userInfo = JSON.parse(Cookies.get('userInfo'))
  state.isAdmin = userInfo.userType === 0;
  if(state.isAdmin){
    state.companyList = companyList
  }
  title.value = type === 'add' ? '新增' : type ==='edit' ? '编辑' : '查看' ;
  if(type === 'edit' || type === 'review') {
    state.form = JSON.parse(JSON.stringify(value));
@@ -107,14 +153,20 @@
      name: state.form.fileName
    }
    state.fileList.push(obj)
    if(state.isAdmin){
      state.form.companyId = value.companyId
      state.form.companyName = value.companyName
    }
  }
  dialogVisible.value = true;
}
const onSubmit = async () => {
  const valid = await busRef.value.validate();
  const userInfo = JSON.parse(Cookies.get('userInfo'))
  state.form.companyId = userInfo.companyId
  if(!state.isAdmin){
    const userInfo = JSON.parse(Cookies.get('userInfo'))
    state.form.companyId = userInfo.companyId
  }
  if(valid){
    if(title.value === '新增'){
      const {id, ...data} = JSON.parse(JSON.stringify(state.form))
@@ -206,11 +258,45 @@
    companyId: '',
    certificateName: '',
    certificateNum: '',
    getTime: '',
    effectiveTime: '',
    filePath: '',
    fileName: ''
  }
  state.fileList = [];
  state.companyList = []
}
const selectValue = (val) => {
  state.companyList.forEach(item => {
    if(item.name === val){
      state.form.companyId = item.id
    }
  })
}
const getCompanyList = async (val)=>{
  if(val){
    const queryParams = {
      name: val
    }
    const res = await getCompany(queryParams)
    if (res.code == 200) {
      state.companyList = res.data.list
    } else {
      ElMessage.warning(res.message)
    }
  }else{
    const queryParams = {
      pageSize: 999,
      pageNum: 1,
    }
    const res = await getCompany(queryParams)
    if (res.code == 200) {
      state.companyList = res.data.list
    } else {
      ElMessage.warning(res.message)
    }
  }
}
defineExpose({
  openDialog