|
|
@ -31,7 +31,7 @@ |
|
|
<div class="form-title">{{ $t( sItem.label) }}</div> |
|
|
<div class="form-title">{{ $t( sItem.label) }}</div> |
|
|
<div class="flex flex1"> |
|
|
<div class="flex flex1"> |
|
|
<HandleFormItem :field-item-label="fieldItemLabel" :field-key="prefixKey+'_'+key" type="select" :item="sItem" v-model="formFields[key]" |
|
|
<HandleFormItem :field-item-label="fieldItemLabel" :field-key="prefixKey+'_'+key" type="select" :item="sItem" v-model="formFields[key]" |
|
|
@copy="onCopy(sItem, key)" @change="onSelectChange(key, $event)" |
|
|
|
|
|
|
|
|
@copy="onCopy(sItem, key)" @change="(e,type)=>onSelectChange(key, e,type)" |
|
|
:error="errors[key]" @update:error="errors[key] = false" |
|
|
:error="errors[key]" @update:error="errors[key] = false" |
|
|
:orange-bg="orangeBgFields[key]" /> |
|
|
:orange-bg="orangeBgFields[key]" /> |
|
|
|
|
|
|
|
|
@ -66,7 +66,7 @@ |
|
|
</div> |
|
|
</div> |
|
|
<div v-else-if="sItem.type === 'select'"> |
|
|
<div v-else-if="sItem.type === 'select'"> |
|
|
<HandleFormItem :field-item-label="fieldItemLabel" :field-key="prefixKey+'_'+key" type="select" :item="sItem" v-model="formFields[key]" |
|
|
<HandleFormItem :field-item-label="fieldItemLabel" :field-key="prefixKey+'_'+key" type="select" :item="sItem" v-model="formFields[key]" |
|
|
@copy="onCopy(sItem, key)" @change="onSelectChange(key, $event)" |
|
|
|
|
|
|
|
|
@copy="onCopy(sItem, key)" @change="(e,type)=>onSelectChange(key, e,type)" |
|
|
:error="errors[key]" @update:error="errors[key] = false" |
|
|
:error="errors[key]" @update:error="errors[key] = false" |
|
|
:orange-bg="orangeBgFields[key]" /> |
|
|
:orange-bg="orangeBgFields[key]" /> |
|
|
</div> |
|
|
</div> |
|
|
@ -105,7 +105,7 @@ |
|
|
<div v-else-if="sItem.type === 'select'" class="flex flex1"> |
|
|
<div v-else-if="sItem.type === 'select'" class="flex flex1"> |
|
|
<HandleFormItem :field-item-label="fieldItemLabel" :field-key="prefixKey+'_'+key" type="select" :item="sItem" style="width: auto;flex:1" |
|
|
<HandleFormItem :field-item-label="fieldItemLabel" :field-key="prefixKey+'_'+key" type="select" :item="sItem" style="width: auto;flex:1" |
|
|
v-model="formFields[key]" @copy="onCopy(sItem, key)" |
|
|
v-model="formFields[key]" @copy="onCopy(sItem, key)" |
|
|
@change="onSelectChange(key, $event)" :error="errors[key]" |
|
|
|
|
|
|
|
|
@change="(e,type)=>onSelectChange(key, e,type)" :error="errors[key]" |
|
|
@update:error="errors[key] = false" :orange-bg="orangeBgFields[key]" /> |
|
|
@update:error="errors[key] = false" :orange-bg="orangeBgFields[key]" /> |
|
|
<div v-show="isShowOther(formFields[key])" class="flex flex1"> |
|
|
<div v-show="isShowOther(formFields[key])" class="flex flex1"> |
|
|
<div class="other-title">{{sItem.otherLabel ? $t(sItem.otherLabel) : $t("template.common.other") }}</div> |
|
|
<div class="other-title">{{sItem.otherLabel ? $t(sItem.otherLabel) : $t("template.common.other") }}</div> |
|
|
@ -123,7 +123,7 @@ |
|
|
@update:error="errors[key] = false" :orange-bg="orangeBgFields[key]" /> |
|
|
@update:error="errors[key] = false" :orange-bg="orangeBgFields[key]" /> |
|
|
<HandleFormItem :field-item-label="fieldItemLabel" :field-key="prefixKey+'_'+sItem.subKey" class="ml-10" v-if="sItem.subType === 'select'" type="select" |
|
|
<HandleFormItem :field-item-label="fieldItemLabel" :field-key="prefixKey+'_'+sItem.subKey" class="ml-10" v-if="sItem.subType === 'select'" type="select" |
|
|
:item="getSubItem(sItem)" v-model="formFields[sItem.subKey]" @copy="onCopy(sItem, key)" |
|
|
:item="getSubItem(sItem)" v-model="formFields[sItem.subKey]" @copy="onCopy(sItem, key)" |
|
|
@change="onSelectChange(sItem.subKey, $event)" :error="errors[sItem.subKey]" |
|
|
|
|
|
|
|
|
@change="(e,type)=>onSelectChange(sItem.subKey, e,type)" :error="errors[sItem.subKey]" |
|
|
@update:error="errors[sItem.subKey] = false" |
|
|
@update:error="errors[sItem.subKey] = false" |
|
|
:orange-bg="orangeBgFields[sItem.subKey]" /> |
|
|
:orange-bg="orangeBgFields[sItem.subKey]" /> |
|
|
<div class="ml-10 item-span" v-else-if="sItem.subType === 'span'">{{ formFields[sItem.subKey] }}</div> |
|
|
<div class="ml-10 item-span" v-else-if="sItem.subType === 'span'">{{ formFields[sItem.subKey] }}</div> |
|
|
@ -153,7 +153,7 @@ |
|
|
:orange-bg="orangeBgFields[key]" /> |
|
|
:orange-bg="orangeBgFields[key]" /> |
|
|
<HandleFormItem :field-item-label="fieldItemLabel" :field-key="prefixKey+'_'+sItem.subKey" class="ml-10" v-if="sItem.subType === 'select'" type="select" |
|
|
<HandleFormItem :field-item-label="fieldItemLabel" :field-key="prefixKey+'_'+sItem.subKey" class="ml-10" v-if="sItem.subType === 'select'" type="select" |
|
|
:item="getSubItem(sItem)" v-model="formFields[sItem.subKey]" @copy="onCopy(sItem, key)" |
|
|
:item="getSubItem(sItem)" v-model="formFields[sItem.subKey]" @copy="onCopy(sItem, key)" |
|
|
@change="onSelectChange(sItem.subKey, $event)" :error="errors[sItem.subKey]" |
|
|
|
|
|
|
|
|
@change="(e,type)=>onSelectChange(sItem.subKey, e,type)" :error="errors[sItem.subKey]" |
|
|
@update:error="errors[sItem.subKey] = false" |
|
|
@update:error="errors[sItem.subKey] = false" |
|
|
:orange-bg="orangeBgFields[sItem.subKey]" /> |
|
|
:orange-bg="orangeBgFields[sItem.subKey]" /> |
|
|
<div class="ml-10 item-span" v-else-if="sItem.subType === 'span'">{{ formFields[sItem.subKey] }}</div> |
|
|
<div class="ml-10 item-span" v-else-if="sItem.subType === 'span'">{{ formFields[sItem.subKey] }}</div> |
|
|
@ -543,16 +543,15 @@ export default { |
|
|
this.compareFieldsIsEqual(val,compareToValue,key); |
|
|
this.compareFieldsIsEqual(val,compareToValue,key); |
|
|
} |
|
|
} |
|
|
}, |
|
|
}, |
|
|
onSelectChange(key, val) { |
|
|
|
|
|
|
|
|
onSelectChange(key, val, type) { |
|
|
// 获取对应的配置 |
|
|
// 获取对应的配置 |
|
|
const currentConfig = this.allFieldsConfig[key]; |
|
|
const currentConfig = this.allFieldsConfig[key]; |
|
|
console.log(currentConfig,"currentConfig") |
|
|
|
|
|
if(currentConfig.selectTo){ |
|
|
if(currentConfig.selectTo){ |
|
|
this.formFields[currentConfig.selectTo] = val; |
|
|
this.formFields[currentConfig.selectTo] = val; |
|
|
} |
|
|
} |
|
|
this.onValueChangeCompareTo(key, val); |
|
|
this.onValueChangeCompareTo(key, val); |
|
|
this.formFields[key] = val; |
|
|
this.formFields[key] = val; |
|
|
this.$emit("select", { key, value: val }); |
|
|
|
|
|
|
|
|
this.$emit("select", { key, value: val, type }); |
|
|
// 清除该表单项的错误状态 |
|
|
// 清除该表单项的错误状态 |
|
|
if (this.errors[key]) { |
|
|
if (this.errors[key]) { |
|
|
this.$set(this.errors, key, false); |
|
|
this.$set(this.errors, key, false); |
|
|
|