修改搜索框的样式

jshERP-web/src/views/system/UserList.vue

@@ -6,17 +6,17 @@
         <div class="table-page-search-wrapper">
           <a-form layout="inline" @keyup.enter.native="searchQuery">
             <a-row :gutter="24">
-              <a-col :md="6" :sm="12">
-                <a-form-item label="登录名称">
+              <a-col :md="6" :sm="24">
+                <a-form-item label="登录名称" :labelCol="labelCol" :wrapperCol="wrapperCol">
                   <a-input placeholder="输入登录名称模糊查询" v-model="queryParam.loginName"></a-input>
                 </a-form-item>
               </a-col>
-              <a-col :md="6" :sm="12">
-                <a-form-item label="用户姓名">
+              <a-col :md="6" :sm="24">
+                <a-form-item label="用户姓名" :labelCol="labelCol" :wrapperCol="wrapperCol">
                   <a-input placeholder="输入用户姓名模糊查询" v-model="queryParam.userName"></a-input>
                 </a-form-item>
               </a-col>
-              <a-col :md="6" :sm="8">
+              <a-col :md="6" :sm="24">
                 <span style="float: left;overflow: hidden;" class="table-page-search-submitButtons">
                   <a-button type="primary" @click="searchQuery">查询</a-button>
                   <a-button style="margin-left: 8px" @click="searchReset">重置</a-button>
@@ -103,6 +103,13 @@
     },
     data() {
       return {
+        labelCol: {
+          span: 5
+        },
+        wrapperCol: {
+          span: 18,
+          offset: 1
+        },
         queryParam: {},
         depotFlag: '0',
         customerFlag: '0',