diff --git a/src/main/resources/views/layouts/v4/home/index.html b/src/main/resources/views/layouts/v4/home/index.html
index bb0f0e8..e115f11 100644
--- a/src/main/resources/views/layouts/v4/home/index.html
+++ b/src/main/resources/views/layouts/v4/home/index.html
@@ -73,7 +73,17 @@ layout("/layouts/v4/baseLayout.html"){
     </div>
 
     <div class="" style="padding-bottom: 20px">
-	    <user></user>
+	    <!-- 用户资料只在 HTML 中由 Beetl 渲染，避免与 JS 模板字符串的插值语法冲突。 -->
+        <user
+                user-name="${@auth.getPrincipalProperty('username'),escape}"
+                login-name="${@auth.getPrincipalProperty('loginname'),escape}"
+                <!--#if(!isEmpty(@auth.getPrincipalProperty('unit'))){#-->
+                unit-name="${@auth.getPrincipalProperty('unit').getName(),escape}"
+                <!--#}#-->
+                <!--#if(!isEmpty(@auth.getPrincipalProperty('union'))){#-->
+                union-name="${@auth.getPrincipalProperty('union').getName(),escape}"
+                <!--#}#-->
+        ></user>
 
 	    <div class="home-grid">
 		    <div class="act-card">
diff --git a/src/main/resources/views/layouts/v4/home/user.js b/src/main/resources/views/layouts/v4/home/user.js
index 1343e0c..5fe9580 100644
--- a/src/main/resources/views/layouts/v4/home/user.js
+++ b/src/main/resources/views/layouts/v4/home/user.js
@@ -6,14 +6,14 @@ const user = {
 			    <!-- 左侧：用户信息卡片 -->
 			    <div class="user-info-card">
 				    <div class="user-details">
-					    <div class="user-name">${@auth.getPrincipalProperty('username')}</div>
+					    <div class="user-name">{{ userName }}</div>
 					    
 					    <div class="user-meta-grid">
 						    <div class="meta-row">
 							    <span class="meta-icon">🆔</span>
 							    <div>
 								    <span class="meta-label">工号</span>
-								    <span class="meta-value">${@auth.getPrincipalProperty('loginname')}</span>
+								    <span class="meta-value">{{ loginName }}</span>
 							    </div>
 						    </div>
 						    
@@ -22,14 +22,7 @@ const user = {
 							    <div>
 								    <span class="meta-label">单位信息</span>
 								    <span class="meta-value">
-                                        <!--#if(!isEmpty(@auth.getPrincipalProperty('unit'))){#-->
-                                            ${@auth.getPrincipalProperty('unit').getName()}
-									    <!--#}#-->
-									    (
-									    <!--#if(!isEmpty(@auth.getPrincipalProperty('union'))){#-->
-                                            ${@auth.getPrincipalProperty('union').getName()}
-									    <!--#}#-->
-                                        )
+                                        {{ unitName }} ({{ unionName }})
                                       </span>
 							    </div>
 						    </div>
@@ -113,6 +106,13 @@ const user = {
 		    </div>
 	    </div>
     `,
+    // 用户资料由首页经过 HTML 转义后传入；缺少单位或工会时使用空字符串。
+    props: {
+        userName: { type: String, default: '' },
+        loginName: { type: String, default: '' },
+        unitName: { type: String, default: '' },
+        unionName: { type: String, default: '' }
+    },
     mixins: [initTableMixins],
     data() {
         return {