97 lines
2.5 KiB
Vue
97 lines
2.5 KiB
Vue
<template>
|
|
<view class="container" style="paddingBottom:1rpx;">
|
|
<u-navbar
|
|
leftIconSize="40rpx"
|
|
leftIconColor="#333333"
|
|
title="借贷账户详情"
|
|
>
|
|
</u-navbar>
|
|
<view class="section">
|
|
<u-cell-group>
|
|
<u-cell title="借贷名称:" titleStyle="font-weight:bolder" :value="detailInfo.name"></u-cell>
|
|
<u-cell title="账号:" titleStyle="font-weight:bolder" :value="detailInfo.code"></u-cell>
|
|
<u-cell title="类型:" titleStyle="font-weight:bolder" :value="detailInfo.lendType"></u-cell>
|
|
<u-cell title="账户状态:" titleStyle="font-weight:bolder" :value="detailInfo.status"></u-cell>
|
|
<u-cell title="备注:" titleStyle="font-weight:bolder" center :value="detailInfo.remark"> </u-cell>
|
|
</u-cell-group>
|
|
</view>
|
|
<u-toast ref="uToast"></u-toast>
|
|
</view>
|
|
</template>
|
|
|
|
<script setup>
|
|
import { getBankcardLend} from '@/api/invest/bankcardlend'
|
|
import { getDicts } from '@/api/system/dict/data.js'
|
|
import {onLoad} from "@dcloudio/uni-app";
|
|
import {reactive ,toRefs,ref,computed }from "vue";
|
|
const id = ref('')
|
|
const data = reactive({
|
|
detailInfo: {}
|
|
})
|
|
const {detailInfo} = toRefs(data)
|
|
onLoad((option) => {
|
|
id.value = option.id
|
|
getInfo()
|
|
})
|
|
function getInfo() {
|
|
getBankcardLend(id.value).then(res => {
|
|
detailInfo.value = res.data
|
|
// 类型
|
|
getDicts('lend_type').then(result => {
|
|
detailInfo.value.lendType=dictStr(detailInfo.value.lendType, result.data)
|
|
})
|
|
// 类型
|
|
getDicts('account_status').then(result => {
|
|
detailInfo.value.status=dictStr(detailInfo.value.status, result.data)
|
|
})
|
|
})
|
|
}
|
|
function dictStr(val, arr) {
|
|
let str = ''
|
|
arr.map(item => {
|
|
if (item.dictValue === val) {
|
|
str = item.dictLabel
|
|
}
|
|
})
|
|
return str
|
|
}
|
|
</script>
|
|
|
|
<style lang="scss" scoped>
|
|
.section {
|
|
margin: 24rpx;
|
|
padding: 16rpx 24rpx;
|
|
background-color: #fff;
|
|
border-radius: 8rpx;
|
|
|
|
.section-title {
|
|
width: 280rpx;
|
|
color: #333333;
|
|
line-height: 44rpx;
|
|
font-size: 30rpx;
|
|
border-left: 6rpx solid #2681FF;
|
|
padding-left: 26rpx;
|
|
}
|
|
|
|
.content {
|
|
width: 647rpx;
|
|
font-size: 28rpx;
|
|
color: #333333;
|
|
line-height: 40rpx;
|
|
text-align: left;
|
|
}
|
|
|
|
.img-con {
|
|
display: flex;
|
|
flex-wrap: wrap;
|
|
gap: 20rpx
|
|
}
|
|
.form-view {
|
|
padding: 20rpx 0rpx 0 10rpx;
|
|
|
|
.form-btn {
|
|
padding-top: 20rpx;
|
|
}
|
|
}
|
|
}
|
|
</style> |