合同内容

src/views/PurchasingCenter/FundApproval3/index.vue

@@ -26,7 +26,7 @@
         <el-table-column label="审核" align="center" width="320">
           <template slot-scope="scope">
             <el-popover placement="right" width="400" trigger="click">
-              <el-table :data="gridData1" stripe size="mini" show-summary>
+              <el-table :data="gridData1" stripe size="mini" show-summary highlight-current-row @row-click="searchContactDetail">
                 <el-table-column width="50" align="center" type="index" label="序号"/>
                 <el-table-column min-width="150" align="center" label="采购合同编号">
                   <template slot-scope="scope">
@@ -85,7 +85,7 @@
         <el-table-column label="付款" align="center" width="320">
           <template slot-scope="scope">
             <el-popover placement="right" width="400" trigger="click">
-              <el-table :data="gridData2" stripe size="mini" show-summary>
+              <el-table :data="gridData2" stripe size="mini" show-summary highlight-current-row @row-click="searchOfflineContactDetail">
                 <el-table-column width="50" align="center" type="index" label="序号"/>
                 <el-table-column min-width="150" align="center" label="离线合同编号">
                   <template slot-scope="scope">
@@ -121,13 +121,15 @@
 </template>
 
 <script>
-import { initApproval, execApproval, initApprovalOffline, searchRequsetFundDetail1, searchRequsetFundDetail2, execApprovalOffline } from '@/api/PurchasingCenter/FundApproval'
+import { initApproval, execApproval, initApprovalOffline, searchRequsetFundDetail1, searchRequsetFundDetail2, execApprovalOffline, searchContactDetail, searchMateriel } from '@/api/PurchasingCenter/FundApproval'
 import { mapGetters } from 'vuex'
 
 export default {
   name: '', // 出纳付款
   data() {
     return {
+      contractDetail1: '',
+      contractDetail2: [],
       tableData1: [],
       pageSize1: 10,
       pageCurrent1: 1,
@@ -152,6 +154,41 @@ export default {
     this.fetchData()
   },
   methods: {
+    searchContactDetail(row) {
+      searchContactDetail(row.采购合同流水号).then(response => {
+        this.contractDetail1 = response.data[0].合同内容
+      })
+    },
+    searchOfflineContactDetail(row) { // 查询离线合同明细
+      searchMateriel(row.离线合同流水号).then(response => {
+        this.contractDetail2 = response.data
+      })
+    },
+    getSummaries(param) { // 合计
+      const { columns, data } = param
+      const sums = []
+      columns.forEach((column, index) => {
+        if (index === 0) {
+          sums[index] = '总价'
+        } else if (index === 7) {
+          const values = data.map(item => Number(parseFloat(item['单价']) * parseInt(item['数量'])))
+          if (!values.every(value => isNaN(value))) {
+            sums[index] = values.reduce((prev, curr) => {
+              const value = Number(curr)
+              if (!isNaN(value)) {
+                return prev + curr
+              } else {
+                return prev
+              }
+            }, 0)
+            sums[index] += ' 元'
+          } else {
+            sums[index] = 'N/A'
+          }
+        }
+      })
+      return sums
+    },
     fetchData() {
       this.searchTable1()
       this.searchTable2()