95 lines
1.7 KiB
Vue
95 lines
1.7 KiB
Vue
<template>
|
|
<view class="user-account-limit">
|
|
<view class="month-block">
|
|
<view class="hd-wrap bg-white">
|
|
<view class="go-repayment-block">
|
|
<view class="go-repayment" v-for="(item, index) in list" :key="index">
|
|
<view class="go-repayment-date">
|
|
<view class="go-repayment-price">￥{{item.xy_y_price}}</view>
|
|
<view class="go-repayment-day">
|
|
还款时间: {{item.dtime}}
|
|
</view>
|
|
</view>
|
|
<view class="go-repayment-type">
|
|
已还款
|
|
</view>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
</template>
|
|
|
|
<script>
|
|
import { checkNowxyList } from '@/api/procurement'
|
|
export default {
|
|
data() {
|
|
return {
|
|
list: []
|
|
};
|
|
},
|
|
onLoad() {
|
|
this.getData()
|
|
},
|
|
methods: {
|
|
async getData() {
|
|
const {
|
|
data,
|
|
code,
|
|
msg
|
|
} = await checkNowxyList();
|
|
if (code == 1) {
|
|
this.list = data;
|
|
}
|
|
}
|
|
},
|
|
};
|
|
</script>
|
|
<style lang="scss" scoped>
|
|
.user-account-limit {
|
|
.month-block {
|
|
.hd-wrap {
|
|
padding: 0 20rpx;
|
|
.month-text {
|
|
margin-top: 20rpx;
|
|
font-weight: bold;
|
|
font-size: 36rpx;
|
|
}
|
|
|
|
.go-repayment {
|
|
display: flex;
|
|
justify-content: space-between;
|
|
align-items: center;
|
|
border-bottom: 1px solid #f5f5f5;
|
|
height: 120rpx;
|
|
|
|
.go-repayment-price {
|
|
font-size: 36rpx;
|
|
font-weight: bold;
|
|
}
|
|
|
|
.go-repayment-date {
|
|
display: flex;
|
|
flex-direction: column;
|
|
|
|
view:last-child {
|
|
font-size: 24rpx;
|
|
color: #b3b3b3;
|
|
}
|
|
}
|
|
|
|
.go-repayment-type {
|
|
font-size: 28rpx;
|
|
color: #afafaf;
|
|
}
|
|
}
|
|
|
|
.go-repayment:last-child {
|
|
border-bottom: none;
|
|
}
|
|
}
|
|
}
|
|
}
|
|
|
|
|
|
</style> |