From 78965f0f9927783e7aaac26609c038d1a5579623 Mon Sep 17 00:00:00 2001
From: yuan <wang.yuan@joydata.com>
Date: Mon, 8 Jan 2024 18:14:41 +0800
Subject: [PATCH] =?UTF-8?q?=E4=BF=AE=E5=A4=8D=E9=80=9A=E8=AE=AF=E5=BD=95?=
 =?UTF-8?q?=E5=88=97=E8=A1=A8=E9=A1=B5=E9=9D=A2?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/pages/contact/index.vue | 42 +++++++++++++++++++------------------
 1 file changed, 22 insertions(+), 20 deletions(-)

diff --git a/src/pages/contact/index.vue b/src/pages/contact/index.vue
index ad7b70c..ef8b396 100644
--- a/src/pages/contact/index.vue
+++ b/src/pages/contact/index.vue
@@ -132,27 +132,29 @@ const generateContactGroupList = (contactList: ContactData[]) => {
     </View>
 
 
-    <View v-if="state.isAuthError">
-      <nut-empty description="连接出现问题，请稍后重试">
-        <div style="margin-top: 10px">
-          <nut-button type="default" @tap="onAuthErrorRefresh">刷新</nut-button>
-        </div>
-      </nut-empty>
-    </View>
-    <View v-else-if="state.isContactDataLoadError">
-      <nut-empty description="连接出现问题，请稍后重试">
-        <div style="margin-top: 10px">
-          <nut-button type="default" @tap="onContactDataLoadErrorRefresh">刷新</nut-button>
-        </div>
-      </nut-empty>
-    </View>
-    <View class="scroll 100vh" v-else>
-      <view class="scroll 100vh" v-if="!state.isContactDataLoading">
-        <Contact :items="state.contactGroupedList"/>
-      </view>
-      <View v-else class="d-flex flex-column">
-        <NutSkeleton v-for="_ in 10" class="p-3" height="15px" animated avatar avatar-size="50px" row="1"/>
+    <View class="scroll 100vh" v-if="!state.isContactDataLoading">
+      <Contact :items="state.contactGroupedList" v-if="!state.isAuthError && !state.isContactDataLoadError"/>
+      <View v-else>
+        <View v-if="state.isAuthError">
+          <nut-empty description="连接出现问题，请稍后重试">
+            <div style="margin-top: 10px">
+              <nut-button type="default" @tap="onAuthErrorRefresh">刷新</nut-button>
+            </div>
+          </nut-empty>
+        </View>
+        <View v-else-if="state.isContactDataLoadError">
+          <nut-empty description="连接出现问题，请稍后重试">
+            <div style="margin-top: 10px">
+              <nut-button type="default" @tap="onContactDataLoadErrorRefresh">刷新</nut-button>
+            </div>
+          </nut-empty>
+        </View>
+        <View v-else></View>
       </View>
     </View>
+    <View v-else class="d-flex flex-column">
+      <NutSkeleton v-for="_ in 10" class="p-3" height="15px" animated avatar avatar-size="50px" row="1"/>
+    </View>
+
   </view>
 </template>