feat:添加过期时间

src/components/layout/index.module.less

@@ -110,7 +110,8 @@
   // position: relative;
   background-color: #f1f5ff;
   border-radius: 20px 0px 0px 20px;
-  div, p {
+  div,
+  p {
     position: relative;
     z-index: 1;
   }
@@ -356,8 +357,8 @@
       flex-direction: column;
 
       .roleType {
-        margin-top: 3px;
         font-size: max(12px, 11px);
+        margin-left: 4px;
         color: #2089ff;
         background: #e8f4ff;
         border-radius: 3px;
@@ -365,6 +366,19 @@
         padding: 0 4px;
         line-height: 1.3;
       }
+
+      .nameWrap {
+        display: flex;
+        align-items: center;
+      }
+
+      .membershipWrap {
+        font-size: max(16px, 14px);
+        color: #198CFE;
+        span {
+          color: #EA4132;
+        }
+      }
     }
   }
 

src/components/layout/layoutTop.tsx

@@ -344,18 +344,28 @@ export default defineComponent({
                   src={info.value.avatar ? info.value.avatar : teacherIcon}
                   previewDisabled></NImage>
                 <div class={styles.userInfos}>
-                  <NTooltip class={styles.nameTool}>
-                    {{
-                      trigger: () => (
-                        <p class={styles.teacherName}>{info.value.nickname}</p>
-                      ),
-                      default: () => info.value.nickname
-                    }}
-                  </NTooltip>
-                  {info.value.teacherJobType && (
-                    <span class={styles.roleType}>
-                      {teacherJobType[info.value.teacherJobType]}
-                    </span>
+                  <div class={styles.nameWrap}>
+                    <NTooltip class={styles.nameTool}>
+                      {{
+                        trigger: () => (
+                          <p class={styles.teacherName}>
+                            {info.value.nickname}
+                          </p>
+                        ),
+                        default: () => info.value.nickname
+                      }}
+                    </NTooltip>
+                    {info.value.teacherJobType && (
+                      <span class={styles.roleType}>
+                        {teacherJobType[info.value.teacherJobType]}
+                      </span>
+                    )}
+                  </div>
+                  {info.value.membershipEndTime && (
+                    <div class={styles.membershipWrap}>
+                      {info.value.membershipEndTime}
+                      <span>到期</span>
+                    </div>
                   )}
                 </div>
               </div>
@@ -406,7 +416,7 @@ export default defineComponent({
                 class={styles.logoutInfo}
                 onClick={() => {
                   users.logout();
-                  router.replace('/login')
+                  router.replace('/login');
                   // .then(() => {
                   //   window.location.reload();
                   // });