修改搜索框的样式

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

@@ -7,13 +7,13 @@
           <!-- 搜索区域 -->
           <a-form layout="inline" @keyup.enter.native="searchQuery">
             <a-row :gutter="24">
-              <a-col :md="6" :sm="8">
-                <a-form-item label="姓名" :labelCol="{span: 5}" :wrapperCol="{span: 18, offset: 1}">
+              <a-col :md="6" :sm="24">
+                <a-form-item label="姓名" :labelCol="labelCol" :wrapperCol="wrapperCol">
                   <a-input placeholder="请输入姓名查询" v-model="queryParam.name"></a-input>
                 </a-form-item>
               </a-col>
-              <a-col :md="6" :sm="8">
-                <a-form-item label="类型" :labelCol="{span: 5}" :wrapperCol="{span: 18, offset: 1}">
+              <a-col :md="6" :sm="24">
+                <a-form-item label="类型" :labelCol="labelCol" :wrapperCol="wrapperCol">
                   <a-select v-model="queryParam.type" placeholder="请选择类型">
                     <a-select-option value="">请选择</a-select-option>
                     <a-select-option value="业务员">业务员</a-select-option>
@@ -85,6 +85,13 @@
     },
     data () {
       return {
+        labelCol: {
+          span: 5
+        },
+        wrapperCol: {
+          span: 18,
+          offset: 1
+        },
         // 查询条件
         queryParam: {name:'',type:''},
         // 表头

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

@@ -7,8 +7,8 @@
           <!-- 搜索区域 -->
           <a-form layout="inline" @keyup.enter.native="searchQuery">
             <a-row :gutter="24">
-              <a-col :md="6" :sm="8">
-                <a-form-item label="名称" :labelCol="{span: 5}" :wrapperCol="{span: 18, offset: 1}">
+              <a-col :md="6" :sm="24">
+                <a-form-item label="名称" :labelCol="labelCol" :wrapperCol="wrapperCol">
                   <a-input placeholder="请输入名称查询" v-model="queryParam.name"></a-input>
                 </a-form-item>
               </a-col>
@@ -91,6 +91,13 @@
     },
     data () {
       return {
+        labelCol: {
+          span: 5
+        },
+        wrapperCol: {
+          span: 18,
+          offset: 1
+        },
         // 查询条件
         queryParam: {name:''},
         // 表头

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

@@ -7,8 +7,8 @@
           <!-- 搜索区域 -->
           <a-form layout="inline" @keyup.enter.native="searchQuery">
             <a-row :gutter="24">
-              <a-col :md="6" :sm="8">
-                <a-form-item label="角色名称" :labelCol="{span: 5}" :wrapperCol="{span: 18, offset: 1}">
+              <a-col :md="6" :sm="24">
+                <a-form-item label="角色名称" :labelCol="labelCol" :wrapperCol="wrapperCol">
                   <a-input placeholder="请输入角色名称查询" v-model="queryParam.name"></a-input>
                 </a-form-item>
               </a-col>
@@ -91,6 +91,13 @@
         description: '角色管理页面',
         roleFunctionModalVisible: false,
         currentRoleId: '',
+        labelCol: {
+          span: 5
+        },
+        wrapperCol: {
+          span: 18,
+          offset: 1
+        },
         // 查询条件
         queryParam: {name:'',},
         // 表头

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

@@ -7,13 +7,13 @@
           <!-- 搜索区域 -->
           <a-form layout="inline" @keyup.enter.native="searchQuery">
             <a-row :gutter="24">
-              <a-col :md="6" :sm="8">
-                <a-form-item label="序列号" :labelCol="{span: 5}" :wrapperCol="{span: 18, offset: 1}">
+              <a-col :md="6" :sm="24">
+                <a-form-item label="序列号" :labelCol="labelCol" :wrapperCol="wrapperCol">
                   <a-input placeholder="请输入序列号查询" v-model="queryParam.serialNumber"></a-input>
                 </a-form-item>
               </a-col>
-              <a-col :md="6" :sm="8">
-                <a-form-item label="商品名称" :labelCol="{span: 5}" :wrapperCol="{span: 18, offset: 1}">
+              <a-col :md="6" :sm="24">
+                <a-form-item label="商品名称" :labelCol="labelCol" :wrapperCol="wrapperCol">
                   <a-input placeholder="请输入商品名称查询" v-model="queryParam.materialName"></a-input>
                 </a-form-item>
               </a-col>
@@ -100,6 +100,13 @@
     },
     data () {
       return {
+        labelCol: {
+          span: 5
+        },
+        wrapperCol: {
+          span: 18,
+          offset: 1
+        },
         // 查询条件
         queryParam: {materialName:'',serialNumber:''},
         // 表头

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

@@ -7,8 +7,8 @@
           <!-- 搜索区域 -->
           <a-form layout="inline" @keyup.enter.native="searchQuery">
             <a-row :gutter="24">
-              <a-col :md="6" :sm="8">
-                <a-form-item label="公司名称" :labelCol="{span: 5}" :wrapperCol="{span: 18, offset: 1}">
+              <a-col :md="6" :sm="24">
+                <a-form-item label="公司名称" :labelCol="labelCol" :wrapperCol="wrapperCol">
                   <a-input placeholder="请输入公司名称查询" v-model="queryParam.companyName"></a-input>
                 </a-form-item>
               </a-col>
@@ -80,6 +80,13 @@
     },
     data () {
       return {
+        labelCol: {
+          span: 5
+        },
+        wrapperCol: {
+          span: 18,
+          offset: 1
+        },
         // 查询条件
         queryParam: {companyName:'',},
         // 表头

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

@@ -6,12 +6,12 @@
         <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="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>
@@ -77,6 +77,13 @@
     },
     data() {
       return {
+        labelCol: {
+          span: 5
+        },
+        wrapperCol: {
+          span: 18,
+          offset: 1
+        },
         queryParam: {
           loginName: ""
         },

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

@@ -7,8 +7,8 @@
           <!-- 搜索区域 -->
           <a-form layout="inline" @keyup.enter.native="searchQuery">
             <a-row :gutter="24">
-              <a-col :md="6" :sm="8">
-                <a-form-item label="计量单位" :labelCol="{span: 5}" :wrapperCol="{span: 18, offset: 1}">
+              <a-col :md="6" :sm="24">
+                <a-form-item label="计量单位" :labelCol="labelCol" :wrapperCol="wrapperCol">
                   <a-input placeholder="请输入计量单位查询" v-model="queryParam.name"></a-input>
                 </a-form-item>
               </a-col>
@@ -75,6 +75,13 @@
     },
     data () {
       return {
+        labelCol: {
+          span: 5
+        },
+        wrapperCol: {
+          span: 18,
+          offset: 1
+        },
         // 查询条件
         queryParam: {name:'',type:''},
         // 表头

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',

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

@@ -7,18 +7,18 @@
           <!-- 搜索区域 -->
           <a-form layout="inline" @keyup.enter.native="searchQuery">
             <a-row :gutter="24">
-              <a-col :md="5" :sm="10">
-                <a-form-item label="名称" :labelCol="{span: 5}" :wrapperCol="{span: 18, offset: 1}">
+              <a-col :md="6" :sm="24">
+                <a-form-item label="名称" :labelCol="labelCol" :wrapperCol="wrapperCol">
                   <a-input placeholder="请输入名称查询" v-model="queryParam.supplier"></a-input>
                 </a-form-item>
               </a-col>
-              <a-col :md="5" :sm="10">
-                <a-form-item label="手机号码" :labelCol="{span: 5}" :wrapperCol="{span: 18, offset: 1}">
+              <a-col :md="6" :sm="24">
+                <a-form-item label="手机号码" :labelCol="labelCol" :wrapperCol="wrapperCol">
                   <a-input placeholder="请输入手机号码查询" v-model="queryParam.telephone"></a-input>
                 </a-form-item>
               </a-col>
-              <a-col :md="5" :sm="10">
-                <a-form-item label="联系电话" :labelCol="{span: 5}" :wrapperCol="{span: 18, offset: 1}">
+              <a-col :md="6" :sm="24">
+                <a-form-item label="联系电话" :labelCol="labelCol" :wrapperCol="wrapperCol">
                   <a-input placeholder="请输入联系电话查询" v-model="queryParam.phonenum"></a-input>
                 </a-form-item>
               </a-col>
@@ -101,6 +101,13 @@
     },
     data () {
       return {
+        labelCol: {
+          span: 5
+        },
+        wrapperCol: {
+          span: 18,
+          offset: 1
+        },
         // 查询条件
         queryParam: {
           supplier:'',