|
@@ -2,18 +2,36 @@
|
|
<template>
|
|
<template>
|
|
<div id="detailsStatement">
|
|
<div id="detailsStatement">
|
|
<div class="top">
|
|
<div class="top">
|
|
- <el-form inline="true">
|
|
|
|
|
|
+ <el-form :inline="true">
|
|
<el-form-item>
|
|
<el-form-item>
|
|
<el-input v-model="shipName" placeholder="请输入船名"></el-input>
|
|
<el-input v-model="shipName" placeholder="请输入船名"></el-input>
|
|
</el-form-item>
|
|
</el-form-item>
|
|
<el-form-item>
|
|
<el-form-item>
|
|
<span class="demonstration">结算日期</span>
|
|
<span class="demonstration">结算日期</span>
|
|
- <el-date-picker v-model="value1" type="date" placeholder="选择日期">
|
|
|
|
|
|
+ <el-date-picker
|
|
|
|
+ v-model="startTime"
|
|
|
|
+ type="date"
|
|
|
|
+ placeholder="选择日期"
|
|
|
|
+ style="width:200px"
|
|
|
|
+ >
|
|
|
|
+ </el-date-picker>
|
|
|
|
+ <span>至</span>
|
|
|
|
+ <el-date-picker
|
|
|
|
+ v-model="endTime"
|
|
|
|
+ type="date"
|
|
|
|
+ placeholder="选择日期"
|
|
|
|
+ style="width:200px"
|
|
|
|
+ >
|
|
</el-date-picker>
|
|
</el-date-picker>
|
|
</el-form-item>
|
|
</el-form-item>
|
|
<el-form-item>
|
|
<el-form-item>
|
|
<el-button @click="onClick">查询</el-button>
|
|
<el-button @click="onClick">查询</el-button>
|
|
</el-form-item>
|
|
</el-form-item>
|
|
|
|
+ <el-form-item>
|
|
|
|
+ <el-button type="primary" @click="exportAllReportToExcel"
|
|
|
|
+ ><i class="el-icon-download"></i>Excel</el-button
|
|
|
|
+ >
|
|
|
|
+ </el-form-item>
|
|
<el-form-item>
|
|
<el-form-item>
|
|
<span class="totalWillTonage">合计已预开票吨位</span>
|
|
<span class="totalWillTonage">合计已预开票吨位</span>
|
|
<el-input
|
|
<el-input
|
|
@@ -57,12 +75,11 @@
|
|
border
|
|
border
|
|
stripe
|
|
stripe
|
|
style="width: 100%; margin-top: 20px"
|
|
style="width: 100%; margin-top: 20px"
|
|
- max-height="800px"
|
|
|
|
|
|
+ max-height="600px"
|
|
:row-style="{ height: '30px' }"
|
|
:row-style="{ height: '30px' }"
|
|
:cell-style="{ fontWeight: '700' }"
|
|
:cell-style="{ fontWeight: '700' }"
|
|
- :summary-method="getSummaries"
|
|
|
|
- show-summary
|
|
|
|
class="table"
|
|
class="table"
|
|
|
|
+ :span-method="objectSpanMethod"
|
|
>
|
|
>
|
|
<el-table-column
|
|
<el-table-column
|
|
prop="index"
|
|
prop="index"
|
|
@@ -74,122 +91,138 @@
|
|
<template slot-scope="scope">{{ scope.row.group + 1 }}</template>
|
|
<template slot-scope="scope">{{ scope.row.group + 1 }}</template>
|
|
</el-table-column>
|
|
</el-table-column>
|
|
<el-table-column
|
|
<el-table-column
|
|
- prop="materialTypeName"
|
|
|
|
|
|
+ prop="materialName"
|
|
label="品种"
|
|
label="品种"
|
|
- width="200px"
|
|
|
|
|
|
+ width="150px"
|
|
align="center"
|
|
align="center"
|
|
>
|
|
>
|
|
</el-table-column>
|
|
</el-table-column>
|
|
<el-table-column
|
|
<el-table-column
|
|
- prop="shipName"
|
|
|
|
|
|
+ prop="resultForeignShipName"
|
|
label="船名"
|
|
label="船名"
|
|
- width="200px"
|
|
|
|
|
|
+ width="150px"
|
|
align="center"
|
|
align="center"
|
|
>
|
|
>
|
|
</el-table-column>
|
|
</el-table-column>
|
|
<el-table-column
|
|
<el-table-column
|
|
prop="portName"
|
|
prop="portName"
|
|
label="放货港口"
|
|
label="放货港口"
|
|
- width="200px"
|
|
|
|
|
|
+ width="150px"
|
|
align="center"
|
|
align="center"
|
|
>
|
|
>
|
|
</el-table-column>
|
|
</el-table-column>
|
|
<el-table-column
|
|
<el-table-column
|
|
prop="carrierName"
|
|
prop="carrierName"
|
|
label="承运单位"
|
|
label="承运单位"
|
|
- width="200px"
|
|
|
|
|
|
+ width="100px"
|
|
align="center"
|
|
align="center"
|
|
>
|
|
>
|
|
</el-table-column>
|
|
</el-table-column>
|
|
<el-table-column
|
|
<el-table-column
|
|
- prop="leavePortDate"
|
|
|
|
|
|
+ prop="resultOutPortTime"
|
|
label="离港日期"
|
|
label="离港日期"
|
|
width="200px"
|
|
width="200px"
|
|
align="center"
|
|
align="center"
|
|
>
|
|
>
|
|
</el-table-column>
|
|
</el-table-column>
|
|
<el-table-column
|
|
<el-table-column
|
|
- prop="loadShipTon"
|
|
|
|
|
|
+ prop="loadTonnage"
|
|
label="装船吨位"
|
|
label="装船吨位"
|
|
- width="200px"
|
|
|
|
|
|
+ width="100px"
|
|
align="center"
|
|
align="center"
|
|
>
|
|
>
|
|
</el-table-column>
|
|
</el-table-column>
|
|
<el-table-column
|
|
<el-table-column
|
|
- prop="loadShipPer"
|
|
|
|
|
|
+ prop="loadingProportion"
|
|
label="装船比例"
|
|
label="装船比例"
|
|
- width="200px"
|
|
|
|
|
|
+ width="100px"
|
|
align="center"
|
|
align="center"
|
|
>
|
|
>
|
|
</el-table-column>
|
|
</el-table-column>
|
|
<el-table-column
|
|
<el-table-column
|
|
- prop="billTon"
|
|
|
|
|
|
+ prop="realTonnage"
|
|
label="结算吨位"
|
|
label="结算吨位"
|
|
- width="200px"
|
|
|
|
|
|
+ width="100px"
|
|
align="center"
|
|
align="center"
|
|
>
|
|
>
|
|
</el-table-column>
|
|
</el-table-column>
|
|
<el-table-column
|
|
<el-table-column
|
|
- prop="enFatoryTon"
|
|
|
|
|
|
+ prop="totalEnTonnage"
|
|
label="到厂湿吨"
|
|
label="到厂湿吨"
|
|
- width="200px"
|
|
|
|
|
|
+ width="100px"
|
|
align="center"
|
|
align="center"
|
|
>
|
|
>
|
|
<template slot-scope="scope">
|
|
<template slot-scope="scope">
|
|
- <el-input v-model="scope.row.enFatoryTon"></el-input>
|
|
|
|
|
|
+ <el-input v-model="scope.row.totalEnTonnage"></el-input>
|
|
</template>
|
|
</template>
|
|
</el-table-column>
|
|
</el-table-column>
|
|
<el-table-column
|
|
<el-table-column
|
|
- prop="contractPrice"
|
|
|
|
|
|
+ prop="unitPrice"
|
|
label="合同单价"
|
|
label="合同单价"
|
|
- width="200px"
|
|
|
|
|
|
+ width="100px"
|
|
align="center"
|
|
align="center"
|
|
>
|
|
>
|
|
</el-table-column>
|
|
</el-table-column>
|
|
<el-table-column
|
|
<el-table-column
|
|
- prop="statementAmount"
|
|
|
|
|
|
+ prop="fee"
|
|
label="金额(元)"
|
|
label="金额(元)"
|
|
- width="200px"
|
|
|
|
|
|
+ width="100px"
|
|
align="center"
|
|
align="center"
|
|
>
|
|
>
|
|
</el-table-column>
|
|
</el-table-column>
|
|
<el-table-column
|
|
<el-table-column
|
|
- prop="willTonanged"
|
|
|
|
|
|
+ prop="previewTonnage"
|
|
label="已预开票吨位"
|
|
label="已预开票吨位"
|
|
- width="200px"
|
|
|
|
|
|
+ width="100px"
|
|
align="center"
|
|
align="center"
|
|
>
|
|
>
|
|
<template slot-scope="scope">
|
|
<template slot-scope="scope">
|
|
- <el-input v-model="scope.row.willTonanged"></el-input>
|
|
|
|
|
|
+ <el-input v-model="scope.row.previewTonnage"></el-input>
|
|
</template>
|
|
</template>
|
|
</el-table-column>
|
|
</el-table-column>
|
|
<el-table-column
|
|
<el-table-column
|
|
- prop="willMoneyed"
|
|
|
|
|
|
+ prop="previewFee"
|
|
label="已预开票金额"
|
|
label="已预开票金额"
|
|
- width="200px"
|
|
|
|
|
|
+ width="100px"
|
|
align="center"
|
|
align="center"
|
|
>
|
|
>
|
|
</el-table-column>
|
|
</el-table-column>
|
|
<el-table-column
|
|
<el-table-column
|
|
- prop="actuallyMoney"
|
|
|
|
|
|
+ prop="makeTonnage"
|
|
label="本次实际开票吨位"
|
|
label="本次实际开票吨位"
|
|
- width="200px"
|
|
|
|
|
|
+ width="100px"
|
|
align="center"
|
|
align="center"
|
|
>
|
|
>
|
|
</el-table-column>
|
|
</el-table-column>
|
|
<el-table-column
|
|
<el-table-column
|
|
prop="actuallyMoney"
|
|
prop="actuallyMoney"
|
|
- label="本次实际开票吨位"
|
|
|
|
- width="200px"
|
|
|
|
|
|
+ label="本次实际开票金额"
|
|
|
|
+ width="100px"
|
|
align="center"
|
|
align="center"
|
|
>
|
|
>
|
|
</el-table-column>
|
|
</el-table-column>
|
|
<el-table-column
|
|
<el-table-column
|
|
- prop="actuallyMonthMoney"
|
|
|
|
|
|
+ prop="feeMake"
|
|
label="本月实际开票金额"
|
|
label="本月实际开票金额"
|
|
- width="200px"
|
|
|
|
|
|
+ width="100px"
|
|
|
|
+ align="center"
|
|
|
|
+ >
|
|
|
|
+ </el-table-column>
|
|
|
|
+ <el-table-column
|
|
|
|
+ prop="operate"
|
|
|
|
+ label="操作"
|
|
|
|
+ width="100px"
|
|
align="center"
|
|
align="center"
|
|
|
|
+ fixed="right"
|
|
>
|
|
>
|
|
|
|
+ <template slot-scope="scope">
|
|
|
|
+ <el-button type="text" @click="operate(scope.row)"
|
|
|
|
+ >保存</el-button
|
|
|
|
+ >
|
|
|
|
+ <el-button type="text" @click="settlement(scope.row)"
|
|
|
|
+ >结算</el-button
|
|
|
|
+ >
|
|
|
|
+ </template>
|
|
</el-table-column>
|
|
</el-table-column>
|
|
</el-table>
|
|
</el-table>
|
|
</el-tab-pane>
|
|
</el-tab-pane>
|
|
@@ -199,13 +232,11 @@
|
|
ref="tableRef1"
|
|
ref="tableRef1"
|
|
border
|
|
border
|
|
stripe
|
|
stripe
|
|
- style="width: 100%; margin-top: 20px"
|
|
|
|
- max-height="800px"
|
|
|
|
|
|
+ max-height="600px"
|
|
:row-style="{ height: '30px' }"
|
|
:row-style="{ height: '30px' }"
|
|
:cell-style="{ fontWeight: '700' }"
|
|
:cell-style="{ fontWeight: '700' }"
|
|
- :summary-method="getSummaries"
|
|
|
|
- show-summary
|
|
|
|
class="table"
|
|
class="table"
|
|
|
|
+ :span-method="objectSpanMethod1"
|
|
>
|
|
>
|
|
<el-table-column
|
|
<el-table-column
|
|
prop="index"
|
|
prop="index"
|
|
@@ -217,89 +248,89 @@
|
|
<template slot-scope="scope">{{ scope.row.group + 1 }}</template>
|
|
<template slot-scope="scope">{{ scope.row.group + 1 }}</template>
|
|
</el-table-column>
|
|
</el-table-column>
|
|
<el-table-column
|
|
<el-table-column
|
|
- prop="materialTypeName"
|
|
|
|
|
|
+ prop="materialName"
|
|
label="品种"
|
|
label="品种"
|
|
- width="200px"
|
|
|
|
|
|
+ width="150px"
|
|
align="center"
|
|
align="center"
|
|
>
|
|
>
|
|
</el-table-column>
|
|
</el-table-column>
|
|
<el-table-column
|
|
<el-table-column
|
|
- prop="shipName"
|
|
|
|
|
|
+ prop="resultForeignShipName"
|
|
label="船名"
|
|
label="船名"
|
|
- width="200px"
|
|
|
|
|
|
+ width="150px"
|
|
align="center"
|
|
align="center"
|
|
>
|
|
>
|
|
</el-table-column>
|
|
</el-table-column>
|
|
<el-table-column
|
|
<el-table-column
|
|
prop="portName"
|
|
prop="portName"
|
|
label="放货港口"
|
|
label="放货港口"
|
|
- width="200px"
|
|
|
|
|
|
+ width="150px"
|
|
align="center"
|
|
align="center"
|
|
>
|
|
>
|
|
</el-table-column>
|
|
</el-table-column>
|
|
<el-table-column
|
|
<el-table-column
|
|
prop="carrierName"
|
|
prop="carrierName"
|
|
label="承运单位"
|
|
label="承运单位"
|
|
- width="200px"
|
|
|
|
|
|
+ width="100px"
|
|
align="center"
|
|
align="center"
|
|
>
|
|
>
|
|
</el-table-column>
|
|
</el-table-column>
|
|
<el-table-column
|
|
<el-table-column
|
|
- prop="leavePortDate"
|
|
|
|
|
|
+ prop="resultOutPortTime"
|
|
label="离港日期"
|
|
label="离港日期"
|
|
width="200px"
|
|
width="200px"
|
|
align="center"
|
|
align="center"
|
|
>
|
|
>
|
|
</el-table-column>
|
|
</el-table-column>
|
|
<el-table-column
|
|
<el-table-column
|
|
- prop="loadShipTon"
|
|
|
|
|
|
+ prop="loadTonnage"
|
|
label="装船吨位"
|
|
label="装船吨位"
|
|
- width="200px"
|
|
|
|
|
|
+ width="100px"
|
|
align="center"
|
|
align="center"
|
|
>
|
|
>
|
|
</el-table-column>
|
|
</el-table-column>
|
|
<el-table-column
|
|
<el-table-column
|
|
- prop="loadShipPer"
|
|
|
|
|
|
+ prop="loadingProportion"
|
|
label="装船比例"
|
|
label="装船比例"
|
|
- width="200px"
|
|
|
|
|
|
+ width="100px"
|
|
align="center"
|
|
align="center"
|
|
>
|
|
>
|
|
</el-table-column>
|
|
</el-table-column>
|
|
<el-table-column
|
|
<el-table-column
|
|
- prop="billTon"
|
|
|
|
|
|
+ prop="realTonnage"
|
|
label="结算吨位"
|
|
label="结算吨位"
|
|
- width="200px"
|
|
|
|
|
|
+ width="100px"
|
|
align="center"
|
|
align="center"
|
|
>
|
|
>
|
|
</el-table-column>
|
|
</el-table-column>
|
|
<el-table-column
|
|
<el-table-column
|
|
- prop="enFatoryTon"
|
|
|
|
|
|
+ prop="totalEnTonnage"
|
|
label="到厂湿吨"
|
|
label="到厂湿吨"
|
|
- width="200px"
|
|
|
|
|
|
+ width="100px"
|
|
align="center"
|
|
align="center"
|
|
>
|
|
>
|
|
<template slot-scope="scope">
|
|
<template slot-scope="scope">
|
|
- <el-input v-model="scope.row.enFatoryTon"></el-input>
|
|
|
|
|
|
+ <el-input v-model="scope.row.totalEnTonnage"></el-input>
|
|
</template>
|
|
</template>
|
|
</el-table-column>
|
|
</el-table-column>
|
|
<el-table-column
|
|
<el-table-column
|
|
- prop="contractPrice"
|
|
|
|
|
|
+ prop="unitPrice"
|
|
label="合同单价"
|
|
label="合同单价"
|
|
- width="200px"
|
|
|
|
|
|
+ width="100px"
|
|
align="center"
|
|
align="center"
|
|
>
|
|
>
|
|
</el-table-column>
|
|
</el-table-column>
|
|
<el-table-column
|
|
<el-table-column
|
|
- prop="statementAmount"
|
|
|
|
|
|
+ prop="fee"
|
|
label="金额(元)"
|
|
label="金额(元)"
|
|
- width="200px"
|
|
|
|
|
|
+ width="100px"
|
|
align="center"
|
|
align="center"
|
|
>
|
|
>
|
|
</el-table-column>
|
|
</el-table-column>
|
|
<el-table-column
|
|
<el-table-column
|
|
- prop="willTonanged"
|
|
|
|
|
|
+ prop="previewTonnage"
|
|
label="已预开票吨位"
|
|
label="已预开票吨位"
|
|
- width="200px"
|
|
|
|
|
|
+ width="100px"
|
|
align="center"
|
|
align="center"
|
|
>
|
|
>
|
|
<template slot-scope="scope">
|
|
<template slot-scope="scope">
|
|
@@ -307,30 +338,30 @@
|
|
</template>
|
|
</template>
|
|
</el-table-column>
|
|
</el-table-column>
|
|
<el-table-column
|
|
<el-table-column
|
|
- prop="willMoneyed"
|
|
|
|
|
|
+ prop="previewFee"
|
|
label="已预开票金额"
|
|
label="已预开票金额"
|
|
- width="200px"
|
|
|
|
|
|
+ width="100px"
|
|
align="center"
|
|
align="center"
|
|
>
|
|
>
|
|
</el-table-column>
|
|
</el-table-column>
|
|
<el-table-column
|
|
<el-table-column
|
|
- prop="actuallyMoney"
|
|
|
|
|
|
+ prop="makeTonnage"
|
|
label="本次实际开票吨位"
|
|
label="本次实际开票吨位"
|
|
- width="200px"
|
|
|
|
|
|
+ width="100px"
|
|
align="center"
|
|
align="center"
|
|
>
|
|
>
|
|
</el-table-column>
|
|
</el-table-column>
|
|
<el-table-column
|
|
<el-table-column
|
|
prop="actuallyMoney"
|
|
prop="actuallyMoney"
|
|
- label="本次实际开票吨位"
|
|
|
|
- width="200px"
|
|
|
|
|
|
+ label="本次实际开票金额"
|
|
|
|
+ width="100px"
|
|
align="center"
|
|
align="center"
|
|
>
|
|
>
|
|
</el-table-column>
|
|
</el-table-column>
|
|
<el-table-column
|
|
<el-table-column
|
|
- prop="actuallyMonthMoney"
|
|
|
|
|
|
+ prop="feeMake"
|
|
label="本月实际开票金额"
|
|
label="本月实际开票金额"
|
|
- width="200px"
|
|
|
|
|
|
+ width="100px"
|
|
align="center"
|
|
align="center"
|
|
>
|
|
>
|
|
</el-table-column>
|
|
</el-table-column>
|
|
@@ -341,6 +372,7 @@
|
|
</div>
|
|
</div>
|
|
</template>
|
|
</template>
|
|
<script>
|
|
<script>
|
|
|
|
+import { getCookie } from "@/utils/util.js";
|
|
export default {
|
|
export default {
|
|
data() {
|
|
data() {
|
|
return {
|
|
return {
|
|
@@ -349,21 +381,98 @@ export default {
|
|
totalActuallyTonageedMoney: 0,
|
|
totalActuallyTonageedMoney: 0,
|
|
totalActuallyTonageedValue: 0,
|
|
totalActuallyTonageedValue: 0,
|
|
shipName: null,
|
|
shipName: null,
|
|
- tableData: null,
|
|
|
|
|
|
+ tableData: [],
|
|
|
|
+ tableData1: [],
|
|
spanArr: [],
|
|
spanArr: [],
|
|
|
|
+ spanArr1: [],
|
|
|
|
+ pos: null,
|
|
mergeList: [
|
|
mergeList: [
|
|
"index",
|
|
"index",
|
|
"carrierName",
|
|
"carrierName",
|
|
"portName",
|
|
"portName",
|
|
- "shipName",
|
|
|
|
- "materialTypeName",
|
|
|
|
- "enFatoryTon"
|
|
|
|
|
|
+ "resultForeignShipName",
|
|
|
|
+ "materialName",
|
|
|
|
+ "totalEnTonnage",
|
|
|
|
+ "operate"
|
|
],
|
|
],
|
|
activeName: "first",
|
|
activeName: "first",
|
|
- tableTitle: "结算账单报表"
|
|
|
|
|
|
+ tableTitle: "结算账单报表",
|
|
|
|
+ startTime: null,
|
|
|
|
+ endTime: null
|
|
};
|
|
};
|
|
},
|
|
},
|
|
|
|
+ watch: {
|
|
|
|
+ tableData: {
|
|
|
|
+ handler(newVal) {
|
|
|
|
+ console.log("执行一次汇总函数");
|
|
|
|
+ this.computedTableData(newVal);
|
|
|
|
+ },
|
|
|
|
+ deep: true,
|
|
|
|
+ immediate: false
|
|
|
|
+ },
|
|
|
|
+ tableData1: {
|
|
|
|
+ handler(newVal) {
|
|
|
|
+ console.log("执行一次汇总函数");
|
|
|
|
+ this.computedTableData(newVal);
|
|
|
|
+ },
|
|
|
|
+ deep: true,
|
|
|
|
+ immediate: false
|
|
|
|
+ }
|
|
|
|
+ },
|
|
methods: {
|
|
methods: {
|
|
|
|
+ //结算
|
|
|
|
+ settlement(row) {},
|
|
|
|
+ //保存
|
|
|
|
+ operate(row) {
|
|
|
|
+ console.log(row);
|
|
|
|
+ //遍历tableData,找出相同批次的行数
|
|
|
|
+ let arr = this.tableData.filter(e => {
|
|
|
|
+ return e.batchId == row.batchId;
|
|
|
|
+ });
|
|
|
|
+ let stateMentTotalAmount = this.tableData.reduce((pre, item) => {
|
|
|
|
+ return pre + item.fee;
|
|
|
|
+ }, 0);
|
|
|
|
+ let map = {
|
|
|
|
+ list: arr,
|
|
|
|
+ statementType: 3,
|
|
|
|
+ totalEnTonnage: row.totalEnTonnage,
|
|
|
|
+ stateMentTotalAmount: stateMentTotalAmount,
|
|
|
|
+ userID: getCookie("userId")
|
|
|
|
+ };
|
|
|
|
+ this.axios
|
|
|
|
+ .post("/api/v1/bms/addShipFeeStatement", map)
|
|
|
|
+ .then(res => {
|
|
|
|
+ if (res.data.code == "200") {
|
|
|
|
+ this.getNoDetailsStament();
|
|
|
|
+ this.$message.success("保存成功");
|
|
|
|
+ }
|
|
|
|
+ })
|
|
|
|
+ .catch(() => {
|
|
|
|
+ this.$message.error("保存失败");
|
|
|
|
+ });
|
|
|
|
+ },
|
|
|
|
+ //处理表格数据
|
|
|
|
+ computedTableData(data) {
|
|
|
|
+ data.forEach((item, index) => {
|
|
|
|
+ if (index == 0) {
|
|
|
|
+ } else if (item.batchId == data[index - 1].batchId) {
|
|
|
|
+ item.totalEnTonnage = data[index - 1].totalEnTonnage;
|
|
|
|
+ }
|
|
|
|
+ //预开金额
|
|
|
|
+ item.previewFee = (item.unitPrice * item.previewTonnage).toFixed(2);
|
|
|
|
+ //金额
|
|
|
|
+ item.fee = (item.realTonnage * item.unitPrice).toFixed(2);
|
|
|
|
+ //结算吨位
|
|
|
|
+ item.realTonnage = (
|
|
|
|
+ item.totalEnTonnage * item.loadingProportion
|
|
|
|
+ ).toFixed(2);
|
|
|
|
+ //开票吨位
|
|
|
|
+ item.makeTonnage = (item.realTonnage - item.previewTonnage).toFixed(2);
|
|
|
|
+ //实际开票金额
|
|
|
|
+ item.actuallyMoney = (item.makeTonnage * item.unitPrice).toFixed(2);
|
|
|
|
+ });
|
|
|
|
+ this.getSpanArr(this.tableData);
|
|
|
|
+ },
|
|
//根据表格据汇总顶部展示
|
|
//根据表格据汇总顶部展示
|
|
getTotalArr(data) {
|
|
getTotalArr(data) {
|
|
this.totalWillTonageedValue = data.reduce((pre, item) => {
|
|
this.totalWillTonageedValue = data.reduce((pre, item) => {
|
|
@@ -379,9 +488,18 @@ export default {
|
|
return pre + item.actuallyMonthMoney;
|
|
return pre + item.actuallyMonthMoney;
|
|
});
|
|
});
|
|
},
|
|
},
|
|
|
|
+ handleClick() {
|
|
|
|
+ console.log("我正在进行账单");
|
|
|
|
+ },
|
|
onClick() {},
|
|
onClick() {},
|
|
//获取未结算账单数据
|
|
//获取未结算账单数据
|
|
- getNoDetailsStament() {},
|
|
|
|
|
|
+ getNoDetailsStament() {
|
|
|
|
+ this.axios.post("/api/v1/bms/getShipFeeStatement").then(res => {
|
|
|
|
+ console.log(res.data.data);
|
|
|
|
+ this.tableData = res.data.data;
|
|
|
|
+ this.computedTableData(this.tableData);
|
|
|
|
+ });
|
|
|
|
+ },
|
|
getDetailsStamented() {},
|
|
getDetailsStamented() {},
|
|
//合并表格数据
|
|
//合并表格数据
|
|
getSpanArr(data) {
|
|
getSpanArr(data) {
|
|
@@ -394,7 +512,7 @@ export default {
|
|
this.pos = 0;
|
|
this.pos = 0;
|
|
} else {
|
|
} else {
|
|
// 判断当前元素与上一个元素是否相同
|
|
// 判断当前元素与上一个元素是否相同
|
|
- if (data[i].saleOrderId === data[i - 1].saleOrderId) {
|
|
|
|
|
|
+ if (data[i].batchId === data[i - 1].batchId) {
|
|
this.spanArr[this.pos] += 1;
|
|
this.spanArr[this.pos] += 1;
|
|
data[i].group = data[i - 1].group;
|
|
data[i].group = data[i - 1].group;
|
|
this.spanArr.push(0);
|
|
this.spanArr.push(0);
|
|
@@ -416,6 +534,16 @@ export default {
|
|
};
|
|
};
|
|
}
|
|
}
|
|
},
|
|
},
|
|
|
|
+ objectSpanMethod1({ row, column, rowIndex, columnIndex }) {
|
|
|
|
+ if (this.mergeList.includes(column.property)) {
|
|
|
|
+ const _row = this.spanArr[rowIndex];
|
|
|
|
+ const _col = _row > 0 ? 1 : 0;
|
|
|
|
+ return {
|
|
|
|
+ rowspan: _row,
|
|
|
|
+ colspan: _col
|
|
|
|
+ };
|
|
|
|
+ }
|
|
|
|
+ },
|
|
//导出账单数据
|
|
//导出账单数据
|
|
exportAllReportToExcel() {
|
|
exportAllReportToExcel() {
|
|
console.log(this.$refs.tableRef);
|
|
console.log(this.$refs.tableRef);
|
|
@@ -467,5 +595,14 @@ export default {
|
|
margin-left: 10px;
|
|
margin-left: 10px;
|
|
margin-top: 30px;
|
|
margin-top: 30px;
|
|
}
|
|
}
|
|
|
|
+ .main {
|
|
|
|
+ margin-left: 10px;
|
|
|
|
+ margin-top: 30px;
|
|
|
|
+ ::-webkit-scrollbar {
|
|
|
|
+ // width: 20px;
|
|
|
|
+ height: 20px;
|
|
|
|
+ background-color: transparent;
|
|
|
|
+ }
|
|
|
|
+ }
|
|
}
|
|
}
|
|
</style>
|
|
</style>
|