|
|
|
@@ -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> |