| | |
| | | width="800px" |
| | | :before-close="handleClose" |
| | | > |
| | | <el-form :model="state.noticeForm" size="default" ref="noticeRef" :rules="title === '新增' || title === '编辑' ? state.formRules : {}" label-width="110px" > |
| | | <el-form :model="state.noticeForm" size="default" ref="noticeRef" |
| | | :rules="title === '新增' || title === '编辑' ? state.formRules : {}" label-width="110px"> |
| | | <el-form-item v-if="state.isAdmin" label="单位:" prop="companyId"> |
| | | <el-select v-model="state.noticeForm.companyId" placeholder="请选择" clearable filterable style="width: 100%" :disabled="title == '查看' || title == '编辑' || !state.isAdmin"> |
| | | <el-select v-model="state.noticeForm.companyId" placeholder="请选择" clearable filterable style="width: 100%" |
| | | :disabled="title == '查看' || title == '编辑' || !state.isAdmin"> |
| | | <el-option |
| | | |
| | | v-for="item in state.companyList" |
| | |
| | | </el-option> |
| | | </el-select> |
| | | </el-form-item> |
| | | <el-form-item label="单位类型:" prop="companyType"> |
| | | <el-select v-model="state.noticeForm.companyType" placeholder="请选择" clearable filterable |
| | | style="width: 100%" :disabled="title == '查看'"> |
| | | <el-option :key="1" label="民营" :value="1"></el-option> |
| | | <el-option :key="2" label="私营" :value="2"></el-option> |
| | | <el-option :key="3" label="企事业单位" :value="3"></el-option> |
| | | </el-select> |
| | | </el-form-item> |
| | | <el-form-item label="行业:" prop="industry"> |
| | | <el-input v-model.trim="state.noticeForm.industry" :disabled="title === '查看'"/> |
| | | </el-form-item> |
| | | <el-form-item label="证书编号:" prop="legalPersonCode"> |
| | | <el-input v-model.trim="state.noticeForm.legalPersonCode" :disabled="title === '查看'"/> |
| | | </el-form-item> |
| | | <el-form-item label="法人代表:" prop="legalPerson"> |
| | | <el-input v-model.trim="state.noticeForm.legalPerson" :disabled="title === '查看'"/> |
| | | </el-form-item> |
| | | <el-form-item label="注册资本:" prop="registeredCapital"> |
| | | <el-input v-model.trim="state.noticeForm.registeredCapital" :disabled="title === '查看'"/> |
| | | </el-form-item> |
| | | <el-form-item label="总办公地址:" prop="officeAddress"> |
| | | <el-input v-model.trim="state.noticeForm.officeAddress" :rows="2" type="textarea" |
| | | :disabled="title === '查看'"/> |
| | | </el-form-item> |
| | | <el-form-item label="其他分场所地址:" prop="otherAddress"> |
| | | <el-input v-model.trim="state.noticeForm.otherAddress" :rows="3" type="textarea" |
| | | :disabled="title === '查看'"/> |
| | | </el-form-item> |
| | | <el-form-item label="单位概况:" v-if="showEditor" required> |
| | | <t-editor style="width: 800px" ref="myEditor" :toolbar="toolbar" :value="state.noticeForm.companySummary" ></t-editor> |
| | | <t-editor style="width: 800px" ref="myEditor" :toolbar="toolbar" |
| | | :value="state.noticeForm.companySummary"></t-editor> |
| | | </el-form-item> |
| | | <el-form-item label="单位概况:" v-else> |
| | | <div class="ql-container ql-snow" style="height: 500px;width: 100%;margin-top: 10px;" > |
| | |
| | | </div> |
| | | </el-form-item> |
| | | <el-form-item label="营业执照:" prop="filePath" v-if="showEditor"> |
| | | <el-upload accept=".jpg,.jpeg,.png,.pdf" :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-upload accept=".jpg,.jpeg,.png,.pdf" :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">尺寸小于5M,最多可上传1张</div> |
| | |
| | | companyId:null, |
| | | companyName: '', |
| | | filePath: '', |
| | | fileName: '' |
| | | fileName: '', |
| | | companyType: null, |
| | | industry: '', |
| | | legalPersonCode: '', |
| | | legalPerson: '', |
| | | registeredCapital: '', |
| | | officeAddress: '', |
| | | otherAddress: '' |
| | | }, |
| | | formRules:{ |
| | | companyId: [{ required: true, message: '请选择企业', trigger: 'blur' }], |
| | | companySummary: [{ required: true, message: '企业概况', trigger: 'blur' }], |
| | | companyId: [{required: true, message: '请选择单位', trigger: 'blur'}], |
| | | companySummary: [{required: true, message: '单位概况', trigger: 'blur'}], |
| | | filePath: [{ required: true, message: '请上传营业执照', trigger: 'blur' }], |
| | | companyType: [{required: true, message: '单位类型', trigger: 'blur'}], |
| | | industry: [{required: true, message: '行业', trigger: 'blur'}], |
| | | legalPersonCode: [{required: true, message: '证书编号', trigger: 'blur'}], |
| | | legalPerson: [{required: true, message: '法人代表', trigger: 'blur'}], |
| | | registeredCapital: [{required: true, message: '注册资本', trigger: 'blur'}], |
| | | officeAddress: [{required: true, message: '总办公地址', trigger: 'blur'}] |
| | | }, |
| | | isAdmin: false, |
| | | companyList: [], |
| | |
| | | if(state.noticeForm.companySummary == "") { |
| | | ElMessage({ |
| | | type: 'warning', |
| | | message: '请输入企业概况' |
| | | message: '请输入单位概况' |
| | | }); |
| | | return; |
| | | } |
| | |
| | | companyId:null, |
| | | companyName: '', |
| | | filePath: '', |
| | | fileName: '' |
| | | fileName: '', |
| | | companyType: null, |
| | | industry: '', |
| | | legalPersonCode: '', |
| | | legalPerson: '', |
| | | registeredCapital: '', |
| | | officeAddress: '', |
| | | otherAddress: '' |
| | | } |
| | | state.fileList = [] |
| | | } |
| | |
| | | :deep(.el-form .el-form-item__label) { |
| | | font-size: 15px; |
| | | } |
| | | |
| | | .file { |
| | | display: flex; |
| | | flex-direction: column; |
| | | align-items: flex-start; |
| | | } |
| | | } |
| | | |
| | | .reviewTable { |
| | | :deep(table){ |
| | | border: 1px solid #ccc; |
| | | text-align: center; |
| | | } |
| | | |
| | | :deep(table td){ |
| | | border: 1px solid #ccc; |
| | | text-align: center; |
| | | padding: 0 5px; |
| | | } |
| | | |
| | | :deep(table th){ |
| | | border: 1px solid #ccc; |
| | | } |