给报表增加合计的功能

This commit is contained in:
季圣华
2021-10-15 19:40:57 +08:00
parent 1817733512
commit 28c9b3ed52
14 changed files with 293 additions and 128 deletions

View File

@@ -89,6 +89,7 @@ export const JeecgListMixin = {
if (res.code===200) { if (res.code===200) {
this.dataSource = res.data.rows; this.dataSource = res.data.rows;
this.ipagination.total = res.data.total; this.ipagination.total = res.data.total;
this.tableAddTotalRow(this.columns, this.dataSource)
} }
if(res.code===510){ if(res.code===510){
this.$message.warning(res.data) this.$message.warning(res.data)
@@ -244,12 +245,13 @@ export const JeecgListMixin = {
}, },
handleTableChange(pagination, filters, sorter) { handleTableChange(pagination, filters, sorter) {
//分页、排序、筛选变化时触发 //分页、排序、筛选变化时触发
//TODO 筛选
if (Object.keys(sorter).length > 0) { if (Object.keys(sorter).length > 0) {
this.isorter.column = sorter.field; this.isorter.column = sorter.field;
this.isorter.order = "ascend" == sorter.order ? "asc" : "desc" this.isorter.order = "ascend" == sorter.order ? "asc" : "desc"
} }
if(pagination && pagination.current) {
this.ipagination = pagination; this.ipagination = pagination;
}
this.loadData(); this.loadData();
}, },
handleToggleSearch(){ handleToggleSearch(){
@@ -383,7 +385,7 @@ export const JeecgListMixin = {
let numKey = 'rowIndex' let numKey = 'rowIndex'
let totalRow = { [numKey]: '合计' } let totalRow = { [numKey]: '合计' }
//移除不需要合计的列 //移除不需要合计的列
let removeCols = 'action,mBarCode,purchaseDecimal' let removeCols = 'action,mBarCode,barCode,unitPrice,purchaseDecimal,operTime,oTime'
columns.forEach(column => { columns.forEach(column => {
let { key, dataIndex } = column let { key, dataIndex } = column
if (![key, dataIndex].includes(numKey)) { if (![key, dataIndex].includes(numKey)) {
@@ -404,6 +406,16 @@ export const JeecgListMixin = {
}) })
dataSource.push(totalRow) dataSource.push(totalRow)
} }
},
paginationChange(page, pageSize) {
this.ipagination.current = page
this.ipagination.pageSize = pageSize
this.loadData(this.ipagination.current);
},
paginationShowSizeChange(current, size) {
this.ipagination.current = current
this.ipagination.pageSize = size
this.loadData(this.ipagination.current);
} }
} }

View File

@@ -46,7 +46,7 @@
rowKey="id" rowKey="id"
:columns="columns" :columns="columns"
:dataSource="dataSource" :dataSource="dataSource"
:pagination="ipagination" :pagination="false"
:scroll="scroll" :scroll="scroll"
:loading="loading" :loading="loading"
@change="handleTableChange"> @change="handleTableChange">
@@ -54,6 +54,22 @@
<a @click="showAccountInOutList(record)">流水</a> <a @click="showAccountInOutList(record)">流水</a>
</span> </span>
</a-table> </a-table>
<a-row :gutter="24" style="margin-top: 8px;text-align:right;">
<a-col :md="24" :sm="24">
<a-pagination @change="paginationChange" @showSizeChange="paginationShowSizeChange"
size="small"
show-size-changer
:showQuickJumper="true"
:page-size="ipagination.pageSize"
:page-size-options="ipagination.pageSizeOptions"
:total="ipagination.total"
:show-total="(total, range) => ` ${total} `">
<template slot="buildOptionText" slot-scope="props">
<span>{{ props.value-1 }}条/页</span>
</template>
</a-pagination>
</a-col>
</a-row>
</section> </section>
<!-- table区域-end --> <!-- table区域-end -->
<account-in-out-list ref="accountInOutList" @ok="modalFormOk"></account-in-out-list> <account-in-out-list ref="accountInOutList" @ok="modalFormOk"></account-in-out-list>
@@ -89,7 +105,8 @@
serialNo:'' serialNo:''
}, },
ipagination:{ ipagination:{
pageSizeOptions: ['10', '20', '30', '100', '200'] pageSize: 11,
pageSizeOptions: ['11', '21', '31', '101', '201']
}, },
allMonthAmount: '', allMonthAmount: '',
allCurrentAmount: '', allCurrentAmount: '',
@@ -97,13 +114,9 @@
// 表头 // 表头
columns: [ columns: [
{ {
title: '#', title: '#', dataIndex: 'rowIndex', width:60, align:"center",
dataIndex: '',
key:'rowIndex',
width:60,
align:"center",
customRender:function (t,r,index) { customRender:function (t,r,index) {
return parseInt(index)+1; return (t !== '合计') ? (parseInt(index) + 1) : t
} }
}, },
{ title: '名称', dataIndex: 'name', width: 100}, { title: '名称', dataIndex: 'name', width: 100},
@@ -125,6 +138,13 @@
this.getAccountStatistics() this.getAccountStatistics()
}, },
methods: { methods: {
getQueryParams() {
let param = Object.assign({}, this.queryParam, this.isorter);
param.field = this.getQueryField();
param.currentPage = this.ipagination.current;
param.pageSize = this.ipagination.pageSize-1;
return param;
},
getAccountStatistics() { getAccountStatistics() {
getAction(this.url.getStatistics, this.queryParam).then((res)=>{ getAction(this.url.getStatistics, this.queryParam).then((res)=>{
if(res && res.code === 200) { if(res && res.code === 200) {

View File

@@ -73,7 +73,7 @@
rowKey="id" rowKey="id"
:columns="columns" :columns="columns"
:dataSource="dataSource" :dataSource="dataSource"
:pagination="ipagination" :pagination="false"
:scroll="scroll" :scroll="scroll"
:loading="loading" :loading="loading"
@change="handleTableChange"> @change="handleTableChange">
@@ -81,6 +81,22 @@
<a @click="myHandleDetail(record)">{{record.number}}</a> <a @click="myHandleDetail(record)">{{record.number}}</a>
</span> </span>
</a-table> </a-table>
<a-row :gutter="24" style="margin-top: 8px;text-align:right;">
<a-col :md="24" :sm="24">
<a-pagination @change="paginationChange" @showSizeChange="paginationShowSizeChange"
size="small"
show-size-changer
:showQuickJumper="true"
:page-size="ipagination.pageSize"
:page-size-options="ipagination.pageSizeOptions"
:total="ipagination.total"
:show-total="(total, range) => ` ${total} `">
<template slot="buildOptionText" slot-scope="props">
<span>{{ props.value-1 }}条/页</span>
</template>
</a-pagination>
</a-col>
</a-row>
</section> </section>
<!-- table区域-end --> <!-- table区域-end -->
<!-- 表单区域 --> <!-- 表单区域 -->
@@ -124,7 +140,8 @@
subType: "调拨" subType: "调拨"
}, },
ipagination:{ ipagination:{
pageSizeOptions: ['10', '20', '30', '100', '200'] pageSize: 11,
pageSizeOptions: ['11', '21', '31', '101', '201']
}, },
dateFormat: 'YYYY-MM-DD', dateFormat: 'YYYY-MM-DD',
currentDay: moment().format('YYYY-MM-DD'), currentDay: moment().format('YYYY-MM-DD'),
@@ -135,13 +152,9 @@
// 表头 // 表头
columns: [ columns: [
{ {
title: '#', title: '#', dataIndex: 'rowIndex', width:40, align:"center",
dataIndex: '',
key:'rowIndex',
width:40,
align:"center",
customRender:function (t,r,index) { customRender:function (t,r,index) {
return parseInt(index)+1; return (t !== '合计') ? (parseInt(index) + 1) : t
} }
}, },
{ {
@@ -177,7 +190,7 @@
let param = Object.assign({}, this.queryParam, this.isorter); let param = Object.assign({}, this.queryParam, this.isorter);
param.field = this.getQueryField(); param.field = this.getQueryField();
param.currentPage = this.ipagination.current; param.currentPage = this.ipagination.current;
param.pageSize = this.ipagination.pageSize; param.pageSize = this.ipagination.pageSize-1;
return param; return param;
}, },
onDateChange: function (value, dateString) { onDateChange: function (value, dateString) {

View File

@@ -37,11 +37,27 @@
rowKey="id" rowKey="id"
:columns="columns" :columns="columns"
:dataSource="dataSource" :dataSource="dataSource"
:pagination="ipagination" :pagination="false"
:scroll="scroll" :scroll="scroll"
:loading="loading" :loading="loading"
@change="handleTableChange"> @change="handleTableChange">
</a-table> </a-table>
<a-row :gutter="24" style="margin-top: 8px;text-align:right;">
<a-col :md="24" :sm="24">
<a-pagination @change="paginationChange" @showSizeChange="paginationShowSizeChange"
size="small"
show-size-changer
:showQuickJumper="true"
:page-size="ipagination.pageSize"
:page-size-options="ipagination.pageSizeOptions"
:total="ipagination.total"
:show-total="(total, range) => ` ${total} `">
<template slot="buildOptionText" slot-scope="props">
<span>{{ props.value-1 }}条/页</span>
</template>
</a-pagination>
</a-col>
</a-row>
</section> </section>
<!-- table区域-end --> <!-- table区域-end -->
</a-card> </a-card>
@@ -78,19 +94,16 @@
mpList: getMpListShort(Vue.ls.get('materialPropertyList')) mpList: getMpListShort(Vue.ls.get('materialPropertyList'))
}, },
ipagination:{ ipagination:{
pageSizeOptions: ['10', '20', '30', '100', '200'] pageSize: 11,
pageSizeOptions: ['11', '21', '31', '101', '201']
}, },
tabKey: "1", tabKey: "1",
// 表头 // 表头
columns: [ columns: [
{ {
title: '#', title: '#', dataIndex: 'rowIndex', width:40, align:"center",
dataIndex: '',
key:'rowIndex',
width:60,
align:"center",
customRender:function (t,r,index) { customRender:function (t,r,index) {
return parseInt(index)+1; return (t !== '合计') ? (parseInt(index) + 1) : t
} }
}, },
{title: '条码', dataIndex: 'barCode', width: 160}, {title: '条码', dataIndex: 'barCode', width: 160},
@@ -116,11 +129,10 @@
param.monthTime = this.queryParam.monthTime; param.monthTime = this.queryParam.monthTime;
param.field = this.getQueryField(); param.field = this.getQueryField();
param.currentPage = this.ipagination.current; param.currentPage = this.ipagination.current;
param.pageSize = this.ipagination.pageSize; param.pageSize = this.ipagination.pageSize-1;
return param; return param;
}, },
onChange: function (value, dateString) { onChange: function (value, dateString) {
console.log(dateString);
this.queryParam.monthTime=dateString; this.queryParam.monthTime=dateString;
}, },
searchQuery() { searchQuery() {

View File

@@ -53,7 +53,7 @@
rowKey="id" rowKey="id"
:columns="columns" :columns="columns"
:dataSource="dataSource" :dataSource="dataSource"
:pagination="ipagination" :pagination="false"
:scroll="scroll" :scroll="scroll"
:loading="loading" :loading="loading"
@change="handleTableChange"> @change="handleTableChange">
@@ -61,6 +61,22 @@
<a @click="myHandleDetail(record)">{{record.number}}</a> <a @click="myHandleDetail(record)">{{record.number}}</a>
</span> </span>
</a-table> </a-table>
<a-row :gutter="24" style="margin-top: 8px;text-align:right;">
<a-col :md="24" :sm="24">
<a-pagination @change="paginationChange" @showSizeChange="paginationShowSizeChange"
size="small"
show-size-changer
:showQuickJumper="true"
:page-size="ipagination.pageSize"
:page-size-options="ipagination.pageSizeOptions"
:total="ipagination.total"
:show-total="(total, range) => ` ${total} `">
<template slot="buildOptionText" slot-scope="props">
<span>{{ props.value-1 }}条/页</span>
</template>
</a-pagination>
</a-col>
</a-row>
</section> </section>
<!-- table区域-end --> <!-- table区域-end -->
<!-- 表单区域 --> <!-- 表单区域 -->
@@ -104,7 +120,8 @@
endTime: moment().format('YYYY-MM-DD'), endTime: moment().format('YYYY-MM-DD'),
}, },
ipagination:{ ipagination:{
pageSizeOptions: ['10', '20', '30', '100', '200'] pageSize: 11,
pageSizeOptions: ['11', '21', '31', '101', '201']
}, },
dateFormat: 'YYYY-MM-DD', dateFormat: 'YYYY-MM-DD',
currentDay: moment().format('YYYY-MM-DD'), currentDay: moment().format('YYYY-MM-DD'),
@@ -116,13 +133,9 @@
// 表头 // 表头
columns: [ columns: [
{ {
title: '#', title: '#', dataIndex: 'rowIndex', width:40, align:"center",
dataIndex: '',
key:'rowIndex',
width:40,
align:"center",
customRender:function (t,r,index) { customRender:function (t,r,index) {
return parseInt(index)+1; return (t !== '合计') ? (parseInt(index) + 1) : t
} }
}, },
{ {
@@ -150,7 +163,7 @@
let param = Object.assign({}, this.queryParam, this.isorter); let param = Object.assign({}, this.queryParam, this.isorter);
param.field = this.getQueryField(); param.field = this.getQueryField();
param.currentPage = this.ipagination.current; param.currentPage = this.ipagination.current;
param.pageSize = this.ipagination.pageSize; param.pageSize = this.ipagination.pageSize-1;
return param; return param;
}, },
initSupplier() { initSupplier() {
@@ -194,6 +207,7 @@
if (res.code===200) { if (res.code===200) {
this.dataSource = res.data.rows; this.dataSource = res.data.rows;
this.ipagination.total = res.data.total; this.ipagination.total = res.data.total;
this.tableAddTotalRow(this.columns, this.dataSource)
if(this.queryParam.organId) { if(this.queryParam.organId) {
this.firstTotal = '期初应收:' + res.data.firstMoney + "" this.firstTotal = '期初应收:' + res.data.firstMoney + ""
this.lastTotal = '期末应收:' + res.data.lastMoney this.lastTotal = '期末应收:' + res.data.lastMoney

View File

@@ -66,7 +66,7 @@
rowKey="id" rowKey="id"
:columns="columns" :columns="columns"
:dataSource="dataSource" :dataSource="dataSource"
:pagination="ipagination" :pagination="false"
:scroll="scroll" :scroll="scroll"
:loading="loading" :loading="loading"
@change="handleTableChange"> @change="handleTableChange">
@@ -74,6 +74,22 @@
<a @click="myHandleDetail(record)">{{record.number}}</a> <a @click="myHandleDetail(record)">{{record.number}}</a>
</span> </span>
</a-table> </a-table>
<a-row :gutter="24" style="margin-top: 8px;text-align:right;">
<a-col :md="24" :sm="24">
<a-pagination @change="paginationChange" @showSizeChange="paginationShowSizeChange"
size="small"
show-size-changer
:showQuickJumper="true"
:page-size="ipagination.pageSize"
:page-size-options="ipagination.pageSizeOptions"
:total="ipagination.total"
:show-total="(total, range) => ` ${total} `">
<template slot="buildOptionText" slot-scope="props">
<span>{{ props.value-1 }}条/页</span>
</template>
</a-pagination>
</a-col>
</a-row>
</section> </section>
<!-- table区域-end --> <!-- table区域-end -->
<!-- 表单区域 --> <!-- 表单区域 -->
@@ -116,7 +132,8 @@
type: "入库" type: "入库"
}, },
ipagination:{ ipagination:{
pageSizeOptions: ['10', '20', '30', '100', '200'] pageSize: 11,
pageSizeOptions: ['11', '21', '31', '101', '201']
}, },
dateFormat: 'YYYY-MM-DD', dateFormat: 'YYYY-MM-DD',
currentDay: moment().format('YYYY-MM-DD'), currentDay: moment().format('YYYY-MM-DD'),
@@ -127,13 +144,9 @@
// 表头 // 表头
columns: [ columns: [
{ {
title: '#', title: '#', dataIndex: 'rowIndex', width:40, align:"center",
dataIndex: '',
key:'rowIndex',
width:40,
align:"center",
customRender:function (t,r,index) { customRender:function (t,r,index) {
return parseInt(index)+1; return (t !== '合计') ? (parseInt(index) + 1) : t
} }
}, },
{ {
@@ -169,7 +182,7 @@
let param = Object.assign({}, this.queryParam, this.isorter); let param = Object.assign({}, this.queryParam, this.isorter);
param.field = this.getQueryField(); param.field = this.getQueryField();
param.currentPage = this.ipagination.current; param.currentPage = this.ipagination.current;
param.pageSize = this.ipagination.pageSize; param.pageSize = this.ipagination.pageSize-1;
return param; return param;
}, },
onDateChange: function (value, dateString) { onDateChange: function (value, dateString) {

View File

@@ -66,11 +66,27 @@
rowKey="id" rowKey="id"
:columns="columns" :columns="columns"
:dataSource="dataSource" :dataSource="dataSource"
:pagination="ipagination" :pagination="false"
:scroll="scroll" :scroll="scroll"
:loading="loading" :loading="loading"
@change="handleTableChange"> @change="handleTableChange">
</a-table> </a-table>
<a-row :gutter="24" style="margin-top: 8px;text-align:right;">
<a-col :md="24" :sm="24">
<a-pagination @change="paginationChange" @showSizeChange="paginationShowSizeChange"
size="small"
show-size-changer
:showQuickJumper="true"
:page-size="ipagination.pageSize"
:page-size-options="ipagination.pageSizeOptions"
:total="ipagination.total"
:show-total="(total, range) => ` ${total} `">
<template slot="buildOptionText" slot-scope="props">
<span>{{ props.value-1 }}条/页</span>
</template>
</a-pagination>
</a-col>
</a-row>
</section> </section>
<!-- table区域-end --> <!-- table区域-end -->
</a-card> </a-card>
@@ -109,7 +125,8 @@
type: "入库" type: "入库"
}, },
ipagination:{ ipagination:{
pageSizeOptions: ['10', '20', '30', '100', '200'] pageSize: 11,
pageSizeOptions: ['11', '21', '31', '101', '201']
}, },
dateFormat: 'YYYY-MM-DD', dateFormat: 'YYYY-MM-DD',
currentDay: moment().format('YYYY-MM-DD'), currentDay: moment().format('YYYY-MM-DD'),
@@ -120,13 +137,9 @@
// 表头 // 表头
columns: [ columns: [
{ {
title: '#', title: '#', dataIndex: 'rowIndex', width:40, align:"center",
dataIndex: '',
key:'rowIndex',
width:40,
align:"center",
customRender:function (t,r,index) { customRender:function (t,r,index) {
return parseInt(index)+1; return (t !== '合计') ? (parseInt(index) + 1) : t
} }
}, },
{title: '条码', dataIndex: 'barCode', width: 120}, {title: '条码', dataIndex: 'barCode', width: 120},
@@ -154,7 +167,7 @@
let param = Object.assign({}, this.queryParam, this.isorter); let param = Object.assign({}, this.queryParam, this.isorter);
param.field = this.getQueryField(); param.field = this.getQueryField();
param.currentPage = this.ipagination.current; param.currentPage = this.ipagination.current;
param.pageSize = this.ipagination.pageSize; param.pageSize = this.ipagination.pageSize-1;
return param; return param;
}, },
onDateChange: function (value, dateString) { onDateChange: function (value, dateString) {

View File

@@ -55,11 +55,27 @@
rowKey="id" rowKey="id"
:columns="columns" :columns="columns"
:dataSource="dataSource" :dataSource="dataSource"
:pagination="ipagination" :pagination="false"
:scroll="scroll" :scroll="scroll"
:loading="loading" :loading="loading"
@change="handleTableChange"> @change="handleTableChange">
</a-table> </a-table>
<a-row :gutter="24" style="margin-top: 8px;text-align:right;">
<a-col :md="24" :sm="24">
<a-pagination @change="paginationChange" @showSizeChange="paginationShowSizeChange"
size="small"
show-size-changer
:showQuickJumper="true"
:page-size="ipagination.pageSize"
:page-size-options="ipagination.pageSizeOptions"
:total="ipagination.total"
:show-total="(total, range) => ` ${total} `">
<template slot="buildOptionText" slot-scope="props">
<span>{{ props.value-1 }}条/页</span>
</template>
</a-pagination>
</a-col>
</a-row>
</section> </section>
<!-- table区域-end --> <!-- table区域-end -->
</a-card> </a-card>
@@ -98,7 +114,8 @@
mpList: getMpListShort(Vue.ls.get('materialPropertyList')) //扩展属性 mpList: getMpListShort(Vue.ls.get('materialPropertyList')) //扩展属性
}, },
ipagination:{ ipagination:{
pageSizeOptions: ['10', '20', '30', '100', '200'] pageSize: 11,
pageSizeOptions: ['11', '21', '31', '101', '201']
}, },
tabKey: "1", tabKey: "1",
depotList: [], depotList: [],
@@ -106,21 +123,17 @@
// 表头 // 表头
columns: [ columns: [
{ {
title: '#', title: '#', dataIndex: 'rowIndex', width:40, align:"center",
dataIndex: '',
key:'rowIndex',
width:60,
align:"center",
customRender:function (t,r,index) { customRender:function (t,r,index) {
return parseInt(index)+1; return (t !== '合计') ? (parseInt(index) + 1) : t
} }
}, },
{title: '条码', dataIndex: 'barCode', width: 120}, {title: '条码', dataIndex: 'barCode', width: 100},
{title: '名称', dataIndex: 'materialName', width: 120}, {title: '名称', dataIndex: 'materialName', width: 120},
{title: '规格', dataIndex: 'materialStandard', width: 80}, {title: '规格', dataIndex: 'materialStandard', width: 80},
{title: '型号', dataIndex: 'materialModel', width: 80}, {title: '型号', dataIndex: 'materialModel', width: 80},
{title: '扩展信息', dataIndex: 'materialOther', width: 120}, {title: '扩展信息', dataIndex: 'materialOther', width: 80},
{title: '单位', dataIndex: 'unitName', width: 80}, {title: '单位', dataIndex: 'unitName', width: 60},
{title: '单价', dataIndex: 'unitPrice', sorter: (a, b) => a.unitPrice - b.unitPrice, width: 60}, {title: '单价', dataIndex: 'unitPrice', sorter: (a, b) => a.unitPrice - b.unitPrice, width: 60},
{title: '上月结存数量', dataIndex: 'prevSum', sorter: (a, b) => a.prevSum - b.prevSum, width: 80}, {title: '上月结存数量', dataIndex: 'prevSum', sorter: (a, b) => a.prevSum - b.prevSum, width: 80},
{title: '入库数量', dataIndex: 'inSum', sorter: (a, b) => a.inSum - b.inSum, width: 60}, {title: '入库数量', dataIndex: 'inSum', sorter: (a, b) => a.inSum - b.inSum, width: 60},
@@ -146,7 +159,7 @@
param.monthTime = this.queryParam.monthTime; param.monthTime = this.queryParam.monthTime;
param.field = this.getQueryField(); param.field = this.getQueryField();
param.currentPage = this.ipagination.current; param.currentPage = this.ipagination.current;
param.pageSize = this.ipagination.pageSize; param.pageSize = this.ipagination.pageSize-1;
return param; return param;
}, },
getDepotData() { getDepotData() {

View File

@@ -70,9 +70,8 @@
</span> </span>
</a-table> </a-table>
<a-row :gutter="24" style="margin-top: 8px;text-align:right;"> <a-row :gutter="24" style="margin-top: 8px;text-align:right;">
<a-col :md="12" :sm="24"></a-col> <a-col :md="24" :sm="24">
<a-col :md="12" :sm="24"> <a-pagination @change="paginationChange" @showSizeChange="paginationShowSizeChange"
<a-pagination @change="onChange" @showSizeChange="onShowSizeChange"
size="small" size="small"
show-size-changer show-size-changer
:showQuickJumper="true" :showQuickJumper="true"
@@ -215,9 +214,9 @@
if (res.code===200) { if (res.code===200) {
this.dataSource = res.data.rows; this.dataSource = res.data.rows;
this.ipagination.total = res.data.total; this.ipagination.total = res.data.total;
this.tableAddTotalRow(this.columns, this.dataSource)
this.currentStock = res.data.currentStock; this.currentStock = res.data.currentStock;
this.currentStockPrice = res.data.currentStockPrice; this.currentStockPrice = res.data.currentStockPrice;
this.tableAddTotalRow(this.columns, this.dataSource)
} }
if(res.code===510){ if(res.code===510){
this.$message.warning(res.data) this.$message.warning(res.data)
@@ -239,16 +238,6 @@
aoa.push(item) aoa.push(item)
} }
openDownloadDialog(sheet2blob(aoa), '商品库存') openDownloadDialog(sheet2blob(aoa), '商品库存')
},
onChange(page, pageSize) {
this.ipagination.current = page
this.ipagination.pageSize = pageSize
this.loadData(this.ipagination.current);
},
onShowSizeChange(current, size) {
this.ipagination.current = current
this.ipagination.pageSize = size
this.loadData(this.ipagination.current);
} }
} }
} }

View File

@@ -66,7 +66,7 @@
rowKey="id" rowKey="id"
:columns="columns" :columns="columns"
:dataSource="dataSource" :dataSource="dataSource"
:pagination="ipagination" :pagination="false"
:scroll="scroll" :scroll="scroll"
:loading="loading" :loading="loading"
@change="handleTableChange"> @change="handleTableChange">
@@ -74,6 +74,22 @@
<a @click="myHandleDetail(record)">{{record.number}}</a> <a @click="myHandleDetail(record)">{{record.number}}</a>
</span> </span>
</a-table> </a-table>
<a-row :gutter="24" style="margin-top: 8px;text-align:right;">
<a-col :md="24" :sm="24">
<a-pagination @change="paginationChange" @showSizeChange="paginationShowSizeChange"
size="small"
show-size-changer
:showQuickJumper="true"
:page-size="ipagination.pageSize"
:page-size-options="ipagination.pageSizeOptions"
:total="ipagination.total"
:show-total="(total, range) => ` ${total} `">
<template slot="buildOptionText" slot-scope="props">
<span>{{ props.value-1 }}条/页</span>
</template>
</a-pagination>
</a-col>
</a-row>
</section> </section>
<!-- table区域-end --> <!-- table区域-end -->
<!-- 表单区域 --> <!-- 表单区域 -->
@@ -116,7 +132,8 @@
type: "出库" type: "出库"
}, },
ipagination:{ ipagination:{
pageSizeOptions: ['10', '20', '30', '100', '200'] pageSize: 11,
pageSizeOptions: ['11', '21', '31', '101', '201']
}, },
dateFormat: 'YYYY-MM-DD', dateFormat: 'YYYY-MM-DD',
currentDay: moment().format('YYYY-MM-DD'), currentDay: moment().format('YYYY-MM-DD'),
@@ -127,13 +144,9 @@
// 表头 // 表头
columns: [ columns: [
{ {
title: '#', title: '#', dataIndex: 'rowIndex', width:40, align:"center",
dataIndex: '',
key:'rowIndex',
width:40,
align:"center",
customRender:function (t,r,index) { customRender:function (t,r,index) {
return parseInt(index)+1; return (t !== '合计') ? (parseInt(index) + 1) : t
} }
}, },
{ {
@@ -169,7 +182,7 @@
let param = Object.assign({}, this.queryParam, this.isorter); let param = Object.assign({}, this.queryParam, this.isorter);
param.field = this.getQueryField(); param.field = this.getQueryField();
param.currentPage = this.ipagination.current; param.currentPage = this.ipagination.current;
param.pageSize = this.ipagination.pageSize; param.pageSize = this.ipagination.pageSize-1;
return param; return param;
}, },
onDateChange: function (value, dateString) { onDateChange: function (value, dateString) {

View File

@@ -66,11 +66,27 @@
rowKey="id" rowKey="id"
:columns="columns" :columns="columns"
:dataSource="dataSource" :dataSource="dataSource"
:pagination="ipagination" :pagination="false"
:scroll="scroll" :scroll="scroll"
:loading="loading" :loading="loading"
@change="handleTableChange"> @change="handleTableChange">
</a-table> </a-table>
<a-row :gutter="24" style="margin-top: 8px;text-align:right;">
<a-col :md="24" :sm="24">
<a-pagination @change="paginationChange" @showSizeChange="paginationShowSizeChange"
size="small"
show-size-changer
:showQuickJumper="true"
:page-size="ipagination.pageSize"
:page-size-options="ipagination.pageSizeOptions"
:total="ipagination.total"
:show-total="(total, range) => ` ${total} `">
<template slot="buildOptionText" slot-scope="props">
<span>{{ props.value-1 }}条/页</span>
</template>
</a-pagination>
</a-col>
</a-row>
</section> </section>
<!-- table区域-end --> <!-- table区域-end -->
</a-card> </a-card>
@@ -109,7 +125,8 @@
type: "出库" type: "出库"
}, },
ipagination:{ ipagination:{
pageSizeOptions: ['10', '20', '30', '100', '200'] pageSize: 11,
pageSizeOptions: ['11', '21', '31', '101', '201']
}, },
dateFormat: 'YYYY-MM-DD', dateFormat: 'YYYY-MM-DD',
currentDay: moment().format('YYYY-MM-DD'), currentDay: moment().format('YYYY-MM-DD'),
@@ -120,13 +137,9 @@
// 表头 // 表头
columns: [ columns: [
{ {
title: '#', title: '#', dataIndex: 'rowIndex', width:40, align:"center",
dataIndex: '',
key:'rowIndex',
width:40,
align:"center",
customRender:function (t,r,index) { customRender:function (t,r,index) {
return parseInt(index)+1; return (t !== '合计') ? (parseInt(index) + 1) : t
} }
}, },
{title: '条码', dataIndex: 'barCode', width: 120}, {title: '条码', dataIndex: 'barCode', width: 120},
@@ -154,7 +167,7 @@
let param = Object.assign({}, this.queryParam, this.isorter); let param = Object.assign({}, this.queryParam, this.isorter);
param.field = this.getQueryField(); param.field = this.getQueryField();
param.currentPage = this.ipagination.current; param.currentPage = this.ipagination.current;
param.pageSize = this.ipagination.pageSize; param.pageSize = this.ipagination.pageSize-1;
return param; return param;
}, },
onDateChange: function (value, dateString) { onDateChange: function (value, dateString) {

View File

@@ -37,11 +37,27 @@
rowKey="id" rowKey="id"
:columns="columns" :columns="columns"
:dataSource="dataSource" :dataSource="dataSource"
:pagination="ipagination" :pagination="false"
:scroll="scroll" :scroll="scroll"
:loading="loading" :loading="loading"
@change="handleTableChange"> @change="handleTableChange">
</a-table> </a-table>
<a-row :gutter="24" style="margin-top: 8px;text-align:right;">
<a-col :md="24" :sm="24">
<a-pagination @change="paginationChange" @showSizeChange="paginationShowSizeChange"
size="small"
show-size-changer
:showQuickJumper="true"
:page-size="ipagination.pageSize"
:page-size-options="ipagination.pageSizeOptions"
:total="ipagination.total"
:show-total="(total, range) => ` ${total} `">
<template slot="buildOptionText" slot-scope="props">
<span>{{ props.value-1 }}条/页</span>
</template>
</a-pagination>
</a-col>
</a-row>
</section> </section>
<!-- table区域-end --> <!-- table区域-end -->
</a-card> </a-card>
@@ -78,19 +94,16 @@
mpList: getMpListShort(Vue.ls.get('materialPropertyList')) mpList: getMpListShort(Vue.ls.get('materialPropertyList'))
}, },
ipagination:{ ipagination:{
pageSizeOptions: ['10', '20', '30', '100', '200'] pageSize: 11,
pageSizeOptions: ['11', '21', '31', '101', '201']
}, },
tabKey: "1", tabKey: "1",
// 表头 // 表头
columns: [ columns: [
{ {
title: '#', title: '#', dataIndex: 'rowIndex', width:60, align:"center",
dataIndex: '',
key:'rowIndex',
width:60,
align:"center",
customRender:function (t,r,index) { customRender:function (t,r,index) {
return parseInt(index)+1; return (t !== '合计') ? (parseInt(index) + 1) : t
} }
}, },
{title: '条码', dataIndex: 'barCode', width: 160}, {title: '条码', dataIndex: 'barCode', width: 160},
@@ -119,7 +132,7 @@
param.monthTime = this.queryParam.monthTime; param.monthTime = this.queryParam.monthTime;
param.field = this.getQueryField(); param.field = this.getQueryField();
param.currentPage = this.ipagination.current; param.currentPage = this.ipagination.current;
param.pageSize = this.ipagination.pageSize; param.pageSize = this.ipagination.pageSize-1;
return param; return param;
}, },
onChange: function (value, dateString) { onChange: function (value, dateString) {

View File

@@ -44,11 +44,27 @@
rowKey="id" rowKey="id"
:columns="columns" :columns="columns"
:dataSource="dataSource" :dataSource="dataSource"
:pagination="ipagination" :pagination="false"
:scroll="scroll" :scroll="scroll"
:loading="loading" :loading="loading"
@change="handleTableChange"> @change="handleTableChange">
</a-table> </a-table>
<a-row :gutter="24" style="margin-top: 8px;text-align:right;">
<a-col :md="24" :sm="24">
<a-pagination @change="paginationChange" @showSizeChange="paginationShowSizeChange"
size="small"
show-size-changer
:showQuickJumper="true"
:page-size="ipagination.pageSize"
:page-size-options="ipagination.pageSizeOptions"
:total="ipagination.total"
:show-total="(total, range) => ` ${total} `">
<template slot="buildOptionText" slot-scope="props">
<span>{{ props.value-1 }}条/页</span>
</template>
</a-pagination>
</a-col>
</a-row>
</section> </section>
<!-- table区域-end --> <!-- table区域-end -->
</a-card> </a-card>
@@ -83,20 +99,17 @@
mpList: getMpListShort(Vue.ls.get('materialPropertyList')) //扩展属性 mpList: getMpListShort(Vue.ls.get('materialPropertyList')) //扩展属性
}, },
ipagination:{ ipagination:{
pageSizeOptions: ['10', '20', '30', '100', '200'] pageSize: 11,
pageSizeOptions: ['11', '21', '31', '101', '201']
}, },
depotList: [], depotList: [],
tabKey: "1", tabKey: "1",
// 表头 // 表头
columns: [ columns: [
{ {
title: '#', title: '#', dataIndex: 'rowIndex', width:40, align:"center",
dataIndex: '',
key:'rowIndex',
width:40,
align:"center",
customRender:function (t,r,index) { customRender:function (t,r,index) {
return parseInt(index)+1; return (t !== '合计') ? (parseInt(index) + 1) : t
} }
}, },
{title: '条码', dataIndex: 'barCode', width: 120}, {title: '条码', dataIndex: 'barCode', width: 120},
@@ -122,7 +135,7 @@
let param = Object.assign({}, this.queryParam, this.isorter); let param = Object.assign({}, this.queryParam, this.isorter);
param.field = this.getQueryField(); param.field = this.getQueryField();
param.currentPage = this.ipagination.current; param.currentPage = this.ipagination.current;
param.pageSize = this.ipagination.pageSize; param.pageSize = this.ipagination.pageSize-1;
return param; return param;
}, },
getDepotData() { getDepotData() {

View File

@@ -53,7 +53,7 @@
rowKey="id" rowKey="id"
:columns="columns" :columns="columns"
:dataSource="dataSource" :dataSource="dataSource"
:pagination="ipagination" :pagination="false"
:scroll="scroll" :scroll="scroll"
:loading="loading" :loading="loading"
@change="handleTableChange"> @change="handleTableChange">
@@ -61,6 +61,22 @@
<a @click="myHandleDetail(record)">{{record.number}}</a> <a @click="myHandleDetail(record)">{{record.number}}</a>
</span> </span>
</a-table> </a-table>
<a-row :gutter="24" style="margin-top: 8px;text-align:right;">
<a-col :md="24" :sm="24">
<a-pagination @change="paginationChange" @showSizeChange="paginationShowSizeChange"
size="small"
show-size-changer
:showQuickJumper="true"
:page-size="ipagination.pageSize"
:page-size-options="ipagination.pageSizeOptions"
:total="ipagination.total"
:show-total="(total, range) => ` ${total} `">
<template slot="buildOptionText" slot-scope="props">
<span>{{ props.value-1 }}条/页</span>
</template>
</a-pagination>
</a-col>
</a-row>
</section> </section>
<!-- table区域-end --> <!-- table区域-end -->
<!-- 表单区域 --> <!-- 表单区域 -->
@@ -104,7 +120,8 @@
endTime: moment().format('YYYY-MM-DD'), endTime: moment().format('YYYY-MM-DD'),
}, },
ipagination:{ ipagination:{
pageSizeOptions: ['10', '20', '30', '100', '200'] pageSize: 11,
pageSizeOptions: ['11', '21', '31', '101', '201']
}, },
dateFormat: 'YYYY-MM-DD', dateFormat: 'YYYY-MM-DD',
currentDay: moment().format('YYYY-MM-DD'), currentDay: moment().format('YYYY-MM-DD'),
@@ -116,13 +133,9 @@
// 表头 // 表头
columns: [ columns: [
{ {
title: '#', title: '#', dataIndex: 'rowIndex', width:40, align:"center",
dataIndex: '',
key:'rowIndex',
width:40,
align:"center",
customRender:function (t,r,index) { customRender:function (t,r,index) {
return parseInt(index)+1; return (t !== '合计') ? (parseInt(index) + 1) : t
} }
}, },
{ {
@@ -150,7 +163,7 @@
let param = Object.assign({}, this.queryParam, this.isorter); let param = Object.assign({}, this.queryParam, this.isorter);
param.field = this.getQueryField(); param.field = this.getQueryField();
param.currentPage = this.ipagination.current; param.currentPage = this.ipagination.current;
param.pageSize = this.ipagination.pageSize; param.pageSize = this.ipagination.pageSize-1;
return param; return param;
}, },
initSupplier() { initSupplier() {
@@ -194,6 +207,7 @@
if (res.code===200) { if (res.code===200) {
this.dataSource = res.data.rows; this.dataSource = res.data.rows;
this.ipagination.total = res.data.total; this.ipagination.total = res.data.total;
this.tableAddTotalRow(this.columns, this.dataSource)
if(this.queryParam.organId) { if(this.queryParam.organId) {
this.firstTotal = '期初应付:' + res.data.firstMoney + "" this.firstTotal = '期初应付:' + res.data.firstMoney + ""
this.lastTotal = '期末应付:' + res.data.lastMoney this.lastTotal = '期末应付:' + res.data.lastMoney