贷款产品store

src/components/Loan/LoanHotSwipe/index.vue

@@ -62,6 +62,8 @@ const fetchList = () => {
         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,
@@ -77,6 +79,8 @@ const fetchList = () => {
       });
     }
   });
+  console.log('pro',state.hotProductList);
+  
 };
 </script>
 

src/store/loanModeStore.ts

+import { reactive } from "vue"
+import { eLoanMode } from "@/views/withMenu/Loan/types"
+
+export const loanMode = {
+  state: reactive({
+    mode: eLoanMode.personal
+  }),
+
+  setModeAction(newV: eLoanMode) {
+    this.state.mode = newV
+    console.log('newV',newV);
+    
+  }
+}
\ No newline at end of file

src/store/loanSearchResultStore.ts

+import { simpleItemInfo } from "@/views/withMenu/Loan/types"
+import { reactive } from "@vue/reactivity"
+
+export const loanSearchState = reactive({ result: [] as simpleItemInfo[] })
+export function setSearchResult(newV: simpleItemInfo) {
+  loanSearchState.result.push(newV)
+}
+
+export function clearSearchResult(){
+  loanSearchState.result=[]
+}

src/views/LoanList/index.vue

@@ -18,7 +18,7 @@
       @load="onLoad"
     >
       <LoanCard
-        v-for="item in state.list"
+        v-for="item in state"
         :key="item.value"
         :max_amount="item.max_amount"
         :product_name="item.product_name"
