update:贷款-最大额度请求

src/components/Loan/LoanHotSwipe/index.vue

 <template>
-  <van-swipe class="my-swipe" indicator-color="#3E4FAF">
-    <van-swipe-item
-      class="flex justify-center swpiItem"
-      v-for="item in hotProductList"
-      :key="item.value"
-    >
-    <Skeleton :row="3" :loading="skeLoading">
-      <LoanHotCard
-        :inst_name="item.inst_name"
-        :product_name="item.product_name"
-        :rate_lower="item.rate_lower"
-        :max_date="item.max_date"
-        :max_amount="item.max_amount"
-        :uuid="item.uuid"
-      />
-    </Skeleton>
-    </van-swipe-item>
-  </van-swipe>
+  <Skeleton :row="3" :loading="skeLoading">
+    <van-swipe class="my-swipe" indicator-color="#3E4FAF" style="marginTop:20px"> 
+      <van-swipe-item
+        class="flex justify-center swpiItem"
+        v-for="item in hotProductList"
+        :key="item.value"
+      >
+        <LoanHotCard
+          :inst_name="item.inst_name"
+          :product_name="item.product_name"
+          :rate_lower="item.rate_lower"
+          :max_date="item.max_date"
+          :max_amount="item.max_amount"
+          :uuid="item.uuid"
+        />
+      </van-swipe-item>
+    </van-swipe>
+  </Skeleton>
 </template>
 <script lang="ts" setup>
 import { ref } from "vue";
