产量报表和应发工资报表增加分页

haoxuan

2024-04-28 a0cfea0db1a87b627fa60540422d06ae9e1a3c70

产量报表和应发工资报表增加分页

 src/views/employeeSalary/salaryPlan/index.vue

@@ -24,12 +24,12 @@
          </template>
        </TableCommonView>
      </div>
      <AddDialog 
      ref="add" :editRow="editRow"  @refresh="refresh" 
      />
      <div class="btn-pager">
        <PagerView class="page" :pager-options="pagerOptions" v-on="pagerEvents" />
      </div>
      <AddDialog 
      ref="add" :editRow="editRow"  @refresh="refresh" 
      />
    </div>
  </div>
</template>

 src/views/reportManage/payableSalaryReport/index.vue

@@ -37,9 +37,9 @@
          >
          </TableCommonView>
        </div>
        <!-- <div class="btn-pager">
        <div class="btn-pager">
          <PagerView class="page" :pager-options="pagerOptions" v-on="pagerEvents" />
        </div> -->
        </div>
      </div>
    </div> 
  </div>
@@ -127,8 +127,8 @@
      await getAttendanceStatistic({
        keyword: this.keyword,
        month:this.object.date,
        // page: this.pagerOptions.currPage,
        // pageSize: this.pagerOptions.pageSize
        page: this.pagerOptions.currPage,
        pageSize: this.pagerOptions.pageSize
      })
        .then((res) => {
          if (res.code == 200) {
@@ -171,7 +171,7 @@
                }
              })
              this.tableList.tableInfomation = list || []
              this.pagerOptions.totalCount = res.total
              this.pagerOptions.totalCount = res.total||0
            } else {
              this.tableList.tableInfomation = []
            }
@@ -231,10 +231,11 @@
      background-color: #fff;
      border-radius: 12px;
      height: 100%;
      box-sizing: border-box;
      overflow: hidden;
    }
    .list-view {
      height: calc(100% - 10px);
      height: calc(100% - 60px);
      overflow: hidden;
    }
    .btn-pager {

 src/views/reportManage/productionReport/index.vue

@@ -53,9 +53,9 @@
        >
        </TableCommonView>
      </div>
      <!-- <div class="btn-pager">
      <div class="btn-pager">
        <PagerView class="page" :pager-options="pagerOptions" v-on="pagerEvents" />
      </div> -->
      </div>
    </div>
  </div>
</template>
@@ -176,8 +176,8 @@
      await getAttendanceStatistic({
        keyword: this.keyword,
        month: "2024-04",
        // page: this.pagerOptions.currPage,
        // pageSize: this.pagerOptions.pageSize
        page: this.pagerOptions.currPage,
        pageSize: this.pagerOptions.pageSize
      })
        .then((res) => {
          if (res.code == 200) {
@@ -188,7 +188,7 @@
                };
              });
              this.tableList.tableInfomation = list || [];
              this.pagerOptions.totalCount = res.total;
              this.pagerOptions.totalCount = res.total||0;
            } else {
              this.tableList.tableInfomation = [];
            }
@@ -230,9 +230,20 @@
  }
  .body-card {
    margin: 0 30px;
    border-radius: 12px;
    background-color: #fff;
    padding: 10px 15px;
    height: calc(100% - 180px);
  }
  .list-view {
    height: calc(100% - 60px);
    overflow: hidden;
  }
  .btn-pager {
    display: flex;
    margin-top: 10px;
    .page {
      margin-left: auto;
    }
  }
}
</style>