更新

src/views/WorkshopProcurement/InvoiceSettlementApprove1/index.vue

@@ -110,7 +110,7 @@
       <h4 style="margin: 5px;display: inline-block;width: 150px;">到结算申请单明细</h4>
       <span>到票号：</span>
       <el-input v-model="invoiceNumber" size="small" placeholder="请选择到票结算申请单" readonly/>
-      <el-table :data="tableData2" border highlight-current-row style="width: 100%;max-height: 420px;" height="420px" size="mini">
+      <el-table :data="tableData2" border highlight-current-row style="width: 100%;max-height: 350px;" height="350px" size="mini">
         <el-table-column label="名称" align="center" min-width="100">
           <template slot-scope="scope">
             {{ scope.row.采购物料名称 || scope.row.离线物料名称 || scope.row.采购零件名称 }}
@@ -146,7 +146,13 @@
             {{ scope.row.到票数量 }}
           </template>
         </el-table-column>
+        <el-table-column label="到票金额" align="center" width="100">
+          <template slot-scope="scope">
+            {{ scope.row.到票金额.toFixed(2) }}
+          </template>
+        </el-table-column>
       </el-table>
+      <span style="margin-left: 1000px">到票总额：{{ totalMoney.toFixed(2) }}</span>
     </el-card>
   </div>
 </template>
@@ -160,6 +166,7 @@ export default {
   name: '', // 发票结算审批
   data() {
     return {
+      totalMoney: 0,
       date1: '',
       date2: '',
       tableData1: [],
@@ -316,7 +323,11 @@ export default {
     searchTable2(row) {
       this.invoiceNumber = row.发票号
       searchTable2(row.发票结算申请单流水号).then(response => {
+        this.totalMoney = 0
         this.tableData2 = response.data
+        for (let i = 0; i < response.data.length; i++) {
+          this.totalMoney += parseFloat(response.data[i].到票金额)
+        }
       })
     }
   }