@@ -28,7 +28,7 @@ import {
 import { onMounted, PropType, reactive, watch } from "@vue/runtime-core";
 import { eLoanMode } from "@/views/withMenu/Loan/types";
 import { hotProduct } from "./type";
-import { Skeleton}  from "vant"
+import { Skeleton } from "vant";
 
 const props = defineProps({
   loanMode: {
@@ -37,28 +37,28 @@ const props = defineProps({
   },
 });
 
-let skeLoading = ref(false)
+let skeLoading = ref(true);
 let hotProductList: Array<hotProduct> = reactive([]);
 
-watch(props,(newV,oldV)=>{
+watch(props, (newV, oldV) => {
   console.log(props.loanMode);
-  hotProductList=[]
-  fetchList()
-})
+  hotProductList = [];
+  fetchList();
+});
 
 onMounted(() => {
-  fetchList()
+  fetchList();
 });
 
-const fetchList = ()=>{
-  skeLoading.value = true
-   queryLoanProductList({
+const fetchList = () => {
+  skeLoading.value = true;
+  queryLoanProductList({
     limit: 3,
     loan_type: props.loanMode!,
     offset: 0,
   }).then((ret) => {
     if (ret.code === 200) {
-      skeLoading.value = false
+      skeLoading.value = false;
       ret.data.uuid.map((uuid) => {
         queryLoanProductInfo({ uuid }).then((ret) => {
           const { rate_lower, max_amount, max_date, inst_name, product_name } =
@@ -69,13 +69,13 @@ const fetchList = ()=>{
             max_date,
             inst_name,
             product_name,
-            uuid
+            uuid,
           });
         });
       });
     }
   });
-}
+};
 </script>
 
 <style lang="less" scoped>

src/service/LoanProductService/index.ts

@@ -2,6 +2,8 @@ import baseAxios from '../index'
 import { eLoanMode } from '@/views/withMenu/Loan/types'
 import { iLoanProdcutItem } from "./type"
 
+const prefix = '/loan/query'
+
 export function queryLoanProductList(data: {
   limit: number,
   loan_type:eLoanMode
@@ -12,7 +14,7 @@ export function queryLoanProductList(data: {
     uuid: string[],
     total: number
   }>({
-    url: '/loan/query/list',
+    url: prefix+'/list',
     method: 'POST',
     data
   })
@@ -20,7 +22,7 @@ export function queryLoanProductList(data: {
 
 export function queryLoanProductInfo(data: { uuid: string }) {
   return baseAxios<iLoanProdcutItem>({
-    url: '/loan/query/info',
+    url: prefix+'/info',
     method: 'GET',
     params: data
   })
@@ -54,11 +56,22 @@ export function queryDirectLoanReq(data: {
     items: iLoanProdcutItem[]
     total: number
   }>({
-    url: '/loan/query/direct/list',
+    url: prefix+'/direct/list',
     method: 'POST',
     data,
   })
 }
 
+export function queryLimit() {
+  return baseAxios<{
+    en_max_amount:string,
+    en_rate_lower:string,
+    max_amount:string,
+  }>({
+    url: prefix+'/max_limit',
+    method: 'GET',
+  })
+}
+
 
 

src/views/withMenu/Loan/index.vue

@@ -38,7 +38,7 @@
               </span>
             </div>
             <span class="word27">¥</span>
-            <span class="txt14">1,000,000</span>
+            <span class="txt14">{{ limit.max_amount }}</span>
           </div>
         </div>
         <div class="outer55" v-else-if="eLoanMode.company === mode">
@@ -48,10 +48,10 @@
           </div>
           <div class="outer7 flex-row">
             <span class="info15">¥</span>
-            <span class="txt10">1,000,000</span>
+            <span class="txt10">{{ limit.en_max_amount }}</span>
           </div>
           <div class="outer8 flex-row">
-            <span class="word33">年利率最低4.35%</span>
+            <span class="word33">年利率最低{{ limit.en_rate_lower }}%</span>
             <div class="main22 flex-col"></div>
             <span class="word34">分秒必批</span>
             <div class="main22 flex-col"></div>
@@ -67,7 +67,7 @@
         title="贷款精选"
         @seeMore="$router.push({ name: 'LoanList', params: { mode: mode } })"
       />
-      <Skeleton :row="3" :loading="skeLoading">
+      <Skeleton :row="3" :loading="skeLoading" style="marginTop:20px">
         <LoanCard
           v-for="item in allProductList"
           :key="item.value"
@@ -84,24 +84,24 @@
       </Skeleton>
       <!-- 精彩活动 -->
       <template v-if="eLoanMode.personal === mode">
-      <group-title
-        class="mt-7"
-        title="精彩活动"
-        @click="$router.push({ name: 'ActivityList' })"
-      />
-      <Skeleton :loading="skeLoading" :row="3" class="mt-2">
-        <img
-          class="mx-5 mt-5 rounded-lg"
-          :src="src"
-          alt
-          @click="
-            $router.push({
-              name: 'ActivityDetail',
-              params: { uuid: uuid },
-            })
-          "
+        <group-title
+          class="mt-7"
+          title="精彩活动"
+          @click="$router.push({ name: 'ActivityList' })"
         />
-      </Skeleton>
+        <Skeleton :loading="skeLoading" :row="3" class="mt-2">
+          <img
+            class="mx-5 mt-5 rounded-lg"
+            :src="src"
+            alt
+            @click="
+              $router.push({
+                name: 'ActivityDetail',
+                params: { uuid: uuid },
+              })
+            "
+          />
+        </Skeleton>
       </template>
       <!-- 贷款资讯 -->
       <GroupTitle
@@ -115,7 +115,7 @@
   </div>
 </template>
 <script lang="ts" setup>
-import { defineComponent, ref } from "vue";
+import { defineComponent, ref, toRefs } from "vue";
 import { eLoanMode } from "./types";
 import LoanHotCard from "@/components/Loan/LoanHotCard/index.vue";
 import LoanHotSwipe from "@/components/Loan/LoanHotSwipe/index.vue";
@@ -131,6 +131,7 @@ import { Skeleton } from "vant";
 import {
   queryLoanProductList,
   queryLoanProductInfo,
+  queryLimit,
 } from "@/service/LoanProductService";
 
 const mode = ref(eLoanMode.personal);
@@ -141,7 +142,14 @@ const setMode = (v: eLoanMode) => {
 let allProductList: Array<simpleItemInfo> = reactive([]);
 const src = ref("");
 const uuid = ref("");
-const hotNews = ref([])
+const hotNews = ref([]);
+const limit = reactive({
+  en_max_amount: "",
+  en_rate_lower: "",
+  max_amount: "",
+  state: false,
+});
+
 watch(mode, () => {
   allProductList = [];
   fetchList();
@@ -154,7 +162,7 @@ const getNews = () => {
   }).then((res: any) => {
     hotNews.value = res.data.items;
   });
-}
+};
 
 const fetchActivityList = () => {
   skeLoading.value = true;
@@ -193,7 +201,25 @@ const fetchList = () => {
     }
   });
 };
+
+const formatLimit = (limit:string):string=>{
+  return Number(limit+'0000').toLocaleString()
+}
+
+const fetchLimit = () => {
+  limit.state = true;
+  queryLimit().then((ret) => {
+    if (ret.code == 200) {
+      const data = ret.data;
+      limit.max_amount = formatLimit(data.max_amount);
+      limit.en_max_amount = formatLimit(data.en_max_amount);
+      limit.en_rate_lower = data.en_rate_lower;
+    }
+  });
+};
+
 onMounted(() => {
+  fetchLimit();
   fetchList();
   fetchActivityList();
   getNews();