WL/laws_weilai
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

[update] 引用参数

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