<!--
* @Author: jiangzaicheng jiangzaicheng_jzc@163.com
* @Date: 2022-07-07 16:13:13
* @LastEditors: jiangzaicheng jiangzaicheng_jzc@163.com
* @LastEditTime: 2022-09-03 13:09:52
* @FilePath: \mcep-h5\src\components\common\Bottom.vue
* @Description: 这是默认设置,请设置`customMade`, 打开koroFileHeader查看配置 进行设置: https://github.com/OBKoro1/koro1FileHeader/wiki/%E9%85%8D%E7%BD%AE
-->
<template>
<div class="body">
<div class="rarle">
<tatle-bar :tatle="tatleName"></tatle-bar>
</div>
<div>
<div class="layout">
<van-row type="flex" class="CoolName">
<van-col span="24" class="coollayout">个人信息</van-col>
</van-row>
<div class="layoutbody">
<van-row type="flex" class="layoutName">
<van-col span="24">
<van-cell-group>
<van-field label="身份证号" :value="idcard" readonly input-align="right" />
</van-cell-group>
</van-col>
</van-row>
<van-row type="flex" class="layoutName">
<van-col span="24">
<van-cell-group>
<van-field label="姓名" :value="name" readonly input-align="right" />
</van-cell-group>
</van-col>
</van-row>
<van-row type="flex" class="layoutName">
<van-col span="24">
<van-cell-group>
<van-field label="手机号码" :value="phone" readonly input-align="right" />
</van-cell-group>
</van-col>
</van-row>
</div>
<van-row type="flex" class="CoolName">
<van-col span="24" class="coollayout">借款信息</van-col>
</van-row>
<div class="layoutbody">
<van-row type="flex" class="layoutName">
<van-col span="24">
<!-- <van-cell-group>-->
<!-- <van-field label="贷款账号" :value="varieties" readonly input-align="right" />-->
<!-- </van-cell-group>-->
<van-cell-group>
<van-field label="贷款账号" :value="loanType" readonly input-align="right" />
</van-cell-group>
</van-col>
</van-row>
<van-row type="flex" class="layoutName">
<van-col span="24">
<van-cell-group>
<van-field label="借款金额" :value="amount" readonly input-align="right" />
</van-cell-group>
</van-col>
</van-row>
<!-- <van-row type="flex" class="layoutName">-->
<!-- <van-col span="24">-->
<!-- <van-cell-group>-->
<!-- <van-field label="借款到期日" :value="borrow" readonly input-align="right" />-->
<!-- </van-cell-group>-->
<!-- </van-col>-->
<!-- </van-row>-->
<van-row type="flex" class="layoutName">
<van-col span="24">
<van-cell-group>
<van-field label="借款日期" :value="purposes" readonly input-align="right" />
</van-cell-group>
</van-col>
</van-row>
<van-row type="flex" class="layoutName">
<van-col span="24">
<van-cell-group>
<van-field label="到期日期" :value="businessArea" readonly input-align="right" />
</van-cell-group>
</van-col>
</van-row>
<!-- <van-row type="flex" class="layoutName">-->
<!-- <van-col span="24">-->
<!-- <van-cell-group>-->
<!-- <van-field label="担保方式" :value="area" readonly input-align="right" />-->
<!-- </van-cell-group>-->
<!-- </van-col>-->
<!-- </van-row>-->
<!-- <van-row type="flex" class="layoutName">-->
<!-- <van-col span="24">-->
<!-- <van-cell-group>-->
<!-- <van-field label="还款方式" :value="intentions" readonly input-align="right" />-->
<!-- </van-cell-group>-->
<!-- </van-col>-->
<!-- </van-row>-->
<!-- <van-row type="flex" class="layoutName">-->
<!-- <van-col span="24">-->
<!-- <van-cell-group>-->
<!-- <van-field label="借款利率" :value="customer" readonly input-align="right" />-->
<!-- </van-cell-group>-->
<!-- </van-col>-->
<!-- </van-row>-->
<van-row type="flex" class="layoutName">
<van-col span="24">
<van-cell-group>
<van-field label="担保方式" :value="intentionOrg" readonly input-align="right" />
</van-cell-group>
</van-col>
</van-row>
<van-row type="flex" class="layoutName">
<van-col span="24">
<van-cell-group>
<van-field label="借款利率" :value="manager" readonly input-align="right" />
</van-cell-group>
</van-col>
</van-row>
</div>
</div>
</div>
</div>
</template>
<script lang="ts">
import { number } from "mathjs";
import { Component, Vue, Prop, Watch, Emit } from "vue-property-decorator";
/*
* title
*/
@Component({
name: "AccommodDetailslogin"
})
export default class AccommodDetails extends Vue {
managerPhone = "12222222222"
manager = "23%"
intentionOrg = "抵押"
businessArea = "2022-09-01"
loanType = "2600930023331122"
tatleName = "借据详情"
//状态
status = 2;
statusl: any;
//身份证
idcard = "23232111978211"
//姓名
name = "刘明明"
//电话
phone = "15665025053"
//贷款详情
varieties = "230000009000000"
//借款金融
amount = "500万"
//到期日
borrow = "2022-02-01"
//借款用途
purposes = "2022-09-01"
//担保方式
area = "抵押"
//意向机构
intentions = "等额本息"
//借款利率
customer = "2.54%"
created() {
// debugger
this.statusl = this.$route.params.status
}
bussList: any = [
{
name: "赵飞",
jobs: "客户经理",
time: "2021/02/20 11:14:12",
falg: "同意"
},
{
name: "李星琳",
jobs: "支行审批岗",
time: "2021/02/20 11:14:12",
falg: "同意"
},
{
name: "孙先辉",
jobs: "支行行长",
time: "2021/02/20 11:14:12",
falg: "同意"
},
{
name: "童菲可",
jobs: "某某审批岗",
time: "2021/02/20 11:14:12",
falg: ""
},
{
name: "孙晴",
jobs: "某某审批岗",
time: "2021/02/20 11:14:12",
falg: ""
},
{
name: "赵可欣",
jobs: "某某最终审批岗",
time: "2021/02/20 11:14:12",
falg: ""
},
]
active = 3
}
</script>
<style scoped lang="scss">
.layout {
background: rgba(249, 249, 249, 1);
}
.coollayout {
margin: 4%;
}
.CoolName {
font-family: 'Arial Negreta', 'Arial Normal', 'Arial';
font-weight: 700;
font-style: normal;
font-size: 16px;
}
.layoutName {
font-family: 'Arial Normal', 'Arial';
font-weight: 400;
font-style: normal;
font-size: 13px;
color: #333333;
}
.body {
height: 100%;
width: 100%;
background-color: rgba(241, 241, 241, 1);
}
.step{
height: 100%;
width: 100%;
background-color: rgba(241, 241, 241, 1);
}
</style>