| | |
| | | :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 |
| | |
| | | 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"; |
| | |
| | | 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', |
| | |
| | | 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)); |
| | |
| | | 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)) |
| | |
| | | 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 |