返利明细-表格添加空白区域

.env.development

@@ -8,8 +8,8 @@ ENV = 'production'
 VUE_APP_BASE_API = ''
 
 # 网址
-#VUE_APP_BASE_URL = 'http://192.168.0.150:8955/'
-VUE_APP_BASE_URL = 'http://ebcgxw.natappfree.cc'
+VUE_APP_BASE_URL = 'http://192.168.0.129:8955/'
+#VUE_APP_BASE_URL = 'http://ebcgxw.natappfree.cc'
 
 
 # 路由懒加载

src/main.js

@@ -4,6 +4,7 @@ import store from './store'
 import router from './router'
 import './plugins'
 import '@/layouts/export'
+
 /**
  * @author https://vue-admin-beautiful.com （不想保留author可删除）
  * @description 生产环境默认都使用mock，如果正式用于生产环境时，记得去掉

src/router/index.js

@@ -455,7 +455,7 @@ export const asyncRoutes = [
     alwaysShow: true,
     meta: {
       title: '供应商对账',
-      icon: 'box-open',
+      icon: 'yen-sign',
     },
     children: [
       {

src/views/vab/profitDetailsQuery/index.vue

@@ -190,13 +190,27 @@
       </div>
       <el-table
         v-loading="loading"
+        :class="table.length ? 'table-padding-bottom' : ''"
         :data="table"
         border
         :header-cell-style="headerStyle"
         :cell-style="rowStyle"
         height="52vh"
       >
-        <el-table-column type="index" label="序号" width="80"></el-table-column>
+        <el-table-column
+          type="index"
+          label="序号"
+          width="80"
+          :index="indexMethod"
+        >
+          <template scope="scope">
+            <span>
+              {{
+                (queryForm.pageNum - 1) * queryForm.pageSize + scope.$index + 1
+              }}
+            </span>
+          </template>
+        </el-table-column>
         <el-table-column prop="supplierNo" label="供应商编号"></el-table-column>
         <el-table-column
           prop="supplierName"
@@ -457,11 +471,18 @@
       console.log(h - this.fixedHeight, '大什么呢')
       this.tableHeight = h - this.fixedHeight
     },
-    // mounted() {
-    //   this.getList()
-    // },
-
     methods: {
+      getData() {
+        let arr = []
+        this.total = 50
+        for (let i = 0; i < 10; i++) {
+          console.log(i, 'i')
+          arr.push({
+            supplierName: '22',
+          })
+        }
+        this.table = arr
+      },
       //获取表格列表
       getList() {
         this.loading = true
@@ -474,6 +495,15 @@
             this.loading = false
           })
       },
+      indexMethod(index) {
+        console.log(
+          (this.queryForm.pageNum - 1) * this.queryForm.pageSize + index + 1,
+          '小标'
+        )
+        return (
+          (this.queryForm.pageNum - 1) * this.queryForm.pageSize + index + 1
+        )
+      },
       headerStyle() {
         return 'background:#409eff;text-align:center;color:#fff;'
       },
@@ -540,6 +570,9 @@
 </script>
 
 <style lang="scss" scoped>
+  ::v-deep .table-padding-bottom .el-table__body {
+    padding-bottom: 600px !important;
+  }
   .el-form::v-deep {
     width: 100%;
     display: flex;