ike-weblca-html 2.2.17 → 2.2.19

package/src/IkeWebHeader.js

@@ -1,6 +1,7 @@
 import { css, html, LitElement } from 'lit-element'
 import { property } from 'lodash-es'
 import cookies from 'js-cookie'
+import { getResponseErrorMessage, REQUEST_ERROR_EVENT } from './js/requestError'
 
 /**
  * IkeWebHeader - Web LCA 网站头部组件
@@ -455,7 +456,7 @@ export class IkeWebHeader extends LitElement {
     首届CBPC供应商产品碳足迹管理能力大赛:
       '首届CBPC供应商产品碳足迹管理能力大赛',
     登录: '登录',
-    个人中心: '个人中心',
+    个人主页: '个人主页',
   }
 
   /** 繁体中文语言包 */
@@ -474,7 +475,7 @@ export class IkeWebHeader extends LitElement {
     首届CBPC供应商产品碳足迹管理能力大赛:
       '首屆CBPC供應商產品碳足迹管理能力大賽',
     登录: '登录',
-    个人中心: '个人中心',
+    个人主页: '个人主页',
   }
 
   /** 英文语言包 */
@@ -494,7 +495,7 @@ export class IkeWebHeader extends LitElement {
     首届CBPC供应商产品碳足迹管理能力大赛:
       'First CBPC Supplier Product Carbon Footprint Management Capability Competition',
     登录: 'Login',
-    个人中心: 'Personal Center',
+    个人主页: 'Personal Center',
   }
 
   /** 当前使用的国际化对象 */
