Skip to content

M
mcep-h5
提交 866f292b 编写于 作者: donghuawangliang0612's avatar donghuawangliang0612
浏览文件
操作

下拉刷新页面改好,一些页面调整

上级 72e194d7
显示空白字符变更
内嵌 并排
正在显示 包含 176 行增加 和 27 行删除
src/components/common/PicketAcced.vue
浏览文件 @ 866f292b
......@@ -16,21 +16,21 @@
<van-col span="24" class="priductName">{{ item.productname }}</van-col>
<van-col style=" width: 100%; margin-left: 8%; line-height: 2;">
<van-row gutter="20">
<van-col span="12" class="lable"><span>申请金额：万元</span></van-col>
<van-col span="12" class="money" style="color:rgb(255, 204, 0);">{{ item.money }}</van-col>
<van-row gutter="10">
<van-col span="10" class="lable"><span>借款金额</span></van-col>
<van-col span="14" class="money" style="color:#FBAF20;font-size: 14px">{{ item.money }}</van-col>
</van-row>
<van-row gutter="20">
<van-col span="12" class="lable"><span>担保方式</span></van-col>
<van-col span="12" class="guarantee">{{ item.guarantee }}</van-col>
<van-row gutter="10">
<van-col span="10" class="lable"><span>担保方式</span></van-col>
<van-col span="14" class="guarantee">{{ item.guarantee }}</van-col>
</van-row>
<van-row gutter="20">
<van-col span="12" class="lable"><span>申请日期（月）</span></van-col>
<van-col span="12" class="month">{{ item.month }}</van-col>
<van-row gutter="10">
<van-col span="10" class="lable"><span>借款日期</span></van-col>
<van-col span="14" class="month">{{ item.month }}</van-col>
</van-row>
<van-row>
<van-col span="12" class="lable"><span>申请时间</span></van-col>
<van-col span="12" class="time">{{ item.time }}</van-col>
<van-row gutter="10">
<van-col span="10" class="lable"><span>到期日期</span></van-col>
<van-col span="14" class="time">{{ item.time }}</van-col>
</van-row>
</van-col>
......
src/components/general/ScrollerView.vue
浏览文件 @ 866f292b
......@@ -54,7 +54,7 @@ export default class ScrollerView extends Vue {
/**
* 滚动高度
*/
@Prop({ default: 0 }) height: number | undefined;
@Prop({ default: "" }) height: string | undefined;
/**
* 是否派发滚动到底部的事件，用于上拉加载
*/
......@@ -179,7 +179,7 @@ export default class ScrollerView extends Vue {
initHeight() {
const el: any = this.$el;
if (this.height) {
el.style.height = this.height + "vh";
el.style.height = this.height;
}
}
}
......
src/router/workbench.routing.ts
浏览文件 @ 866f292b
......@@ -11,6 +11,13 @@ import { propsConvert } from "@/services/props-convert";
const prefix = "/workbench";
const workbenchRoutes = [
{
path: `/BillDetails`,
name: 'BillDetails',
component: () => import(/* webpackChunkName: "customer-mgt" */ "@/views/workbench/BillDetails.vue"),
props: propsConvert,
meta: { keepAlive: false, requiresAuth: true, name: "借据详情" },
},
{
path: `/ContractDetail`,
name: 'ContractDetail',
......
src/views/workbench/AccommodDetails.vue
浏览文件 @ 866f292b
......@@ -209,7 +209,7 @@ export default class AccommodDetails extends Vue {
intentionOrg="哈尔滨农信社松北区枝江大道分社"
businessArea="黑龙江省-哈尔滨市-松北区"
loanType="一般经营性贷款"
tatleName = "我的贷款"
tatleName = "贷款详情"
//状态
status = 2;
statusl: any ;
......
src/views/workbench/AccommodMain.vue
浏览文件 @ 866f292b
......@@ -12,8 +12,8 @@
<div class="rarle">
<tatle-bar :tatle="tatleName"></tatle-bar>
</div>
<div style="height: calc(100vh - 200vh);">
<scroller-view :pullup="true" :pulldown="true" :height="100">
<div>
<scroller-view :pullup="true" :pulldown="true" height="calc(100vh - 50px)">
<div class="cardA" v-for="(item, index) in productParam" :key="index">
<div>
<van-row @click="onClickDetails(item)">
......
src/views/workbench/Accommodation.vue
浏览文件 @ 866f292b
......@@ -39,34 +39,34 @@ export default class Accommodation extends Vue {
tatleName = "我的贷款"
//未结清贷款计划
productParam = [{
productname: "'企业之星'流动之星贷款",
money: "30",
productname: "1192 8746 2774 5038",
money: "￥30,000,000.00",
guarantee: "担保",
month: "12",
month: "2022-02-18",
status: 1,
time: "2022-02-18"
}, {
productname: "'企业之星'流动之星贷款",
money: "30",
productname: "1192 8746 2774 5038",
money: "￥30,000,000.00",
guarantee: "担保",
month: "12",
month: "2022-02-18",
status: 1,
time: "2022-02-18"
}]
//已结清
productParamlist = [{
productname: "'llll'流动之星贷款",
money: "30",
productname: "1192 8746 2774 5038",
money: "￥30,000,000.00",
guarantee: "担保",
status: 3,
month: "12",
month: "2022-02-18",
time: "2022-02-18"
}]
//点击还款计划事件
onClickDetails(status:any) {
this.$router.push({
name: "AccommodDetails",
name: "BillDetails",
params:{
status:status
}
......
src/views/workbench/BillDetails.vue 0 → 100644
浏览文件 @ 866f292b
<template>
<div class="body">
<div class="rarle">
<tatle-bar :tatle="tatleName"></tatle-bar>
</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="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="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="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="loanNo" 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="loanAmt" 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="loanStartDate" 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="loanEndDate" 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="loanUse" 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="grtType" 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="还款方式" label-width="120" :value="repayType" 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="借款利率" label-width="120" :value="loanRate" readonly input-align="right" />
</van-cell-group>
</van-col>
</van-row>
</div>
</div>
</div>
</template>
<script>
import {Component, Vue} from "vue-property-decorator";
@Component({
name: "BillDetails"
})
export default class BillDetails extends Vue{
tatleName = "借据详情";
name = "刘明明";
idCard = "122323232323232323";
phone = "13223232323";
loanNo = "3746 8827 8849 0002";
loanAmt = "￥5,000,000.00";
loanStartDate = "2022-09-01";
loanEndDate = "2022-09-09";
loanUse = "企业经营";
grtType = "抵押";
repayType = "等额本息";
loanRate = "5.51%";
}
</script>
<style scoped lang="scss">
.layout {
background: rgba(249, 249, 249, 1);
}
.coollayout {
margin: 3%;
}
.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;
}
</style>
Markdown 格式
0% or
您添加了 0 人 到此讨论。请谨慎行事。
先完成此消息的编辑！
想要评论请 注册 或