@@ -78,6 +78,11 @@ import {
 import { simpleItemInfo } from "@/views/withMenu/Loan/types";
 import { iLoanProdcutItem } from "@/service/LoanProductService/type";
 import { Skeleton } from "vant";
+import {
+  loanSearchState,
+  setSearchResult,
+  clearSearchResult,
+} from "@/store/loanSearchResultStore";
 
 export default defineComponent({
   components: {
@@ -90,9 +95,12 @@ export default defineComponent({
   },
   setup() {
     const mode = ref(+useRoute().params.mode);
+
     onMounted(() => {
+      if (loanSearchState.result.length == 0) {
         fetchList();
         fetchBanks();
+      }
     });
 
     const onLoad = () => {
@@ -112,8 +120,8 @@ export default defineComponent({
     const loading = ref(false);
     const finished = ref(false);
     const total = ref(0);
-    let state = reactive({
-      list: [] as simpleItemInfo[],
+    const state = computed(() => {
+      return loanSearchState.result;
     });
 
     const bankList = computed(() => {
@@ -136,7 +144,7 @@ export default defineComponent({
             queryLoanProductInfo({ uuid }).then((ret) => {
               const { max_amount, inst_name, uuid, features, product_name } =
                 ret.data;
-              state.list.push({
+              setSearchResult({
                 max_amount,
                 product_name,
                 features,
@@ -262,10 +270,10 @@ export default defineComponent({
     queryList() {
       this.loading = true;
       queryDirectLoanReq({
-        rate_lower: +this.reqParams.min!?+this.reqParams.min!:0,
-        rate_upper: +this.reqParams.max!?+this.reqParams.max!:1000,
-        min_amount: +this.reqParams.min2!?+this.reqParams.min2!:0,
-        max_amount: +this.reqParams.max2!?+this.reqParams.max2!:9999,
+        rate_lower: +this.reqParams.min! ? +this.reqParams.min! : 0,
+        rate_upper: +this.reqParams.max! ? +this.reqParams.max! : 1000,
+        min_amount: +this.reqParams.min2! ? +this.reqParams.min2! : 0,
+        max_amount: +this.reqParams.max2! ? +this.reqParams.max2! : 9999,
         bank_code: this.reqParams.selectedBanks[0],
         max_date: this.reqParams.selectedPerids[0]
           ? this.reqParams.selectedPerids[0].max_date
@@ -281,19 +289,18 @@ export default defineComponent({
       }).then((ret) => {
         if (ret.code == 200) {
           this.loading = false;
-          this.state.list = [];
-          const list = ret.data.items.map((item) => {
+          clearSearchResult();
+          ret.data.items.map((item) => {
             const { max_amount, inst_name, uuid, features, product_name } =
               item;
-            return {
+            setSearchResult({
               max_amount,
               product_name,
               features,
               inst_name,
               uuid,
-            };
             });
-          this.state.list = list;
+          });
         }
       });
     },

src/views/withMenu/Home/index.vue

@@ -21,7 +21,7 @@
           :features="features"
           :inst_name="inst_name"
           class="mt-5"
-          @click="$router.push({ name: 'LoanDetail', params: { uuid: uuid } })"
+          @click="$router.push({ name: 'LoanDetail', params: { uuid: hotLoanUuid } })"
         />
       </Skeleton>
       <group-title class="mt-7" title="精彩直播" />
@@ -39,7 +39,7 @@
           @click="
             $router.push({
               name: 'ActivityDetail',
-              params: { uuid: uuid },
+              params: { uuid: activityUuid },
             })
           "
         />
@@ -121,11 +121,12 @@ export default defineComponent({
       constants: {},
       hotNews: [],
       src: "",
-      uuid: "",
+      activityUuid: "",
       max_amount: 0,
       product_name: "",
       features: "",
       inst_name: "",
+      hotLoanUuid:""
     };
   },
   mounted() {
@@ -166,7 +167,7 @@ export default defineComponent({
       if (ret.code === 200) {
         this.skeLoading = false;
         this.src = getImageSrcFromFileHash(ret.data.items[0]?.file_name);
-        this.uuid = ret.data.items[0]?.uuid;
+        this.activityUuid = ret.data.items[0]?.uuid;
       }
     },
     async fetchLoanProductList() {
@@ -179,9 +180,11 @@ export default defineComponent({
       });
       if (ret.code === 200) {
         this.skeLoading = false;
-        this.uuid = ret.data.uuid[0];
-        const uuid = this.uuid;
-        queryLoanProductInfo({ uuid }).then((ret) => {
+        this.hotLoanUuid = ret.data.uuid[0];
+        const uuid = this.hotLoanUuid;
+        queryLoanProductInfo( {uuid} ).then((ret) => {
+          console.log('uuid',uuid);
+          
           if (ret.code === 200) {
             this.max_amount = ret.data.max_amount;
             this.inst_name = ret.data.inst_name;

src/views/withMenu/Loan/index.vue

@@ -10,7 +10,7 @@
                 color:
                   eLoanMode.personal === mode ? 'rgba(62, 79, 175, 1)' : '',
               }"
-              @click="setMode(eLoanMode.personal)"
+              @click="loanMode.setModeAction(eLoanMode.personal)"
               >个人贷</span
             >
             <span
@@ -18,7 +18,7 @@
               :style="{
                 color: eLoanMode.company === mode ? 'rgba(62, 79, 175, 1)' : '',
               }"
-              @click="setMode(eLoanMode.company)"
+              @click="loanMode.setModeAction(eLoanMode.company)"
               >企业贷</span
             >
           </div>
@@ -60,7 +60,7 @@
         </div>
       </div>
       <!-- 热门贷款 -->
-      <GroupTitle title="热门贷款" class="mt-2.5" v-if="count" />
+      <GroupTitle title="热门贷款" class="mt-2.5" v-if="count" iconName="" />
       <LoanHotSwipe :loanMode="mode" class="mt-5" />
       <!-- 非热门贷款 -->
       <GroupTitle
@@ -130,7 +130,13 @@ import GroupTitle from "@/components/GroupTitle/index.vue";
 import HotNews from "@/components/HotNews/index.vue";
 import { queryActivityList } from "@/service/ActivityService";
 import { getImageSrcFromFileHash } from "@/service/FileService";
-import { onMounted, PropType, reactive, watch } from "@vue/runtime-core";
+import {
+  computed,
+  onMounted,
+  PropType,
+  reactive,
+  watch,
+} from "@vue/runtime-core";
 import { getNewsList } from "@/service/NewsService/index";
 import { simpleItemInfo } from "./types";
 import { Skeleton } from "vant";
@@ -139,12 +145,10 @@ import {
   queryLoanProductInfo,
   queryLimit,
 } from "@/service/LoanProductService";
-
-const mode = ref(eLoanMode.personal);
+import { loanMode } from "@/store/loanModeStore";
+import { clearSearchResult } from "@/store/loanSearchResultStore"
 let skeLoading = ref(false);
-const setMode = (v: eLoanMode) => {
-  mode.value = v;
-};
+
 let state = reactive({ allProductList: [] as Array<simpleItemInfo> });
 const src = ref("");
 const uuid = ref("");
@@ -157,10 +161,18 @@ const limit = reactive({
 });
 const count = ref(0);
 
-watch(mode, () => {
+const mode = computed(() => {
+  return loanMode.state.mode;
+});
+
+watch(
+  () => loanMode.state.mode,
+  () => {
     state.allProductList = [];
+    clearSearchResult();
     fetchList();
-});
+  }
+);
 
 const getNews = () => {
   getNewsList({
@@ -218,7 +230,7 @@ const fetchList = () => {
       });
     }
   });
-  count.value = 0
+  count.value = 0;
 };
 
 const formatLimit = (limit: string): string => {