update:贷款-网点

src/components/NavBar/index.vue

@@ -18,6 +18,7 @@
           name="icon-kefu"
           class="absolute left-11"
           size="18"
+          @click="$router.push({name:'Chat'})"
           :color="iconColor"
         />
         <icon

src/views/LoanDetail/index.vue

@@ -11,6 +11,9 @@ import { useRoute } from "vue-router";
 import { queryLoanProductInfo } from "@/service/LoanProductService/index"
 import { iLoanProdcutItem,eGuaranteeType } from "@/service/LoanProductService/type"
 import { filterGuaranteeType } from "@/utils/guarantee-type"
+import { Skeleton } from "vant"
+import { iNearbyOutLet } from "@/service/AddressService/types"
+import AddressService from "@/service/AddressService"
 
 function isInViewPort(element: HTMLElement, barHeight: number) {
   const viewWidth = window.innerWidth || document.documentElement.clientWidth;
@@ -30,6 +33,7 @@ export default defineComponent({
     LoanDetailDescribe,
     Branch,
     Transition,
+    Skeleton
   },
   setup() {
     const applyEl = ref();
@@ -50,6 +54,24 @@ export default defineComponent({
     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;
+        }
 
     onMounted(() => {
       uuid.value = useRoute().params.uuid as string
@@ -72,6 +94,8 @@ export default defineComponent({
           apply_cond.value = productItem.apply_cond
           submit_cond.value = productItem.submit_cond
         }
+        fetchBranch()
+  
       })
 
       const barEle = document.querySelector(".theBar");
@@ -203,8 +227,24 @@ export default defineComponent({
               </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}/>
-            <div class="title mx-5 mt-5">营业网点</div>
-            <Branch class=" mx-5 mt-2.5 mb-4" />
+            <div class="title mx-5 mt-5" >营业网点</div>
+              <Skeleton loading={state.loading} row={4} class="mt-2">
+              { state.outletList[0]&&(
+                <branch
+                  class="my-3 mx-5"
+                  name={state.outletList[0].name}
+                  distance={state.outletList[0].distance}
+                  is_normal_work={state.outletList[0].is_normal_work}
+                  latitude={state.outletList[0].latitude}
+                  location={state.outletList[0].location}
+                  longitude={state.outletList[0].longitude}
+                  opening_hours={state.outletList[0].opening_hours}
+                  weekend_status={state.outletList[0].weekend_status}
+                  outlet_id={state.outletList[0].outlet_id}
+                />
+              )
+              }
+              </Skeleton>
           </div>
           <div class="h-12"></div>
           <transition name="fade" mode="out-in">