优化资格证书下拉选择功能

This commit is contained in:
BianLzhaoMin 2025-06-23 15:14:10 +08:00
parent 6feeade308
commit 47ebe7c7af
1 changed files with 40 additions and 11 deletions

View File

@ -164,16 +164,17 @@
style="width: 100%"
v-model="item.diploma"
placeholder="请选择资格证书"
@change="onDiplomaChange($event, index)"
>
<!-- <el-option
v-for="item in diplomaList"
:key="item.id"
:label="item.name"
:value="item.name"
/> -->
<el-option
v-for="j in item.diplomaList"
:key="j.name"
:label="j.name"
:value="j.name"
/>
<el-option label="注册建造师" value="注册建造师" />
<el-option label="项目经理B证" value="项目经理B证" />
<!-- <el-option label="注册建造师" value="注册建造师" />
<el-option label="项目经理B证" value="项目经理B证" /> -->
</el-select>
</el-col>
@ -342,6 +343,7 @@ export default {
diplomaNum: '',
level: '',
diplomaImg: [],
diplomaList: [{ name: '注册建造师' }, { name: '项目经理B证' }],
},
], //
},
@ -661,6 +663,10 @@ export default {
diplomaNum: '',
level: '',
diplomaImg: [],
diplomaList: [
{ name: '注册建造师', value: '注册建造师' },
{ name: '项目经理B证', value: '项目经理B证' },
],
})
},
//
@ -670,15 +676,38 @@ export default {
//
uploadSuccess() {},
//
onDiplomaChange(value, index) {
if (!value) return
const isRepeat = this.addAndEditForm.certificateList[index].diplomaList.some((item) => item.name === value)
if (!isRepeat) {
this.addAndEditForm.certificateList[index].diplomaList.push({ name: value })
}
},
},
watch: {
editRow: {
handler(newVal) {
if (newVal && Object.keys(newVal).length > 0) {
Object.assign(this.addAndEditForm, { ...newVal })
// if (!['', 'B'].includes(newVal.diploma)) {
// this.diplomaList.push({ name: newVal.diploma })
// }
if (this.addAndEditForm.certificateList.length > 0) {
this.addAndEditForm.certificateList.forEach((item, index) => {
this.$set(this.addAndEditForm.certificateList[index], 'diplomaList', [
{ name: '注册建造师', value: '注册建造师' },
{ name: '项目经理B证', value: '项目经理B证' },
])
if (!['注册建造师', '项目经理B证'].includes(item.diploma)) {
this.addAndEditForm.certificateList[index].diplomaList.push({
name: item.diploma,
value: item.diploma,
})
}
})
}
this.addAndEditForm.idCardFront = this.addAndEditForm.tbFileSourceVoList
.filter((item) => item.fileType == 1)
.map((e) => {