diff --git a/src/api/PurchasingCenter/FundApproval.js b/src/api/PurchasingCenter/FundApproval.js
index 4fe0d204..5a696614 100644
--- a/src/api/PurchasingCenter/FundApproval.js
+++ b/src/api/PurchasingCenter/FundApproval.js
@@ -74,3 +74,27 @@ export function execApprovalOffline(num1, num2, reason, person, state) {
     }
   })
 }
+// 采购合同内容查询
+export function searchContactDetail(num) {
+  return request({
+    url: '',
+    method: 'post',
+    data: {
+      type: '1',
+      name: '采购管理_采购合同内容_查询数据',
+      param: '采购合同流水号=' + num
+    }
+  })
+}
+// 查询离线合同明细
+export function searchMateriel(num) {
+  return request({
+    url: '',
+    method: 'post',
+    data: {
+      type: '1',
+      name: '采购管理_离线合同明细_查询数据',
+      param: `离线合同流水号=${num}`
+    }
+  })
+}
diff --git a/src/views/PurchasingCenter/FundApproval1/index.vue b/src/views/PurchasingCenter/FundApproval1/index.vue
index 1670e86c..e7d1fc3e 100644
--- a/src/views/PurchasingCenter/FundApproval1/index.vue
+++ b/src/views/PurchasingCenter/FundApproval1/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" highlight-current-row show-summary @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()
diff --git a/src/views/PurchasingCenter/FundApproval2/index.vue b/src/views/PurchasingCenter/FundApproval2/index.vue
index b49d17be..060db5c8 100644
--- a/src/views/PurchasingCenter/FundApproval2/index.vue
+++ b/src/views/PurchasingCenter/FundApproval2/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" highlight-current-row show-summary @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" highlight-current-row show-summary @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">
@@ -117,17 +117,69 @@
           @current-change="handleCurrentChange2"/>
       </div>
     </el-card>
+    <h3 style="margin-top: 0">采购合同</h3>
+    <div id="print" class="print" style="min-height:500px;margin: 0px auto;width:800px;border:1px solid black" v-html="contractDetail1"/>
+    <h3 style="">离线合同</h3>
+    <el-table v-loading="" :data="contractDetail2" :summary-method="getSummaries" border style="margin-top:10px;max-height: 500px;" height="500px" size="mini" show-summary>
+      <el-table-column label="离线合同编号" align="center" min-width="150">
+        <template slot-scope="scope">
+          {{ scope.row.离线合同编号 }}
+        </template>
+      </el-table-column>
+      <el-table-column label="物料名称" align="center" min-width="150">
+        <template slot-scope="scope">
+          {{ scope.row.物料名称 }}
+        </template>
+      </el-table-column>
+      <el-table-column label="物料规格" align="center" min-width="100">
+        <template slot-scope="scope">
+          {{ scope.row.物料规格 }}
+        </template>
+      </el-table-column>
+      <el-table-column label="物料型号" align="center" min-width="200">
+        <template slot-scope="scope">
+          {{ scope.row.物料型号 }}
+        </template>
+      </el-table-column>
+      <el-table-column label="数量" align="center" min-width="80">
+        <template slot-scope="scope">
+          {{ scope.row.数量 }}
+        </template>
+      </el-table-column>
+      <el-table-column label="单价" align="center" min-width="80" prop="单价">
+        <template slot-scope="scope">
+          {{ scope.row.单价 }}
+        </template>
+      </el-table-column>
+      <el-table-column label="合计" align="center" min-width="80" prop="合计">
+        <template slot-scope="scope">
+          {{ parseFloat(scope.row.单价||0) * parseInt(scope.row.数量||0) }}
+        </template>
+      </el-table-column>
+      <el-table-column label="交货期要求" align="center" min-width="100" prop="交货期要求">
+        <template slot-scope="scope">
+          {{ scope.row.交货期要求 }}
+        </template>
+      </el-table-column>
+      <el-table-column label="备注" align="center" min-width="80" prop="备注">
+        <template slot-scope="scope">
+          {{ scope.row.备注 }}
+        </template>
+      </el-table-column>
+    </el-table>
   </div>
 </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 +204,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()
diff --git a/src/views/PurchasingCenter/FundApproval3/index.vue b/src/views/PurchasingCenter/FundApproval3/index.vue
index 73af746c..d3e6d611 100644
--- a/src/views/PurchasingCenter/FundApproval3/index.vue
+++ b/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()