|
@@ -39,6 +39,7 @@
|
|
v-model.trim="modalForm.thirdRelateId"
|
|
v-model.trim="modalForm.thirdRelateId"
|
|
placeholder="请输入考试ID"
|
|
placeholder="请输入考试ID"
|
|
clearable
|
|
clearable
|
|
|
|
+ @input="thirdRelateIdChange"
|
|
></el-input>
|
|
></el-input>
|
|
</el-form-item>
|
|
</el-form-item>
|
|
<el-form-item label="考试名称:">
|
|
<el-form-item label="考试名称:">
|
|
@@ -46,6 +47,7 @@
|
|
v-model.trim="modalForm.thirdRelateName"
|
|
v-model.trim="modalForm.thirdRelateName"
|
|
placeholder="请输入考试名称"
|
|
placeholder="请输入考试名称"
|
|
clearable
|
|
clearable
|
|
|
|
+ :disabled="!canEditThirdRelateName"
|
|
></el-input>
|
|
></el-input>
|
|
</el-form-item>
|
|
</el-form-item>
|
|
<el-form-item prop="thirdRelate"></el-form-item>
|
|
<el-form-item prop="thirdRelate"></el-form-item>
|
|
@@ -65,8 +67,8 @@
|
|
style="width:100%"
|
|
style="width:100%"
|
|
>
|
|
>
|
|
<el-option
|
|
<el-option
|
|
- v-for="item in exams"
|
|
|
|
- :key="item.thirdRelateId"
|
|
|
|
|
|
+ v-for="(item, index) in exams"
|
|
|
|
+ :key="index"
|
|
:value="item.thirdRelateId"
|
|
:value="item.thirdRelateId"
|
|
:label="item.thirdRelateName"
|
|
:label="item.thirdRelateName"
|
|
>
|
|
>
|
|
@@ -126,6 +128,7 @@ export default {
|
|
modalIsShow: false,
|
|
modalIsShow: false,
|
|
isSubmit: false,
|
|
isSubmit: false,
|
|
exams: [],
|
|
exams: [],
|
|
|
|
+ canEditThirdRelateName: true,
|
|
modalForm: { ...initModalForm },
|
|
modalForm: { ...initModalForm },
|
|
rules: {
|
|
rules: {
|
|
thirdRelate: [
|
|
thirdRelate: [
|
|
@@ -152,9 +155,6 @@ export default {
|
|
}
|
|
}
|
|
};
|
|
};
|
|
},
|
|
},
|
|
- created() {
|
|
|
|
- this.getExamList();
|
|
|
|
- },
|
|
|
|
methods: {
|
|
methods: {
|
|
initData(val) {
|
|
initData(val) {
|
|
this.modalForm = { ...initModalForm };
|
|
this.modalForm = { ...initModalForm };
|
|
@@ -164,11 +164,24 @@ export default {
|
|
},
|
|
},
|
|
visibleChange() {
|
|
visibleChange() {
|
|
this.initData(this.instance);
|
|
this.initData(this.instance);
|
|
|
|
+ this.getExamList();
|
|
},
|
|
},
|
|
async getExamList() {
|
|
async getExamList() {
|
|
const data = await printPlanSyncExamList();
|
|
const data = await printPlanSyncExamList();
|
|
this.exams = data || [];
|
|
this.exams = data || [];
|
|
},
|
|
},
|
|
|
|
+ thirdRelateIdChange() {
|
|
|
|
+ const exam = this.exams.find(
|
|
|
|
+ exam => this.modalForm.thirdRelateId === exam.thirdRelateId
|
|
|
|
+ );
|
|
|
|
+ if (!exam) {
|
|
|
|
+ this.modalForm.thirdRelateName = "";
|
|
|
|
+ this.canEditThirdRelateName = true;
|
|
|
|
+ return;
|
|
|
|
+ }
|
|
|
|
+ this.modalForm.thirdRelateName = exam.thirdRelateName;
|
|
|
|
+ this.canEditThirdRelateName = false;
|
|
|
|
+ },
|
|
selectMenu(val) {
|
|
selectMenu(val) {
|
|
this.examType = val;
|
|
this.examType = val;
|
|
this.modalForm = { ...initModalForm };
|
|
this.modalForm = { ...initModalForm };
|