Commit 86fa0dd0 authored by chenqikuai's avatar chenqikuai

贷款改成产品

parent acced4ca
...@@ -9,7 +9,7 @@ ...@@ -9,7 +9,7 @@
}" }"
> >
<div class="top-text text-center">最低{{rate_lower}}%</div> <div class="top-text text-center">最低{{rate_lower}}%</div>
<div class="bottom-text mt-2.5 text-center">贷款年利率</div> <div class="bottom-text mt-2.5 text-center">产品年利率</div>
</div> </div>
<div <div
class="box" class="box"
...@@ -18,7 +18,7 @@ ...@@ -18,7 +18,7 @@
}" }"
> >
<div class="top-text text-center">{{max_date}}个月</div> <div class="top-text text-center">{{max_date}}个月</div>
<div class="bottom-text mt-2.5 text-center">最长贷款期限</div> <div class="bottom-text mt-2.5 text-center">最长产品期限</div>
</div> </div>
<div <div
class="box" class="box"
......
...@@ -211,7 +211,7 @@ export default defineComponent({ ...@@ -211,7 +211,7 @@ export default defineComponent({
</div> </div>
<div class=" bg-white mx-5 rounded-2xl overflow-hidden mt-5"> <div class=" bg-white mx-5 rounded-2xl overflow-hidden mt-5">
<div class="flex justify-between text-sm text-gray-800 border-b border-product-detail-bg"> <div class="flex justify-between text-sm text-gray-800 border-b border-product-detail-bg">
<span class=" w-100 align-center bg-product-detail-bg py-4 inline-block text-center">贷款机构</span> <span class=" w-100 align-center bg-product-detail-bg py-4 inline-block text-center">产品机构</span>
<span class=" w-235 py-4 pr-5 inline-block break-words text-right">{inst_name.value}</span> <span class=" w-235 py-4 pr-5 inline-block break-words text-right">{inst_name.value}</span>
</div> </div>
<div class="flex justify-between text-sm text-gray-800 border-b border-product-detail-bg"> <div class="flex justify-between text-sm text-gray-800 border-b border-product-detail-bg">
...@@ -219,15 +219,15 @@ export default defineComponent({ ...@@ -219,15 +219,15 @@ export default defineComponent({
<span class=" w-235 py-4 pr-5 inline-block break-words text-right">{product_name.value}</span> <span class=" w-235 py-4 pr-5 inline-block break-words text-right">{product_name.value}</span>
</div> </div>
<div class="flex text-sm text-gray-800 border-b border-product-detail-bg justify-between"> <div class="flex text-sm text-gray-800 border-b border-product-detail-bg justify-between">
<span class=" w-100 align-center bg-product-detail-bg py-4 inline-block text-center">贷款利率</span> <span class=" w-100 align-center bg-product-detail-bg py-4 inline-block text-center">产品利率</span>
<span class=" w-235 py-4 pr-5 inline-block break-words text-right">{rate_lower.value}%~{rate_upper.value}%</span> <span class=" w-235 py-4 pr-5 inline-block break-words text-right">{rate_lower.value}%~{rate_upper.value}%</span>
</div> </div>
<div class="flex text-sm text-gray-800 border-b border-product-detail-bg justify-between"> <div class="flex text-sm text-gray-800 border-b border-product-detail-bg justify-between">
<span class=" w-100 align-center bg-product-detail-bg py-4 inline-block text-center">贷款额度</span> <span class=" w-100 align-center bg-product-detail-bg py-4 inline-block text-center">产品额度</span>
<span class=" w-235 py-4 pr-5 inline-block break-words text-right">{min_amount.value}~{max_amount.value}</span> <span class=" w-235 py-4 pr-5 inline-block break-words text-right">{min_amount.value}~{max_amount.value}</span>
</div> </div>
<div class="flex text-sm text-gray-800 border-b border-product-detail-bg justify-between"> <div class="flex text-sm text-gray-800 border-b border-product-detail-bg justify-between">
<span class=" w-100 align-center bg-product-detail-bg py-4 inline-block text-center">贷款期限</span> <span class=" w-100 align-center bg-product-detail-bg py-4 inline-block text-center">产品期限</span>
<span class=" w-235 py-4 pr-5 inline-block break-words text-right">{min_date.value}个月~{max_date.value}个月</span> <span class=" w-235 py-4 pr-5 inline-block break-words text-right">{min_date.value}个月~{max_date.value}个月</span>
</div> </div>
<div class="flex text-sm text-gray-800 border-b border-product-detail-bg justify-between"> <div class="flex text-sm text-gray-800 border-b border-product-detail-bg justify-between">
......
<template> <template>
<div class="page"> <div class="page">
<NavBar title="全部贷款" /> <NavBar title="全部产品" />
<div class="layer1 flex-col"> <div class="layer1 flex-col">
<GroupTitle <GroupTitle
class="mt-4" class="mt-4"
title="贷款精选" title="产品精选"
iconName="icon-shaixuan" iconName="icon-shaixuan"
@filter="showFilter" @filter="showFilter"
/> />
</div> </div>
<!-- 贷款列表 --> <!-- 产品列表 -->
<van-list <van-list
v-model:loading="loading" v-model:loading="loading"
:finished="finished" :finished="finished"
......
...@@ -5,7 +5,7 @@ import {enableLive} from '@/service/StaffService/index' ...@@ -5,7 +5,7 @@ import {enableLive} from '@/service/StaffService/index'
export default [ export default [
{ {
name: '贷款服务', name: '产品服务',
icon: 'icon-daikuan', icon: 'icon-daikuan',
color: '#44D392', color: '#44D392',
routerName: 'Loan', routerName: 'Loan',
......
...@@ -12,7 +12,7 @@ ...@@ -12,7 +12,7 @@
<group-title <group-title
class="mt-7" class="mt-7"
v-if="product_name" v-if="product_name"
title="热门贷款" title="热门产品"
@click="$router.push({ name: 'Loan' })" @click="$router.push({ name: 'Loan' })"
/> />
<Skeleton :loading="skeLoading" :row="3" class="mt-2"> <Skeleton :loading="skeLoading" :row="3" class="mt-2">
...@@ -192,7 +192,7 @@ export default defineComponent({ ...@@ -192,7 +192,7 @@ export default defineComponent({
}, },
async fetchLoanProductList() { async fetchLoanProductList() {
this.skeLoading = true; this.skeLoading = true;
// 默认查询个人贷款的第一个贷款产品 // 默认查询个人产品的第一个产品产品
const ret = await queryLoanProductList({ const ret = await queryLoanProductList({
limit: 1, limit: 1,
offset: 0, offset: 0,
......
...@@ -65,11 +65,11 @@ ...@@ -65,11 +65,11 @@
</div> --> </div> -->
<LoanHotSwipe :loanMode="mode" class=" absolute top-0 bottom-0" /> <LoanHotSwipe :loanMode="mode" class=" absolute top-0 bottom-0" />
</div> </div>
<!-- 热门贷款 --> <!-- 热门产品 -->
<!-- <GroupTitle title="热门贷款" class="mt-2.5" v-if="count" iconName="" /> --> <!-- <GroupTitle title="热门产品" class="mt-2.5" v-if="count" iconName="" /> -->
<!-- 非热门贷款 --> <!-- 非热门产品 -->
<GroupTitle <GroupTitle
title="贷款精选" title="产品精选"
v-if="state.allProductList" v-if="state.allProductList"
class=" mt-24" class=" mt-24"
@seeMore="$router.push({ name: 'LoanList', params: { mode: mode } })" @seeMore="$router.push({ name: 'LoanList', params: { mode: mode } })"
...@@ -116,10 +116,10 @@ ...@@ -116,10 +116,10 @@
/> />
</Skeleton> </Skeleton>
</template> </template>
<!-- 贷款资讯 --> <!-- 产品资讯 -->
<GroupTitle <GroupTitle
title="贷款资讯" title="产品资讯"
subtitle="最新贷款资讯展示" subtitle="最新产品资讯展示"
class="mt-2.5" class="mt-2.5"
iconName="" iconName=""
/> />
...@@ -206,7 +206,7 @@ const fetchActivityList = async () => { ...@@ -206,7 +206,7 @@ const fetchActivityList = async () => {
}; };
const fetchList = () => { const fetchList = () => {
// 取前7贷款产品遍历 // 取前7产品产品遍历
skeLoading.value = true; skeLoading.value = true;
queryLoanProductList({ queryLoanProductList({
limit: 8, limit: 8,
......
...@@ -6,7 +6,7 @@ ...@@ -6,7 +6,7 @@
<h1 class=" h-4"> <h1 class=" h-4">
<img src="../../../assets/img/quotation.png" class=" w-8 h-7"> <img src="../../../assets/img/quotation.png" class=" w-8 h-7">
</h1> </h1>
<p class=" text-gray-800 font-semibold text-sm pl-1">给您提供值得信赖的贷款服务</p> <p class=" text-gray-800 font-semibold text-sm pl-1">给您提供值得信赖的产品服务</p>
<p class=" text-gray-400 text-xs mt-1 pl-1">解决广大中小企业融资难、融资贵的问题</p> <p class=" text-gray-400 text-xs mt-1 pl-1">解决广大中小企业融资难、融资贵的问题</p>
<!-- card1 --> <!-- card1 -->
<card title="专业的金融团队" :path="require('../../../assets/icons/team.png')"> <card title="专业的金融团队" :path="require('../../../assets/icons/team.png')">
......
...@@ -19,7 +19,7 @@ export default [ ...@@ -19,7 +19,7 @@ export default [
showNotLogin: true, showNotLogin: true,
}, },
{ {
name: '贷款', name: '产品',
routeName: 'Loan', routeName: 'Loan',
icon: 'icon-daikuan-tab-xuanze', icon: 'icon-daikuan-tab-xuanze',
icon1: 'icon-daikuan-tab', icon1: 'icon-daikuan-tab',
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment