[update] 引用参数

This commit is contained in:
zhaomeijing
2022-06-11 16:22:54 +08:00
parent b7e3bfd8ac
commit 43645918bf
@@ -10,31 +10,35 @@
:wrapper-col='wrapperCol'
>
<a-row :gutter='24'>
<a-col :span='20'>
<a-form-model-item ref='paramsTemplateName' :label="$t('from')" prop='paramsTemplateName'>
<div style='display: flex'>
<a-select :placeholder="$t('PleaseSelect')+$t('controlVerification')" v-model="formInline.sourceConfigId">
<a-select-option v-for="(item, key) in fromDate" :key="key" :value="item.value">
<span style="display: inline-block;width: 100%" :title=" item.label ">
<a-col :span='24'>
<a-form-model-item style='line-height: 31.9999px;' prop='sourceConfigId' class='aform'>
<div style='display: flex; justify-content: center'>
<span class="Requireditem">*</span>
<div style='width: 107px;line-height: 29px;'>从&nbsp;&nbsp;&nbsp;</div>
<a-select :placeholder="$t('PleaseSelect')+$t('controlVerification')" v-model="formInline.sourceConfigId" allowClear style='width: 140%'>
<a-select-option v-for="(item, key) in fromDate" :key="key" :value="item.value" style='width: 140%'>
<span style="display: inline-block;width: 140%" :title=" item.label ">
{{ item.label }}
</span>
</a-select-option>
</a-select>
<div style='width: 60px'>&nbsp;&nbsp;&nbsp;&nbsp;配置</div>
<div style='width: 90px;line-height: 29px;'>&nbsp;&nbsp;&nbsp;&nbsp;配置</div>
</div>
</a-form-model-item>
</a-col>
<a-col :span='20'>
<a-form-model-item ref='paramsTemplateName' :label="$t('ReferenceTo')" prop='paramsTemplateName'>
<div style='display: flex'>
<a-select :placeholder="$t('PleaseSelect')+$t('controlVerification')" v-model="formInline.targetConfigIds">
<a-select-option v-for="(item, key) in fromDateTo" :key="key" :value="item.value">
<span style="display: inline-block;width: 100%" :title=" item.label ">
<a-col :span='24'>
<a-form-model-item style='line-height: 31.9999px;' prop='targetConfigIds' class='aform'>
<div style='display: flex;justify-content: center'>
<span class="Requireditem">*</span>
<div style='line-height: 29px;width: 107px'>引用到&nbsp;&nbsp;&nbsp;</div>
<a-select :placeholder="$t('PleaseSelect')+$t('controlVerification')" v-model="formInline.targetConfigIds" allowClear mode="multiple" style='width: 140%'>
<a-select-option v-for="(item, key) in fromDateTo" :key="key" :value="item.value" style='width: 140%'>
<span style="display: inline-block;width: 140%" :title=" item.label ">
{{ item.label }}
</span>
</a-select-option>
</a-select>
<div style='width: 60px'>&nbsp;&nbsp;&nbsp;&nbsp;配置</div>
<div style='width: 90px;line-height: 29px;'>&nbsp;&nbsp;&nbsp;&nbsp;配置</div>
</div>
</a-form-model-item>
</a-col>
@@ -72,7 +76,14 @@ export default {
sm: { span: 14 }
},
formInline: {},
rules: {},
rules: {
sourceConfigId: [
{ required: true, message: this.$t('pleaseSelect')+this.$t('controlVerification'), trigger: 'change' },
],
targetConfigIds: [
{ required: true, message: this.$t('pleaseSelect')+this.$t('controlVerification'), trigger: 'change' },
],
},
areaTable: [],
flag: false, //表单提交标识
spinLoading: false,
@@ -123,7 +134,7 @@ export default {
if (res.data.success) {
this.fromDate = res.data.result
}else{
_this.$message.warning(res.data.result)
_this.$message.warning(res.data.message)
}
})
.catch( (error) =>{
@@ -234,6 +245,10 @@ export default {
display: flex;
justify-content: center;
}
.aform{
display: flex;
justify-content: center;
}
</style>
<style lang='less'>
.area-module {
@@ -252,4 +267,8 @@ export default {
justify-content: flex-end;
margin-bottom: 20px;
}
.Requireditem{
color: red;
line-height: 24px;
}
</style>