fix:贷款额度

src/components/PopUpContent/LoanFilter/index.vue

@@ -14,9 +14,10 @@
           <div class="word24">
             <input
               v-model.number="min_"
+              @blur="checkMin1"
               type="number"
               placeholder="最低利率"
-              class="bg-transparent w-full"
+              class="bg-transparent w-full text-center"
             />
           </div>
           <div class="word25">%</div>
@@ -29,8 +30,9 @@
             <input
               type="number"
               v-model.number="max_"
+              @blur="checkMax1"
               placeholder="最高利率"
-              class="bg-transparent w-full"
+              class="bg-transparent w-full text-center"
             />
           </div>
           <div class="word26">%</div>
@@ -44,9 +46,10 @@
           <div class="word24">
             <input
               v-model.number="min_2"
+              @blur="checkMin2"
               type="number"
-              placeholder=""
-              class="bg-transparent w-full"
+              placeholder="0"
+              class="bg-transparent w-full text-center"
             />
           </div>
         </div>
@@ -58,8 +61,9 @@
             <input
               type="number"
               v-model.number="max_2"
-              placeholder=""
-              class="bg-transparent w-full"
+              @blur="checkMax2"
+              placeholder="9999"
+              class="bg-transparent w-full text-center"
             />
           </div>
         </div>
@@ -72,7 +76,7 @@
       :selecteds="selectedTypes"
       :setSelecteds="setSelectedTypes"
     />
-    <div class="group-title mt-8">期限</div>
+    <div class="group-title mt-8">最长期限</div>
     <SelectList
       class="mt-5"
       :list="peridList"
@@ -120,6 +124,17 @@ export default defineComponent({
       required: true,
     },
   },
+  methods:{
+    checkMin1(){
+      if(this.min_){
+        console.log('blur');
+        this.setMin(this.min);
+        console.log('blur',this.min,this.min_);
+        
+        // this.min_ = +Number.parseFloat(this.min_ as string).toFixed(2)
+      }
+    }
+  },
   computed: {
     min_: {
       get(): number | string | undefined {

src/views/LoanList/index.vue

@@ -50,8 +50,9 @@
         :setSelectedTypes="(v) => (selectedTypes = v)"
         :min="min"
         :max="max"
-        :setMin="(v) => (min = v)"
-        :setMax="(v) => (max = v)"
+
+        :setMin="(v) => (min = +Number.parseFloat(v).toFixed(2))"
+        :setMax="(v) => (max = +Number.parseFloat(v).toFixed(2))"
         :min2="min2"
         :max2="max2"
         :setMin2="(v) => (min2 = v)"
@@ -114,7 +115,7 @@ export default defineComponent({
     onUnmounted(() => {
       /* 返回Loan主页时需清空list */
       if (useRoute().name === "Loan") {
-        clearSearchResult()
+        clearSearchResult();
       }
     });