@@ -540,6 +541,8 @@ export class IkeWebHeader extends LitElement {
 
   _documentClickHandler = null
 
+  _requestErrorHandler = null
+
   /** 未读消息数量 */
   messageCount = 0
 
@@ -568,6 +571,14 @@ export class IkeWebHeader extends LitElement {
     }
 
     super.connectedCallback()
+    this._requestErrorHandler = (event) => {
+      const message =
+        (event.detail && event.detail.message) || '请求失败，请稍后重试'
+      if (this.permissionModalMessage !== message) {
+        this._showPermissionModal(message)
+      }
+    }
+    window.addEventListener(REQUEST_ERROR_EVENT, this._requestErrorHandler)
     this.fetchData()
     if (this.isLoggedIn) {
       this.fetchUserSummary()
@@ -581,6 +592,9 @@ export class IkeWebHeader extends LitElement {
     if (this._documentClickHandler) {
       document.removeEventListener('click', this._documentClickHandler)
     }
+    if (this._requestErrorHandler) {
+      window.removeEventListener(REQUEST_ERROR_EVENT, this._requestErrorHandler)
+    }
     super.disconnectedCallback()
   }
 
@@ -589,6 +603,9 @@ export class IkeWebHeader extends LitElement {
     try {
       const response = await fetch(this._getOrganizationByDomainUrl())
       const jsonData = await response.json()
+      if (this._hasResponseError(response, jsonData, '获取机构配置失败')) {
+        return
+      }
       let data = jsonData.data // 将获取到的数据保存到 data 属性中
       if (data && data.personalizedConfigJson) {
         this.personalizedConfigJson = JSON.parse(data.personalizedConfigJson)
@@ -614,10 +631,17 @@ export class IkeWebHeader extends LitElement {
       setTimeout(() => this.requestUpdate())
       // this.requestUpdate(); // 更新组件以触发重新渲染
     } catch (error) {
-      // console.error('Error fetching data:', error);
+      this._showPermissionModal('获取机构配置失败')
     }
   }
 
+  _hasResponseError(response, payload, fallbackMessage) {
+    const message = getResponseErrorMessage(response, payload, fallbackMessage)
+    if (!message) return false
+    this._showPermissionModal(message)
+    return true
+  }
+
   _getUserSummaryUrl() {
     return this._isLocalEnvironment()
       ? 'http://192.168.10.30:41000/ef_weblca/User/GetUserSummaryByHomePage'
@@ -767,11 +791,7 @@ export class IkeWebHeader extends LitElement {
         return
       }
       const res = await response.json()
-      const code = res.Code || res.code
-      if (Number(code) !== 200) {
-        this._showPermissionModal(
-          res.Message || res.message || '无对应系统权限'
-        )
+      if (this._hasResponseError(response, res, '无对应系统权限')) {
         return
       }
     } catch (err) {
@@ -795,6 +815,9 @@ export class IkeWebHeader extends LitElement {
       })
 
       const res = await response.json()
+      if (this._hasResponseError(response, res, '跨系统跳转失败')) {
+        return
+      }
       if (res.success && res.data) {
         const { sc, timestamp, sign } = res.data
         // 拼接参数
@@ -803,12 +826,13 @@ export class IkeWebHeader extends LitElement {
 
         window.location.href = finalUrl
       } else {
-        // 接口调用失败，降级处理
-        window.location.href = loginUrl
+        this._showPermissionModal(
+          res.Message || res.message || '跨系统跳转失败'
+        )
       }
     } catch (err) {
       console.error('Error during service jump:', err)
-      window.location.href = loginUrl
+      this._showPermissionModal('跨系统跳转失败')
     }
   }
 
@@ -857,14 +881,19 @@ export class IkeWebHeader extends LitElement {
     try {
       if (window.caches) {
         const cacheNames = await window.caches.keys()
-        await Promise.all(cacheNames.map((cacheName) => window.caches.delete(cacheName)))
+        await Promise.all(
+          cacheNames.map((cacheName) => window.caches.delete(cacheName))
+        )
       }
     } catch (error) {
       console.error('Error clearing Cache Storage:', error)
     }
 
     try {
-      if (window.indexedDB && typeof window.indexedDB.databases === 'function') {
+      if (
+        window.indexedDB &&
+        typeof window.indexedDB.databases === 'function'
+      ) {
         const databases = await window.indexedDB.databases()
         await Promise.all(
           databases
@@ -873,7 +902,10 @@ export class IkeWebHeader extends LitElement {
               (database) =>
                 new Promise((resolve) => {
                   const request = window.indexedDB.deleteDatabase(database.name)
-                  request.onsuccess = request.onerror = request.onblocked = resolve
+                  request.onsuccess =
+                    request.onerror =
+                    request.onblocked =
+                      resolve
                 })
             )
         )
@@ -894,6 +926,9 @@ export class IkeWebHeader extends LitElement {
         },
       })
       const jsonData = await response.json()
+      if (this._hasResponseError(response, jsonData, '获取用户信息失败')) {
+        return
+      }
       const data =
         jsonData &&
         (jsonData.data || jsonData.result || jsonData.user || jsonData)
@@ -922,7 +957,7 @@ export class IkeWebHeader extends LitElement {
       }
       setTimeout(() => this.requestUpdate())
     } catch (error) {
-      // console.error('Error fetching user summary:', error)
+      this._showPermissionModal('获取用户信息失败')
     }
   }
 
@@ -935,14 +970,16 @@ export class IkeWebHeader extends LitElement {
 
     try {
       const response = await fetch(this._getUnreadMessageCountUrl(), {
-        method: 'GET',
+        method: 'POST',
         headers: {
           Authorization: token,
         },
       })
-      if (!response.ok) throw new Error('Failed to fetch unread message count')
-
       const jsonData = await response.json()
+      if (this._hasResponseError(response, jsonData, '获取未读消息失败')) {
+        this.messageCount = 0
+        return
+      }
       const data = jsonData?.data ?? jsonData?.result ?? jsonData
       const count =
         typeof data === 'object'
@@ -952,6 +989,7 @@ export class IkeWebHeader extends LitElement {
       this.messageCount = Math.max(0, Number(count) || 0)
     } catch (error) {
       this.messageCount = 0
+      this._showPermissionModal('获取未读消息失败')
     }
 
     this.requestUpdate()
@@ -995,318 +1033,321 @@ export class IkeWebHeader extends LitElement {
 
   render() {
     return html` <div
-      class="ike-web-header"
-      style="
+        class="ike-web-header"
+        style="
                  background: ${this.isPlat
-        ? '#063223'
-        : '#FFFFFF'}; color: ${this.isPlat ? '#fff' : '#063223'}"
-    >
-      <div style="display: flex;align-items: center">
-        <img
-          src="https://ike-web.oss-cn-hangzhou.aliyuncs.com/WebLCA_logo.png"
-          class="iwh-url"
-          alt=""
-        />
-        ${this.status !== 'www' || this.isLocalSecondaryPreview
-          ? html` <div class="box-a" style="display: flex;align-items: center">
-              <img src="${this.logo}" alt="" />
-              <span
-                style="margin-left: 12px;color: #373737;font-weight: 600;color: ${this
-                  .isPlat
-                  ? '#fff'
-                  : '#063223'}"
-                >${this.name}</span
+          ? '#063223'
+          : '#FFFFFF'}; color: ${this.isPlat ? '#fff' : '#063223'}"
+      >
+        <div style="display: flex;align-items: center">
+          <img
+            src="https://ike-web.oss-cn-hangzhou.aliyuncs.com/WebLCA_logo.png"
+            class="iwh-url"
+            alt=""
+          />
+          ${this.status !== 'www' || this.isLocalSecondaryPreview
+            ? html` <div
+                class="box-a"
+                style="display: flex;align-items: center"
               >
-            </div>`
-          : ''}
-
-        <!-- 左侧菜单项：eFootprint、CarbonZero、GPM  ---- 111111   -->
-        ${html` <div class="left-menu-items">
-          ${html` <div
-            class="left-menu-item"
-            style="color: ${this.hostName.includes('efootprint.net/login')
-              ? '#06AA3E'
-              : this.isPlat
-                ? '#fff'
-                : '#373737'}"
-            @click="${this._handleServiceClick}"
-            data-url="${this._getServiceLoginUrl()}"
-            data-login-url="${this._getServiceTargetUrl('eFootprint')}"
-            data-service="ef"
-          >
-            eFootprint
-          </div>`}
-          ${html` <div
-            class="left-menu-item"
-            style="color: ${this.hostName.includes('webcarbon.net')
-              ? '#06AA3E'
-              : this.isPlat
-                ? '#fff'
-                : '#373737'}"
-            @click="${this._handleServiceClick}"
-            data-login-url="${this._getServiceTargetUrl('carbonZero')}"
-            data-url="${this._getServiceLoginUrl()}"
-            data-service="cz"
-          >
-            CarbonZero
-          </div>`}
-          ${html` <div
-            class="left-menu-item"
-            style="color: ${this.hostName.includes('webgpm.net')
-              ? '#06AA3E'
-              : this.isPlat
-                ? '#fff'
-                : '#373737'}"
-            @click="${this._handleServiceClick}"
-            data-login-url="${this._getServiceTargetUrl('gpm')}"
-            data-url="${this._getServiceLoginUrl()}"
-            data-service="gpm"
-          >
-            GPM
-          </div>`}
-        </div>`}
-      </div>
-
-      <div class="iwh-right">
-        <div class="header-list flex align-center">
-          <div class="el-menu-demo">
-            <div
-              class="menu-item"
-              style="color: ${this.hostName.includes('weblca.net/home')
+                <img src="${this.logo}" alt="" />
+                <span
+                  style="margin-left: 12px;color: #373737;font-weight: 600;color: ${this
+                    .isPlat
+                    ? '#fff'
+                    : '#063223'}"
+                  >${this.name}</span
+                >
+              </div>`
+            : ''}
+
+          <!-- 左侧菜单项：eFootprint、CarbonZero、GPM  ---- 111111   -->
+          ${html` <div class="left-menu-items">
+            ${html` <div
+              class="left-menu-item"
+              style="color: ${this.hostName.includes('efootprint.net/login')
                 ? '#06AA3E'
                 : this.isPlat
                   ? '#fff'
                   : '#373737'}"
-              @click="${this._routerPush}"
-              data-login-url="${this._getHomeUrl()}"
-              data-url="${this._getHomeUrl()}"
+              @click="${this._handleServiceClick}"
+              data-url="${this._getServiceLoginUrl()}"
+              data-login-url="${this._getServiceTargetUrl('eFootprint')}"
+              data-service="ef"
             >
-              ${this.i18n['首页']}
-            </div>
+              eFootprint
+            </div>`}
+            ${html` <div
+              class="left-menu-item"
+              style="color: ${this.hostName.includes('webcarbon.net')
+                ? '#06AA3E'
+                : this.isPlat
+                  ? '#fff'
+                  : '#373737'}"
+              @click="${this._handleServiceClick}"
+              data-login-url="${this._getServiceTargetUrl('carbonZero')}"
+              data-url="${this._getServiceLoginUrl()}"
+              data-service="cz"
+            >
+              CarbonZero
+            </div>`}
+            ${html` <div
+              class="left-menu-item"
+              style="color: ${this.hostName.includes('webgpm.net')
+                ? '#06AA3E'
+                : this.isPlat
+                  ? '#fff'
+                  : '#373737'}"
+              @click="${this._handleServiceClick}"
+              data-login-url="${this._getServiceTargetUrl('gpm')}"
+              data-url="${this._getServiceLoginUrl()}"
+              data-service="gpm"
+            >
+              GPM
+            </div>`}
+          </div>`}
+        </div>
 
-            <!-- 平台专属菜单项：标准库和核算模板 -->
-            ${this.isPlat && false
-              ? html` <div
-                    class="menu-item"
-                    style="color: ${this.isPlat ? '#fff' : '#373737'}"
-                    @click="${this._routerPush}"
-                    data-login-url="https://www.weblca.net/standard"
-                    data-url="https://www.weblca.net/standard"
-                  >
-                    ${this.i18n['标准库']}
-                  </div>
-                  <div
-                    class="menu-item"
-                    style="color: ${this.isPlat ? '#fff' : '#373737'}"
-                    @click="${this._routerPush}"
-                    data-login-url="https://www.weblca.net/template"
-                    data-url="https://www.weblca.net/template"
-                  >
-                    ${this.i18n['核算模版']}
-                  </div>`
-              : ''}
-            ${this.isPlat || this.alreadyServices.includes('database')
-              ? html` <div
-                  class="menu-item menu-item-database"
-                  style=" position: relative;color: ${this.hostName.includes(
-                    'weblca.net/database'
-                  )
-                    ? '#06AA3E'
-                    : this.isPlat
-                      ? '#fff'
-                      : '#373737'}"
-                  @click="${this._routerPush}"
-                  data-login-urlurl="https://www.weblca.net/database"
-                  data-url="https://www.weblca.net/database"
-                >
-                  ${this.isPlat
-                    ? html`<img
-                        class="posi"
-                        src="https://ike-web.oss-cn-hangzhou.aliyuncs.com/HOT.png"
-                        alt=""
-                      />`
-                    : ''}
-                  ${this.i18n['数据库']}
-                  <div class="menu-sub-group">
-                    <div
-                      @click="${this._routerPush}"
-                      data-login-url="https://www.weblca.net/database"
-                      data-url="https://www.weblca.net/database"
-                      class="menu-sub-item"
-                    >
-                      ${this.i18n['数据库']}
-                    </div>
-                    <div
-                      @click="${this._routerPush}"
-                      data-login-url="https://www.weblca.net/database/leather"
-                      data-url="https://www.weblca.net/database/leather"
-                      class="menu-sub-item"
-                    >
-                      ${this.i18n['皮革LCA数据库']}
-                    </div>
-                  </div>
-                </div>`
-              : ''}
-            ${this.isPlat || this.alreadyServices.includes('databankpage')
-              ? html` <div
-                  class="menu-item"
-                  style="color: ${this.hostName.includes('/databankpage')
-                    ? '#06AA3E'
-                    : this.isPlat
-                      ? '#fff'
-                      : '#373737'}"
-                  @click="${this._routerPush}"
-                  data-login-url="https://www.weblca.net/databankpage"
-                  data-url="https://www.weblca.net/databankpage"
-                >
-                  ${this.i18n['资料库']}
-                </div>`
-              : ''}
-            ${this.isPlat
-              ? html` <div
-                  class="menu-item menu-item-database"
-                  style=" position: relative;color: ${this.hostName.includes(
-                    'efootprint.net/contest'
-                  )
-                    ? '#06AA3E'
-                    : this.isPlat
-                      ? '#fff'
-                      : '#373737'}"
-                >
-                  ${this.i18n['LCA大赛']}
-                  <div class="menu-sub-group menu-sub-group-1">
-                    <div
+        <div class="iwh-right">
+          <div class="header-list flex align-center">
+            <div class="el-menu-demo">
+              <div
+                class="menu-item"
+                style="color: ${this.hostName.includes('weblca.net/home')
+                  ? '#06AA3E'
+                  : this.isPlat
+                    ? '#fff'
+                    : '#373737'}"
+                @click="${this._routerPush}"
+                data-login-url="${this._getHomeUrl()}"
+                data-url="${this._getHomeUrl()}"
+              >
+                ${this.i18n['首页']}
+              </div>
+
+              <!-- 平台专属菜单项：标准库和核算模板 -->
+              ${this.isPlat && false
+                ? html` <div
+                      class="menu-item"
+                      style="color: ${this.isPlat ? '#fff' : '#373737'}"
                       @click="${this._routerPush}"
-                      data-login-url="https://www.weblca.net/contest"
-                      data-url="https://www.weblca.net/contest"
-                      class="menu-sub-item"
+                      data-login-url="https://www.weblca.net/standard"
+                      data-url="https://www.weblca.net/standard"
                     >
-                      ${this.i18n['2025全生命周期创新大赛']}
+                      ${this.i18n['标准库']}
                     </div>
                     <div
+                      class="menu-item"
+                      style="color: ${this.isPlat ? '#fff' : '#373737'}"
                       @click="${this._routerPush}"
-                      data-login-url="https://www.weblca.net/contest/cccd"
-                      data-url="https://www.weblca.net/contest/cccd"
-                      class="menu-sub-item"
+                      data-login-url="https://www.weblca.net/template"
+                      data-url="https://www.weblca.net/template"
                     >
-                      ${this.i18n['化工专题比赛']}
+                      ${this.i18n['核算模版']}
+                    </div>`
+                : ''}
+              ${this.isPlat || this.alreadyServices.includes('database')
+                ? html` <div
+                    class="menu-item menu-item-database"
+                    style=" position: relative;color: ${this.hostName.includes(
+                      'weblca.net/database'
+                    )
+                      ? '#06AA3E'
+                      : this.isPlat
+                        ? '#fff'
+                        : '#373737'}"
+                    @click="${this._routerPush}"
+                    data-login-urlurl="https://www.weblca.net/database"
+                    data-url="https://www.weblca.net/database"
+                  >
+                    ${this.isPlat
+                      ? html`<img
+                          class="posi"
+                          src="https://ike-web.oss-cn-hangzhou.aliyuncs.com/HOT.png"
+                          alt=""
+                        />`
+                      : ''}
+                    ${this.i18n['数据库']}
+                    <div class="menu-sub-group">
+                      <div
+                        @click="${this._routerPush}"
+                        data-login-url="https://www.weblca.net/database"
+                        data-url="https://www.weblca.net/database"
+                        class="menu-sub-item"
+                      >
+                        ${this.i18n['数据库']}
+                      </div>
+                      <div
+                        @click="${this._routerPush}"
+                        data-login-url="https://www.weblca.net/database/leather"
+                        data-url="https://www.weblca.net/database/leather"
+                        class="menu-sub-item"
+                      >
+                        ${this.i18n['皮革LCA数据库']}
+                      </div>
                     </div>
-                    <div
-                      @click="${this._routerPush}"
-                      data-login-url="https://www.weblca.net/contest/cbpc"
-                      data-url="https://www.weblca.net/contest/cbpc"
-                      class="menu-sub-item"
-                    >
-                      ${this.i18n['首届CBPC供应商产品碳足迹管理能力大赛']}
+                  </div>`
+                : ''}
+              ${this.isPlat || this.alreadyServices.includes('databankpage')
+                ? html` <div
+                    class="menu-item"
+                    style="color: ${this.hostName.includes('/databankpage')
+                      ? '#06AA3E'
+                      : this.isPlat
+                        ? '#fff'
+                        : '#373737'}"
+                    @click="${this._routerPush}"
+                    data-login-url="https://www.weblca.net/databankpage"
+                    data-url="https://www.weblca.net/databankpage"
+                  >
+                    ${this.i18n['资料库']}
+                  </div>`
+                : ''}
+              ${this.isPlat
+                ? html` <div
+                    class="menu-item menu-item-database"
+                    style=" position: relative;color: ${this.hostName.includes(
+                      'efootprint.net/contest'
+                    )
+                      ? '#06AA3E'
+                      : this.isPlat
+                        ? '#fff'
+                        : '#373737'}"
+                  >
+                    ${this.i18n['LCA大赛']}
+                    <div class="menu-sub-group menu-sub-group-1">
+                      <div
+                        @click="${this._routerPush}"
+                        data-login-url="https://www.weblca.net/contest"
+                        data-url="https://www.weblca.net/contest"
+                        class="menu-sub-item"
+                      >
+                        ${this.i18n['2025全生命周期创新大赛']}
+                      </div>
+                      <div
+                        @click="${this._routerPush}"
+                        data-login-url="https://www.weblca.net/contest/cccd"
+                        data-url="https://www.weblca.net/contest/cccd"
+                        class="menu-sub-item"
+                      >
+                        ${this.i18n['化工专题比赛']}
+                      </div>
+                      <div
+                        @click="${this._routerPush}"
+                        data-login-url="https://www.weblca.net/contest/cbpc"
+                        data-url="https://www.weblca.net/contest/cbpc"
+                        class="menu-sub-item"
+                      >
+                        ${this.i18n['首届CBPC供应商产品碳足迹管理能力大赛']}
+                      </div>
                     </div>
-                  </div>
-                </div>`
-              : ''}
-            ${this.isPlat
-              ? html` <div
-                  class="menu-item"
-                  style="color: ${this.hostName.includes(
-                    'efootprint.net/training'
-                  )
-                    ? '#06AA3E'
-                    : this.isPlat
-                      ? '#fff'
-                      : '#373737'}"
-                  @click="${this._routerPush}"
-                  data-login-url="https://www.weblca.net/training"
-                  data-url="https://www.weblca.net/training"
-                >
-                  ${this.i18n['专业培训']}
-                </div>`
-              : ''}
-            <div
-              class="menu-item"
-              style="color: ${this.isPlat ? '#fff' : '#373737'}"
-              @click="${this._scroll}"
-              data-login-url="#"
-              data-url="#"
-            >
-              ${this.i18n['联系我们']}
-            </div>
+                  </div>`
+                : ''}
+              ${this.isPlat
+                ? html` <div
+                    class="menu-item"
+                    style="color: ${this.hostName.includes(
+                      'efootprint.net/training'
+                    )
+                      ? '#06AA3E'
+                      : this.isPlat
+                        ? '#fff'
+                        : '#373737'}"
+                    @click="${this._routerPush}"
+                    data-login-url="https://www.weblca.net/training"
+                    data-url="https://www.weblca.net/training"
+                  >
+                    ${this.i18n['专业培训']}
+                  </div>`
+                : ''}
+              <div
+                class="menu-item"
+                style="color: ${this.isPlat ? '#fff' : '#373737'}"
+                @click="${this._scroll}"
+                data-login-url="#"
+                data-url="#"
+              >
+                ${this.i18n['联系我们']}
+              </div>
 
-            ${this.isShowLang
-              ? html` <div
-                  class="menu-item menu-item-database"
-                  style=" position: relative;
+              ${this.isShowLang
+                ? html` <div
+                    class="menu-item menu-item-database"
+                    style=" position: relative;
                                      text-align: center;
                                      display: flex;
                                         align-items: center;
                                      color: ${this.hostName.includes(
-                    'weblca.net/database'
-                  )
-                    ? '#06AA3E'
-                    : this.isPlat
-                      ? '#fff'
-                      : '#373737'}"
-                >
-                  ${this.isPlat
-                    ? html`<img
-                        src="http://ike-web.oss-cn-hangzhou.aliyuncs.com/language.png"
-                        alt=""
-                      />`
-                    : html`<img
-                        src="http://ike-web.oss-cn-hangzhou.aliyuncs.com/language_block.png"
-                        alt=""
-                      />`}
-                  <div class="menu-sub-group">
-                    <div
-                      @click="${this._clickLang}"
-                      data-lang="zh_CN"
-                      class="menu-sub-item"
-                    >
-                      中文简体
-                    </div>
-                    <div
-                      @click="${this._clickLang}"
-                      data-lang="zh_TW"
-                      class="menu-sub-item"
-                    >
-                      中文繁体
+                      'weblca.net/database'
+                    )
+                      ? '#06AA3E'
+                      : this.isPlat
+                        ? '#fff'
+                        : '#373737'}"
+                  >
+                    ${this.isPlat
+                      ? html`<img
+                          src="http://ike-web.oss-cn-hangzhou.aliyuncs.com/language.png"
+                          alt=""
+                        />`
+                      : html`<img
+                          src="http://ike-web.oss-cn-hangzhou.aliyuncs.com/language_block.png"
+                          alt=""
+                        />`}
+                    <div class="menu-sub-group">
+                      <div
+                        @click="${this._clickLang}"
+                        data-lang="zh_CN"
+                        class="menu-sub-item"
+                      >
+                        中文简体
+                      </div>
+                      <div
+                        @click="${this._clickLang}"
+                        data-lang="zh_TW"
+                        class="menu-sub-item"
+                      >
+                        中文繁体
+                      </div>
+                      <div
+                        @click="${this._clickLang}"
+                        data-lang="en_US"
+                        class="menu-sub-item"
+                      >
+                        English
+                      </div>
                     </div>
+                  </div>`
+                : ''}
+
+              <!-- 消息图标 - 仅在登录状态下显示 -->
+              ${this.isLoggedIn
+                ? html`
                     <div
-                      @click="${this._clickLang}"
-                      data-lang="en_US"
-                      class="menu-sub-item"
+                      @click="${this._routerPush}"
+                      data-login-url="${this._getNotificationUrl()}"
+                      data-url="${this._getNotificationUrl()}"
+                      class="message-icon-container"
                     >
-                      English
+                      <img
+                        src="https://ike-web.oss-cn-hangzhou.aliyuncs.com/message.png"
+                        alt="消息"
+                        class="message-icon ${this.isPlat
+                          ? ''
+                          : 'message-icon-dark'}"
+                      />
+                      ${this.messageCount > 0
+                        ? html`<div class="message-badge">
+                            ${this.messageCount}
+                          </div>`
+                        : ''}
                     </div>
-                  </div>
-                </div>`
-              : ''}
-
-            <!-- 消息图标 - 仅在登录状态下显示 -->
-            ${this.isLoggedIn
-              ? html`
-                  <div
-                    @click="${this._routerPush}"
-                    data-login-url="${this._getNotificationUrl()}"
-                    data-url="${this._getNotificationUrl()}"
-                    class="message-icon-container"
-                  >
-                    <img
-                      src="https://ike-web.oss-cn-hangzhou.aliyuncs.com/message.png"
-                      alt="消息"
-                      class="message-icon ${this.isPlat
-                        ? ''
-                        : 'message-icon-dark'}"
-                    />
-                    ${this.messageCount > 0
-                      ? html`<div class="message-badge">
-                          ${this.messageCount}
-                        </div>`
-                      : ''}
-                  </div>
-                `
-              : ''}
+                  `
+                : ''}
 
-            <!-- 登录/用户信息 -->
-            ${this.isLoggedIn
-              ? html` <div
+              <!-- 登录/用户信息 -->
+              ${this.isLoggedIn
+                ? html` <div
                     class="user-menu ${this.isUserMenuOpen ? 'open' : ''}"
                     @click="${this._toggleUserMenu}"
                   >
@@ -1369,7 +1410,7 @@ export class IkeWebHeader extends LitElement {
                           class="user-action"
                           @click="${this._goPersonalCenter}"
                         >
-                          个人中心
+                          个人主页
                         </div>
                         <div class="user-action" @click="${this._logout}">
                           退出登录
@@ -1377,7 +1418,7 @@ export class IkeWebHeader extends LitElement {
                       </div>
                     </div>
                   </div>`
-              : html` <div
+                : html` <div
                     class="login-button"
                     style="border-color: ${this.isPlat
                       ? '#fff'
@@ -1387,33 +1428,33 @@ export class IkeWebHeader extends LitElement {
                     ${this.i18n['登录']}
                   </div>`}
 
-            <!--                            <div class="menu-item">-->
-            <!--                                <el-icon style="cursor: pointer" size="28" color="#fff">-->
-            <!--                                    <UserFilled/>-->
-            <!--                                </el-icon>-->
-            <!--                            </div>-->
+              <!--                            <div class="menu-item">-->
+              <!--                                <el-icon style="cursor: pointer" size="28" color="#fff">-->
+              <!--                                    <UserFilled/>-->
+              <!--                                </el-icon>-->
+              <!--                            </div>-->
+            </div>
           </div>
         </div>
       </div>
-    </div>
-    ${this.permissionModalMessage
-      ? html`<div class="permission-modal-mask">
-          <div class="permission-modal" role="alertdialog" aria-modal="true">
-            <div class="permission-modal-title">提示</div>
-            <div class="permission-modal-content">
-              ${this.permissionModalMessage}
-            </div>
-            <div class="permission-modal-footer">
-              <button
-                class="permission-modal-button"
-                @click="${this._hidePermissionModal}"
-              >
-                确定
-              </button>
+      ${this.permissionModalMessage
+        ? html`<div class="permission-modal-mask">
+            <div class="permission-modal" role="alertdialog" aria-modal="true">
+              <div class="permission-modal-title">提示</div>
+              <div class="permission-modal-content">
+                ${this.permissionModalMessage}
+              </div>
+              <div class="permission-modal-footer">
+                <button
+                  class="permission-modal-button"
+                  @click="${this._hidePermissionModal}"
+                >
+                  确定
+                </button>
+              </div>
             </div>
-          </div>
-        </div>`
-      : ''}`
+          </div>`
+        : ''}`
   }
 
   _routerPush(e) {