<template>
    <div class="">
      <navbar title="明细"></navbar>
      <div class="wrapper">
        <ul>
          <li class="cell-list"><div>执行利率</div><div>{{ rate }}%</div></li>
          <li class="cell-list"><div>办理机构名称</div><div>{{ orgName }}</div></li>
          <li class="cell-list"><div>信贷员</div><div>{{ managerNo }}</div></li>
          <li class="cell-list"><div>贷款合同号</div><div>{{ nfaacono }}</div></li>
          <li class="cell-list"><div>借据序号</div><div>{{ bsn03 }}</div></li>
          <li class="cell-list"><div>贷款余额（元）</div><div>{{ blncamt*10000 }}</div></li>
          <li class="cell-list"><div>担保类型</div><div>{{ asureType }}</div></li>
          <li class="cell-list"><div>产品号</div><div>{{ productNo }}</div></li>
          <li class="cell-list"><div>发放日期</div><div>{{ loanSdate }}</div></li>
          <li class="cell-list"><div>到期日期</div><div>{{ loanEdate }}</div></li>
          <li class="cell-list">
            <div>五级形态</div>
            <div v-if="loan5cls =='1'||loan5cls == '9'">正常</div>
            <div v-if="loan5cls =='2'||loan5cls == '7'||loan5cls == '8'">关注</div>
            <div v-if="loan5cls =='3'||loan5cls == '6'">次级</div>
            <div v-if="loan5cls =='4'">可疑</div>
            <div v-if="loan5cls =='5'">损失</div>
            
          </li>
        </ul>
      </div>
    </div>
</template>

<script>
import { ref } from 'vue';
import navbar from '../../../components/navbar/navbar.vue';
import {addAttentionCompany, addGroupInfo, getQueryCompanyPage} from "@/service/api/home";
import {postCancelGuanzhu} from "@/service/api/category";
//button组件

export default {
    name: "searchRefult",
    data() {
        return {
          rate:'',
          orgName:'',
          managerNo:'',
          nfaacono:'',
          bsn03:"",
          blncamt:'',
          asureType:'',
          productNo:'',
          loanSdate:'',
          loanEdate:'',
          loan5cls:''
        }
    },
    components: {
      navbar: navbar,
    },
    mounted() {
      this.rate = sessionStorage.getItem('rate')
      this.orgName =  sessionStorage.getItem('orgName')
      this.managerNo = sessionStorage.getItem('managerNo')
      this.nfaacono=sessionStorage.getItem('nfaacono')
      this.bsn03 = sessionStorage.getItem('bsn03')
      this.blncamt =  sessionStorage.getItem('blncamt')
      this.asureType = sessionStorage.getItem('asureType')
      this.productNo=sessionStorage.getItem('productNo')
      this.loanSdate = sessionStorage.getItem('loanSdate')
      this.loanEdate =  sessionStorage.getItem('loanEdate')
      this.loan5cls = sessionStorage.getItem('loan5cls')
    },
    methods: {

    },

}
</script>

<style scoped>
.wrapper {
  padding-top: 46px;
  min-height: 100vh;
  background: #f7f7f7;
}

.cell-list{
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding:10px 16px;
  border-bottom: solid 1px #efefef;
  background: #ffffff;
  font-size: 14px;
}
</style>
