🚀 对接后台接口

src/views/system/user/userInfo/index.vue

@@ -15,12 +15,12 @@
                    src="https://godolphinx.org/dolphin1024x1024.png"
                    :size="80"
           />
-          <h2>管理员</h2>
+          <h2>{{ getUserInfo.nickName }}</h2>
-          <p>全栈工程师</p>
+          <p>{{ getUserInfo.remarks }}</p>
           <a-button preIcon="fa6-solid:id-badge"
                     type="primary"
                     shape="round"
-          >admin</a-button>
+          >{{ getUserInfo.userName }}</a-button>
         </div>
         <ADivider/>
         <div class="user-info-main">
@@ -32,25 +32,25 @@
               <template #label>
                 <Icon icon="fa6-solid:building"/>
               </template>
-              研发部
+              {{ getUserInfo.deptName }}
             </ADescriptionsItem>
             <ADescriptionsItem span="24">
               <template #label>
                 <Icon icon="fa6-solid:envelope"/>
               </template>
-              1827945911@qq.com
+              {{ getUserInfo.email }}
             </ADescriptionsItem>
             <ADescriptionsItem span="24">
               <template #label>
                 <Icon icon="fa6-solid:mobile"/>
               </template>
-              15374801233
+              {{ getUserInfo.phone }}
             </ADescriptionsItem>
             <ADescriptionsItem span="24">
               <template #label>
                 <Icon icon="fa6-solid:venus-double"/>
               </template>
-              男
+              {{ ~~getUserInfo.sex === 0 ? '男' : '女' }}
             </ADescriptionsItem>
             <ADescriptionsItem span="24">
               <template #label>
@@ -76,8 +76,8 @@
                :active-tab-key="state.currentCardKey"
                @tabChange="key => state.currentCardKey = key"
         >
-          <BasicForm v-if="state.currentCardKey === 'baseInfo'" @register="registerForm"/>
+          <BasicForm v-show="state.currentCardKey === 'baseInfo'" @register="registerForm"/>
-          <p v-if="state.currentCardKey === 'uploadAvatar'">上传头像待开发中。。。</p>
+          <p v-show="state.currentCardKey === 'uploadAvatar'">上传头像待开发中。。。</p>
         </ACard>
       </ACard>
     </PageWrapper>
@@ -152,6 +152,8 @@
     }
   }
 
+  const getUserInfo = computed((): User & any => state.userInfo ? state.userInfo : {});
+
   const getLabelStyle = computed((): CSSProperties => ({
     fontSize: '14px',
     display: 'inline',