|
@@ -24,14 +24,15 @@
|
|
|
@mouseleave="option.isShowDelIcon = false">
|
|
@mouseleave="option.isShowDelIcon = false">
|
|
|
|
|
|
|
|
<el-select class='min-w ' v-if="option.label == '保险公司'" v-model="queryForm.data[option.key]" placeholder=""
|
|
<el-select class='min-w ' v-if="option.label == '保险公司'" v-model="queryForm.data[option.key]" placeholder=""
|
|
|
- @change='singleChange($event, option, false)'>
|
|
|
|
|
|
|
+ @change='singleChange($event, option, false)' clearable>
|
|
|
<el-option v-for="item in companyList" :key="item.id" :label="item.name" :value="item.id">
|
|
<el-option v-for="item in companyList" :key="item.id" :label="item.name" :value="item.id">
|
|
|
</el-option>
|
|
</el-option>
|
|
|
- <el-option v-for="item in option.listOption" :key="item.value" :label="item.label" :value="item.value==='0'?'':item.value">
|
|
|
|
|
|
|
+ <el-option v-for="item in option.listOption" :key="item.value" :label="item.label"
|
|
|
|
|
+ :value="item.value === '0' ? '' : item.value">
|
|
|
</el-option>
|
|
</el-option>
|
|
|
</el-select>
|
|
</el-select>
|
|
|
- <el-cascader v-if="option.label == '合作保险公司'" v-model="queryForm.data[option.key]" :options="option.listOption"
|
|
|
|
|
- :props="tableProps"></el-cascader>
|
|
|
|
|
|
|
+ <el-cascader v-if="option.label == '合作保险公司'" v-model="queryForm.data[option.key]" :options="option.listOption"
|
|
|
|
|
+ :props="tableProps" clearable></el-cascader>
|
|
|
<template v-if='!option.defaultFlag'>
|
|
<template v-if='!option.defaultFlag'>
|
|
|
<view class='icon-del' @click='del(option)' v-show='option.isShowDelIcon'>
|
|
<view class='icon-del' @click='del(option)' v-show='option.isShowDelIcon'>
|
|
|
<el-icon>
|
|
<el-icon>
|
|
@@ -149,10 +150,10 @@ const optionProps = {
|
|
|
|
|
|
|
|
let companyoption = ref([])
|
|
let companyoption = ref([])
|
|
|
const tableProps = ref({
|
|
const tableProps = ref({
|
|
|
- value: "id",
|
|
|
|
|
- label: "name",
|
|
|
|
|
- children: "children",
|
|
|
|
|
- checkStrictly: true,
|
|
|
|
|
|
|
+ value: "id",
|
|
|
|
|
+ label: "name",
|
|
|
|
|
+ children: "children",
|
|
|
|
|
+ checkStrictly: true,
|
|
|
});
|
|
});
|
|
|
const showDelete = ref(false);
|
|
const showDelete = ref(false);
|
|
|
let queryForm = reactive({ data: {} });
|
|
let queryForm = reactive({ data: {} });
|
|
@@ -225,16 +226,16 @@ const initDefaultSaveForm = () => {
|
|
|
return [formatTime(currentTimestamp, "YYYY")];
|
|
return [formatTime(currentTimestamp, "YYYY")];
|
|
|
},
|
|
},
|
|
|
"select-multiple": (item, baseValue) => {
|
|
"select-multiple": (item, baseValue) => {
|
|
|
- const base = item.listOption ? baseValue : "0";
|
|
|
|
|
|
|
+ const base = item.listOption ? baseValue : "";
|
|
|
const resultValue =
|
|
const resultValue =
|
|
|
- base == "0" ? ["0"] : Array.isArray(base) ? base : [base];
|
|
|
|
|
|
|
+ base == "0" ? [] : Array.isArray(base) ? base : [base];
|
|
|
if (base != "0" && base != 0) {
|
|
if (base != "0" && base != 0) {
|
|
|
moreChange(resultValue, item, item.listOption);
|
|
moreChange(resultValue, item, item.listOption);
|
|
|
}
|
|
}
|
|
|
return resultValue;
|
|
return resultValue;
|
|
|
},
|
|
},
|
|
|
"select-single": (item, baseValue) => {
|
|
"select-single": (item, baseValue) => {
|
|
|
- const value = item.listOption || item.defaultValue ? baseValue : "";
|
|
|
|
|
|
|
+ const value = item.listOption || item.defaultValue ? (baseValue === '0' ? '' : baseValue) : "";
|
|
|
if (item.isFirst) {
|
|
if (item.isFirst) {
|
|
|
singleChange(baseValue, item, true);
|
|
singleChange(baseValue, item, true);
|
|
|
}
|
|
}
|
|
@@ -300,11 +301,10 @@ const getMultiLabels = (selectedValues, foodList, key) => {
|
|
|
const singleChange = async (val, option, isDefault) => {
|
|
const singleChange = async (val, option, isDefault) => {
|
|
|
if (option.isFirst) {
|
|
if (option.isFirst) {
|
|
|
//查询合作的保险公司数据
|
|
//查询合作的保险公司数据
|
|
|
- const info=option.listOption.find((a)=>a.value==val)//获取选中的保险公司名称
|
|
|
|
|
- const { data } = await api.agreementApi.findTree({name:info.label});
|
|
|
|
|
|
|
+ const info = companyList.value.find((a) => a.id === val)//获取选中的保险公司名称
|
|
|
propsOption.queryFormFields.forEach((e) => {
|
|
propsOption.queryFormFields.forEach((e) => {
|
|
|
if (e.key == "partnerCompanyIds") {
|
|
if (e.key == "partnerCompanyIds") {
|
|
|
- e.listOption = data;
|
|
|
|
|
|
|
+ e.listOption = info.children ?? [];
|
|
|
queryForm.data.partnerCompanyIds =
|
|
queryForm.data.partnerCompanyIds =
|
|
|
option.defaultValue && isDefault ? option.defaultValue : "";
|
|
option.defaultValue && isDefault ? option.defaultValue : "";
|
|
|
}
|
|
}
|
|
@@ -370,14 +370,14 @@ const del = (option) => {
|
|
|
emit("delSelect", id);
|
|
emit("delSelect", id);
|
|
|
};
|
|
};
|
|
|
|
|
|
|
|
-const companyList=ref([])
|
|
|
|
|
|
|
+const companyList = ref([])
|
|
|
// 保险公司
|
|
// 保险公司
|
|
|
const initCompany = () => {
|
|
const initCompany = () => {
|
|
|
- api.agreementApi.findTree({ name: "", systemCode: localStorage.getItem('login_system') }).then((res: any) => {
|
|
|
|
|
- if (res.code == '200') {
|
|
|
|
|
- companyList.value = res.data;
|
|
|
|
|
- }
|
|
|
|
|
- });
|
|
|
|
|
|
|
+ api.agreementApi.findTree({ name: "", systemCode: localStorage.getItem('login_system') }).then((res: any) => {
|
|
|
|
|
+ if (res.code == '200') {
|
|
|
|
|
+ companyList.value = res.data;
|
|
|
|
|
+ }
|
|
|
|
|
+ });
|
|
|
}
|
|
}
|
|
|
|
|
|
|
|
initCompany()
|
|
initCompany()
|
|
@@ -494,5 +494,4 @@ defineExpose({
|
|
|
box-shadow: 0 0 0 0px var(--el-input-border-color, var(--el-border-color)) inset;
|
|
box-shadow: 0 0 0 0px var(--el-input-border-color, var(--el-border-color)) inset;
|
|
|
}
|
|
}
|
|
|
}
|
|
}
|
|
|
-
|
|
|
|
|
</style>
|
|
</style>
|