fix

src/views/LoanList/index.vue

@@ -2,12 +2,7 @@
   <div class="page">
     <NavBar title="全部产品" />
     <div class="layer1 flex-col">
-      <GroupTitle
-        class="mt-4"
-        title="产品精选"
-        iconName="icon-shaixuan"
-        @filter="showFilter"
-      />
+      <GroupTitle class="mt-4" title="产品精选" iconName="icon-shaixuan" @filter="showFilter" />
     </div>
     <!-- 产品列表 -->
     <van-list
@@ -19,7 +14,7 @@
     >
       <LoanCard
         v-for="item in state"
-        :key="item.value"
+        :key="item.uuid"
         :max_amount="item.max_amount"
         :product_name="item.product_name"
         :features="item.features"
@@ -153,24 +148,34 @@ export default defineComponent({
         limit: LIST_SIZE,
         offset: offset.value,
         loan_type: mode.value,
-        product_status:eProductStatus.published
+        product_status: eProductStatus.published
       }).then((ret) => {
         loading.value = false;
         if (ret.code === 200) {
           total.value = ret.data.total;
+
+          const promiseList = [] as Promise<any>[];
+
           ret.data.uuid.map((uuid) => {
-            queryLoanProductInfo({ uuid }).then((ret) => {
+            const promise = queryLoanProductInfo({ uuid }).then((ret) => {
               const { max_amount, inst_name, uuid, features, product_name } =
                 ret.data;
-              setSearchResult({
+              return {
                 max_amount,
                 product_name,
                 features,
                 inst_name,
                 uuid,
+              };
             });
-            });
-          });
+            promiseList.push(promise);
+          }
+          );
+          Promise.all(promiseList).then((list) => {
+            list.forEach(i => {
+              setSearchResult(i)
+            })
+          })
         }
       });
     };
@@ -198,9 +203,9 @@ export default defineComponent({
     return {
       show: false,
       peridList: [
-        { id: { date:1 }, name: "1年" },
-        { id: { date:3 }, name: "3年" },
-        { id: { date:10 }, name: "10年" },
+        { id: { date: 1 }, name: "1年" },
+        { id: { date: 3 }, name: "3年" },
+        { id: { date: 10 }, name: "10年" },
       ],
       typeList: [
         { id: { guarantee_type: 1 }, name: "信用" },
@@ -314,11 +319,11 @@ export default defineComponent({
     queryList() {
       this.loading = true;
       queryDirectLoanReq({
-        rate:+this.reqParams.min!? +this.reqParams.min!:0,
+        rate: +this.reqParams.min! ? +this.reqParams.min! : 0,
         min_amount: +this.reqParams.min2! ? +this.reqParams.min2! : 0,
         max_amount: +this.reqParams.max2! ? +this.reqParams.max2! : 9999,
         bank_code: this.reqParams.selectedBanks[0],
-        date:this.reqParams.selectedPerids[0]?this.reqParams.selectedPerids[0].date:undefined,
+        date: this.reqParams.selectedPerids[0] ? this.reqParams.selectedPerids[0].date : undefined,
         loan_type: this.mode,
         product_status: 4,
         guarantee_type: this.reqParams.selectedTypes[0]