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'"
-                        />
-                    </a-avatar>
-                </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 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" 
-                    class="w-[22px] h-[22px] cursor-pointer"/>
-                    <span class="ml-[13px] text-base font-medium SourceHanSansBOLD">
-                        {{ t('personal.orderCenter') }}
+            <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'"
+                    />
+                </a-avatar>
+            </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 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" 
+                class="w-[22px] h-[22px] cursor-pointer"/>
+                <span class="ml-[13px] text-base font-medium SourceHanSansBOLD">
+                    {{ t('personal.orderCenter') }}
+                </span>
+            </div>
+            <div v-for="(item,index) in menuList" class="px-[22px] relative">
+                <div class="LeftView-menu flex items-center cursor-pointer py-[7px] rounded-[8px]  SourceHanSansCN"
+                :class="[activeMenu==item.key?'active':'']"
+                v-if="item.key=='myOrder'"
+                @click="goPage(item.path)">
+                    <div class="w-[22px] h-[22px] cursor-pointer"></div>
+                    <span class="ml-[18px] text-sm font-light">
+                        {{ item.name }}
                     </span>
                 </div>
-                <div v-for="(item,index) in menuList" class="px-[22px] relative">
-                    <div class="LeftView-menu flex items-center cursor-pointer py-[7px] rounded-[8px]  SourceHanSansCN"
-                    :class="[activeMenu==item.key?'active':'']"
-                    v-if="item.key=='myOrder'"
-                    @click="goPage(item.path)">
-                        <div class="w-[22px] h-[22px] cursor-pointer"></div>
-                        <span class="ml-[18px] text-sm font-light">
-                            {{ item.name }}
-                        </span>
-                    </div>
-                </div>
-            </template>
+            </div>
 
             <a-divider class="border-[#ECECE7]"/>
             <div class="flex items-center cursor-pointer py-[7px] rounded-[8px] pl-[27px] mb-[5px]">