<template>
  <div class="d-page d-flex flex-column">
    <title-bar :title="title">
      <van-icon slot="left" name="cross" size="24" />
    </title-bar>
    <div class="divCls">
      <div class="detailData" v-for="(item, index) in assetInfoList" :key="index">
        <div class="detailName">{{ userInfo.GUARANTORNAME}}</div>
        <div style="font-size: 18px;font-weight: bold;margin-left: 10%">抵质押物{{index+1}}</div>
        <table-double-view :keyValue="assetInfoTitles" :data="item"></table-double-view>
      </div>
    </div>
  </div>
</template>

<script lang="ts">
import { Component, Vue } from "vue-property-decorator";
import TitleBar from "@/components/general/TitleBar.vue";
import { Tab, Tabs } from 'vant';
import nettyApi from "@/constants/api/ms-netty/netty.api.ts";
import IF from "@/public/factory/InterFaceFactory";
import { NativeUI } from "@/public/ts/NativeUI";
import { DatetimePicker } from 'vant';
import BasicInformation from "@/components/customer-information/business-information/overview/BasicInformation.vue";
import TableDoubleView from "@/public/TableDoubleView.vue";
import DCalendar from "@/components/general/form/DCalendar.vue";

Vue.use(DatetimePicker);

Vue.use(Tab);
Vue.use(Tabs);
/**
 * @Description 抵质押物详情
 * @Author JiangTao
 * @Date 2021-11-10 下午 03:51
 */
@Component({
  name: "CollateralDetail",
  components: { DCalendar, TitleBar, BasicInformation, TableDoubleView },
})
export default class CollateralDetail extends Vue {
  title = "抵质押物详情"; // 页面标题
  userInfo = this.$route.params.assetInfoList;
  assetInfoTitles = {
    SERIALNO: '抵质押物编号',
    ASSETTYPE: '抵质押物类型',
    STATUS: '状态',
    GUARANTYAMOUNT: '担保债权金额(元)',
    CONFIRMVALUE: '认定价值(元)',
    GUARANTYPERCENT: '抵押率(%)'
  }
  assetInfoList = (this.$route.params.assetInfoList as any).ASSET_INFO_LIST;
  activated() {
    // this.userInfo = this.$store.getters.getCusInfo;
    // this.selectHistoryContactInfo();
  }
}
</script>

<style scoped>
.divCls {
  width: 80%;
  height: 90%;
  margin: auto;
  overflow-y: auto;
}
.detailData {
  width: 100%;
  height: auto;
}
.detailName {
  width: 85%;
  font-size: 24px;
  font-weight: bold;
  margin: 10px auto;
}
</style>
