| | |
| | | :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="请选择" clearable style="width: 100%" :disabled="title == '查看' || title == '编辑' || !state.isAdmin"> |
| | | <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" |
| | |
| | | </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="state.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 |
| | |
| | | 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: '' |
| | |
| | | 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', |
| | |
| | | companyId: '', |
| | | certificateName: '', |
| | | certificateNum: '', |
| | | getTime: '', |
| | | effectiveTime: '', |
| | | filePath: '', |
| | | fileName: '' |