<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">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<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>
