零件工艺制定

src/views/Outsourcing/OutsourcingPaymentPlanManagement/index.vue

@@ -56,7 +56,7 @@
     </el-card>
 
     <el-card>
-      <el-table v-loading="loading" :data="tableData" height="580" style="width: 100%;" border element-loading-text="拼命加载中" @row-click="getParts">
+      <el-table v-loading="loading" :data="tableData" height="580" style="width: 100%;" border highlight-current-row element-loading-text="拼命加载中" @row-click="getParts">
         <el-table-column
           label=" "
           type="index"
@@ -207,12 +207,7 @@
     </el-card>
 
     <el-card>
-      <el-table v-loading="loading2" :data="tableData2" height="370" style="width: 100%;" border element-loading-text="拼命加载中">
-        <el-table-column
-          label=" "
-          type="index"
-          align="center"
-          width="50"/>
+      <el-table v-loading="loading2" :data="tableData2" :summary-method="getSummaries" height="370" show-summary style="width: 100%;" border element-loading-text="拼命加载中">
         <el-table-column label="发票号" align="center" width="230px">
           <template slot-scope="scope">
             {{ scope.row.发票号 }}
@@ -430,6 +425,32 @@ export default {
     this.fetchData()
   },
   methods: {
+    getSummaries(param) {
+      console.log(param)
+      const { columns, data } = param
+      const sums = []
+      columns.forEach((column, index) => {
+        if (index === 0) {
+          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 prev + curr
+            } else {
+              return prev
+            }
+          }, 0)
+          sums[index] += ' 元'
+        } else {
+          sums[index] = 'N/A'
+        }
+      })
+      return sums
+    },
     // 初始化外协厂家
     fetchData() {
       this.ManufacturerName = []