fix: CCBFNS-29

src/views/LoanDetail/index.vue

@@ -9,7 +9,7 @@ import leftBg from "@/assets/img/left_bg.png";
 import crown from "@/assets/img/crown.png";
 import { useRoute } from "vue-router";
 import { queryLoanProductInfo } from "@/service/LoanProductService/index"
-import { iLoanProdcutItem,eGuaranteeType } from "@/service/LoanProductService/type"
+import { iLoanProdcutItem, eGuaranteeType } from "@/service/LoanProductService/type"
 import { filterGuaranteeType } from "@/utils/guarantee-type"
 import { Skeleton } from "vant"
 import { iNearbyOutLet } from "@/service/AddressService/types"
@@ -42,41 +42,40 @@ export default defineComponent({
     const uuid = ref('')
     const min_amount = ref(0)
     const max_amount = ref(0)
-    const rate_lower= ref(0)
-    const rate_upper= ref(0)
-    const inst_name= ref('')
-    const product_name= ref('')
-    const min_date= ref(0)
-    const max_date= ref(0)
+    const rate_lower = ref(0)
+    const rate_upper = ref(0)
+    const inst_name = ref('')
+    const product_name = ref('')
+    const min_date = ref(0)
+    const max_date = ref(0)
     const guarantee_type = ref(eGuaranteeType.credit)
-    const products= ref('')
-    const features= ref('')
-    const apply_to= ref('')
-    const apply_cond= ref('')
-    const submit_cond= ref('')
+    const products = ref('')
+    const features = ref('')
+    const apply_to = ref('')
+    const apply_cond = ref('')
+    const submit_cond = ref('')
     const state = reactive({
       outletList: [] as iNearbyOutLet[],
       loading: false,
     })
 
-    const fetchBranch = async () => 
-        {
-          state.loading = true;
-          const ret = await AddressService.getInstance().getNearby({
-            bank_code: Number(process.env.VUE_APP_BANK_CODE),
-            number: 1,
-          })
-          if (ret.code === 200) {
-            state.outletList = ret.data;
-            console.log(state.outletList[0]);
-          }
-          state.loading = false;
-        }
+    const fetchBranch = async () => {
+      state.loading = true;
+      const ret = await AddressService.getInstance().getNearby({
+        bank_code: Number(process.env.VUE_APP_BANK_CODE),
+        number: 1,
+      })
+      if (ret.code === 200) {
+        state.outletList = ret.data;
+        console.log(state.outletList[0]);
+      }
+      state.loading = false;
+    }
 
     onMounted(() => {
       uuid.value = useRoute().params.uuid as string
-      queryLoanProductInfo({uuid:uuid.value}).then((ret)=>{
-        if(ret.code === 200){
+      queryLoanProductInfo({ uuid: uuid.value }).then((ret) => {
+        if (ret.code === 200) {
           console.log(ret);
           const productItem = ret.data
           min_amount.value = productItem.min_amount
@@ -95,7 +94,7 @@ export default defineComponent({
           submit_cond.value = productItem.submit_cond
         }
         fetchBranch()
-  
+
       })
 
       const barEle = document.querySelector(".theBar");
@@ -116,8 +115,8 @@ export default defineComponent({
           <div class="group1 flex-col">
             <NavBar
               title={"产品详情"}
-              iconColor="white"
-              style={{ 'background':' #2C3C92 !important', 'color': 'white' }}
+              iconColor={canSeeApplyBtn.value ? "white" : 'black'}
+              style={{ 'background': canSeeApplyBtn.value ? '#2C3C92 !important' : 'white !important', 'color': canSeeApplyBtn.value ? 'white' : 'black' }}
               showSecondIcon={true}
               occupyPosition={false}
             />
@@ -226,10 +225,10 @@ export default defineComponent({
                 </div>
               </div>
             </div>
-            <LoanDetailDescribe class=" mt-5" products={products.value} features={features.value} apply_to={apply_to.value} apply_cond={apply_cond.value} submit_cond={submit_cond.value}/>
+            <LoanDetailDescribe class=" mt-5" products={products.value} features={features.value} apply_to={apply_to.value} apply_cond={apply_cond.value} submit_cond={submit_cond.value} />
             <div class="title mx-5 mt-5" >营业网点</div>
-              <Skeleton loading={state.loading} row={4} class="mt-2">
-              { state.outletList[0]&&(
+            <Skeleton loading={state.loading} row={4} class="mt-2">
+              {state.outletList[0] && (
                 <branch
                   class="my-3 mx-5"
                   name={state.outletList[0].name}
@@ -244,7 +243,7 @@ export default defineComponent({
                 />
               )
               }
-              </Skeleton>
+            </Skeleton>
           </div>
           <div class="h-12"></div>
           <transition name="fade" mode="out-in">