x

src/components/table/TableTool.vue

@@ -1,5 +1,5 @@
 <template>
-  <div>
+  <div style="float: right">
     <!--    <div v-show="stripe" class="stripe-panel">-->
     <!--      <el-checkbox v-model="stripe">斑马纹</el-checkbox>-->
     <!--    </div>-->
@@ -35,9 +35,7 @@
         <vab-draggable v-bind="dragOptions" :list="columns">
           <div v-for="(item, index) in columns" :key="item + index">
             <vab-icon icon="drag-drop-line" />
-            <el-checkbox
-              :disabled="item.disableCheck === true"
-              :label="item.label">
+            <el-checkbox :disabled="item.disableCheck === true" :label="item.label">
               {{ item.label }}
             </el-checkbox>
           </div>
@@ -46,11 +44,7 @@
       <template #reference>
         <el-button
           icon="el-icon-setting"
-          style="
-            margin: 0 10px 10px 0 !important;
-            font-size: 18px;
-            color: black;
-          "
+          style="margin: 0 10px 10px 0 !important; font-size: 18px; color: black"
           type="text" />
       </template>
     </el-popover>

src/views/base/region/index.vue

@@ -1,7 +1,7 @@
 <template>
   <div class="user-management-container">
     <el-row :gutter="20">
-      <el-col :span="5" :xs="24">
+      <el-col :span="5" :xs="16">
         <div class="head-container" style="margin-bottom: 5px">
           <el-input v-model="filterText" placeholder="输入关键字进行过滤" />
           <el-tree
@@ -20,7 +20,7 @@
           <el-button icon="el-icon-plus" type="primary" @click="getCheckedNodes($event)">添加区域</el-button>
         </vab-query-form-left-panel>
       </el-col>
-      <el-col :sapn="19">
+      <el-col :lg="19" :sapn="12" :xs="19">
         <vab-query-form>
           <vab-query-form-top-panel>
             <el-form :inline="true" :model="queryForm" @submit.native.prevent>
@@ -53,8 +53,8 @@
           <el-button icon="el-icon-plus" type="primary" @click="handleEdit($event)">添加</el-button>
         </vab-query-form-left-panel>
         <vab-query-form-right-panel>
-          <el-button icon="el-icon-download" />
           <table-tool :check-list.sync="checkList" :columns="columns" />
+          <el-button icon="el-icon-download" style="float: right" />
         </vab-query-form-right-panel>
 
         <el-table