From 2ac56da6e96fe05eb45ea9061c3a55081dc05cbc Mon Sep 17 00:00:00 2001
From: "zyx.net" <zyx>
Date: Wed, 17 Aug 2022 17:27:30 +0800
Subject: [PATCH] =?UTF-8?q?=E4=BF=AE=E6=94=B9=E7=BF=BB=E8=AF=91?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../regulationsKanban/components/addModel.vue | 83 ++++++++++++++-----
 1 file changed, 63 insertions(+), 20 deletions(-)

diff --git a/jero-web/src/views/regulationsKanban/components/addModel.vue b/jero-web/src/views/regulationsKanban/components/addModel.vue
index f780a80e4..24ebea27a 100644
--- a/jero-web/src/views/regulationsKanban/components/addModel.vue
+++ b/jero-web/src/views/regulationsKanban/components/addModel.vue
@@ -11,28 +11,44 @@
       >
         <a-row :gutter='24'>
           <a-col :span='9'>
-            <a-form-model-item :label="$t('areaOfResponsibility')">
-              <a-select class="box-input" v-model="formData.dutyTerritory"
-                        :placeholder="$t('PleaseSelect')+$t('areaOfResponsibility')">
-                <a-select-option v-for="(element,index) in dutyTerritory" :key="element.value" :value="element.value">
-                  {{element.text}}
-                </a-select-option>
-              </a-select>
-<!--              <j-dict-select-tag class="box-input" v-model="formData.dutyTerritory"-->
-<!--                                 :placeholder="$t('PleaseSelect')+$t('areaOfResponsibility')"-->
-<!--                                 :type="'select'"-->
-<!--                                 :triggerChange="false" :dictCode="'duty_territory'"/>-->
-            </a-form-model-item>
+            <div class="box-title-text">
+              <div class="title-text" :title="$t('areaOfResponsibility')">
+                <span>{{$t('areaOfResponsibility')}}</span>
+              </div>
+              <!--                  :label="$t('FilterMatching')" :labelCol="{md: 6,xs:24}" :wrapperCol="{md: 18,xs:24}" style="width: 100%;"-->
+              <a-form-model-item class='box-input'>
+                  <a-select v-model="formData.dutyTerritory"
+                            style='width: 148%'
+                            :placeholder="$t('PleaseSelect')+$t('areaOfResponsibility')">
+                    <a-select-option v-for="(element,index) in dutyTerritory" :key="element.value" :value="element.value">
+                      {{element.text}}
+                    </a-select-option>
+                  </a-select>
+                  <!--              <j-dict-select-tag class="box-input" v-model="formData.dutyTerritory"-->
+                  <!--                                 :placeholder="$t('PleaseSelect')+$t('areaOfResponsibility')"-->
+                  <!--                                 :type="'select'"-->
+                  <!--                                 :triggerChange="false" :dictCode="'duty_territory'"/>-->
+                </a-form-model-item>
+            </div>
+
           </a-col>
           <a-col :span='9'>
-            <a-form-model-item :label="$t('RelatedItems')" prop='ListTitle'>
-              <a-select class="box-input" v-model="formData.projectNameId"
-                        :placeholder="$t('PleaseSelect')+$t('RelatedItems')">
-                <a-select-option v-for="(element,index) in RelatedItemList" :key="element.id" :value="element.id">
-                  {{element.projectName}}
-                </a-select-option>
-              </a-select>
-            </a-form-model-item>
+            <div class="box-title-text">
+              <div class="title-text" :title="$t('RelatedItems')">
+                <span>{{$t('RelatedItems')}}</span>
+              </div>
+              <!--                  :label="$t('FilterMatching')" :labelCol="{md: 6,xs:24}" :wrapperCol="{md: 18,xs:24}" style="width: 100%;"-->
+              <a-form-model-item class='box-input'>
+                <a-select v-model="formData.projectNameId"
+                          style='width: 148%'
+                          :placeholder="$t('PleaseSelect')+$t('RelatedItems')">
+                  <a-select-option v-for="(element,index) in RelatedItemList" :key="element.id" :value="element.id">
+                    {{element.projectName}}
+                  </a-select-option>
+                </a-select>
+              </a-form-model-item>
+            </div>
+
           </a-col>
           <a-col :span='6' style='margin-top: 4px;'>
             <a-button class='box-button' type='primary' @click='searchQuery'>{{ $t('query') }}</a-button>
@@ -321,6 +337,33 @@ export default {
 
 <style lang='less' scoped>
 @import '~@assets/less/common.less';
+.box-title-text {
+  line-height: 1.4;
+  display: flex;
+  align-items: center;
+  margin-bottom: 10px;
+}
+
+.title-text {
+  width: 110px;
+  color: #000F16;
+  display: inline-block;
+  font-weight: 500;
+  font-size: 14px;
+  margin-right: 16px;
+  margin-top: -15px;
+  text-align: right;
+  white-space: nowrap;
+  overflow: hidden;
+  text-overflow: ellipsis;
+}
+
+.box-input {
+  display: inline-block;
+  width: 70%;
+  height: 38px;
+  margin-top: 2px;
+}
 
 .diolag-area {
   .table-area {