106 lines
3.6 KiB
Vue
106 lines
3.6 KiB
Vue
<template>
|
|
<div class="app-container">
|
|
<div id="div_hd" class="transAccountContract">
|
|
<div class="contentContract">
|
|
<table border="1" width="1101px" height="108px" style="border-collapse:collapse;border-color:#c9d4da;">
|
|
<tbody>
|
|
<tr align="center">
|
|
<td bgcolor="#F5F6FA"><strong>保险名称</strong></td>
|
|
<td bgcolor="#F5F6FA"><strong>贷款概要</strong></td>
|
|
<td bgcolor="#F5F6FA"><strong>投保人</strong></td>
|
|
<td bgcolor="#F5F6FA"><strong>投保金额</strong></td>
|
|
<td bgcolor="#F5F6FA"><strong>保险期限</strong></td>
|
|
<td bgcolor="#F5F6FA"><strong>保单状态</strong></td>
|
|
<td bgcolor="#F5F6FA"><strong>保单类型</strong></td>
|
|
<td bgcolor="#F5F6FA"><strong>投保资料</strong></td>
|
|
</tr>
|
|
|
|
<tr>
|
|
<td align="center" bgcolor="#fff">金融网贷商业险</td>
|
|
<td align="center" bgcolor="#fff">C04750509921376<br>贷款金额{{info.totalLoanMoney}}元整</td>
|
|
<td align="center" bgcolor="#fff">{{ info.realName }}</td>
|
|
<td align="center" bgcolor="#fff"><input type="text" name="T1" size="15" style="border: 1px solid #FFFFFF" :value="info.totalLoanMoney+'元整'"></td>
|
|
<td align="center" bgcolor="#fff"><input type="text" name="T1" size="25" style="border: 1px solid #FFFFFF" :value="hihiStr"></td>
|
|
<td align="center" bgcolor="#fff"><input type="text" name="T1" size="6" style="border: 1px solid #FFFFFF" value="未生效"
|
|
></td>
|
|
<td align="center" bgcolor="#fff">电子保单</td>
|
|
<td align="center" bgcolor="#fff"><span style="color:#003399;">贷款合同 已上传√<br>投保人资料 已上传√</span>
|
|
</td>
|
|
</tr>
|
|
<tr>
|
|
<td colspan="8" align="left" bgcolor="#ffffff"> <span
|
|
style="color: #e81b1b;"
|
|
></span></td>
|
|
</tr>
|
|
</tbody>
|
|
</table>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
</template>
|
|
|
|
<script>
|
|
import { getBorrow } from '@/api/dk/borrow'
|
|
|
|
export default {
|
|
components: {},
|
|
data() {
|
|
return {
|
|
open: false,
|
|
title: '',
|
|
info: {
|
|
id: undefined,
|
|
borrowRemark: undefined
|
|
},
|
|
buttonLoading: false,
|
|
hihiStr: undefined,
|
|
}
|
|
},
|
|
created() {
|
|
const borrowId = this.$route.params && this.$route.params.borrowId
|
|
this.init(borrowId)
|
|
this.hihi();
|
|
},
|
|
methods: {
|
|
hihi(){
|
|
const date = new Date()
|
|
const startDate = date.getFullYear() + '/' + (date.getMonth() + 1) + '/' + date.getDate()
|
|
const endDate = (date.getFullYear() + 3) + '/' + (date.getMonth() + 1) + '/' + date.getDate()
|
|
this.hihiStr = startDate + "日至" + endDate + "日"
|
|
},
|
|
parseDate(dateStr) {
|
|
const date = new Date(dateStr)
|
|
return date.getFullYear() + '/' + (date.getMonth() + 1) + '/' + date.getDate()
|
|
},
|
|
init(id) {
|
|
this.info.id = id || undefined
|
|
this.open = true
|
|
this.$nextTick(() => {
|
|
getBorrow(id).then(response => {
|
|
this.info = response.data
|
|
this.open = true
|
|
this.title = '合同保单'
|
|
})
|
|
})
|
|
}
|
|
}
|
|
}
|
|
</script>
|
|
<style rel="stylesheet/scss" lang="scss">
|
|
.transAccountContract {
|
|
margin: auto;
|
|
width: 1360px;
|
|
height: 592px;
|
|
background-image: url("../../../assets/images/hd_bg1.png");
|
|
background-repeat: no-repeat;
|
|
background-size: cover;
|
|
}
|
|
.contentContract {
|
|
width: 100%;
|
|
padding-top: 268px !important;
|
|
padding-left: 155px;
|
|
*margin: 16px auto;
|
|
}
|
|
</style>
|