no message

src/views/personalCenter/components/LeftView.vue

 <template>
     <div class="flex flex flex-col w-[198px]">
         <div class="h-full bg-[#F9F9F7] rounded-[14px]">
-            <template v-if="userInfo">
             <div class="mt-[37px] flex justify-center items-center">
                 <a-avatar class="LeftViewImg cursor-pointer flex-shrink-0 !w-[80px] !h-[80px]">
                     <img class="w-full h-full cursor-pointer"
                         alt="avatar"
-                            :src="userInfo.photo || systemConfigStore.config?.logo || 'https://p1-arco.byteimg.com/tos-cn-i-uwbnlip3yd/3ee5f13fb09879ecb5185e440cef6eb9.png~tplv-uwbnlip3yd-webp.webp'"
+                        :src="userInfo?.photo || systemConfigStore?.config?.logo || 'https://p1-arco.byteimg.com/tos-cn-i-uwbnlip3yd/3ee5f13fb09879ecb5185e440cef6eb9.png~tplv-uwbnlip3yd-webp.webp'"
                     />
                 </a-avatar>
             </div>
-                <div class="mt-[13px] text-lg font-medium text-center truncate">{{ userInfo.name }}</div>
+            <div class="mt-[13px] text-lg font-medium text-center truncate">{{ userInfo?.name || '' }}</div>
             <div class="flex justify-center items-center mt-[10px] cursor-pointer"
             @click="goPage('/accountCenter')">
-                    <span v-if="!userInfo.IsComplete" class="LeftViewTisp w-[6px] h-[6px] rounded-full"></span>
+                <span v-if="!userInfo?.IsComplete" class="LeftViewTisp w-[6px] h-[6px] rounded-full"></span>
                 <span class="LeftViewData ml-[5px] text-sm font-medium text-[#666]">
                     {{ t('personal.completeProfile') }}
                     >>
                 </span>
             </div>
-
             <a-divider class="border-[#ECECE7]"/>
             <div class="flex items-center cursor-pointer py-[7px] rounded-[8px] pl-[27px] mb-[5px]">
                 <img src="../../../assets/images/personal/doc1.png" alt="avatar" 
@@ -39,7 +37,6 @@
                     </span>
                 </div>
             </div>
-            </template>
 
             <a-divider class="border-[#ECECE7]"/>
             <div class="flex items-center cursor-pointer py-[7px] rounded-[8px] pl-[27px] mb-[5px]">