用户详情

qwh5/src/main.ts

@@ -5,7 +5,7 @@ import store from './store'
 import ElementPlus from 'element-plus'
 import 'element-plus/dist/index.css'
 // import * as ElementPlusIconsVue from '@element-plus/icons-vue'
-import { Icon } from 'vant';
+import { Icon, Loading } from 'vant';
 import 'vant/lib/index.css';
 import './styles/index.scss'
 import axios from './utils/axios';
@@ -16,7 +16,7 @@ const app = createApp(App)
 //   app.component(key, component)
 // }
 
-app.use(Icon).use(ElementPlus).use(store).use(router).mount('#app')
+app.use(Loading).use(Icon).use(ElementPlus).use(store).use(router).mount('#app')
 
 app.config.globalProperties.$axios = axios;//全局挂载方法
 app.config.globalProperties.$getWxConfig = getWxConfig;//全局挂载方法

qwh5/src/views/userPortrait.vue

@@ -1,6 +1,6 @@
 <template>
   <div class="container">
-    <div class="user_portrait_container">
+    <div class="user_portrait_container" v-if="pageLoading">
       <div class="sidePadding">
         <div class="userImgBox">
           <img :src="userInfo.avatar" class="userImg" alt="">
@@ -107,6 +107,7 @@
         </div>
       </div>
     </div>
+    <van-loading v-else type="spinner" color="#00b38a" class="pageStyleLoading"/>
     <!-- 标签 -->
     <van-dialog v-model:show="tag_visible" title="选择标签" show-cancel-button :before-close="onBeforeClose" @confirm="confirm_tag" confirmButtonColor="#00b38a">
       <!-- 标签内容 -->
@@ -140,6 +141,7 @@ export default {
     const h5CustomerOrderList = ref([])
     const configInfo = ref(null)
     const self_url = ref()
+    const pageLoading = ref(false)    
     // const configInfo = {
     //   corpid:'wwc8d3e33f8e096671',
     //   external_userid:'wmezvKNwAAF17OWc13Hg6X0ob31ijZmg',
@@ -147,6 +149,7 @@ export default {
     // }
     onBeforeMount(() => {//组件挂载之前
       if(getQueryString('againJump')){
+        pageLoading.value = true;
         getWxConfig(()=>{
           self_url.value = window.location.href
           getCurExternalContact()//获取企业外部联系人ID
@@ -168,9 +171,7 @@ export default {
     // (proxy as any).$getAuthInfo(()=>{
     //   console.log('hhhh')
     // })
-      get_user_info()//客户详情
-      get_h5CustomerDynamicList()//动态
-      get_h5CustomerOrderList()//订单
+      
       // getCurExternalContact()
     });
     function _closeTag (arr) {//回调
@@ -256,6 +257,9 @@ export default {
         }, function(res){
         if(res.err_msg == "getCurExternalContact:ok"){
             configInfo.value.external_userid = res.userId;
+            get_user_info()//客户详情
+            get_h5CustomerDynamicList()//动态
+            get_h5CustomerOrderList()//订单
         }else {
             //错误处理
         }
@@ -269,6 +273,7 @@ export default {
       user_tab,
       tag_visible,
       configInfo,
+      pageLoading,
       userInfo,
       h5CustomerDynamicList,
       h5CustomerOrderList,
@@ -533,16 +538,15 @@ export default {
     }
   }
 }
-</style>
-<style lang="scss">
-.self_dialog{
-  width:80%;
-  .el-dialog__header{
-    padding: 10px !important;
-    margin-right: 0;
-  }
-  .el-dialog__body{
-    padding:10px !important;
-  }
+.pageStyleLoading{
+    width: 100px;
+    height: 100px;
+    text-align: center;
+    position: absolute;
+    top: 0;
+    bottom: 0;
+    left: 0;
+    right: 0;
+    margin: auto;
 }
 </style>