123
This commit is contained in:
105
src/views/dk/borrow/contract.vue
Normal file
105
src/views/dk/borrow/contract.vue
Normal file
@@ -0,0 +1,105 @@
|
||||
<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>
|
||||
Reference in New Issue
Block a user