<template>
    <div>
        <navbar title="明细"></navbar>
        <div class="wrapper">
            <van-list>
                <van-cell class="list_item">
                    <div>借贷账户编号</div>
                    <div>{{params.loanAccount}}</div>
                </van-cell>
                 <van-cell class="list_item">
                    <div>机构名称</div>
                    <div>{{params.loanOrg}}</div>
                </van-cell>
                 <van-cell class="list_item">
                    <div>业务种类(大类)</div>
                    <div>{{params.creditCateg}}</div>
                </van-cell>
                 <van-cell class="list_item">
                    <div>业务种类(细分)</div>
                    <div>{{params.creditCategDetail}}</div>
                </van-cell>
                 <van-cell class="list_item">
                    <div>担保方式</div>
                    <div class="color_red">{{params.assureType}}</div>
                </van-cell>
                 <van-cell class="list_item">
                    <div>其他还款保证方式</div>
                    <div>{{params.payOtherMod}}</div>
                </van-cell>
                 <van-cell class="list_item">
                    <div>借款余额(万元)</div>
                    <div>{{params.loanBalance}}</div>
                </van-cell>
                 <van-cell class="list_item">
                    <div>币种</div>
                    <div>{{params.currency}}</div>
                </van-cell>
                 <van-cell class="list_item">
                    <div>开户日期</div>
                    <div>{{params.accountDate}}</div>
                </van-cell>
                 <van-cell class="list_item">
                    <div>到期日</div>
                    <div class="color_red">{{params.endDate}}</div>
                </van-cell>
                 <van-cell class="list_item">
                    <div>逾期金额(万元)</div>
                    <div class="color_red">1564894321</div>
                </van-cell>
                <van-cell class="list_item">
                    <div>五级分类</div>
                    <div class="color_red" v-if="params.loan5cls == '1'||params.loan5cls == '9'">正常</div>
                    <div class="color_red" v-if="params.loan5cls == '2'||params.loan5cls == '7'||params.loan5cls == '8'">关注</div>
                    <div class="color_red" v-if="params.loan5cls == '3'||params.loan5cls == '6'">次级</div>
                    <div class="color_red" v-if="params.loan5cls == '4'">可疑</div>
                    <div class="color_red" v-if="params.loan5cls == '5'">损失</div>
                </van-cell>
                <van-cell class="list_item">
                    <div>发放形式</div>
                    <div>{{params.distriForm}}</div>
                </van-cell>
            </van-list>
        </div>
    </div>
</template>
<script>
import navbar from '../../../components/navbar/navbar.vue';
import {getBorrowList} from "@/service/api/home";
import {
  List
} from 'vant';
export default {
    components: {
        navbar: navbar,
        VanList:List
    },
    data(){
        return {
            loading:false,
            finished:false,
            params:{}
        }
    },
    mounted() {
        this.getDetails()
    },
    methods:{
        getDetails(){
            let obj = sessionStorage.getItem('detailsParams')
            if(obj){
                this.params = JSON.parse(obj)
                console.log(this.params)
            }
        }
    }
}
</script>
<style scoped>
.wrapper {
  padding-top: 46px;
  min-height: 100vh;
  background: #f7f7f7;
}
/deep/ .van-cell__value{
    display:flex;
    justify-content:space-between
}
.color_red{
    color:red
}
</style>