|
@@ -1,6 +1,6 @@
|
|
<template>
|
|
<template>
|
|
<!-- 万州港装船作业报表 -->
|
|
<!-- 万州港装船作业报表 -->
|
|
- <div class="ShipWorkReport">
|
|
|
|
|
|
+ <div class="ShipWorkReport" style="width:100%;">
|
|
<div style="height:100%;width:100%">
|
|
<div style="height:100%;width:100%">
|
|
<div class="search" style="display:flex;margin: 10px;">
|
|
<div class="search" style="display:flex;margin: 10px;">
|
|
<el-input
|
|
<el-input
|
|
@@ -30,13 +30,16 @@
|
|
</div>
|
|
</div>
|
|
|
|
|
|
<!-- 装车出库详情 -->
|
|
<!-- 装车出库详情 -->
|
|
- <div ref="loadWagonData" style="height:500px;float:left;margin-left:5px">
|
|
|
|
|
|
+ <div ref="loadWagonData" style="width:100%;height:500px;float:left;margin-left:5px">
|
|
<div style="font-size:16px;color:red">港口装车数据:共{{count}}车</div>
|
|
<div style="font-size:16px;color:red">港口装车数据:共{{count}}车</div>
|
|
- <div class="loadTable" style="height:500px;overflow:scroll;">
|
|
|
|
|
|
+ <div class="loadTable" style="height:500px;width:100%;overflow:scroll;">
|
|
<el-table
|
|
<el-table
|
|
ref="loadTable"
|
|
ref="loadTable"
|
|
highlight-current-row
|
|
highlight-current-row
|
|
border
|
|
border
|
|
|
|
+ fit
|
|
|
|
+ show-summary
|
|
|
|
+ :summary-method="getSummaries"
|
|
:data="loadTable"
|
|
:data="loadTable"
|
|
:span-method="objectSpanMethod"
|
|
:span-method="objectSpanMethod"
|
|
:row-style="{height:'40px'}"
|
|
:row-style="{height:'40px'}"
|
|
@@ -44,20 +47,17 @@
|
|
<el-table-column
|
|
<el-table-column
|
|
align="center"
|
|
align="center"
|
|
prop="materialName"
|
|
prop="materialName"
|
|
- label="物资名"
|
|
|
|
- width="300px">
|
|
|
|
|
|
+ label="物资名">
|
|
</el-table-column>
|
|
</el-table-column>
|
|
<el-table-column
|
|
<el-table-column
|
|
align="center"
|
|
align="center"
|
|
prop="resultForeignShipName"
|
|
prop="resultForeignShipName"
|
|
- label="船号"
|
|
|
|
- width="150px">
|
|
|
|
|
|
+ label="船号">
|
|
</el-table-column>
|
|
</el-table-column>
|
|
<el-table-column
|
|
<el-table-column
|
|
align="center"
|
|
align="center"
|
|
prop="num"
|
|
prop="num"
|
|
- label="装车量"
|
|
|
|
- width="150px">
|
|
|
|
|
|
+ label="装车量">
|
|
</el-table-column>
|
|
</el-table-column>
|
|
</el-table>
|
|
</el-table>
|
|
</div >
|
|
</div >
|
|
@@ -71,6 +71,7 @@ import PageTitle from "@/components/Page/Title";
|
|
import { sjTime } from "@/utils/sharedJsFile";
|
|
import { sjTime } from "@/utils/sharedJsFile";
|
|
import {getCookie} from "@/utils/util.js";
|
|
import {getCookie} from "@/utils/util.js";
|
|
import FileSaver from "file-saver";
|
|
import FileSaver from "file-saver";
|
|
|
|
+import BigNumber from "bignumber.js";
|
|
export default {
|
|
export default {
|
|
components: { PageTitle },
|
|
components: { PageTitle },
|
|
data() {
|
|
data() {
|
|
@@ -178,6 +179,35 @@ export default {
|
|
}
|
|
}
|
|
return table_write;
|
|
return table_write;
|
|
},
|
|
},
|
|
|
|
+ getSummaries(param) {
|
|
|
|
+ console.log("param",param);
|
|
|
|
+ const { columns, data } = param;
|
|
|
|
+ const sums = [];
|
|
|
|
+ columns.forEach((column, index) => {
|
|
|
|
+ if (index === 0) {
|
|
|
|
+ sums[index] = '合计';
|
|
|
|
+ return;
|
|
|
|
+ }
|
|
|
|
+ if (index === 1 ) {
|
|
|
|
+ sums[index] = '';
|
|
|
|
+ return;
|
|
|
|
+ }
|
|
|
|
+ const values = data.map(item => Number(item[column.property]));
|
|
|
|
+ if (!values.every(value => isNaN(value))) {
|
|
|
|
+ sums[index] = values.reduce((prev, curr) => {
|
|
|
|
+ const value = Number(curr);
|
|
|
|
+ if (!isNaN(value)) {
|
|
|
|
+ return new BigNumber(prev).plus(curr).toNumber();
|
|
|
|
+ } else {
|
|
|
|
+ return prev;
|
|
|
|
+ }
|
|
|
|
+ }, 0);
|
|
|
|
+ } else {
|
|
|
|
+ sums[index] = '';
|
|
|
|
+ }
|
|
|
|
+ });
|
|
|
|
+ return sums;
|
|
|
|
+ },
|
|
},
|
|
},
|
|
};
|
|
};
|
|
</script>
|
|
</script>
|