From 43645918bf87d867a2d04cca189f3cd83357e2bd Mon Sep 17 00:00:00 2001
From: zhaomeijing <zhaomeijing@syxysoft.com>
Date: Sat, 11 Jun 2022 16:22:54 +0800
Subject: [PATCH] =?UTF-8?q?[update]=20=E5=BC=95=E7=94=A8=E5=8F=82=E6=95=B0?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../components/ReferenceParameter/index.vue   | 51 +++++++++++++------
 1 file changed, 35 insertions(+), 16 deletions(-)

diff --git a/jero-web/src/components/ReferenceParameter/index.vue b/jero-web/src/components/ReferenceParameter/index.vue
index 47a2a3256..b480abe6e 100644
--- a/jero-web/src/components/ReferenceParameter/index.vue
+++ b/jero-web/src/components/ReferenceParameter/index.vue
@@ -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>
\ No newline at end of file