| | |
| | | @keyup.enter.native="handleQuery" |
| | | /> |
| | | </el-form-item> |
| | | <!-- 添加项目名称搜索框 --> |
| | | <el-form-item label="项目名称" prop="everyProjectName"> |
| | | <el-select |
| | | v-model="queryParams.everyProjectName" |
| | | placeholder="请选择项目名称" |
| | | clearable |
| | | > |
| | | <el-option |
| | | v-for="item in projectOptions" |
| | | :key="item.value" |
| | | :label="item.label" |
| | | :value="item.value" |
| | | /> |
| | | </el-select> |
| | | </el-form-item> |
| | | <el-form-item label="项目编号" prop="projectNumber"> |
| | | <el-input |
| | | v-model="queryParams.projectNumber" |
| | |
| | | </el-row> |
| | | </el-form-item> |
| | | <el-form-item label="发文号" prop="inquiryNumber"> |
| | | <el-input v-model="form.inquiryNumber" placeholder="请输入发问号" disabled/> |
| | | <el-input v-model="form.inquiryNumber" placeholder="请输入发文号" disabled/> |
| | | </el-form-item> |
| | | <el-form-item label="建设项目名称" prop="projectName"> |
| | | <el-input v-model="form.projectName" placeholder="请输入建设项目名称" disabled/> |
| | |
| | | </el-row> |
| | | </el-form-item> |
| | | <el-form-item label="发文号" prop="inquiryNumber"> |
| | | <el-input v-model="form.inquiryNumber" placeholder="请输入发问号" :disabled="userId!=1" |
| | | <el-input v-model="form.inquiryNumber" placeholder="请输入发文号" :disabled="userId!=1" |
| | | /> |
| | | </el-form-item> |
| | | <el-form-item label="项目名称" prop="everyProjectName"> |
| | |
| | | |
| | | <div v-if="vis"> |
| | | <el-form-item label="案卷题名" prop="caseTitle"> |
| | | <el-input v-model="form.caseTitle" placeholder="请输入案卷题名" /> |
| | | <el-input v-model="form.caseTitle" placeholder="自动生成" :readonly="true" /> |
| | | </el-form-item> |
| | | <el-form-item label="公开属性" prop="publicAttribute"> |
| | | |
| | |
| | | <el-input v-model="form.constructionAddress" placeholder="请输入建设地址" /> |
| | | </el-form-item> |
| | | <el-form-item label="建设项目名称" prop="projectName"> |
| | | <el-input v-model="form.projectName" placeholder="请输入建设项目名称" :disabled="userId!=1"/> |
| | | <el-input v-model="form.projectName" placeholder="请输入建设项目名称" /> |
| | | <!-- <el-input v-model="form.projectName" placeholder="请输入建设项目名称" :disabled="userId!=1"/> --> |
| | | </el-form-item> |
| | | <el-form-item label="项目编号" prop="projectNumber"> |
| | | <el-input v-model="form.projectNumber" placeholder="请输入项目编号" /> |
| | |
| | | { required: true, message: "档案号不能为空", trigger: "blur" } |
| | | ], |
| | | inquiryNumber: [ |
| | | { required: true, message: "发问号不能为空", trigger: "blur" } |
| | | { required: true, message: "发文号不能为空", trigger: "blur" } |
| | | ], |
| | | everyProjectName: [ |
| | | { required: true, message: "项目名称不能为空", trigger: ['change', 'blur']} |
| | | ], |
| | | caseTitle: [ |
| | | { required: true, message: "案卷题名不能为空", trigger: "blur" } |
| | | ], |
| | | constructionUnit: [ |
| | | { required: true, message: "建设单位不能为空", trigger: "blur" } |
| | | ], |
| | | projectName: [ |
| | | { required: true, message: "建设项目名称不能为空", trigger: "blur" } |
| | | ] |
| | | } |
| | | } |
| | | }, |
| | |
| | | this.fetchProjectOptions() |
| | | this.getList() |
| | | }, |
| | | watch: { |
| | | 'form.constructionUnit': { |
| | | handler() { |
| | | this.generateCaseTitle(); |
| | | }, |
| | | immediate: true |
| | | }, |
| | | 'form.constructionAddress': { |
| | | handler() { |
| | | this.generateCaseTitle(); |
| | | }, |
| | | immediate: true |
| | | }, |
| | | 'form.projectName': { |
| | | handler() { |
| | | this.generateCaseTitle(); |
| | | }, |
| | | immediate: true |
| | | } |
| | | }, |
| | | methods: { |
| | | getId() |
| | | { |
| | |
| | | |
| | | // alert(this.maxId) |
| | | }) |
| | | }, |
| | | // 生成案卷题名 |
| | | generateCaseTitle() { |
| | | let titleParts = []; |
| | | |
| | | if (this.form.constructionUnit) { |
| | | titleParts.push(this.form.constructionUnit); |
| | | } |
| | | |
| | | if (this.form.constructionAddress) { |
| | | titleParts.push(this.form.constructionAddress); |
| | | } |
| | | |
| | | if (this.form.projectName) { |
| | | titleParts.push(this.form.projectName); |
| | | } |
| | | |
| | | this.form.caseTitle = titleParts.join(''); |
| | | }, |
| | | async getZoneOptions() |
| | | { |
| | |
| | | } |
| | | } |
| | | </script> |
| | | |
| | | <style scoped> |
| | | /* 加宽表格底部滚动条 */ |
| | | ::v-deep .el-table__body-wrapper::-webkit-scrollbar { |
| | | height: 20px; /* 横向滚动条高度 */ |
| | | } |
| | | |
| | | /* 滚动条轨道 */ |
| | | ::v-deep .el-table__body-wrapper::-webkit-scrollbar-track { |
| | | background: #f1f1f1; |
| | | border-radius: 10px; |
| | | } |
| | | |
| | | /* 滚动条滑块 */ |
| | | ::v-deep .el-table__body-wrapper::-webkit-scrollbar-thumb { |
| | | background: #c1c1c1; |
| | | border-radius: 10px; |
| | | } |
| | | |
| | | /* 滚动条滑块悬停效果 */ |
| | | ::v-deep .el-table__body-wrapper::-webkit-scrollbar-thumb:hover { |
| | | background: #2f91ec; |
| | | } |
| | | </style> |