样式调整。

src/views/business/billPush-list.vue

@@ -9,7 +9,8 @@
                 <a href="#">账单推送管理</a>
             </el-breadcrumb-item>
             </el-breadcrumb>
-        <el-divider></el-divider>
+        <el-divider></el-divider>        
+        <div v-show="queryFormVisible">
         <el-form ref="queryForm" :model="queryModel" inline class="demo-form-inline">
             <el-form-item label="账单名称" prop="name">
                 <el-input type="text" size="mini" v-model="queryModel.name"></el-input>
@@ -30,7 +31,6 @@
                     v-model="queryModel.companyId"
                     height="200"
                 ></el-select-tree>
-
             </el-form-item>
             <el-form-item label="推送状态" prop="status">
                 <el-select v-model="queryModel.status"  size="mini"  >
@@ -125,8 +125,16 @@
                 >重置</el-button>&nbsp;
             </el-form-item>
         </el-form>
+        </div>
         <el-divider></el-divider>
         <el-row class="button-group">
+            <el-button
+                type="primary"
+                size="small"
+                plain
+                icon="el-icon-upload2"
+                @click="toggleQueryForm()"
+            >{{queryFormVisible ? '隐藏' : '显示'}}查询面板</el-button>
             <el-button
                 type="primary"
                 size="small"
@@ -141,9 +149,9 @@
         :data="tableData" 
         :height="tableHeight"
         v-loading="loading" stripe>
-            <el-table-column type="index" label="序号" width="50"></el-table-column>
-            <el-table-column prop="name" label="账单名称" width="180"></el-table-column>
-            <el-table-column prop="companyName" label="缴费单位" width="180"></el-table-column>
+            <el-table-column type="index" label="序号" :index="indexMethod" width="50" fixed="left"></el-table-column>
+            <el-table-column prop="companyName" label="缴费单位" width="120" fixed="left"></el-table-column>
+            <el-table-column prop="name" label="账单名称" width="120"></el-table-column>
             <el-table-column prop="personName" label="推送用户" width="150">
                 <template slot-scope="{row}">
                     <div>{{row.personName}}</div>
@@ -173,7 +181,7 @@
             <el-table-column prop="payTime" label="缴费时间" width="180"></el-table-column>
             <el-table-column prop="payName" label="支付方式" ></el-table-column>
             <el-table-column prop="payee" label="收款方" ></el-table-column>
-            <el-table-column prop="isOpenWechat"  label="支持微信支付"  >
+            <el-table-column prop="isOpenWechat"  label="微信支付" fixed="right">
                 <template slot-scope="{row}">
                     <el-switch
                         v-model="row.isOpenWechat"
@@ -183,7 +191,7 @@
                     </el-switch>
                 </template>
             </el-table-column>
-            <el-table-column prop="isOpenAlipay"  label="支持支付宝支付"  >
+            <el-table-column prop="isOpenAlipay"  label="支付宝" fixed="right">
                 <template slot-scope="{row}">
                     <el-switch
                         v-model="row.isOpenAlipay"
@@ -342,12 +350,11 @@ export default {
                 label: "name",
                 children: "children"
             },
-            tableHeight: 400
+            tableHeight: 400,
+            queryFormVisible: true
         }
     },
-    created() {
-
-        
+    created() {        
         this.loadTree();
 
         // companyInfoApi.list().then((response)=>{
@@ -365,6 +372,16 @@ export default {
         },1000);
     },
     methods: {
+        indexMethod(index) {
+            return (this.pageIndex - 1) * this.pageSize + (index + 1);
+        },
+        toggleQueryForm(){
+            this.queryFormVisible = !this.queryFormVisible;
+
+            this.$nextTick(()=>{
+                this.tableHeight = pageUtil.autoAdjustHeight(this.$refs.formTable.$el);
+            });
+        },
         changePage(pageIndex) {
             var self = this;