修改参数项收集清单添加的搜索布局

jero-web/src/components/ParameterLibraryAdd/index.vue

@@ -1,94 +1,58 @@
 <template>
   <div class='diolag-area'>
     <a-spin :spinning='spinLoading'>
-      <a-form-model
+      <a-form layout="inline" @keyup.enter.native="searchQuery">
-        @keyup.enter.native="searchQuery"
+        <a-row :gutter="24">
-        class='tag-module'
+          <a-col :md="12" :sm="8">
-        ref='ruleForm'
-        :model='form'
-        :rules='rules'
-        :label-col='labelCol'
-        :wrapper-col='wrapperCol'
-      >
-        <a-row :gutter='24'>
-          <a-col :span='9'>
             <div class="box-title-text">
               <div class="title-text">
                 <!--                <span class="Required">*</span>-->
                 <span class="title-text-text" :title="$t('NiONumber')">{{$t('NiONumber')}}</span>
               </div>
-              <a-form-model-item class="itemModel" :prop='region'>
+              <a-form-model-item class="itemModel">
-<!--                <a-input class="box-input"-->
-<!--                         :disabled="disabled"-->
-<!--                         v-model="formInline[item.db_field_name]"-->
-<!--                         :placeholder="$t('PleaseEnter')+item.db_field_txt"/>-->
                 <a-input class="box-input" :title="$t('pleaseEnter')+$t('ParameterName')"
                          v-model='form.nioNumber' :placeholder="$t('pleaseEnter')+$t('NiONumber')"/>
               </a-form-model-item>
             </div>
-<!--            <a-form-model-item ref='region' :label="$t('NiONumber')" prop='region' >-->
-<!--                <a-input-->
-<!--                  v-model='form.nioNumber' :placeholder="$t('pleaseEnter')+$t('NiONumber')" />-->
-<!--            </a-form-model-item>-->
           </a-col>
-          <a-col :span='9'>
+          <a-col :md="12" :sm="8">
             <div class="box-title-text">
               <div class="title-text">
                 <!--                <span class="Required">*</span>-->
                 <span class="title-text-text" :title="$t('ParameterName')">{{$t('ParameterName')}}</span>
               </div>
-              <a-form-model-item class="itemModel" :prop='region'>
+              <a-form-model-item class="itemModel">
-                <!--                <a-input class="box-input"-->
-                <!--                         :disabled="disabled"-->
-                <!--                         v-model="formInline[item.db_field_name]"-->
-                <!--                         :placeholder="$t('PleaseEnter')+item.db_field_txt"/>-->
                 <a-input class="box-input"
-                  v-model='form.paramsName' :title="$t('pleaseEnter')+$t('ParameterName')" :placeholder="$t('pleaseEnter')+$t('ParameterName')" />
+                         v-model='form.paramsName' :title="$t('pleaseEnter')+$t('ParameterName')"
+                         :placeholder="$t('pleaseEnter')+$t('ParameterName')"/>
               </a-form-model-item>
             </div>
-<!--            <a-form-model-item ref='paramsTemplateName' :label="$t('ParameterName')" prop='paramsTemplateName'>-->
-<!--              <a-input-->
-<!--                v-model='form.paramsName' :placeholder="$t('pleaseEnter')+$t('ParameterName')" />-->
-<!--            </a-form-model-item>-->
           </a-col>
-          <a-col :span='6' style='margin-top: 5px'>
+          <a-col :md="12" :sm="8">
-            <a-button class='box-button' type='primary' @click='searchQuery'>{{ $t('query') }}</a-button>
-            <a-button class='box-button' style='margin-left: 8px' @click='searchReset'>{{ $t('reset') }}</a-button>
-          </a-col>
-        </a-row>
-        <a-row :gutter='24'>
-          <a-col :span='10'>
             <div class="box-title-text">
               <div class="title-text">
                 <!--                <span class="Required">*</span>-->
                 <span class="title-text-text" :title="$t('areaOfResponsibility')">{{$t('areaOfResponsibility')}}</span>
               </div>
-              <a-form-model-item class="itemModel" :prop='region'>
+              <a-form-model-item class="itemModel">
-                <!--                <a-input class="box-input"-->
-                <!--                         :disabled="disabled"-->
-                <!--                         v-model="formInline[item.db_field_name]"-->
-                <!--                         :placeholder="$t('PleaseEnter')+item.db_field_txt"/>-->
                 <j-dict-select-tag class="box-input" v-model='form.dutyTerritory'
-                                   style='width: 83%'
                                    :placeholder="$t('PleaseSelect')+$t('areaOfResponsibility')"
                                    :type="'select'"
                                    :title="$t('PleaseSelect')+$t('areaOfResponsibility')"
                                    :triggerChange='false' :dictCode="'duty_territory'"/>
               </a-form-model-item>
             </div>
-<!--            <a-form-model-item ref='region' :label="$t('areaOfResponsibility')" prop='region'>-->
-<!--              <a-form-model-item class='itemModel' prop='region'>-->
-<!--                <j-dict-select-tag class='box-input' v-model='form.dutyTerritory'-->
-<!--                                   :placeholder="$t('PleaseSelect')+$t('areaOfResponsibility')"-->
-<!--                                   :type="'select'"-->
-<!--                                   :triggerChange='false' :dictCode="'duty_territory'" />-->
-<!--              </a-form-model-item>-->
-<!--            </a-form-model-item>-->
           </a-col>
-          <a-col :span='9'>
+          <a-col :md="12" :sm="8">
+            <span style="float: right;overflow: hidden;margin-right: 16px;margin-bottom: 20px"
+                  class="table-page-search-submitButtons">
+            <a-button class='box-button' type='primary' @click='searchQuery'>{{ $t('query') }}</a-button>
+            <a-button class='box-button' style='margin-left: 8px' @click='searchReset'>{{ $t('reset') }}</a-button>
+            </span>
+
           </a-col>
         </a-row>
-      </a-form-model>
+      </a-form>
     </a-spin>
     <a-table
       class='table-area'
@@ -172,7 +136,7 @@ export default {
         spinLoading: false,
         confirmLoading: false,
         templatetitle: '',
-      selectedRowKeys: [],
+        selectedRowKeys: []
       }
     },
     props: {
@@ -314,7 +278,7 @@ export default {
     watch: {
       paramsManifest(val) {
         this.loadData()
-    },
+      }
     }
 
   }
@@ -336,10 +300,12 @@ export default {
       color: red;
     }
   }
+
   .drawer-bootom-button {
     display: flex;
     justify-content: center;
   }
+
   .box-title-text {
     line-height: 1.4;
     display: flex;
@@ -423,6 +389,9 @@ export default {
     line-height: 6px;
     color: #fff;
   }
+  .box-button {
+    height: 38px;
+  }
 </style>
 <style lang='less'>
   .area-module {