tijiao

src/views/base/distributor/index.vue

@@ -25,9 +25,9 @@
           </el-tree>
         </div>
       </el-col>
-      <el-col :span="18">
+      <el-col :lg="19" :sapn="12" :xs="19">
         <vab-query-form>
-          <vab-query-form-left-panel :span="20">
+          <vab-query-form-top-panel>
             <el-form :inline="true" :model="queryForm" @submit.native.prevent>
               <el-form-item>
                 <el-input v-model.trim="queryForm.distCode" clearable placeholder="经销商编码" />
@@ -43,16 +43,16 @@
                 <el-button icon="el-icon-refresh-right" @click="reset">重置</el-button>
               </el-form-item>
             </el-form>
-            <vab-query-form-left-panel :span="5">
-              <el-button icon="el-icon-plus" type="primary" @click="handleEdit($event)">新建</el-button>
-            </vab-query-form-left-panel>
-          </vab-query-form-left-panel>
-          <vab-query-form-right-panel :span="29">
-            <el-button icon="el-icon-download" />
-            <table-tool :check-list.sync="checkList" :columns="columns" />
-          </vab-query-form-right-panel>
+          </vab-query-form-top-panel>
         </vab-query-form>
 
+        <vab-query-form-left-panel>
+          <el-button icon="el-icon-plus" type="primary" @click="handleEdit($event)">新建</el-button>
+        </vab-query-form-left-panel>
+        <vab-query-form-right-panel>
+          <table-tool :check-list.sync="checkList" :columns="columns" />
+          <el-button icon="el-icon-download" style="float: right" />
+        </vab-query-form-right-panel>
         <el-table
           v-loading="listLoading"
           border

src/views/base/region/index.vue

@@ -54,6 +54,7 @@
         </vab-query-form-left-panel>
         <vab-query-form-right-panel>
           <table-tool :check-list.sync="checkList" :columns="columns" />
+          &nbsp;
           <el-button icon="el-icon-download" style="float: right" />
         </vab-query-form-right-panel>
 

src/views/product/index.vue

@@ -1,7 +1,7 @@
 <template>
   <div class="user-management-container">
     <vab-query-form>
-      <vab-query-form-left-panel :span="18">
+      <vab-query-form-top-panel>
         <el-form :inline="true" :model="queryForm" @submit.native.prevent>
           <el-col :span="5">
             <el-form-item>
@@ -23,16 +23,16 @@
             <el-button icon="el-icon-refresh-right" @click="reset">重置</el-button>
           </el-form-item>
         </el-form>
-      </vab-query-form-left-panel>
-
-      <vab-query-form-left-panel :span="15">
-        <el-button icon="el-icon-plus" type="primary" @click="handleEdit($event)">添加</el-button>
-      </vab-query-form-left-panel>
-      <vab-query-form-right-panel :span="29">
-        <el-button icon="el-icon-download" />
-        <table-tool :check-list.sync="checkList" :columns="columns" />
-      </vab-query-form-right-panel>
+      </vab-query-form-top-panel>
     </vab-query-form>
+    <vab-query-form-left-panel>
+      <el-button icon="el-icon-plus" type="primary" @click="handleEdit($event)">添加</el-button>
+    </vab-query-form-left-panel>
+    <vab-query-form-right-panel>
+      <table-tool :check-list.sync="checkList" :columns="columns" />
+      <el-button icon="el-icon-download" style="float: right" />
+    </vab-query-form-right-panel>
+
     <el-table v-loading="listLoading" border :data="list" :height="height" @selection-change="setSelectRows">
       <el-table-column
         v-for="(item, index) in finallyColumns"