优化序号

src/views/club/list.vue

@@ -56,7 +56,7 @@
     >
       <el-table-column align="center" label="序号" width="50">
         <template slot-scope="scope">
-          {{ scope.$index+1 }}
+          {{ ((pageNum-1)*listQuery.pageSize)+scope.$index+1 }}
         </template>
       </el-table-column>
       <el-table-column label="账号" width="150" align="center" prop="account" />
@@ -127,6 +127,7 @@ export default {
   components: { Pagination },
   data() {
     return {
+      pageNum: 0,
       list: null,
       listLoading: true,
       total: 0,
@@ -190,6 +191,7 @@ export default {
         this.list = data.results
         this.listLoading = false
         this.total = data.totalRecord
+        this.pageNum = data.index
       }).catch(() => {
         // 封装静态数据
       })

src/views/club/operateList.vue

@@ -52,7 +52,7 @@
     >
       <el-table-column align="center" label="序号" width="50">
         <template slot-scope="scope">
-          {{ scope.$index+1 }}
+          {{ ((pageNum-1)*listQuery.pageSize)+scope.$index+1 }}
         </template>
       </el-table-column>
       <el-table-column label="账号" width="130" align="center" prop="account" />
@@ -154,6 +154,7 @@ export default {
   },
   data() {
     return {
+      pageNum: 0,
       list: null,
       clubTitle: this.$route.query.name,
       listLoading: true,
@@ -218,14 +219,12 @@ export default {
       this.listLoading = true
       getOperatorList(this.listQuery).then(response => {
         const operatorListPage = response.data
+        this.pageNum = operatorListPage.index
         this.list = operatorListPage.results
         this.total = operatorListPage.totalRecord
         this.listLoading = false
       })
     },
-    handleCurrentChange(val) {
-      console.log(val)
-    },
     handleGenerateCode(row) {
       this.dialogVisible = true
       if (row.invitationCode) {

src/views/goods/list-commonly.vue

@@ -1,5 +1,5 @@
 <template>
-  <div class="app-container" style="padding: 0 20px;padding-bottom: 0;">
+  <div class="app-container" style="padding: 0 20px;padding-bottom: 20px;">
 
     <el-menu :router="true" default-active="/goods/list/commonly" class="el-menu-demo" mode="horizontal">
       <el-menu-item index="/goods/list">全部商品</el-menu-item>
@@ -55,7 +55,7 @@
     >
       <el-table-column align="center" label="序号" width="50px">
         <template slot-scope="scope">
-          {{ scope.$index+1 }}
+          {{ ((pageNum-1)*listQuery.pageSize)+scope.$index+1 }}
         </template>
       </el-table-column>
       <el-table-column label="商品ID" align="center" prop="id" width="70px" />
@@ -104,7 +104,8 @@ export default {
   components: { Pagination },
   data() {
     return {
-      modulesId: '3', // 模块3
+      modulesId: '3', // 模块
+      pageNum: 0,
       list: null,
       classify: null,
       modules: null,
@@ -143,6 +144,7 @@ export default {
         const { organizeProductsPage, listByEffective } = response.data
         this.list = organizeProductsPage.results
         this.total = organizeProductsPage.totalRecord
+        this.pageNum = organizeProductsPage.index
         this.classify = listByEffective
         this.listLoading = false
       })

src/views/goods/list-preferential.vue

@@ -1,5 +1,5 @@
 <template>
-  <div class="app-container" style="padding: 0 20px;">
+  <div class="app-container" style="padding: 0 20px;padding-bottom: 20px;">
 
     <el-menu :router="true" default-active="/goods/list/preferential" class="el-menu-demo" mode="horizontal">
       <el-menu-item index="/goods/list">全部商品</el-menu-item>
@@ -55,7 +55,7 @@
     >
       <el-table-column align="center" label="序号" width="50px">
         <template slot-scope="scope">
-          {{ scope.$index+1 }}
+          {{ ((pageNum-1)*listQuery.pageSize)+scope.$index+1 }}
         </template>
       </el-table-column>
       <el-table-column label="商品ID" align="center" prop="id" width="70px" />
@@ -105,6 +105,7 @@ export default {
   data() {
     return {
       modulesId: '2', // 模块2
+      pageNum: 0,
       list: null,
       classify: null,
       modules: null,
@@ -143,6 +144,7 @@ export default {
         const { organizeProductsPage, listByEffective } = response.data
         this.list = organizeProductsPage.results
         this.total = organizeProductsPage.totalRecord
+        this.pageNum = organizeProductsPage.index
         this.classify = listByEffective
         this.listLoading = false
       })

src/views/goods/list-preferred.vue

@@ -1,5 +1,5 @@
 <template>
-  <div class="app-container" style="padding: 0 20px;">
+  <div class="app-container" style="padding: 0 20px;padding-bottom: 20px;">
 
     <el-menu :router="true" default-active="/goods/list/preferred" class="el-menu-demo" mode="horizontal">
       <el-menu-item index="/goods/list">全部商品</el-menu-item>
@@ -55,7 +55,7 @@
     >
       <el-table-column align="center" label="序号" width="50px">
         <template slot-scope="scope">
-          {{ scope.$index+1 }}
+          {{ ((pageNum-1)*listQuery.pageSize)+scope.$index+1 }}
         </template>
       </el-table-column>
       <el-table-column label="商品ID" align="center" prop="id" width="70px" />
@@ -105,6 +105,7 @@ export default {
   data() {
     return {
       modulesId: '1', // 模块1
+      pageNum: 0,
       list: null,
       classify: null,
       modules: null,
@@ -143,6 +144,7 @@ export default {
         const { organizeProductsPage, listByEffective } = response.data
         this.list = organizeProductsPage.results
         this.total = organizeProductsPage.totalRecord
+        this.pageNum = organizeProductsPage.index
         this.classify = listByEffective
         this.listLoading = false
       })

src/views/goods/list.vue

@@ -74,7 +74,7 @@
     >
       <el-table-column align="center" label="序号" width="35">
         <template slot-scope="scope">
-          <span style="white-space:nowrap">{{ scope.$index+1 }}</span>
+          <span style="white-space:nowrap">{{ ((pageNum-1)*listQuery.pageSize)+scope.$index+1 }}</span>
         </template>
       </el-table-column>
       <el-table-column label="商品ID" align="center" prop="id" width="50" />
@@ -183,6 +183,7 @@ export default {
   },
   data: function() {
     return {
+      pageNum: 0,
       activeIndex: '0',
       list: null,
       modules: null,
@@ -243,6 +244,7 @@ export default {
       this.listLoading = true
       getList(this.listQuery).then(response => {
         const { organizeProductsPage, listByEffective } = response.data
+        this.pageNum = organizeProductsPage.index
         this.list = organizeProductsPage.results
         this.total = organizeProductsPage.totalRecord
         this.classify = listByEffective

src/views/order/list.vue

@@ -98,7 +98,7 @@
     >
       <el-table-column align="center" label="序号" width="50">
         <template slot-scope="scope">
-          {{ scope.$index+1 }}
+          {{ ((pageNum-1)*listQuery.pageSize)+scope.$index+1 }}
         </template>
       </el-table-column>
       <el-table-column label="订单ID" align="center" prop="orderID" />
@@ -198,6 +198,7 @@ export default {
   components: { Pagination, Remarks },
   data() {
     return {
+      pageNum: 0,
       list: null,
       listLoading: true,
       total: 0,
@@ -253,6 +254,7 @@ export default {
       getList(this.listQuery).then(response => {
         this.list = response.data.results
         this.total = response.data.totalRecord
+        this.pageNum = response.data.index
         this.listLoading = false
       }).catch(() => {
         this.listLoading = false

src/views/order/refund.vue

@@ -59,7 +59,7 @@
     >
       <el-table-column align="center" label="序号" width="50">
         <template slot-scope="scope">
-          {{ scope.$index+1 }}
+          {{ ((pageNum-1)*listQuery.pageSize)+scope.$index+1 }}
         </template>
       </el-table-column>
       <el-table-column label="退款编号" align="center" prop="returnedNo" />
@@ -124,6 +124,7 @@ export default {
   data() {
     return {
       list: null,
+      pageNum: 0,
       listLoading: true,
       total: 0,
       searchTimeVal: '',
@@ -155,6 +156,7 @@ export default {
       getRefundList(this.listQuery).then(response => {
         this.list = response.data.results
         this.total = response.data.totalRecord
+        this.pageNum = response.data.index
         this.listLoading = false
       }).catch(() => {
         this.listLoading = false