billDetail.vue
1.23 KB
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
<template>
<div class="bill_detail_wrap">
<el-image class="back_img" :src="getImage('borrow-detail-bg.png', '/mine')"></el-image>
<div class="detail_info">
<div class="back_title">应还款金额（元）</div>
<div class="back_amount">200000.00</div>
<div class="back_info">
<div class="back_col">
<div>借款金额（元）</div>
<span>200000.00</span>
</div>
<div class="back_col">
<div>应还本金（元）</div>
<span>200000.00</span>
</div>
<div class="back_col">
<div>应还利息（元）</div>
<span>200000.00</span>
</div>
<div class="back_col">
<div>贷款期数</div>
<span>100</span>
</div>
<div class="back_col">
<div>贷款期限</div>
<span>2022.09.12-2022.12.11</span>
</div>
</div>
</div>
</div>
</template>
<script setup lang="ts">
import getImage from './../../assets/getImage'
import './../../assets/css/billDetail.scss'
import router from "../../router/index";
let linkTo = (url: string) => {
router.push(url)
}
const arrowPath = ref("/loanBill")
defineExpose({arrowPath})
</script>
<style scoped>
</style>