update:热门贷款查询

src/components/Loan/LoanHotSwipe/index.vue

 <template>
   <Skeleton :row="3" :loading="skeLoading">
-    <van-swipe class="my-swipe" indicator-color="#3E4FAF" style="margin-top:20px"> 
+    <van-swipe
+      class="my-swipe"
+      indicator-color="#3E4FAF"
+      style="margin-top: 20px"
+    >
       <van-swipe-item
         class="flex justify-center swpiItem"
         v-for="item in state.hotProductList"
@@ -29,6 +33,7 @@ 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 { eProductStatus } from "@/service/LoanProductService/type";
 
 const props = defineProps({
   loanMode: {
@@ -38,7 +43,7 @@ const props = defineProps({
 });
 
 let skeLoading = ref(true);
-let state = reactive({hotProductList: [] as Array<hotProduct>})
+let state = reactive({ hotProductList: [] as Array<hotProduct> });
 
 watch(props, (newV, oldV) => {
   state.hotProductList = [];
@@ -55,32 +60,35 @@ const fetchList = () => {
     limit: 3,
     loan_type: props.loanMode!,
     offset: 0,
+    product_status: eProductStatus.hot,
   }).then((ret) => {
     if (ret.code === 200) {
       skeLoading.value = false;
       ret.data.uuid.map((uuid) => {
         queryLoanProductInfo({ uuid }).then((ret) => {
-          const { rate_lower, max_amount, max_date, inst_name, product_name,product_status } =
-            ret.data;
-            console.log('status',product_status);
-            
-          if( product_status == 3){
-            state.hotProductList.push({
-              rate_lower,
-              max_amount,
-              max_date,
-              inst_name,
-              product_name,
-              uuid,
-              product_status
-            });
-          }
+          const {
+            rate_lower,
+            max_amount,
+            max_date,
+            inst_name,
+            product_name,
+            product_status,
+          } = ret.data;
+
+          state.hotProductList.push({
+            rate_lower,
+            max_amount,
+            max_date,
+            inst_name,
+            product_name,
+            uuid,
+            product_status,
+          });
         });
       });
     }
   });
-  console.log('pro',state.hotProductList);
-  
+  console.log("pro", state.hotProductList);
 };
 </script>
 

src/service/LoanProductService/index.ts

 import baseAxios from '../index'
 import { eLoanMode } from '@/views/withMenu/Loan/types'
-import { iLoanProdcutItem } from "./type"
+import { iLoanProdcutItem,eProductStatus } from "./type"
 
 const prefix = '/loan/query'
 
 export function queryLoanProductList(data: {
   limit: number,
-  loan_type:eLoanMode
+  loan_type:eLoanMode,
+  product_status:eProductStatus,
   offset: number
 }) {
   return baseAxios<{

src/service/LoanProductService/type.ts

@@ -10,7 +10,7 @@ export interface iLoanProdcutItem{
   min_amount: number,
   min_date: number,
   product_name: string,
-  product_status: number,
+  product_status: eProductStatus,
   loan_type: number,
   products: string,
   rate_lower: number,
@@ -20,6 +20,14 @@ export interface iLoanProdcutItem{
   uuid: string
  }
 
+ export enum eProductStatus{
+  all=0,
+  unpublished=1,
+  normal=2,
+  hot=3,
+  published=4
+}
+
  export enum eGuaranteeType{
   credit=1,
   mortgage=2,

src/views/withMenu/Home/index.vue

@@ -81,6 +81,7 @@ import {
 } from "@/service/LoanProductService";
 import { number } from "bitcoinjs-lib/types/script";
 import { Skeleton } from "vant";
+import { eProductStatus } from "@/service/LoanProductService/type";
 
 export default defineComponent({
   components: {
@@ -186,6 +187,7 @@ export default defineComponent({
         limit: 1,
         offset: 0,
         loan_type: 2,
+        product_status:eProductStatus.hot
       });
       if (ret.code === 200) {
         this.skeLoading = false;

src/views/withMenu/Loan/index.vue

@@ -154,6 +154,7 @@ import {
 } from "@/service/LoanProductService";
 import { loanMode } from "@/store/loanModeStore";
 import { clearSearchResult } from "@/store/loanSearchResultStore";
+import { eProductStatus } from "@/service/LoanProductService/type";
 let skeLoading = ref(false);
 
 let state = reactive({ allProductList: [] as Array<simpleItemInfo> });
@@ -209,9 +210,10 @@ const fetchList = () => {
   // 取前7贷款产品遍历
   skeLoading.value = true;
   queryLoanProductList({
-    limit: 8,
+    limit: 4,
     loan_type: mode.value,
     offset: 0,
+    product_status:eProductStatus.normal
   }).then((ret) => {
     if (ret.code === 200) {
       skeLoading.value = false;
@@ -225,18 +227,14 @@ const fetchList = () => {
             product_name,
             product_status,
           } = ret.data;
-          if (count.value < 5) {
-            if (product_status == 2) {
-              count.value = count.value + 1;
-              state.allProductList.push({
-                max_amount,
-                product_name,
-                features,
-                inst_name,
-                uuid,
-              });
-            }
-          }
+          count.value = count.value + 1;
+          state.allProductList.push({
+            max_amount,
+            product_name,
+            features,
+            inst_name,
+            uuid,
+          });
         });
       });
     }