完善结清车辆台账--增加下载功能

anrui-riskcenter-ui/src/api/settlethevehicleaccount/settlethevehicleaccount.js

@@ -9,5 +9,12 @@ export default {
       data: params,
       headers: { 'Content-Type': 'application/json' }
     })
+  },
+  downloadPdf: function(data) {
+    return request({
+      url: '/riskcenter/v1/LoanSettleApply/downloadPdf',
+      method: 'post',
+      params: data
+    })
   }
 }

anrui-riskcenter-ui/src/views/settlethevehicleaccount/settlethevehicleaccount.vue

@@ -49,6 +49,11 @@
           <el-table :key="tableKey" v-loading="listLoading" :data="list" :border="true" style="width: 100%;" @selection-change="handleSelectionChange">
             <el-table-column type="selection" align="center" width="50"/>
             <el-table-column label="序号" type="index" width="80" :index="indexMethod" align="center"/>
+            <el-table-column label="操作" align="center" width="80">
+              <template slot-scope="scope">
+                <el-button type="primary" size="small" @click="toDownload(scope.row)">下载</el-button>
+              </template>
+            </el-table-column>
             <el-table-column prop="typeStateValue" label="结清类型" width="100" header-align="center" />
             <el-table-column prop="useOrgName" label="分公司" align="center" width="130" />
             <el-table-column prop="createDept" label="销售部门" align="center" width="130" />
@@ -58,8 +63,8 @@
             <el-table-column prop="loanName" label="贷款人" align="center" width="130" />
             <el-table-column prop="settingDate" label="结清日期" align="center" width="130" />
             <el-table-column prop="bankSettlePrice" label="资方结清金额" align="center" width="130" />
-            <el-table-column prop="settleAll" label="公司正常结清合计" align="center" width="140" />
-            <el-table-column prop="amountTo" label="减免后结清合计" align="center" width="130" />
+            <el-table-column prop="settleAll" label="公司正常结清合计" align="center" width="160" />
+            <el-table-column prop="amountTo" label="减免后结清合计" align="center" width="150" />
             <el-table-column prop="profit" label="结清利润" align="center" width="130" />
           </el-table>
         </div>
@@ -82,6 +87,7 @@ import pageye from '@/components/pagination/pageye'
 import ButtonBar from '@/components/ButtonBar'
 import req from '@/api/settlethevehicleaccount/settlethevehicleaccount'
 import { typeValues } from '@/api/Common/dictcommons'
+import { getStorage } from '@/utils/auth'
 
 export default {
   name: 'SettleTheVehicleAccount',
@@ -223,6 +229,32 @@ export default {
       }
       this.getList()
     },
+    toDownload(row) {
+      req.downloadPdf({ sid: row.sid }).then((res) => {
+        if (res.success) {
+          var xhr = new XMLHttpRequest()
+          xhr.open('GET', process.env.VUE_APP_BASE_API + '/base/file/download?filePath=' + res.data + '&outFileName=' + '结算', true)
+          xhr.setRequestHeader('token', getStorage())
+          xhr.responseType = 'blob'
+          xhr.onload = function(e) {
+            // 如果请求执行成功
+            var blob = this.response
+            var filename = '结算.pdf'
+            var a = document.createElement('a')
+            // blob.type="application/octet-stream";
+            // 创键临时url对象
+            var url = URL.createObjectURL(blob)
+            a.href = url
+            a.download = filename
+            a.click()
+            // 释放之前创建的URL对象
+            window.URL.revokeObjectURL(url)
+          }
+          // 发送请求
+          xhr.send()
+        }
+      }).catch(() => {})
+    },
     toInfo(row) {
       this.viewState = 4
       this.$refs['divInfo'].showInfo(row)