diff --git a/.gitignore b/.gitignore
index 846d202..3b810ce 100644
--- a/.gitignore
+++ b/.gitignore
@@ -6,3 +6,4 @@
 /CloudBuilder.Topshelf/bin
 /CloudBuilder.Topshelf/obj
 /uniapp/demo
+/uniapp/youjiala/src/.qoder
diff --git a/CloudBuilder/CloudBuilder.Security.Service/SecurityGeneratorNumberService.cs b/CloudBuilder/CloudBuilder.Security.Service/SecurityGeneratorNumberService.cs
index 4fa35d5..51a9f3f 100644
--- a/CloudBuilder/CloudBuilder.Security.Service/SecurityGeneratorNumberService.cs
+++ b/CloudBuilder/CloudBuilder.Security.Service/SecurityGeneratorNumberService.cs
@@ -9,6 +9,7 @@ using CloudBuilder.Security.Policy;
 using CloudBuilder.Security.SearchCriteria;
 using Microsoft.AspNetCore.Authorization;
 using Microsoft.AspNetCore.Mvc;
+using Microsoft.EntityFrameworkCore;
 using Microsoft.Extensions.DependencyInjection;
 using System;
 namespace CloudBuilder.Security.Service
@@ -153,13 +154,76 @@ namespace CloudBuilder.Security.Service
             return GetNo(systemId, subsystemId, prefix, null, null);
         }
 
+        //public string GetNo(string systemId, string subsystemId, string prefix, string refreshPeriod, string format)
+        //{
+        //    SecurityGeneratorNumberEntity number = null;
+
+        //    if (!string.IsNullOrEmpty(systemId) && !string.IsNullOrEmpty(subsystemId))
+        //    {
+        //        SecurityGeneratorNumberEntity[] tps = repository.Entities.Where(x => x.SystemId == systemId && x.SubsystemId == subsystemId).ToArray();
+
+        //        if (tps != null && tps.Length > 0 && !string.IsNullOrEmpty(prefix))
+        //        {
+        //            tps = tps.Where(x => x.Prefix == prefix).ToArray();
+        //        }
+
+        //        if (tps != null && tps.Length > 0) number = tps[0];
+        //    }
+
+        //    if (number == null)
+        //    {
+        //        number = new SecurityGeneratorNumberEntity();
+
+        //        number.SystemId = string.IsNullOrEmpty(systemId) ? string.Empty : systemId;
+        //        number.SubsystemId = string.IsNullOrEmpty(subsystemId) ? string.Empty : subsystemId;
+
+        //        number.Prefix = string.IsNullOrEmpty(prefix) ? string.Empty : prefix;
+        //        number.RefreshPeriod = string.IsNullOrEmpty(refreshPeriod) ? YesNoPolicy.YES : refreshPeriod;
+        //        number.Format = string.IsNullOrEmpty(format) ? "yyMMdd000000" : format;
+        //        number.LastGeneratorDate = DateTime.Now;
+        //        number.NextId = 2;
+
+        //        repository.InsertNow(number);
+        //    }
+        //    else
+        //    {
+        //        number.NextId += 1;
+
+        //        number.LastGeneratorDate = DateTime.Now;
+        //        repository.UpdateNow(number);
+        //    }
+
+        //    format = number.Format;
+
+        //    if (number.LastGeneratorDate.Date.Subtract(DateTime.Now.Date).TotalDays != 0 && number.RefreshPeriod == YesNoPolicy.YES)
+        //    {
+        //        number.NextId = 1;
+        //    }
+
+        //    string temp = format.Replace("0", "").Replace("yyyy", DateTime.Now.ToString("yyyy"), StringComparison.OrdinalIgnoreCase).Replace("yy", DateTime.Now.ToString("yy"), StringComparison.OrdinalIgnoreCase)
+        //        .Replace("MM", DateTime.Now.ToString("MM"), StringComparison.OrdinalIgnoreCase).Replace("dd", DateTime.Now.ToString("dd"));
+
+        //    string zero = format.Replace("y", "").Replace("Y", "").Replace("M", "").Replace("m", "").Replace("d", "").Replace("D", "");
+        //    string code = number.Prefix + temp + string.Format("{0:" + zero + "}", number.NextId - 1);
+
+        //    Int64 max = Convert.ToInt64(zero.Replace("0", "9"));
+        //    if (max == number.NextId)
+        //    {
+        //        throw new Exception("系统编号已达到最大值.");
+        //    }
+
+        //    return code;
+        //}
+
         public string GetNo(string systemId, string subsystemId, string prefix, string refreshPeriod, string format)
         {
             SecurityGeneratorNumberEntity number = null;
 
             if (!string.IsNullOrEmpty(systemId) && !string.IsNullOrEmpty(subsystemId))
             {
-                SecurityGeneratorNumberEntity[] tps = repository.Entities.Where(x => x.SystemId == systemId && x.SubsystemId == subsystemId).ToArray();
+                // 这里只用来「定位计数行 + 读取 format/prefix 等静态配置」；自增后的取值不再依赖这份内存拷贝，
+                // 用 DetachedEntities 避免跟踪实例干扰后面回读到的最新 next_id。
+                SecurityGeneratorNumberEntity[] tps = repository.DetachedEntities.Where(x => x.SystemId == systemId && x.SubsystemId == subsystemId).ToArray();
 
                 if (tps != null && tps.Length > 0 && !string.IsNullOrEmpty(prefix))
                 {
@@ -169,8 +233,12 @@ namespace CloudBuilder.Security.Service
                 if (tps != null && tps.Length > 0) number = tps[0];
             }
 
+            // pointer 等价于旧实现里「自增/建行之后、用于发号与最大值校验」的 number.NextId
+            int pointer;
+
             if (number == null)
             {
+                // 首次建行：NextId=2，本次发号 = pointer-1 = 1（与旧实现完全一致，建行分支不参与原子自增）
                 number = new SecurityGeneratorNumberEntity();
 
                 number.SystemId = string.IsNullOrEmpty(systemId) ? string.Empty : systemId;
@@ -183,30 +251,37 @@ namespace CloudBuilder.Security.Service
                 number.NextId = 2;
 
                 repository.InsertNow(number);
+
+                pointer = number.NextId;
             }
             else
             {
-                number.NextId += 1;
+                // 治本：把旧的「读旧值→内存+1→写回」换成数据库端单条原子 UPDATE（next_id = next_id + 1 由 DB 计算）。
+                // 并发事务会在该行的排他锁上排队，后到者只能在前者提交后基于新值再加，彻底杜绝丢失更新/重号。
+                // 走 EF 的 ExecuteSqlRaw 而非裸 Connection，确保自动登记当前 [UnitOfWork] 事务（否则 SqlServer 报"需要事务"）。
+                string providerName = repository.GetDbContext().Database.ProviderName;
+                string nowFunc = providerName.Contains("MySql") ? "NOW()" : "GETDATE()";
+                string incrementSql = $"UPDATE {SecurityGeneratorNumberEntity.DB_NAME_SECURITY_GENERATOR_NUMBER} "
+                    + $"SET {SecurityGeneratorNumberEntity.DB_NEXT_ID} = {SecurityGeneratorNumberEntity.DB_NEXT_ID} + 1, "
+                    + $"{SecurityGeneratorNumberEntity.DB_LAST_GENERATOR_DATE} = {nowFunc} "
+                    + $"WHERE {SecurityGeneratorNumberEntity.DB_GENERATOR_ID} = {number.GeneratorId}";
 
-                number.LastGeneratorDate = DateTime.Now;
-                repository.UpdateNow(number);
+                repository.GetDbContext().Database.ExecuteSqlRaw(incrementSql);
+
+                // 回读自增后的值：同一事务能读到自己的写；此刻并发事务正阻塞在上面那条 UPDATE 的行锁上
+                pointer = repository.DetachedEntities.Where(x => x.GeneratorId == number.GeneratorId).Select(x => x.NextId).First();
             }
 
             format = number.Format;
 
-            if (number.LastGeneratorDate.Date.Subtract(DateTime.Now.Date).TotalDays != 0 && number.RefreshPeriod == YesNoPolicy.YES)
-            {
-                number.NextId = 1;
-            }
-
             string temp = format.Replace("0", "").Replace("yyyy", DateTime.Now.ToString("yyyy"), StringComparison.OrdinalIgnoreCase).Replace("yy", DateTime.Now.ToString("yy"), StringComparison.OrdinalIgnoreCase)
                 .Replace("MM", DateTime.Now.ToString("MM"), StringComparison.OrdinalIgnoreCase).Replace("dd", DateTime.Now.ToString("dd"));
 
             string zero = format.Replace("y", "").Replace("Y", "").Replace("M", "").Replace("m", "").Replace("d", "").Replace("D", "");
-            string code = number.Prefix + temp + string.Format("{0:" + zero + "}", number.NextId - 1);
+            string code = number.Prefix + temp + string.Format("{0:" + zero + "}", pointer - 1);
 
             Int64 max = Convert.ToInt64(zero.Replace("0", "9"));
-            if (max == number.NextId)
+            if (max == pointer)
             {
                 throw new Exception("系统编号已达到最大值.");
             }
@@ -229,6 +304,61 @@ namespace CloudBuilder.Security.Service
             return GetNextId(systemId, subsystemId, prefix, format, 1);
         }
 
+        //public int GetNextId(string systemId, string subsystemId, string prefix, string format, int length)
+        //{
+        //    SecurityGeneratorNumberEntity number = null;
+
+        //    if (!string.IsNullOrEmpty(systemId) && !string.IsNullOrEmpty(subsystemId))
+        //    {
+        //        SecurityGeneratorNumberEntity[] tps = repository.DetachedEntities.Where(x => x.SystemId == systemId && x.SubsystemId == subsystemId).ToArray();
+
+        //        if (tps != null && tps.Length > 0 && !string.IsNullOrEmpty(prefix))
+        //        {
+        //            tps = tps.Where(x => x.Prefix == prefix).ToArray();
+        //        }
+
+        //        if (tps != null && tps.Length > 0) number = tps[0];
+        //    }
+
+        //    if (number == null)
+        //    {
+        //        number = new SecurityGeneratorNumberEntity();
+
+        //        number.SystemId = string.IsNullOrEmpty(systemId) ? string.Empty : systemId;
+        //        number.SubsystemId = string.IsNullOrEmpty(subsystemId) ? string.Empty : subsystemId;
+
+        //        number.Prefix = string.IsNullOrEmpty(prefix) ? string.Empty : prefix;
+        //        number.Format = string.IsNullOrEmpty(format) ? "yyMMdd000000" : format;
+        //        number.LastGeneratorDate = DateTime.Now;
+        //        number.NextId = 1 + length;
+        //        number.RefreshPeriod = YesNoPolicy.NO;
+
+        //        repository.Insert(number);
+        //    }
+        //    else
+        //    {
+
+        //        number.NextId = number.NextId + length;
+
+        //        if (number.LastGeneratorDate.Date.Subtract(DateTime.Now.Date).TotalDays != 0 && number.RefreshPeriod == YesNoPolicy.YES)
+        //        {
+        //            number.NextId = 1 + length;
+        //        }
+
+        //        number.LastGeneratorDate = DateTime.Now;
+        //        repository.Update(number);
+        //    }
+
+        //    string zero = number.Format.Replace("y", "").Replace("Y", "").Replace("M", "").Replace("m", "").Replace("d", "").Replace("D", "");
+
+        //    Int64 max = Convert.ToInt64(zero.Replace("0", "9"));
+        //    if (max == number.NextId - length)
+        //    {
+        //        throw new Exception("系统编号已达到最大值.");
+        //    }
+
+        //    return number.NextId - length - 1;
+        //}
         public int GetNextId(string systemId, string subsystemId, string prefix, string format, int length)
         {
             SecurityGeneratorNumberEntity number = null;
@@ -245,6 +375,9 @@ namespace CloudBuilder.Security.Service
                 if (tps != null && tps.Length > 0) number = tps[0];
             }
 
+            // pointer 等价于旧实现里「自增/建行/重置之后、用于发号与最大值校验」的 number.NextId
+            int pointer;
+
             if (number == null)
             {
                 number = new SecurityGeneratorNumberEntity();
@@ -259,31 +392,42 @@ namespace CloudBuilder.Security.Service
                 number.RefreshPeriod = YesNoPolicy.NO;
 
                 repository.Insert(number);
+
+                pointer = number.NextId;
             }
             else
             {
+                // 与 GetNo 同款治本：把「读旧值→内存+length→（可能重置）→写回」整体交给数据库端一条原子 UPDATE。
+                // 注意与 GetNo 的差别：GetNextId 的每日重置不是死代码（它在比较之后才把 last_generator_date 置为 now），
+                // 所以这里把「跨天且 refresh_period=YES 时重置为 1+length」并入 CASE，靠该行排他锁串行化，
+                // 后到事务读到的是前者提交后的新值，既杜绝丢失更新，也顺带修好「同一天首个号被并发重复发放」的隐患。
+                string providerName = repository.GetDbContext().Database.ProviderName;
+                bool isMySql = providerName.Contains("MySql");
+                string nowFunc = isMySql ? "NOW()" : "GETDATE()";
+                string dateChanged = isMySql
+                    ? $"DATE({SecurityGeneratorNumberEntity.DB_LAST_GENERATOR_DATE}) <> DATE(NOW())"
+                    : $"CAST({SecurityGeneratorNumberEntity.DB_LAST_GENERATOR_DATE} AS date) <> CAST(GETDATE() AS date)";
+                string incrementSql = $"UPDATE {SecurityGeneratorNumberEntity.DB_NAME_SECURITY_GENERATOR_NUMBER} "
+                    + $"SET {SecurityGeneratorNumberEntity.DB_NEXT_ID} = CASE WHEN {SecurityGeneratorNumberEntity.DB_REFRESH_PERIOD} = '{YesNoPolicy.YES}' AND {dateChanged} "
+                    + $"THEN 1 + {length} ELSE {SecurityGeneratorNumberEntity.DB_NEXT_ID} + {length} END, "
+                    + $"{SecurityGeneratorNumberEntity.DB_LAST_GENERATOR_DATE} = {nowFunc} "
+                    + $"WHERE {SecurityGeneratorNumberEntity.DB_GENERATOR_ID} = {number.GeneratorId}";
 
-                number.NextId = number.NextId + length;
+                repository.GetDbContext().Database.ExecuteSqlRaw(incrementSql);
 
-                if (number.LastGeneratorDate.Date.Subtract(DateTime.Now.Date).TotalDays != 0 && number.RefreshPeriod == YesNoPolicy.YES)
-                {
-                    number.NextId = 1 + length;
-                }
-
-                number.LastGeneratorDate = DateTime.Now;
-                repository.Update(number);
+                // 回读自增后的值：同一事务能读到自己的写；此刻并发事务正阻塞在上面那条 UPDATE 的行锁上
+                pointer = repository.DetachedEntities.Where(x => x.GeneratorId == number.GeneratorId).Select(x => x.NextId).First();
             }
 
             string zero = number.Format.Replace("y", "").Replace("Y", "").Replace("M", "").Replace("m", "").Replace("d", "").Replace("D", "");
 
             Int64 max = Convert.ToInt64(zero.Replace("0", "9"));
-            if (max == number.NextId - length)
+            if (max == pointer - length)
             {
                 throw new Exception("系统编号已达到最大值.");
             }
 
-            return number.NextId - length - 1;
+            return pointer - length - 1;
         }
-
     }
 }
diff --git a/CloudBuilder/CloudBuilder.Web.Entry/appsettings.json b/CloudBuilder/CloudBuilder.Web.Entry/appsettings.json
index d796595..bb904b3 100644
--- a/CloudBuilder/CloudBuilder.Web.Entry/appsettings.json
+++ b/CloudBuilder/CloudBuilder.Web.Entry/appsettings.json
@@ -10,7 +10,7 @@
     "DbContexts": {
       "MasterDbContext": {
         "DbContextTypeName": "MasterDbContext",
-        "ConnectionString": "server=nas.youjiala.com;port=3307;database=builder;uid=root;pwd=Root@1237890;CharSet=utf8mb4;",
+        "ConnectionString": "server=nas.youjiala.com;port=3307;database=Furion;uid=root;pwd=Root@1237890;CharSet=utf8mb4;",
         "DatabaseType": "MySql",
         "LazyLoadingProxiesEnabled": true,
         "AuditEntityEnabled": true,
diff --git a/uniapp/youjiala/package-lock.json b/uniapp/youjiala/package-lock.json
index d5b7d85..0d50f62 100644
--- a/uniapp/youjiala/package-lock.json
+++ b/uniapp/youjiala/package-lock.json
@@ -26,6 +26,7 @@
         "@dcloudio/uni-quickapp-webview": "3.0.0-4080720251210001",
         "crypto-js": "^4.1.1",
         "dayjs": "^1.11.23",
+        "hls.js": "^1.7.3",
         "pinia": "2.2.4",
         "pinia-plugin-persistedstate": "3.2.1",
         "uview-pro": "^0.6.15",
@@ -61,7 +62,7 @@
       },
       "engines": {
         "node": ">=18.0.0",
-        "pnpm": ">=10.0.0"
+        "npm": ">=9.0.0"
       }
     },
     "node_modules/@ampproject/remapping": {
@@ -5469,34 +5470,6 @@
         "url": "https://opencollective.com/pkgr"
       }
     },
-    "node_modules/@quansync/fs": {
-      "version": "1.1.0",
-      "resolved": "https://registry.npmmirror.com/@quansync/fs/-/fs-1.1.0.tgz",
-      "integrity": "sha512-qAPG/t3HqML1TlN7sY/pTbEjzFVAKsMjNNMGheyDosro+kT4iw2KCUoHcVdmliwWjorm4elZbgNQyU2eD97eDg==",
-      "dev": true,
-      "dependencies": {
-        "quansync": "^1.0.0"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/sxzz"
-      }
-    },
-    "node_modules/@quansync/fs/node_modules/quansync": {
-      "version": "1.0.0",
-      "resolved": "https://registry.npmmirror.com/quansync/-/quansync-1.0.0.tgz",
-      "integrity": "sha512-5xZacEEufv3HSTPQuchrvV6soaiACMFnq1H8wkVioctoH3TRha9Sz66lOxRwPK/qZj7HPiSveih9yAyh98gvqA==",
-      "dev": true,
-      "funding": [
-        {
-          "type": "individual",
-          "url": "https://github.com/sponsors/antfu"
-        },
-        {
-          "type": "individual",
-          "url": "https://github.com/sponsors/sxzz"
-        }
-      ]
-    },
     "node_modules/@rollup/pluginutils": {
       "version": "5.1.0",
       "resolved": "https://registry.npmmirror.com/@rollup/pluginutils/-/pluginutils-5.1.0.tgz",
@@ -7479,6 +7452,36 @@
         "url": "https://github.com/sponsors/antfu"
       }
     },
+    "node_modules/@unocss/config/node_modules/@quansync/fs": {
+      "version": "0.1.6",
+      "resolved": "https://registry.npmmirror.com/@quansync/fs/-/fs-0.1.6.tgz",
+      "integrity": "sha512-zoA8SqQO11qH9H8FCBR7NIbowYARIPmBz3nKjgAaOUDi/xPAAu1uAgebtV7KXHTc6CDZJVRZ1u4wIGvY5CWYaw==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "quansync": "^0.3.0"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sxzz"
+      }
+    },
+    "node_modules/@unocss/config/node_modules/@quansync/fs/node_modules/quansync": {
+      "version": "0.3.0",
+      "resolved": "https://registry.npmmirror.com/quansync/-/quansync-0.3.0.tgz",
+      "integrity": "sha512-dr5GyvHkdDbrAeXyl0MGi/jWKM6+/lZbNFVe+Ff7ivJi4RVry7O091VfXT/wuAVcF3FwNr86nwZVdxx8nELb2w==",
+      "dev": true,
+      "funding": [
+        {
+          "type": "individual",
+          "url": "https://github.com/sponsors/antfu"
+        },
+        {
+          "type": "individual",
+          "url": "https://github.com/sponsors/sxzz"
+        }
+      ],
+      "license": "MIT"
+    },
     "node_modules/@unocss/config/node_modules/@unocss/core": {
       "version": "66.10.1",
       "resolved": "https://registry.npmmirror.com/@unocss/core/-/core-66.10.1.tgz",
@@ -7488,6 +7491,22 @@
         "url": "https://github.com/sponsors/antfu"
       }
     },
+    "node_modules/@unocss/config/node_modules/unconfig": {
+      "version": "7.3.2",
+      "resolved": "https://registry.npmmirror.com/unconfig/-/unconfig-7.3.2.tgz",
+      "integrity": "sha512-nqG5NNL2wFVGZ0NA/aCFw0oJ2pxSf1lwg4Z5ill8wd7K4KX/rQbHlwbh+bjctXL5Ly1xtzHenHGOK0b+lG6JVg==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@quansync/fs": "^0.1.1",
+        "defu": "^6.1.4",
+        "jiti": "^2.4.2",
+        "quansync": "^0.2.8"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/antfu"
+      }
+    },
     "node_modules/@unocss/core": {
       "version": "66.10.5",
       "resolved": "https://registry.npmmirror.com/@unocss/core/-/core-66.10.5.tgz",
@@ -12302,6 +12321,12 @@
         "url": "https://opencollective.com/unified"
       }
     },
+    "node_modules/hls.js": {
+      "version": "1.7.3",
+      "resolved": "https://registry.npmmirror.com/hls.js/-/hls.js-1.7.3.tgz",
+      "integrity": "sha512-MsPlx6yVW4Qv4C7mEVou4/gk/5cN2dVxOTnrNjPSmyH2f0Ln+/UkG10Ax1PE6OvrmTVPKgQYozTtBaPOuCzq7A==",
+      "license": "Apache-2.0"
+    },
     "node_modules/html-encoding-sniffer": {
       "version": "2.0.1",
       "resolved": "https://registry.npmmirror.com/html-encoding-sniffer/-/html-encoding-sniffer-2.0.1.tgz",
@@ -18828,67 +18853,6 @@
       "resolved": "https://registry.npmmirror.com/ufo/-/ufo-1.6.4.tgz",
       "integrity": "sha512-JFNbkD1Svwe0KvGi8GOeLcP4kAWQ609twvCdcHxq1oSL8svv39ZuSvajcD8B+5D0eL4+s1Is2D/O6KN3qcTeRA=="
     },
-    "node_modules/unconfig": {
-      "version": "7.5.0",
-      "resolved": "https://registry.npmmirror.com/unconfig/-/unconfig-7.5.0.tgz",
-      "integrity": "sha512-oi8Qy2JV4D3UQ0PsopR28CzdQ3S/5A1zwsUwp/rosSbfhJ5z7b90bIyTwi/F7hCLD4SGcZVjDzd4XoUQcEanvA==",
-      "dev": true,
-      "dependencies": {
-        "@quansync/fs": "^1.0.0",
-        "defu": "^6.1.4",
-        "jiti": "^2.6.1",
-        "quansync": "^1.0.0",
-        "unconfig-core": "7.5.0"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/antfu"
-      }
-    },
-    "node_modules/unconfig-core": {
-      "version": "7.5.0",
-      "resolved": "https://registry.npmmirror.com/unconfig-core/-/unconfig-core-7.5.0.tgz",
-      "integrity": "sha512-Su3FauozOGP44ZmKdHy2oE6LPjk51M/TRRjHv2HNCWiDvfvCoxC2lno6jevMA91MYAdCdwP05QnWdWpSbncX/w==",
-      "dev": true,
-      "dependencies": {
-        "@quansync/fs": "^1.0.0",
-        "quansync": "^1.0.0"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/antfu"
-      }
-    },
-    "node_modules/unconfig-core/node_modules/quansync": {
-      "version": "1.0.0",
-      "resolved": "https://registry.npmmirror.com/quansync/-/quansync-1.0.0.tgz",
-      "integrity": "sha512-5xZacEEufv3HSTPQuchrvV6soaiACMFnq1H8wkVioctoH3TRha9Sz66lOxRwPK/qZj7HPiSveih9yAyh98gvqA==",
-      "dev": true,
-      "funding": [
-        {
-          "type": "individual",
-          "url": "https://github.com/sponsors/antfu"
-        },
-        {
-          "type": "individual",
-          "url": "https://github.com/sponsors/sxzz"
-        }
-      ]
-    },
-    "node_modules/unconfig/node_modules/quansync": {
-      "version": "1.0.0",
-      "resolved": "https://registry.npmmirror.com/quansync/-/quansync-1.0.0.tgz",
-      "integrity": "sha512-5xZacEEufv3HSTPQuchrvV6soaiACMFnq1H8wkVioctoH3TRha9Sz66lOxRwPK/qZj7HPiSveih9yAyh98gvqA==",
-      "dev": true,
-      "funding": [
-        {
-          "type": "individual",
-          "url": "https://github.com/sponsors/antfu"
-        },
-        {
-          "type": "individual",
-          "url": "https://github.com/sponsors/sxzz"
-        }
-      ]
-    },
     "node_modules/undici-types": {
       "version": "7.24.6",
       "resolved": "https://registry.npmmirror.com/undici-types/-/undici-types-7.24.6.tgz",
diff --git a/uniapp/youjiala/package.json b/uniapp/youjiala/package.json
index a2f9214..4c0be08 100644
--- a/uniapp/youjiala/package.json
+++ b/uniapp/youjiala/package.json
@@ -74,6 +74,7 @@
     "@dcloudio/uni-quickapp-webview": "3.0.0-4080720251210001",
     "crypto-js": "^4.1.1",
     "dayjs": "^1.11.23",
+    "hls.js": "^1.7.3",
     "pinia": "2.2.4",
     "pinia-plugin-persistedstate": "3.2.1",
     "uview-pro": "^0.6.15",
diff --git a/uniapp/youjiala/smoke.out b/uniapp/youjiala/smoke.out
deleted file mode 100644
index e69de29..0000000
diff --git a/uniapp/youjiala/src/common/constant.ts b/uniapp/youjiala/src/common/constant.ts
index 04c8c78..27fe77f 100644
--- a/uniapp/youjiala/src/common/constant.ts
+++ b/uniapp/youjiala/src/common/constant.ts
@@ -1,12 +1,11 @@
 export const APP_INFO: {
   name: string;
   version: string;
-  buildTime: string;
   platform: string;
 } = {
-  name: "uViewPro(跨平台UI组件库)",
-  version: "1.0.9",
-  buildTime: "2025-12-23",
+  // 版本号需与 src/manifest.json 的 versionName / package.json 的 version 保持一致（改版本时三处同步）
+  name: "有家相册",
+  version: "1.0.0",
   platform: getPlatform(),
 };
 
diff --git a/uniapp/youjiala/src/components/admin-list/admin-list.vue b/uniapp/youjiala/src/components/admin-list/admin-list.vue
index 6682c16..fe5753e 100644
--- a/uniapp/youjiala/src/components/admin-list/admin-list.vue
+++ b/uniapp/youjiala/src/components/admin-list/admin-list.vue
@@ -63,6 +63,11 @@ const props = defineProps({
      * 否则未登录时会先打一发必然 401 的请求，错误弹窗和跳转一起出现。
      */
     auto: { type: Boolean, default: false },
+    /**
+     * 选择器模式下重新拉第一页(搜索/筛选)时是否保留已勾选：
+     * true=多选挑选中不清勾选（挑完再搜也不怕丢已选），false=普通列表照旧清。
+     */
+    keepSelectionOnReload: { type: Boolean, default: false },
 });
 
 const emit = defineEmits<{
@@ -81,6 +86,8 @@ const paging = ref<any>(null);
 const rows = ref<AdminRow[]>([]);
 const selectedKeys = ref<string[]>([]);
 const selectMode = ref(false);
+// 记住被勾选行的完整对象（按 rowKey 存）：搜索/翻页后当前 rows 变了也能凭 key 还原已选，供选择器一次性回传
+const selectedPool = ref<Record<string, AdminRow>>({});
 
 const keywordModel = computed({
     get: () => props.keyword,
@@ -100,7 +107,7 @@ function isSelected(row: AdminRow): boolean {
 }
 
 const selectedRows = computed(() =>
-    rows.value.filter(row => selectedKeys.value.includes(keyOf(row))),
+    selectedKeys.value.map(key => selectedPool.value[key]).filter(Boolean),
 );
 
 const allSelected = computed(
@@ -109,6 +116,7 @@ const allSelected = computed(
 
 function clearSelection(): void {
     selectedKeys.value = [];
+    selectedPool.value = {};
     selectMode.value = false;
     emit("selection-change", []);
 }
@@ -116,12 +124,18 @@ function clearSelection(): void {
 function toggleSelect(row: AdminRow): void {
     const key = keyOf(row);
     const next = selectedKeys.value.filter(item => item !== key);
-    // filter 后长度没变说明原本没选中，那就加上
+    const pool = { ...selectedPool.value };
+    // filter 后长度没变说明原本没选中，那就加上（同时存下行对象）
     if (next.length === selectedKeys.value.length) {
         next.push(key);
+        pool[key] = row;
+    }
+    else {
+        delete pool[key];
     }
     selectedKeys.value = next;
-    emit("selection-change", rows.value.filter(item => next.includes(keyOf(item))));
+    selectedPool.value = pool;
+    emit("selection-change", next.map(item => pool[item]).filter(Boolean));
 }
 
 function toggleSelectAll(): void {
@@ -130,7 +144,12 @@ function toggleSelectAll(): void {
         return;
     }
     selectedKeys.value = rows.value.map(row => keyOf(row));
-    emit("selection-change", [...rows.value]);
+    const pool = { ...selectedPool.value };
+    for (const row of rows.value) {
+        pool[keyOf(row)] = row;
+    }
+    selectedPool.value = pool;
+    emit("selection-change", selectedKeys.value.map(key => pool[key]).filter(Boolean));
 }
 
 function onLongPress(row: AdminRow): void {
@@ -144,7 +163,8 @@ function onLongPress(row: AdminRow): void {
 async function onQuery(page: number, pageSize: number): Promise<void> {
     try {
         const result = await props.loader(page, pageSize);
-        if (page === 1) {
+        // 回到第 1 页默认清勾选；选择器正在多选时保留，避免"先勾后搜"丢失已选
+        if (page === 1 && !(selectMode.value && props.keepSelectionOnReload)) {
             clearSelection();
         }
         paging.value?.completeByTotal(result.rows, result.total);
diff --git a/uniapp/youjiala/src/locale/lang/en-US.json b/uniapp/youjiala/src/locale/lang/en-US.json
index c33e78d..a02c63f 100644
--- a/uniapp/youjiala/src/locale/lang/en-US.json
+++ b/uniapp/youjiala/src/locale/lang/en-US.json
@@ -16,13 +16,221 @@
   },
   "MinePage": {
     "title": "Me",
+    "myTheme": "My Theme",
+    "mySecurity": "Security",
+    "currentTheme": "Current Theme",
+    "aboutTitle": "About",
+    "appName": "App",
+    "versionLabel": "Version",
+    "platformLabel": "Platform"
+  },
+  "ThemePage": {
+    "title": "My Theme",
     "themeTitle": "Theme Color",
     "themeHint": "Component colors update instantly on switch and the choice is remembered",
     "darkTitle": "Dark Mode",
     "darkAuto": "Follow System",
     "darkLight": "Light",
-    "darkDark": "Dark",
-    "currentTheme": "Current Theme"
+    "darkDark": "Dark"
+  },
+  "SecurityPage": {
+    "title": "Security",
+    "pageHint": "Permission system and basic settings, admin only",
+    "pendingTag": "Pending",
+    "pendingTip": "Not migrated from the legacy system yet, coming soon",
+    "user": "Users",
+    "userDesc": "Accounts, login users and status",
+    "actor": "Roles",
+    "actorDesc": "Security roles and membership",
+    "group": "User Groups",
+    "groupDesc": "Groups and group permission assignment",
+    "function": "Functions",
+    "functionDesc": "System functions and menu definitions",
+    "permission": "Permissions",
+    "permissionDesc": "Function grants and permission dependencies",
+    "generator": "Number Generators",
+    "generatorDesc": "Document number rules and sequences",
+    "master": "Master Data",
+    "masterDesc": "Master data and base dictionary settings",
+    "helpFunction": "Help Functions",
+    "helpFunctionDesc": "Function help documentation",
+    "helpFeature": "Help Features",
+    "helpFeatureDesc": "Help topics and grouping maintenance"
+  },
+  "GeneratorPage": {
+    "title": "Number Generators",
+    "detailTitle": "Number Rule Detail",
+    "systemId": "System Id",
+    "subsystemId": "Subsystem Id",
+    "prefix": "Prefix",
+    "refreshPeriod": "Refresh Period",
+    "format": "Format",
+    "nextId": "Next Id",
+    "lastGeneratorDate": "Last Generated At",
+    "yes": "Yes",
+    "no": "No",
+    "formatRequired": "Please enter the format"
+  },
+  "GroupPage": {
+    "title": "User Groups",
+    "detailTitle": "User Group Detail",
+    "groupName": "Group Name",
+    "groupLocalName": "Local Name",
+    "groupEngName": "English Name",
+    "createdDatetime": "Created At",
+    "nameRequired": "Please enter the group name",
+    "localNameRequired": "Please enter the local name",
+    "actionView": "View",
+    "actionCreate": "Create",
+    "actionAmend": "Amend",
+    "actionDelete": "Delete",
+    "permissionTitle": "Permissions",
+    "addPermissionBut": "Add Permission",
+    "permissionEmpty": "No permissions yet",
+    "unnamedPermission": "Unnamed permission",
+    "dependentLabel": "Dependent",
+    "dependentViewTitle": "Dependent Permissions",
+    "dependentViewEmpty": "No dependent permissions yet",
+    "unnamedDependent": "Unnamed dependent",
+    "actorTitle": "Roles",
+    "addActorBut": "Add Role",
+    "actorEmpty": "No roles yet",
+    "unnamedActor": "Unnamed role"
+  },
+  "FunctionPage": {
+    "title": "Functions",
+    "detailTitle": "Function Detail",
+    "functionName": "Function Name",
+    "functionLocalName": "Local Name",
+    "functionEngName": "English Name",
+    "functionIndc": "Menu?",
+    "icon": "Icon",
+    "permissionName": "Permission Name",
+    "pageUrl": "Page URL",
+    "apiRoute": "API Route",
+    "pageName": "Page Name",
+    "remark": "Remark",
+    "yes": "Yes",
+    "no": "No",
+    "menuItem": "Menu item",
+    "nameRequired": "Please enter the function name",
+    "localNameRequired": "Please enter the local name",
+    "pickPermissionBut": "Pick Permission",
+    "parentTitle": "Parent Directory",
+    "addParentBut": "Add Parent",
+    "parentEmpty": "No parent directory",
+    "unnamedParent": "Unnamed parent",
+    "sonTitle": "Child Menus",
+    "addSonBut": "Add Child",
+    "sonEmpty": "No child menus",
+    "unnamedSon": "Unnamed child"
+  },
+  "PermissionPage": {
+    "title": "Permissions",
+    "detailTitle": "Permission Detail",
+    "permissionName": "Permission Name",
+    "description": "Description",
+    "dependent": "Dependent",
+    "createdDatetime": "Created At",
+    "delegateIndc": "Delegable?",
+    "yes": "Yes",
+    "no": "No",
+    "nameRequired": "Please enter the permission name",
+    "descriptionRequired": "Please enter the description",
+    "dependentNameRequired": "Please enter the dependent name",
+    "dependentDescRequired": "Please enter the dependent local name",
+    "dependentTitle": "Dependent Permissions",
+    "addDependentBut": "Add Dependent",
+    "dependentEmpty": "No dependent permissions yet",
+    "dependentDetailName": "Dependent Name",
+    "dependentDetailDescription": "Dependent Local Name",
+    "dependentNamePlaceholder": "Name of the dependent permission",
+    "dependentDescPlaceholder": "Local description of the dependent permission"
+  },
+  "MasterPage": {
+    "title": "Master Data",
+    "detailTitle": "Master Data Detail",
+    "masterCategory": "Category",
+    "masterSubcategory": "Subcategory",
+    "masterCodeItem": "Code Item",
+    "localDescription": "Local Description",
+    "engDescription": "English Description",
+    "value": "Value",
+    "orderBy": "Order",
+    "validIndc": "Valid?",
+    "remark": "Remark",
+    "yes": "Yes",
+    "no": "No",
+    "categoryRequired": "Please enter the category",
+    "subcategoryRequired": "Please enter the subcategory",
+    "codeItemRequired": "Please enter the code item",
+    "localDescriptionRequired": "Please enter the local description"
+  },
+  "ActorPage": {
+    "detailTitle": "Role Detail",
+    "actorName": "Role Name",
+    "actorLocalName": "Local Name",
+    "actorEngName": "English Name",
+    "actorNameRequired": "Please enter the role name",
+    "localNameRequired": "Please enter the local name",
+    "groupTitle": "Groups",
+    "addGroupBut": "Add Group",
+    "groupEmpty": "No groups yet",
+    "unnamedGroup": "Unnamed group",
+    "userTitle": "Member Users",
+    "addUserBut": "Add User",
+    "userEmpty": "No member users yet",
+    "unnamedUser": "Unnamed user"
+  },
+  "HelpFunctionPage": {
+    "title": "Help Functions",
+    "detailTitle": "Help Function Detail",
+    "functionName": "Function Name",
+    "intro": "Introduction",
+    "enabledIndc": "Enabled?",
+    "yes": "Yes",
+    "no": "No",
+    "helpFunctionId": "Id",
+    "enabledTag": "Enabled",
+    "nameRequired": "Please pick a function name",
+    "pickFunctionBut": "Pick the function to document",
+    "stepTitle": "Steps",
+    "addStepBut": "Add Step",
+    "stepEmpty": "No steps yet",
+    "unnamedGroup": "No feature group selected",
+    "stepName": "Title",
+    "stepDescription": "Description",
+    "stepTips": "Tips",
+    "stepIcon": "Icon",
+    "stepTitlePlaceholder": "What to do in this step",
+    "stepDescPlaceholder": "How to do this step",
+    "stepTipsPlaceholder": "Extra tips, optional",
+    "stepIconPlaceholder": "Icon name on the page",
+    "featureTitle": "Referenced Feature Groups",
+    "addFeatureBut": "Reference Feature Group",
+    "featureEmpty": "No feature group referenced"
+  },
+  "HelpFeaturePage": {
+    "title": "Help Features",
+    "detailTitle": "Feature Group Detail",
+    "name": "Feature Name",
+    "description": "Description",
+    "icon": "Icon",
+    "color": "Color",
+    "groupCode": "Group Code",
+    "groupName": "Group Name",
+    "featureCount": "Features",
+    "groupTitle": "Feature Group",
+    "groupCodeRequired": "Please enter the group code",
+    "nameRequired": "Please enter the feature name",
+    "featureTitle": "Features In Group",
+    "addFeatureBut": "Add Feature",
+    "featureEmpty": "No features yet",
+    "namePlaceholder": "Usually the text on the button",
+    "descPlaceholder": "What this button / icon does",
+    "iconPlaceholder": "e.g. DeleteOutlined",
+    "colorPlaceholder": "e.g. #faad14 / red",
+    "noGroupTip": "This feature has no owning group"
   },
   "FilePage": {
     "title": "Files",
@@ -262,7 +470,7 @@
     "viewBut": "View",
     "amendBut": "Edit",
     "createBut": "New",
-    "deleteBut": "Invalidate",
+    "deleteBut": "Delete",
     "saveBut": "Save",
     "backBut": "Back",
     "pickDoneBut": "Done",
@@ -270,8 +478,8 @@
     "notExistTip": "Record not found",
     "notSetTip": "Not set",
     "savedTip": "Saved",
-    "deletedTip": "Records invalidated",
-    "confirmDeleteTitle": "Invalidate the selected records?",
+    "deletedTip": "Records deleted",
+    "confirmDeleteTitle": "Delete the selected records?",
     "noPermissionText": "No accessible admin function",
     "menuLoading": "Loading menu…",
     "menuRetryBut": "Reload",
diff --git a/uniapp/youjiala/src/locale/lang/zh-CN.json b/uniapp/youjiala/src/locale/lang/zh-CN.json
index 9cea14c..936da73 100644
--- a/uniapp/youjiala/src/locale/lang/zh-CN.json
+++ b/uniapp/youjiala/src/locale/lang/zh-CN.json
@@ -16,13 +16,221 @@
   },
   "MinePage": {
     "title": "我的",
+    "myTheme": "我的主题",
+    "mySecurity": "安全管理",
+    "currentTheme": "当前主题",
+    "aboutTitle": "关于",
+    "appName": "应用名称",
+    "versionLabel": "当前版本",
+    "platformLabel": "运行平台"
+  },
+  "ThemePage": {
+    "title": "我的主题",
     "themeTitle": "主题颜色",
     "themeHint": "切换后组件配色即时更新，选择会被记住",
     "darkTitle": "深色模式",
     "darkAuto": "跟随系统",
     "darkLight": "浅色",
-    "darkDark": "深色",
-    "currentTheme": "当前主题"
+    "darkDark": "深色"
+  },
+  "SecurityPage": {
+    "title": "安全管理",
+    "pageHint": "权限体系与基础设定，仅管理员可操作",
+    "pendingTag": "待迁移",
+    "pendingTip": "该功能尚未从旧系统迁移，敬请期待",
+    "user": "用户管理",
+    "userDesc": "账号、登录用户与状态",
+    "actor": "角色管理",
+    "actorDesc": "安全角色与成员归属",
+    "group": "用户组管理",
+    "groupDesc": "用户组与组权限分配",
+    "function": "功能管理",
+    "functionDesc": "系统功能与菜单定义",
+    "permission": "权限管理",
+    "permissionDesc": "功能授权与权限依赖",
+    "generator": "编号生成器",
+    "generatorDesc": "单据编号规则与流水号",
+    "master": "主档管理",
+    "masterDesc": "主数据与基础字典设定",
+    "helpFunction": "帮助功能",
+    "helpFunctionDesc": "功能帮助说明维护",
+    "helpFeature": "帮助专题",
+    "helpFeatureDesc": "帮助专题与分组维护"
+  },
+  "GeneratorPage": {
+    "title": "编号生成器",
+    "detailTitle": "编号规则详情",
+    "systemId": "项目编号",
+    "subsystemId": "子编号",
+    "prefix": "前缀",
+    "refreshPeriod": "重新刷新",
+    "format": "格式",
+    "nextId": "编号",
+    "lastGeneratorDate": "上次发号时间",
+    "yes": "是",
+    "no": "否",
+    "formatRequired": "请输入格式"
+  },
+  "GroupPage": {
+    "title": "用户组查询",
+    "detailTitle": "用户组详情",
+    "groupName": "组别名称",
+    "groupLocalName": "中文名称",
+    "groupEngName": "英文名称",
+    "createdDatetime": "创建日期",
+    "nameRequired": "请输入组别名称",
+    "localNameRequired": "请输入中文名称",
+    "actionView": "查看",
+    "actionCreate": "新增",
+    "actionAmend": "修改",
+    "actionDelete": "删除",
+    "permissionTitle": "权限明细",
+    "addPermissionBut": "添加权限",
+    "permissionEmpty": "暂无权限明细",
+    "unnamedPermission": "未命名权限",
+    "dependentLabel": "扩展",
+    "dependentViewTitle": "扩展权限明细",
+    "dependentViewEmpty": "暂无扩展权限明细",
+    "unnamedDependent": "未命名扩展",
+    "actorTitle": "组内角色",
+    "addActorBut": "添加角色",
+    "actorEmpty": "暂无组内角色",
+    "unnamedActor": "未命名角色"
+  },
+  "FunctionPage": {
+    "title": "功能查询",
+    "detailTitle": "功能详情",
+    "functionName": "功能名称",
+    "functionLocalName": "中文名称",
+    "functionEngName": "英文名称",
+    "functionIndc": "菜单?",
+    "icon": "图标",
+    "permissionName": "权限名称",
+    "pageUrl": "页面地址",
+    "apiRoute": "接口路由",
+    "pageName": "页面名称",
+    "remark": "备注",
+    "yes": "是",
+    "no": "否",
+    "menuItem": "菜单项",
+    "nameRequired": "请输入功能名称",
+    "localNameRequired": "请输入中文名称",
+    "pickPermissionBut": "选择权限",
+    "parentTitle": "上级目录",
+    "addParentBut": "添加上级",
+    "parentEmpty": "暂无上级目录",
+    "unnamedParent": "未命名上级",
+    "sonTitle": "下级菜单",
+    "addSonBut": "添加下级",
+    "sonEmpty": "暂无下级菜单",
+    "unnamedSon": "未命名下级"
+  },
+  "PermissionPage": {
+    "title": "权限查询",
+    "detailTitle": "权限详情",
+    "permissionName": "权限名称",
+    "description": "说明",
+    "dependent": "扩展",
+    "createdDatetime": "创建日期",
+    "delegateIndc": "允许代理?",
+    "yes": "是",
+    "no": "否",
+    "nameRequired": "请输入权限名称",
+    "descriptionRequired": "请输入说明",
+    "dependentNameRequired": "请输入扩展名称",
+    "dependentDescRequired": "请输入扩展中文名称",
+    "dependentTitle": "扩展权限明细",
+    "addDependentBut": "添加扩展",
+    "dependentEmpty": "暂无扩展权限明细",
+    "dependentDetailName": "扩展名称",
+    "dependentDetailDescription": "扩展中文名称",
+    "dependentNamePlaceholder": "扩展权限的名称",
+    "dependentDescPlaceholder": "扩展权限的中文说明"
+  },
+  "MasterPage": {
+    "title": "主档查询",
+    "detailTitle": "主档详情",
+    "masterCategory": "主档类别",
+    "masterSubcategory": "子类别",
+    "masterCodeItem": "代码项",
+    "localDescription": "中文描述",
+    "engDescription": "英文描述",
+    "value": "取值",
+    "orderBy": "排序",
+    "validIndc": "有效?",
+    "remark": "备注",
+    "yes": "是",
+    "no": "否",
+    "categoryRequired": "请输入主档类别",
+    "subcategoryRequired": "请输入子类别",
+    "codeItemRequired": "请输入代码项",
+    "localDescriptionRequired": "请输入中文描述"
+  },
+  "ActorPage": {
+    "detailTitle": "角色详情",
+    "actorName": "角色名称",
+    "actorLocalName": "中文名称",
+    "actorEngName": "英文名称",
+    "actorNameRequired": "请输入角色名称",
+    "localNameRequired": "请输入中文名称",
+    "groupTitle": "所属组别",
+    "addGroupBut": "添加组别",
+    "groupEmpty": "暂无所属组别",
+    "unnamedGroup": "未命名组别",
+    "userTitle": "成员用户",
+    "addUserBut": "添加用户",
+    "userEmpty": "暂无成员用户",
+    "unnamedUser": "未命名用户"
+  },
+  "HelpFunctionPage": {
+    "title": "帮助功能查询",
+    "detailTitle": "帮助功能详情",
+    "functionName": "功能名称",
+    "intro": "功能说明",
+    "enabledIndc": "启用?",
+    "yes": "是",
+    "no": "否",
+    "helpFunctionId": "编号",
+    "enabledTag": "启用",
+    "nameRequired": "请选择功能名称",
+    "pickFunctionBut": "选择要编写帮助的功能",
+    "stepTitle": "操作步骤",
+    "addStepBut": "新增步骤",
+    "stepEmpty": "暂无操作步骤",
+    "unnamedGroup": "未选择功能点组",
+    "stepName": "标题",
+    "stepDescription": "说明",
+    "stepTips": "提示",
+    "stepIcon": "图标",
+    "stepTitlePlaceholder": "这一步先做什么",
+    "stepDescPlaceholder": "这一步具体怎么做",
+    "stepTipsPlaceholder": "补充说明，可留空",
+    "stepIconPlaceholder": "页面上的图标名",
+    "featureTitle": "引用的功能点组",
+    "addFeatureBut": "引用功能点组",
+    "featureEmpty": "暂未引用功能点组"
+  },
+  "HelpFeaturePage": {
+    "title": "帮助功能点查询",
+    "detailTitle": "功能点组详情",
+    "name": "功能点名称",
+    "description": "作用说明",
+    "icon": "图标",
+    "color": "颜色",
+    "groupCode": "组编码",
+    "groupName": "组名称",
+    "featureCount": "功能点",
+    "groupTitle": "功能点组",
+    "groupCodeRequired": "请输入组编码",
+    "nameRequired": "请输入功能点名称",
+    "featureTitle": "组内功能点",
+    "addFeatureBut": "新增功能点",
+    "featureEmpty": "暂无功能点",
+    "namePlaceholder": "一般就是按钮上的字",
+    "descPlaceholder": "这个按钮 / 图标的作用",
+    "iconPlaceholder": "如 DeleteOutlined",
+    "colorPlaceholder": "如 #faad14 / red",
+    "noGroupTip": "该功能点没有所属组"
   },
   "FilePage": {
     "title": "文件",
@@ -262,7 +470,7 @@
     "viewBut": "查看",
     "amendBut": "修改",
     "createBut": "新增",
-    "deleteBut": "无效",
+    "deleteBut": "删除",
     "saveBut": "保存",
     "backBut": "返回",
     "pickDoneBut": "完成选择",
@@ -271,7 +479,7 @@
     "notSetTip": "未设置",
     "savedTip": "保存成功",
     "deletedTip": "记录删除成功",
-    "confirmDeleteTitle": "确定要作废选中的记录吗？",
+    "confirmDeleteTitle": "确定要删除选中的记录吗？",
     "noPermissionText": "没有可访问的管理功能",
     "menuLoading": "菜单加载中…",
     "menuRetryBut": "重新加载",
diff --git a/uniapp/youjiala/src/pages.json b/uniapp/youjiala/src/pages.json
index a5f4b1a..3da21d9 100644
--- a/uniapp/youjiala/src/pages.json
+++ b/uniapp/youjiala/src/pages.json
@@ -22,6 +22,10 @@
     },
     // 管理端 security 域（旧 WebVue views/security 的第一批移植）：
     // user-enquiry 列表 / user-operation 详情（?id=&mode=view|create|amend）/ actor-enquiry 角色查询（兼作选择器）
+    // 安全管理枢纽页（短地址 /security）：从「我的」页跳入，聚合权限体系基础设定入口
+    {
+      "path": "pages/security/security"
+    },
     {
       "path": "pages/security/user-enquiry"
     },
@@ -31,6 +35,62 @@
     {
       "path": "pages/security/actor-enquiry"
     },
+    // 编号生成器（短地址 /generator-enquiry 列表 + /generator-operation 详情）：旧 GeneratorNumberEnquiry/Modal 迁移
+    {
+      "path": "pages/security/generator-enquiry"
+    },
+    {
+      "path": "pages/security/generator-operation"
+    },
+    // 角色详情（短地址 /actor-operation）：旧 ActorOperation 迁移，group/user 双子表选择器
+    {
+      "path": "pages/security/actor-operation"
+    },
+    // 组别（/group-enquiry 列表+选择器、/group-operation 详情）：旧 GroupEnquiry/Operation 迁移
+    {
+      "path": "pages/security/group-enquiry"
+    },
+    {
+      "path": "pages/security/group-operation"
+    },
+    // 功能（/function-enquiry、/function-operation）：旧 FunctionEnquiry/Operation 迁移，父子选择器+重排
+    {
+      "path": "pages/security/function-enquiry"
+    },
+    {
+      "path": "pages/security/function-operation"
+    },
+    // 权限（/permission-enquiry、/permission-operation、/permission-dependent-enquiry）：旧 Permission 三页迁移
+    {
+      "path": "pages/security/permission-enquiry"
+    },
+    {
+      "path": "pages/security/permission-operation"
+    },
+    {
+      "path": "pages/security/permission-dependent-enquiry"
+    },
+    // 数据字典（/master-enquiry、/master-operation）：旧 Master 两页迁移，复合主键 cat|sub|item
+    {
+      "path": "pages/security/master-enquiry"
+    },
+    {
+      "path": "pages/security/master-operation"
+    },
+    // 帮助功能（/help-function-enquiry、/help-function-operation）：旧 SecurityHelpFunction 两页迁移
+    {
+      "path": "pages/security/help-function-enquiry"
+    },
+    {
+      "path": "pages/security/help-function-operation"
+    },
+    // 帮助功能点组（/help-feature-enquiry、/help-feature-operation）：旧 SecurityHelpFeature 两页迁移
+    {
+      "path": "pages/security/help-feature-enquiry"
+    },
+    {
+      "path": "pages/security/help-feature-operation"
+    },
     // 底部导航测试页（首页复用上面的 dashboard）：文件/多媒体/共享/我的
     {
       "path": "pages/tab/file"
@@ -44,6 +104,10 @@
     {
       "path": "pages/tab/mine"
     },
+    // 我的主题（短地址 /theme）：从「我的」页跳入，主题配色与深色模式设置
+    {
+      "path": "pages/theme/theme"
+    },
     // 传输列表：uploadQueue store 的视图页，选文件上传后自动跳入
     {
       "path": "pages/transport/transport"
diff --git a/uniapp/youjiala/src/pages/security/actor-enquiry.vue b/uniapp/youjiala/src/pages/security/actor-enquiry.vue
index 75fe2d8..3f4aed4 100644
--- a/uniapp/youjiala/src/pages/security/actor-enquiry.vue
+++ b/uniapp/youjiala/src/pages/security/actor-enquiry.vue
@@ -3,7 +3,7 @@
  * 角色查询（ActorEnquiry）：旧 WebVue views/security/ActorEnquiry.vue 的移动端等价物
  *
  * 它有两种打开方式，同一套列表：
- * 1. 从菜单进（无 channel）：普通查询页，点行看详情（本批暂未接详情，仅回传/返回）；
+ * 1. 从菜单进（无 channel）：普通查询页（点行看详情，右上可新增、长按多选可批量删除）；
  * 2. 被 user-operation 当"角色选择器"跳进来（带 ?channel=&multiple=1）：
  *    选完 uni.$emit 回传再 navigateBack（见 useAdminPick / useAdminPickTarget 协议）。
  *
@@ -20,102 +20,160 @@ import { SecurityActorEntity } from "@/data/auto/securityActorEntity";
 import { SecurityActorSearchCriteria } from "@/data/auto/securityActorSearchCriteria";
 import { SearchFilterOperatorPolicy } from "@/data/custom/searchFilterOperatorPolicy";
 import { SearchFilterTypePolicy } from "@/data/custom/searchFilterTypePolicy";
+import { usePagePermission } from "@/permission/permission-context";
+import { pageUrl } from "@/router/routes";
 import securityActorService from "@/service/security/securityActorService";
 
 const { t } = useLocale();
 const pickTarget = useAdminPickTarget();
+const perm = usePagePermission("actorEnquiry");
+
+/** 选择器模式：带 channel 进来时点行回传；否则作为普通菜单页点行进详情 */
+const isPick = ref(false);
 
 const bindOptions = reactive([
-    makeFilterOption(
-        SecurityActorEntity.DB_ACTOR_LOCAL_NAME,
-        t("UserPage.actorLocalName"),
-        SearchFilterTypePolicy.TEXT,
-        SearchFilterOperatorPolicy.CONTAIN,
-    ),
+  makeFilterOption(
+    SecurityActorEntity.DB_ACTOR_LOCAL_NAME,
+    t("UserPage.actorLocalName"),
+    SearchFilterTypePolicy.TEXT,
+    SearchFilterOperatorPolicy.CONTAIN,
+  ),
 ]);
 
 async function fetchData(query: AdminQuery) {
-    const criteria = new SecurityActorSearchCriteria();
-    criteria.GridColumns = [];
-    fillCriteria(criteria, query.filters, query);
-    const data = await securityActorService.FindBySearchCriteria(criteria);
-    return { rows: data?.Datas ?? [], total: data?.Total ?? 0 };
+  const criteria = new SecurityActorSearchCriteria();
+  criteria.GridColumns = [];
+  fillCriteria(criteria, query.filters, query);
+  const data = await securityActorService.FindBySearchCriteria(criteria);
+  return { rows: data?.Datas ?? [], total: data?.Total ?? 0 };
 }
 
 const state = useAdminList({ bindOptions, loader: fetchData });
 const { filterCount, filterVisible, draft, searchToken } = state;
 
 const columns = computed<AdminColumn[]>(() => [
-    {
-        label: t("UserPage.actorLocalName"),
-        prop: SecurityActorEntity.ACTOR_LOCAL_NAME,
-    },
-    { label: t("UserPage.actorName"), prop: SecurityActorEntity.ACTOR_NAME },
+  {
+    label: t("UserPage.actorLocalName"),
+    prop: SecurityActorEntity.ACTOR_LOCAL_NAME,
+  },
+  { label: t("UserPage.actorName"), prop: SecurityActorEntity.ACTOR_NAME },
 ]);
 
 const keyword = ref("");
 const listRef = ref<any>(null);
 
 function onSearch(): void {
-    const option = bindOptions.find(
-        item => item.BindValue === SecurityActorEntity.DB_ACTOR_LOCAL_NAME,
-    );
-    if (option) {
-        option.Value = keyword.value;
-    }
-    state.reload();
+  const option = bindOptions.find(
+    item => item.BindValue === SecurityActorEntity.DB_ACTOR_LOCAL_NAME,
+  );
+  if (option) {
+    option.Value = keyword.value;
+  }
+  state.reload();
 }
 
 function onRowTap(row: AdminRow): void {
-    // 多选态交给勾选，不在这里回传；单选态点一行即选中
+  // 选择器模式：多选态交给勾选，单选态点一行即选中回传
+  if (isPick.value) {
     if (pickTarget.multiple.value) {
-        return;
+      return;
     }
     pickTarget.deliverOne(row);
+    return;
+  }
+  // 菜单模式：进角色详情（旧页面双击行开编辑弹窗，移动端改点行进详情页）
+  uni.navigateTo({
+    url: `${pageUrl("actorOperation")}?id=${row.ActorName}&mode=view`,
+  });
 }
 
 function onConfirm(rows: AdminRow[]): void {
-    if (!rows.length) {
-        uni.showToast({ title: t("AdminPage.pickNoneTip"), icon: "none" });
+  if (!rows.length) {
+    uni.showToast({ title: t("AdminPage.pickNoneTip"), icon: "none" });
+    return;
+  }
+  pickTarget.deliver(rows);
+}
+
+function onCreate(): void {
+  uni.navigateTo({ url: `${pageUrl("actorOperation")}?mode=create` });
+}
+
+async function onDelete(rows: AdminRow[]): Promise<void> {
+  if (!rows.length) {
+    uni.showToast({ title: t("AdminPage.pickNoneTip"), icon: "none" });
+    return;
+  }
+  uni.showModal({
+    title: t("AdminPage.confirmDeleteTitle"),
+    success: async (res: any) => {
+      if (!res.confirm) {
         return;
-    }
-    pickTarget.deliver(rows);
+      }
+      // 旧页面也是循环单条 Delete（非 Deletes），这里保持一致
+      for (const row of rows) {
+        await securityActorService.Delete(String(row.ActorName ?? ""));
+      }
+      listRef.value?.clearSelection();
+      state.reload();
+      uni.showToast({ title: t("AdminPage.deletedTip"), icon: "none" });
+    },
+  });
 }
 
 onLoad((options) => {
-    pickTarget.readOptions(options);
+  pickTarget.readOptions(options);
+  isPick.value = String(options?.channel ?? "").trim().length > 0;
 });
 
-let booted = false;
 useAuthGuard(() => {
-    if (booted) {
-        return;
-    }
-    booted = true;
-    nextTick(() => listRef.value?.refresh());
+  // 每次显示都重拉第一页：增/改/删后从详情返回能看到最新数据（navigateBack 不重新挂页面）
+  nextTick(() => listRef.value?.refresh());
 });
 </script>
 
 <template>
-    <view class="page">
-        <admin-list ref="listRef" v-model:keyword="keyword" :nav-title="t('UserPage.actorEnquiryTitle')"
-            :columns="columns" :loader="state.query" :row-key="SecurityActorEntity.ACTOR_NAME"
-            title-key="ActorLocalName" :selectable="pickTarget.multiple.value" :filter-count="filterCount"
-            :filter-visible="filterVisible" :filter-items="draft" :search-token="searchToken" @search="onSearch"
-            @open-filter="state.openFilter()" @close-filter="state.closeFilter()"
-            @apply-filter="state.applyFilter($event)" @clear-filter="state.clearFiltersAndSearch()" @row-tap="onRowTap">
-            <template #actions="{ rows }">
-                <u-button type="primary" shape="circle" size="mini" :text="t('AdminPage.pickDoneBut')"
-                    @click="onConfirm(rows)" />
-            </template>
-        </admin-list>
-    </view>
+  <view class="page">
+    <admin-list ref="listRef" v-model:keyword="keyword" :nav-title="t('UserPage.actorEnquiryTitle')"
+      :show-nav-back="isPick" :columns="columns" :loader="state.query" :row-key="SecurityActorEntity.ACTOR_NAME"
+      title-key="ActorLocalName" :selectable="isPick ? pickTarget.multiple.value : Boolean(perm.canDelete.value)"
+      :filter-count="filterCount" :filter-visible="filterVisible" :filter-items="draft" :search-token="searchToken"
+      :keep-selection-on-reload="isPick" @search="onSearch" @open-filter="state.openFilter()"
+      @close-filter="state.closeFilter()" @apply-filter="state.applyFilter($event)"
+      @clear-filter="state.clearFiltersAndSearch()" @row-tap="onRowTap">
+      <template v-if="!isPick && perm.canCreate.value" #toolbar-actions>
+        <view class="create-entry" @click="onCreate">
+          <u-icon name="plus" size="40" />
+        </view>
+      </template>
+
+      <template #actions="{ rows }">
+        <u-button v-if="isPick" type="primary" shape="circle" size="mini" :text="t('AdminPage.pickDoneBut')"
+          @click="onConfirm(rows)" />
+        <u-button v-else-if="perm.canDelete.value" type="error" shape="circle" size="mini"
+          :text="t('AdminPage.deleteBut')" @click="onDelete(rows)" />
+      </template>
+    </admin-list>
+  </view>
 </template>
 
 <style lang="scss" scoped>
 .page {
-    width: 100%;
-    height: 100vh;
-    background-color: $u-bg-color;
+  width: 100%;
+  height: 100vh;
+  background-color: $u-bg-color;
+}
+
+.create-entry {
+  display: flex;
+  flex-direction: row;
+  align-items: center;
+  justify-content: center;
+  width: 64rpx;
+  height: 64rpx;
+  margin-left: 12rpx;
+  color: $u-type-primary;
+  background-color: $u-bg-color;
+  border-radius: 16rpx;
 }
 </style>
diff --git a/uniapp/youjiala/src/pages/security/actor-operation.vue b/uniapp/youjiala/src/pages/security/actor-operation.vue
new file mode 100644
index 0000000..538f210
--- /dev/null
+++ b/uniapp/youjiala/src/pages/security/actor-operation.vue
@@ -0,0 +1,396 @@
+<script setup lang="ts">
+/**
+ * 角色详情（查看 / 新增 / 修改）：旧 WebVue views/security/ActorOperation.vue 的移动端等价物
+ *
+ * 逐条对齐旧逻辑：
+ * - onLoad 读 id（=ActorName）与 mode（view|create|amend）；
+ * - FindByKey 取 SecurityActorData，取不到提示"记录不存在"；
+ * - 保存按 CreatedBy 有无决定 Update / Insert，成功后回填主键、退回只读；
+ * - 两个子表：组别明细（SecurityActorGroups，选 group-enquiry 多选）、
+ *   用户明细（SecurityUserActors，选 user-enquiry 多选），均按主键去重合并、删除即剔除。
+ *
+ * 旧页面用 dragModal 内嵌 Enquiry + provide/inject 做选择；移动端改成真跳选择页再回传
+ * （见 composables/useAdminPick），所以两个子表放在 admin-form 的 #extra 插槽里自绘。
+ */
+import type { AdminFormAction, AdminFormField, AdminFormSection } from "@/admin/admin-types";
+import { onLoad } from "@dcloudio/uni-app";
+import { useLocale } from "uview-pro";
+import { computed, ref } from "vue";
+import { useAdminPick, useAuthGuard } from "@/composables";
+import { SecurityActorData } from "@/data/auto/securityActorData";
+import { SecurityActorGroupViewEntity } from "@/data/auto/securityActorGroupViewEntity";
+import { SecurityUserActorViewEntity } from "@/data/auto/securityUserActorViewEntity";
+import { usePagePermission } from "@/permission/permission-context";
+import securityActorService from "@/service/security/securityActorService";
+
+const { t } = useLocale();
+const perm = usePagePermission("actorOperation");
+
+const data = ref<SecurityActorData>(new SecurityActorData());
+const actor = computed(() => data.value.SecurityActor);
+const readonly = ref(true);
+const routeId = ref("");
+
+/** 新增态判定：没有 CreatedBy 就说明是还没落库的新记录 */
+const isNew = computed(() => !String(actor.value.CreatedBy ?? "").trim());
+
+const heroTitle = computed(
+    () => String(actor.value.ActorLocalName || actor.value.ActorName || ""),
+);
+const heroChips = computed(() => {
+    const chips: string[] = [];
+    if (actor.value.ActorName) {
+        chips.push(`${t("ActorPage.actorName")}: ${actor.value.ActorName}`);
+    }
+    return chips;
+});
+
+const sections = computed<AdminFormSection[]>(() => {
+    const fields: AdminFormField[] = [
+        {
+            label: t("ActorPage.actorName"),
+            prop: "ActorName",
+            required: true,
+            // 已有记录时主键锁死：与旧页面"编辑态 ActorName 只读"一致
+            lock: routeId.value !== "",
+        },
+        { label: t("ActorPage.actorLocalName"), prop: "ActorLocalName", required: true },
+        { label: t("ActorPage.actorEngName"), prop: "ActorEngName" },
+    ];
+    return [{ title: t("ActorPage.detailTitle"), fields }];
+});
+
+const actions = computed<AdminFormAction[]>(() => {
+    const list: AdminFormAction[] = [];
+    if (perm.canAmend.value) {
+        list.push({ key: "amend", label: t("AdminPage.amendBut"), when: "view" });
+    }
+    if (perm.canDelete.value) {
+        list.push({
+            key: "delete",
+            label: t("AdminPage.deleteBut"),
+            tone: "error",
+            confirm: true,
+            when: "view",
+        });
+    }
+    list.push({ key: "save", label: t("AdminPage.saveBut"), when: "edit" });
+    list.push({ key: "cancel", label: t("AdminPage.cancelBut"), when: "edit" });
+    return list;
+});
+
+async function load(): Promise<void> {
+    const result = await securityActorService.FindByKey(routeId.value);
+    if (!result?.SecurityActor?.ActorName) {
+        uni.showToast({ title: t("AdminPage.notExistTip"), icon: "none" });
+        return;
+    }
+    data.value = result;
+    if (!data.value.SecurityActorGroups) {
+        data.value.SecurityActorGroups = [];
+    }
+    if (!data.value.SecurityUserActors) {
+        data.value.SecurityUserActors = [];
+    }
+}
+
+function onFieldChange(prop: string, value: unknown): void {
+    (actor.value as Record<string, any>)[prop] = value;
+}
+
+async function onSave(): Promise<void> {
+    if (!String(actor.value.ActorName ?? "").trim()) {
+        uni.showToast({ title: t("ActorPage.actorNameRequired"), icon: "none" });
+        return;
+    }
+    if (!String(actor.value.ActorLocalName ?? "").trim()) {
+        uni.showToast({ title: t("ActorPage.localNameRequired"), icon: "none" });
+        return;
+    }
+    if (!data.value.SecurityUserActors) {
+        data.value.SecurityUserActors = [];
+    }
+    if (!data.value.SecurityActorGroups) {
+        data.value.SecurityActorGroups = [];
+    }
+    const isUpdate = !isNew.value;
+    const result = await (isUpdate
+        ? securityActorService.Update(data.value)
+        : securityActorService.Insert(data.value));
+    if (result?.SecurityActor) {
+        data.value = result;
+    }
+    // 服务端保存返回可能不含子表字段：统一兑底成 []，否则模板读 .length 会报 undefined
+    if (!data.value.SecurityActorGroups) {
+        data.value.SecurityActorGroups = [];
+    }
+    if (!data.value.SecurityUserActors) {
+        data.value.SecurityUserActors = [];
+    }
+    routeId.value = String(actor.value.ActorName ?? "");
+    readonly.value = true;
+    uni.showToast({ title: t("AdminPage.savedTip"), icon: "none" });
+}
+
+async function onDelete(): Promise<void> {
+    await securityActorService.Delete(routeId.value);
+    uni.showToast({ title: t("AdminPage.deletedTip"), icon: "none" });
+    setTimeout(() => uni.navigateBack(), 600);
+}
+
+function onAction(action: AdminFormAction): void {
+    switch (action.key) {
+        case "amend":
+            readonly.value = false;
+            break;
+        case "save":
+            onSave();
+            break;
+        case "delete":
+            onDelete();
+            break;
+        case "cancel":
+            if (isNew.value || !routeId.value) {
+                uni.navigateBack();
+                return;
+            }
+            readonly.value = true;
+            load();
+            break;
+        default:
+            break;
+    }
+}
+
+function onBack(): void {
+    uni.navigateBack();
+}
+
+// 组别选择：跳 group-enquiry（多选），回传后按 GroupName 去重合并
+const groupPicker = useAdminPick<SecurityActorGroupViewEntity>("group");
+
+function onAddGroup(): void {
+    groupPicker.open({ page: "groupEnquiry", params: { multiple: "1" } }, (rows) => {
+        const exists = new Set(data.value.SecurityActorGroups.map(item => item.GroupName));
+        for (const row of rows) {
+            const groupName = String(row.GroupName ?? "");
+            if (!groupName || exists.has(groupName)) {
+                continue;
+            }
+            const entity = new SecurityActorGroupViewEntity();
+            entity.ActorName = String(actor.value.ActorName ?? "");
+            entity.GroupName = groupName;
+            entity.GroupLocalName = String(row.GroupLocalName ?? "");
+            data.value.SecurityActorGroups.push(entity);
+            exists.add(groupName);
+        }
+    });
+}
+
+function onDeleteGroup(groupName: string): void {
+    data.value.SecurityActorGroups = data.value.SecurityActorGroups.filter(
+        item => item.GroupName !== groupName,
+    );
+}
+
+// 用户选择：跳 user-enquiry（多选），回传后按 UserName 去重合并
+const userPicker = useAdminPick<SecurityUserActorViewEntity>("user");
+
+function onAddUser(): void {
+    userPicker.open({ page: "userEnquiry", params: { multiple: "1" } }, (rows) => {
+        const exists = new Set(data.value.SecurityUserActors.map(item => item.UserName));
+        for (const row of rows) {
+            const userName = String(row.UserName ?? "");
+            if (!userName || exists.has(userName)) {
+                continue;
+            }
+            const entity = new SecurityUserActorViewEntity();
+            entity.UserName = userName;
+            entity.UserLocalName = String(row.UserLocalName ?? "");
+            entity.ActorName = String(actor.value.ActorName ?? "");
+            data.value.SecurityUserActors.push(entity);
+            exists.add(userName);
+        }
+    });
+}
+
+function onDeleteUser(userName: string): void {
+    data.value.SecurityUserActors = data.value.SecurityUserActors.filter(
+        item => item.UserName !== userName,
+    );
+}
+
+onLoad((options) => {
+    routeId.value = String(options?.id ?? "");
+    const mode = String(options?.mode ?? "view");
+    readonly.value = mode !== "create" && mode !== "amend";
+});
+
+let booted = false;
+useAuthGuard(() => {
+    if (booted) {
+        return;
+    }
+    booted = true;
+    if (routeId.value) {
+        load();
+    }
+});
+</script>
+
+<template>
+    <admin-form :nav-title="t('ActorPage.detailTitle')" :show-nav-back="true" :hero-title="heroTitle"
+        :hero-chips="heroChips" :sections="sections" :model="actor" :readonly="readonly" :actions="actions"
+        @back="onBack" @action="onAction" @field-change="onFieldChange">
+        <template #extra="{ readonly: ro }">
+            <!-- 组别明细 -->
+            <view class="group">
+                <view class="group-head">
+                    <text class="group-title">
+                        {{ t("ActorPage.groupTitle") }}
+                    </text>
+                    <view v-if="!ro && perm.canAmend.value" class="group-add" @click="onAddGroup">
+                        <u-icon name="plus" size="24" color="#059669" />
+                        <text class="group-add-text">
+                            {{ t("ActorPage.addGroupBut") }}
+                        </text>
+                    </view>
+                </view>
+
+                <view class="group-card">
+                    <view v-if="!data.SecurityActorGroups.length" class="group-empty">
+                        <text>
+                            {{ t("ActorPage.groupEmpty") }}
+                        </text>
+                    </view>
+
+                    <view v-for="item in data.SecurityActorGroups" :key="item.GroupName" class="actor-row">
+                        <view class="actor-text">
+                            <text class="actor-name">
+                                {{ item.GroupLocalName || item.GroupName || t("ActorPage.unnamedGroup") }}
+                            </text>
+                            <text v-if="item.GroupLocalName" class="actor-sub">
+                                {{ item.GroupName }}
+                            </text>
+                        </view>
+                        <u-icon v-if="!ro && perm.canAmend.value" name="trash" size="34" color="#c4c8cf"
+                            @click="onDeleteGroup(item.GroupName)" />
+                    </view>
+                </view>
+            </view>
+
+            <!-- 用户明细 -->
+            <view class="group">
+                <view class="group-head">
+                    <text class="group-title">
+                        {{ t("ActorPage.userTitle") }}
+                    </text>
+                    <view v-if="!ro && perm.canAmend.value" class="group-add" @click="onAddUser">
+                        <u-icon name="plus" size="24" color="#059669" />
+                        <text class="group-add-text">
+                            {{ t("ActorPage.addUserBut") }}
+                        </text>
+                    </view>
+                </view>
+
+                <view class="group-card">
+                    <view v-if="!data.SecurityUserActors.length" class="group-empty">
+                        <text>
+                            {{ t("ActorPage.userEmpty") }}
+                        </text>
+                    </view>
+
+                    <view v-for="item in data.SecurityUserActors" :key="item.UserName" class="actor-row">
+                        <view class="actor-text">
+                            <text class="actor-name">
+                                {{ item.UserLocalName || item.UserName || t("ActorPage.unnamedUser") }}
+                            </text>
+                            <text v-if="item.UserLocalName" class="actor-sub">
+                                {{ item.UserName }}
+                            </text>
+                        </view>
+                        <u-icon v-if="!ro && perm.canAmend.value" name="trash" size="34" color="#c4c8cf"
+                            @click="onDeleteUser(item.UserName)" />
+                    </view>
+                </view>
+            </view>
+        </template>
+    </admin-form>
+</template>
+
+<style lang="scss" scoped>
+/* 子表明细：与 admin-form 的分组卡同一套视觉（细标题 + 白卡 + 行间细线） */
+.group {
+    margin-bottom: 28rpx;
+}
+
+.group-head {
+    display: flex;
+    flex-direction: row;
+    align-items: center;
+    justify-content: space-between;
+    padding: 0 12rpx 12rpx;
+}
+
+.group-title {
+    font-size: 24rpx;
+    color: $u-tips-color;
+}
+
+.group-add {
+    display: flex;
+    flex-direction: row;
+    align-items: center;
+}
+
+.group-add-text {
+    margin-left: 4rpx;
+    font-size: 24rpx;
+    color: $u-type-primary;
+}
+
+.group-card {
+    padding: 0 28rpx;
+    overflow: hidden;
+    background-color: #ffffff;
+    border-radius: 20rpx;
+}
+
+.group-empty {
+    padding: 40rpx 0;
+    font-size: 24rpx;
+    color: $u-tips-color;
+    text-align: center;
+}
+
+.actor-row {
+    display: flex;
+    flex-direction: row;
+    align-items: center;
+    justify-content: space-between;
+    min-height: 92rpx;
+    padding: 16rpx 0;
+    border-bottom: 1rpx solid $u-border-color;
+
+    &:last-child {
+        border-bottom: none;
+    }
+}
+
+.actor-text {
+    display: flex;
+    flex-direction: column;
+    min-width: 0;
+}
+
+.actor-name {
+    font-size: 28rpx;
+    color: $u-main-color;
+}
+
+.actor-sub {
+    margin-top: 4rpx;
+    font-size: 22rpx;
+    color: $u-tips-color;
+}
+</style>
diff --git a/uniapp/youjiala/src/pages/security/function-enquiry.vue b/uniapp/youjiala/src/pages/security/function-enquiry.vue
new file mode 100644
index 0000000..25a9aa5
--- /dev/null
+++ b/uniapp/youjiala/src/pages/security/function-enquiry.vue
@@ -0,0 +1,246 @@
+<script setup lang="ts">
+/**
+ * 功能查询（列表页）：旧 WebVue views/security/FunctionEnquiry.vue 的移动端等价物
+ *
+ * 与旧页面对齐的关键点：
+ * - 数据形状用 SecurityFunctionDisplayData，findBySearchCriteria 的返回落在
+ *   data.SecurityFunctionDisplayDatas（不是普通的 data.Datas！），这里逐字照抄；
+ * - 中文名称筛选用 CN_CONTAIN（旧页面即如此），功能名称用 CONTAIN；
+ * - 菜单? 是 SINGLE_SELECTION + yesNo 候选，列显示 Y->是 / N->否。
+ * 行点击进详情（无 channel）/ 作为选择器回传（带 channel）。
+ */
+import type { AdminColumn, AdminQuery, AdminRow } from "@/admin/admin-types";
+import { onLoad } from "@dcloudio/uni-app";
+import { useLocale } from "uview-pro";
+import { computed, nextTick, reactive, ref, watch } from "vue";
+import { fillCriteria, makeFilterOption } from "@/admin/admin-filter";
+import {
+    useAdminList,
+    useAdminPickTarget,
+    useAuthGuard,
+} from "@/composables";
+import { SecurityFunctionDisplayData } from "@/data/auto/securityFunctionDisplayData";
+import { SecurityFunctionSearchCriteria } from "@/data/auto/securityFunctionSearchCriteria";
+import { SearchFilterOperatorPolicy } from "@/data/custom/searchFilterOperatorPolicy";
+import { SearchFilterTypePolicy } from "@/data/custom/searchFilterTypePolicy";
+import { usePagePermission } from "@/permission/permission-context";
+import { pageUrl } from "@/router/routes";
+import securityFunctionService from "@/service/security/securityFunctionService";
+
+const { t, currentLocale } = useLocale();
+const perm = usePagePermission("functionEnquiry");
+const pickTarget = useAdminPickTarget();
+
+const isPick = ref(false);
+
+function yesNo() {
+    return [
+        { label: t("FunctionPage.yes"), value: "Y" },
+        { label: t("FunctionPage.no"), value: "N" },
+    ];
+}
+
+const LABEL_KEYS: Record<string, string> = {
+    [SecurityFunctionDisplayData.DB_FUNCTION_NAME]: "FunctionPage.functionName",
+    [SecurityFunctionDisplayData.DB_FUNCTION_LOCAL_NAME]: "FunctionPage.functionLocalName",
+    [SecurityFunctionDisplayData.DB_FUNCTION_INDC]: "FunctionPage.functionIndc",
+};
+
+const bindOptions = reactive([
+    makeFilterOption(
+        SecurityFunctionDisplayData.DB_FUNCTION_NAME,
+        t(LABEL_KEYS[SecurityFunctionDisplayData.DB_FUNCTION_NAME]),
+        SearchFilterTypePolicy.TEXT,
+        SearchFilterOperatorPolicy.CONTAIN,
+    ),
+    makeFilterOption(
+        SecurityFunctionDisplayData.DB_FUNCTION_LOCAL_NAME,
+        t(LABEL_KEYS[SecurityFunctionDisplayData.DB_FUNCTION_LOCAL_NAME]),
+        SearchFilterTypePolicy.TEXT,
+        SearchFilterOperatorPolicy.CN_CONTAIN,
+    ),
+    makeFilterOption(
+        SecurityFunctionDisplayData.DB_FUNCTION_INDC,
+        t(LABEL_KEYS[SecurityFunctionDisplayData.DB_FUNCTION_INDC]),
+        SearchFilterTypePolicy.SINGLE_SELECTION,
+        SearchFilterOperatorPolicy.SINGLE,
+        yesNo(),
+    ),
+]);
+
+async function fetchData(query: AdminQuery) {
+    const criteria = new SecurityFunctionSearchCriteria();
+    criteria.GridColumns = [];
+    fillCriteria(criteria, query.filters, query);
+    const data = await securityFunctionService.FindBySearchCriteria(criteria);
+    return { rows: data?.SecurityFunctionDisplayDatas ?? [], total: data?.Total ?? 0 };
+}
+
+const state = useAdminList({
+    bindOptions,
+    loader: fetchData,
+    orderby: SecurityFunctionDisplayData.DB_FUNCTION_NAME,
+});
+
+const { filterCount, filterVisible, draft, searchToken } = state;
+
+const columns = computed<AdminColumn[]>(() => [
+    {
+        label: t("FunctionPage.functionName"),
+        prop: SecurityFunctionDisplayData.FUNCTION_NAME,
+    },
+    {
+        label: t("FunctionPage.functionLocalName"),
+        prop: SecurityFunctionDisplayData.FUNCTION_LOCAL_NAME,
+    },
+    {
+        label: t("FunctionPage.functionIndc"),
+        prop: SecurityFunctionDisplayData.FUNCTION_INDC,
+        format: (row: AdminRow) => (row.FunctionIndc === "Y" ? t("FunctionPage.yes") : t("FunctionPage.no")),
+    },
+    { label: t("FunctionPage.pageUrl"), prop: SecurityFunctionDisplayData.PAGE_URL },
+    { label: t("FunctionPage.apiRoute"), prop: SecurityFunctionDisplayData.API_ROUTE },
+]);
+
+const keyword = ref("");
+const listRef = ref<any>(null);
+
+function onSearch(): void {
+    const option = bindOptions.find(
+        item => item.BindValue === SecurityFunctionDisplayData.DB_FUNCTION_NAME,
+    );
+    if (option) {
+        option.Value = keyword.value;
+    }
+    state.reload();
+}
+
+function onRowTap(row: AdminRow): void {
+    if (isPick.value) {
+        if (pickTarget.multiple.value) {
+            return;
+        }
+        pickTarget.deliverOne(row);
+        return;
+    }
+    uni.navigateTo({
+        url: `${pageUrl("functionOperation")}?id=${row.FunctionName}&mode=view`,
+    });
+}
+
+function onCreate(): void {
+    uni.navigateTo({ url: `${pageUrl("functionOperation")}?mode=create` });
+}
+
+function onConfirm(rows: AdminRow[]): void {
+    if (!rows.length) {
+        uni.showToast({ title: t("AdminPage.pickNoneTip"), icon: "none" });
+        return;
+    }
+    pickTarget.deliver(rows);
+}
+
+async function onDelete(rows: AdminRow[]): Promise<void> {
+    if (!rows.length) {
+        uni.showToast({ title: t("AdminPage.pickNoneTip"), icon: "none" });
+        return;
+    }
+    uni.showModal({
+        title: t("AdminPage.confirmDeleteTitle"),
+        success: async (res: any) => {
+            if (!res.confirm) {
+                return;
+            }
+            for (const row of rows) {
+                await securityFunctionService.Delete(String(row.FunctionName));
+            }
+            listRef.value?.clearSelection();
+            state.reload();
+            uni.showToast({ title: t("AdminPage.deletedTip"), icon: "none" });
+        },
+    });
+}
+
+watch(currentLocale, () => {
+    for (const option of bindOptions) {
+        const key = LABEL_KEYS[option.BindValue];
+        if (key) {
+            option.DisplayName = t(key);
+        }
+        if (option.BindValue === SecurityFunctionDisplayData.DB_FUNCTION_INDC) {
+            const map: Record<string, string> = { Y: t("FunctionPage.yes"), N: t("FunctionPage.no") };
+            for (const so of option.SelectOptions) {
+                so.DisplayName = map[so.BindValue] ?? so.DisplayName;
+            }
+        }
+    }
+});
+
+onLoad((options) => {
+    pickTarget.readOptions(options);
+    isPick.value = String(options?.channel ?? "").trim().length > 0;
+    // function-operation 选上级目录时锁 FunctionIndc=N、选下级菜单时锁 Y：
+    // 用 ?indc= 传进来预置到菜单? 筛选，回传后按该类型过滤候选功能。
+    const indc = String(options?.indc ?? "").trim();
+    if (indc) {
+        const option = bindOptions.find(
+            item => item.BindValue === SecurityFunctionDisplayData.DB_FUNCTION_INDC,
+        );
+        if (option) {
+            option.Value = indc;
+        }
+    }
+});
+
+useAuthGuard(() => {
+    // 每次显示都重拉第一页：增/改/删后从详情返回能看到最新数据（navigateBack 不重新挂页面）
+    nextTick(() => listRef.value?.refresh());
+});
+</script>
+
+<template>
+    <view class="page">
+        <admin-list ref="listRef" v-model:keyword="keyword" :nav-title="t('FunctionPage.title')"
+            :show-nav-back="!isPick" :columns="columns" :loader="state.query"
+            :row-key="SecurityFunctionDisplayData.FUNCTION_NAME" title-key="FunctionName"
+            :selectable="isPick ? pickTarget.multiple.value : Boolean(perm.canDelete.value)" :filter-count="filterCount"
+            :filter-visible="filterVisible" :filter-items="draft" :search-token="searchToken"
+            :keep-selection-on-reload="isPick" @search="onSearch" @open-filter="state.openFilter()"
+            @close-filter="state.closeFilter()" @apply-filter="state.applyFilter($event)"
+            @clear-filter="state.clearFiltersAndSearch()" @row-tap="onRowTap">
+            <template v-if="!isPick && perm.canCreate.value" #toolbar-actions>
+                <view class="create-entry" @click="onCreate">
+                    <u-icon name="plus" size="40" />
+                </view>
+            </template>
+
+            <template #actions="{ rows }">
+                <u-button v-if="isPick" type="primary" shape="circle" size="mini" :text="t('AdminPage.pickDoneBut')"
+                    @click="onConfirm(rows)" />
+                <u-button v-else-if="perm.canDelete.value" type="error" shape="circle" size="mini"
+                    :text="t('AdminPage.deleteBut')" @click="onDelete(rows)" />
+            </template>
+        </admin-list>
+    </view>
+</template>
+
+<style lang="scss" scoped>
+.page {
+    width: 100%;
+    height: 100vh;
+    background-color: $u-bg-color;
+}
+
+.create-entry {
+    display: flex;
+    flex-direction: row;
+    align-items: center;
+    justify-content: center;
+    width: 64rpx;
+    height: 64rpx;
+    margin-left: 12rpx;
+    color: $u-type-primary;
+    background-color: $u-bg-color;
+    border-radius: 16rpx;
+}
+</style>
diff --git a/uniapp/youjiala/src/pages/security/function-operation.vue b/uniapp/youjiala/src/pages/security/function-operation.vue
new file mode 100644
index 0000000..787b3ae
--- /dev/null
+++ b/uniapp/youjiala/src/pages/security/function-operation.vue
@@ -0,0 +1,495 @@
+<script setup lang="ts">
+/**
+ * 功能详情（查看 / 新增 / 修改）：旧 WebVue views/security/FunctionOperation.vue 的移动端等价物
+ *
+ * 对齐旧逻辑：
+ * - 主表 SecurityFunction（DisplayData 形状），字段含 菜单?(FunctionIndc Y/N)、权限名称(选择器)等；
+ * - 上级目录 SecurityFunctionMapParents：选 function-enquiry（单选、锁 FunctionIndc=N，
+ *   即只能挂在"目录"型功能下），最多一条（旧页面父为空时才显示新增）；
+ * - 下级菜单 SecurityFunctionMapSons：选 function-enquiry（多选、锁 FunctionIndc=Y），
+ *   仅当本页 FunctionIndc=N（目录）才能加；可上下移动重排，重排后 Orderby=序号+1；
+ * - 菜单? 从 N 改成非 N 时清空下级菜单（旧 onFunctionIndcChange）；
+ * - 保存按 CreatedBy 有无决定 Update / Insert(SecurityFunctionData)。
+ * 图标旧页用 IconsSelect，移动端没有该组件，退化成文本输入。
+ */
+import type { AdminFormAction, AdminFormField, AdminFormSection } from "@/admin/admin-types";
+import { onLoad } from "@dcloudio/uni-app";
+import { useLocale } from "uview-pro";
+import { computed, ref } from "vue";
+import { useAdminPick, useAuthGuard } from "@/composables";
+import { SecurityFunctionData } from "@/data/auto/securityFunctionData";
+import { SecurityFunctionMapViewEntity } from "@/data/auto/securityFunctionMapViewEntity";
+import { usePagePermission } from "@/permission/permission-context";
+import securityFunctionService from "@/service/security/securityFunctionService";
+
+const { t } = useLocale();
+const perm = usePagePermission("functionOperation");
+
+const data = ref<SecurityFunctionData>(new SecurityFunctionData());
+const func = computed(() => data.value.SecurityFunction);
+const readonly = ref(true);
+const routeId = ref("");
+
+const isNew = computed(() => !String(func.value.CreatedBy ?? "").trim());
+
+const heroTitle = computed(
+    () => String(func.value.FunctionLocalName || func.value.FunctionName || ""),
+);
+const heroChips = computed(() => {
+    const chips: string[] = [];
+    if (func.value.FunctionName) {
+        chips.push(`${t("FunctionPage.functionName")}: ${func.value.FunctionName}`);
+    }
+    if (func.value.FunctionIndc === "Y") {
+        chips.push(t("FunctionPage.menuItem"));
+    }
+    return chips;
+});
+
+const sections = computed<AdminFormSection[]>(() => {
+    const fields: AdminFormField[] = [
+        {
+            label: t("FunctionPage.functionName"),
+            prop: "FunctionName",
+            required: true,
+            lock: String(func.value.CreatedBy ?? "").trim() !== "",
+        },
+        { label: t("FunctionPage.functionLocalName"), prop: "FunctionLocalName", required: true },
+        { label: t("FunctionPage.functionEngName"), prop: "FunctionEngName" },
+        { label: t("FunctionPage.icon"), prop: "Icon" },
+        {
+            label: t("FunctionPage.functionIndc"),
+            prop: "FunctionIndc",
+            type: "switch",
+            display: model => (model.FunctionIndc === "Y" ? t("FunctionPage.yes") : t("FunctionPage.no")),
+        },
+        { label: t("FunctionPage.permissionName"), prop: "PermissionName", lock: true },
+        { label: t("FunctionPage.pageUrl"), prop: "PageUrl" },
+        { label: t("FunctionPage.apiRoute"), prop: "ApiRoute" },
+        { label: t("FunctionPage.pageName"), prop: "PageName" },
+        { label: t("FunctionPage.remark"), prop: "Remark", type: "textarea", maxlength: 1000 },
+    ];
+    return [{ title: t("FunctionPage.detailTitle"), fields }];
+});
+
+const actions = computed<AdminFormAction[]>(() => {
+    const list: AdminFormAction[] = [];
+    if (perm.canAmend.value) {
+        list.push({ key: "amend", label: t("AdminPage.amendBut"), when: "view" });
+    }
+    if (perm.canDelete.value) {
+        list.push({
+            key: "delete",
+            label: t("AdminPage.deleteBut"),
+            tone: "error",
+            confirm: true,
+            when: "view",
+        });
+    }
+    list.push({ key: "save", label: t("AdminPage.saveBut"), when: "edit" });
+    list.push({ key: "cancel", label: t("AdminPage.cancelBut"), when: "edit" });
+    return list;
+});
+
+function ensureLists(): void {
+    if (!data.value.SecurityFunctionMapParents) {
+        data.value.SecurityFunctionMapParents = [];
+    }
+    if (!data.value.SecurityFunctionMapSons) {
+        data.value.SecurityFunctionMapSons = [];
+    }
+}
+
+async function load(): Promise<void> {
+    const result = await securityFunctionService.FindByKey(routeId.value);
+    if (!result?.SecurityFunction?.FunctionName) {
+        uni.showToast({ title: t("AdminPage.notExistTip"), icon: "none" });
+        return;
+    }
+    data.value = result;
+    ensureLists();
+}
+
+function onFieldChange(prop: string, value: unknown): void {
+    if (prop === "FunctionIndc") {
+        func.value.FunctionIndc = value ? "Y" : "N";
+        // 菜单? 从"目录(N)"改成非目录时，下级菜单失效：清空（旧 onFunctionIndcChange）
+        if (func.value.FunctionIndc !== "N") {
+            data.value.SecurityFunctionMapSons = [];
+        }
+        return;
+    }
+    (func.value as Record<string, any>)[prop] = value;
+}
+
+async function onSave(): Promise<void> {
+    if (!String(func.value.FunctionName ?? "").trim()) {
+        uni.showToast({ title: t("FunctionPage.nameRequired"), icon: "none" });
+        return;
+    }
+    if (!String(func.value.FunctionLocalName ?? "").trim()) {
+        uni.showToast({ title: t("FunctionPage.localNameRequired"), icon: "none" });
+        return;
+    }
+    ensureLists();
+    const isUpdate = !isNew.value;
+    const result = await (isUpdate
+        ? securityFunctionService.Update(data.value)
+        : securityFunctionService.Insert(data.value));
+    if (result?.SecurityFunction) {
+        data.value = result;
+        ensureLists();
+    }
+    routeId.value = String(func.value.FunctionName ?? "");
+    readonly.value = true;
+    uni.showToast({ title: t("AdminPage.savedTip"), icon: "none" });
+}
+
+async function onDelete(): Promise<void> {
+    await securityFunctionService.Delete(routeId.value);
+    uni.showToast({ title: t("AdminPage.deletedTip"), icon: "none" });
+    setTimeout(() => uni.navigateBack(), 600);
+}
+
+function onAction(action: AdminFormAction): void {
+    switch (action.key) {
+        case "amend":
+            readonly.value = false;
+            break;
+        case "save":
+            onSave();
+            break;
+        case "delete":
+            onDelete();
+            break;
+        case "cancel":
+            if (isNew.value || !routeId.value) {
+                uni.navigateBack();
+                return;
+            }
+            readonly.value = true;
+            load();
+            break;
+        default:
+            break;
+    }
+}
+
+function onBack(): void {
+    uni.navigateBack();
+}
+
+// 权限名称：单选 permission-enquiry，回传写进 FunctionName 之外不影响
+const permissionPicker = useAdminPick("permission");
+
+function pickPermission(): void {
+    if (readonly.value || !perm.canAmend.value) {
+        return;
+    }
+    permissionPicker.open({ page: "permissionEnquiry" }, (rows) => {
+        if (rows.length) {
+            func.value.PermissionName = String(rows[0].PermissionName ?? "");
+        }
+    });
+}
+
+// 上级目录：单选 function-enquiry（锁 FunctionIndc=N），仅当父为空时可加
+const parentPicker = useAdminPick("parent");
+
+function addParent(): void {
+    if (data.value.SecurityFunctionMapParents.length > 0) {
+        return;
+    }
+    parentPicker.open({ page: "functionEnquiry", params: { indc: "N" } }, (rows) => {
+        ensureLists();
+        if (!rows.length) {
+            return;
+        }
+        const parent = new SecurityFunctionMapViewEntity();
+        parent.ParentFunctionName = String(rows[0].FunctionName ?? "");
+        parent.ParentFunctionLocalName = String(rows[0].FunctionLocalName ?? "");
+        data.value.SecurityFunctionMapParents.push(parent);
+    });
+}
+
+function deleteParent(parentFunctionName: string): void {
+    data.value.SecurityFunctionMapParents = data.value.SecurityFunctionMapParents.filter(
+        item => item.ParentFunctionName !== parentFunctionName,
+    );
+}
+
+// 下级菜单：多选 function-enquiry（锁 FunctionIndc=Y），仅目录(FunctionIndc=N)可加
+const sonPicker = useAdminPick("son");
+
+function addSon(): void {
+    sonPicker.open({ page: "functionEnquiry", params: { multiple: "1", indc: "Y" } }, (rows) => {
+        ensureLists();
+        const exists = new Set(data.value.SecurityFunctionMapSons.map(item => item.SonFunctionName));
+        for (const row of rows) {
+            const sonName = String(row.FunctionName ?? "");
+            if (!sonName || exists.has(sonName)) {
+                continue;
+            }
+            const son = new SecurityFunctionMapViewEntity();
+            son.SonFunctionName = sonName;
+            son.SonFunctionLocalName = String(row.FunctionLocalName ?? "");
+            son.Orderby = data.value.SecurityFunctionMapSons.length + 1;
+            data.value.SecurityFunctionMapSons.push(son);
+            exists.add(sonName);
+        }
+    });
+}
+
+function deleteSon(sonFunctionName: string): void {
+    data.value.SecurityFunctionMapSons = data.value.SecurityFunctionMapSons.filter(
+        item => item.SonFunctionName !== sonFunctionName,
+    );
+    refreshSonOrderby();
+}
+
+function refreshSonOrderby(): void {
+    data.value.SecurityFunctionMapSons.forEach((item, idx) => {
+        item.Orderby = idx + 1;
+    });
+}
+
+function upSon(index: number): void {
+    if (index <= 0) {
+        return;
+    }
+    const sons = data.value.SecurityFunctionMapSons;
+    const item = sons.splice(index, 1)[0];
+    sons.splice(index - 1, 0, item);
+    refreshSonOrderby();
+}
+
+function downSon(index: number): void {
+    const sons = data.value.SecurityFunctionMapSons;
+    if (index >= sons.length - 1) {
+        return;
+    }
+    const item = sons.splice(index, 1)[0];
+    sons.splice(index + 1, 0, item);
+    refreshSonOrderby();
+}
+
+onLoad((options) => {
+    routeId.value = String(options?.id ?? "");
+    const mode = String(options?.mode ?? "view");
+    readonly.value = mode !== "create" && mode !== "amend";
+    if (mode === "create") {
+        // 新建默认按"目录"(N)：让"添加下级"按钮一进入就可见，无需先拨一次开关（旧页初始即目录）
+        func.value.FunctionIndc = "N";
+        ensureLists();
+    }
+});
+
+let booted = false;
+useAuthGuard(() => {
+    if (booted) {
+        return;
+    }
+    booted = true;
+    if (routeId.value) {
+        load();
+    }
+});
+</script>
+
+<template>
+    <admin-form :nav-title="t('FunctionPage.detailTitle')" :show-nav-back="true" :hero-title="heroTitle"
+        :hero-chips="heroChips" :sections="sections" :model="func" :readonly="readonly" :actions="actions"
+        @back="onBack" @action="onAction" @field-change="onFieldChange">
+        <template #extra="{ readonly: ro }">
+            <!-- 权限名称触发（readonly 模式下 admin-form 只显示值，编辑态点这一行去选权限） -->
+            <view v-if="!ro && perm.canAmend.value" class="pick-trigger" @click="pickPermission">
+                <u-icon name="search" size="30" color="#059669" />
+                <text class="pick-trigger-text">
+                    {{ t("FunctionPage.pickPermissionBut") }}
+                </text>
+            </view>
+
+            <!-- 上级目录 -->
+            <view class="group">
+                <view class="group-head">
+                    <text class="group-title">
+                        {{ t("FunctionPage.parentTitle") }}
+                    </text>
+                    <view v-if="!ro && perm.canAmend.value && !data.SecurityFunctionMapParents.length" class="group-add"
+                        @click="addParent">
+                        <u-icon name="plus" size="24" color="#059669" />
+                        <text class="group-add-text">
+                            {{ t("FunctionPage.addParentBut") }}
+                        </text>
+                    </view>
+                </view>
+
+                <view class="group-card">
+                    <view v-if="!data.SecurityFunctionMapParents.length" class="group-empty">
+                        <text>
+                            {{ t("FunctionPage.parentEmpty") }}
+                        </text>
+                    </view>
+
+                    <view v-for="record in data.SecurityFunctionMapParents" :key="record.ParentFunctionName"
+                        class="map-row">
+                        <view class="map-text">
+                            <text class="map-name">
+                                {{ record.ParentFunctionName || t("FunctionPage.unnamedParent") }}
+                            </text>
+                            <text v-if="record.ParentFunctionLocalName" class="map-sub">
+                                {{ record.ParentFunctionLocalName }}
+                            </text>
+                        </view>
+                        <u-icon v-if="!ro && perm.canAmend.value" name="trash" size="34" color="#c4c8cf"
+                            @click="deleteParent(record.ParentFunctionName)" />
+                    </view>
+                </view>
+            </view>
+
+            <!-- 下级菜单 -->
+            <view class="group">
+                <view class="group-head">
+                    <text class="group-title">
+                        {{ t("FunctionPage.sonTitle") }}
+                    </text>
+                    <view v-if="!ro && perm.canAmend.value && func.FunctionIndc === 'N'" class="group-add"
+                        @click="addSon">
+                        <u-icon name="plus" size="24" color="#059669" />
+                        <text class="group-add-text">
+                            {{ t("FunctionPage.addSonBut") }}
+                        </text>
+                    </view>
+                </view>
+
+                <view class="group-card">
+                    <view v-if="!data.SecurityFunctionMapSons.length" class="group-empty">
+                        <text>
+                            {{ t("FunctionPage.sonEmpty") }}
+                        </text>
+                    </view>
+
+                    <view v-for="(record, index) in data.SecurityFunctionMapSons" :key="record.SonFunctionName"
+                        class="map-row">
+                        <view class="map-text">
+                            <text class="map-name">
+                                {{ record.SonFunctionName || t("FunctionPage.unnamedSon") }}
+                            </text>
+                            <text v-if="record.SonFunctionLocalName" class="map-sub">
+                                {{ record.SonFunctionLocalName }}
+                            </text>
+                        </view>
+                        <view v-if="!ro && perm.canAmend.value" class="map-ops">
+                            <u-icon name="arrow-up" size="30" :color="index === 0 ? '#e0e0e0' : '#059669'"
+                                @click="upSon(index)" />
+                            <u-icon name="arrow-down" size="30"
+                                :color="index === data.SecurityFunctionMapSons.length - 1 ? '#e0e0e0' : '#059669'"
+                                @click="downSon(index)" />
+                            <u-icon name="trash" size="34" color="#c4c8cf" @click="deleteSon(record.SonFunctionName)" />
+                        </view>
+                    </view>
+                </view>
+            </view>
+        </template>
+    </admin-form>
+</template>
+
+<style lang="scss" scoped>
+.pick-trigger {
+    display: flex;
+    flex-direction: row;
+    align-items: center;
+    justify-content: center;
+    padding: 20rpx 0;
+    margin-bottom: 28rpx;
+    background-color: #ffffff;
+    border-radius: 20rpx;
+}
+
+.pick-trigger-text {
+    margin-left: 8rpx;
+    font-size: 26rpx;
+    color: $u-type-primary;
+}
+
+.group {
+    margin-bottom: 28rpx;
+}
+
+.group-head {
+    display: flex;
+    flex-direction: row;
+    align-items: center;
+    justify-content: space-between;
+    padding: 0 12rpx 12rpx;
+}
+
+.group-title {
+    font-size: 24rpx;
+    color: $u-tips-color;
+}
+
+.group-add {
+    display: flex;
+    flex-direction: row;
+    align-items: center;
+}
+
+.group-add-text {
+    margin-left: 4rpx;
+    font-size: 24rpx;
+    color: $u-type-primary;
+}
+
+.group-card {
+    padding: 0 28rpx;
+    overflow: hidden;
+    background-color: #ffffff;
+    border-radius: 20rpx;
+}
+
+.group-empty {
+    padding: 40rpx 0;
+    font-size: 24rpx;
+    color: $u-tips-color;
+    text-align: center;
+}
+
+.map-row {
+    display: flex;
+    flex-direction: row;
+    align-items: center;
+    justify-content: space-between;
+    min-height: 92rpx;
+    padding: 16rpx 0;
+    border-bottom: 1rpx solid $u-border-color;
+
+    &:last-child {
+        border-bottom: none;
+    }
+}
+
+.map-text {
+    display: flex;
+    flex-direction: column;
+    min-width: 0;
+}
+
+.map-name {
+    font-size: 28rpx;
+    color: $u-main-color;
+}
+
+.map-sub {
+    margin-top: 4rpx;
+    font-size: 22rpx;
+    color: $u-tips-color;
+}
+
+.map-ops {
+    display: flex;
+    flex-direction: row;
+    align-items: center;
+    gap: 24rpx;
+}
+</style>
diff --git a/uniapp/youjiala/src/pages/security/generator-enquiry.vue b/uniapp/youjiala/src/pages/security/generator-enquiry.vue
new file mode 100644
index 0000000..f26aaa5
--- /dev/null
+++ b/uniapp/youjiala/src/pages/security/generator-enquiry.vue
@@ -0,0 +1,183 @@
+<script setup lang="ts">
+/**
+ * 编号生成器查询（列表页）：旧 WebVue views/security/GeneratorNumberEnquiry.vue 的移动端等价物
+ *
+ * 保留：四条筛选（项目编号/子编号/前缀 文本包含、重新刷新 是/否 单选）、每页 20 条、
+ * 行点击进详情（只读）、多选批量"无效"（旧页面也是循环 Delete）。
+ * 丢掉：多列网格、列配置、打印、以及旧页面里"双击行开编辑弹窗"的桌面交互（改成点行进详情页）。
+ *
+ * 旧页面内嵌 GeneratorNumberModal 做编辑；移动端没有 provide/inject 弹窗内嵌，
+ * 编辑并入 generator-operation 详情页（admin-form），语义与旧 Modal 一致（只改 重新刷新/格式/编号）。
+ */
+import type { AdminColumn, AdminQuery, AdminRow } from "@/admin/admin-types";
+import { useLocale } from "uview-pro";
+import { computed, nextTick, reactive, ref, watch } from "vue";
+import { fillCriteria, makeFilterOption } from "@/admin/admin-filter";
+import { useAdminList, useAuthGuard } from "@/composables";
+import { SecurityGeneratorNumberEntity } from "@/data/auto/securityGeneratorNumberEntity";
+import { SecurityGeneratorNumberSearchCriteria } from "@/data/auto/securityGeneratorNumberSearchCriteria";
+import { SearchFilterOperatorPolicy } from "@/data/custom/searchFilterOperatorPolicy";
+import { SearchFilterTypePolicy } from "@/data/custom/searchFilterTypePolicy";
+import { usePagePermission } from "@/permission/permission-context";
+import { pageUrl } from "@/router/routes";
+import securityGeneratorNumberService from "@/service/security/securityGeneratorNumberService";
+
+const { t, currentLocale } = useLocale();
+const perm = usePagePermission("generatorEnquiry");
+
+/** 列名 -> i18n key：抽屉标签、卡片行标签都靠它，切语言时就地刷新而不重建条件 */
+const LABEL_KEYS: Record<string, string> = {
+    [SecurityGeneratorNumberEntity.DB_SYSTEM_ID]: "GeneratorPage.systemId",
+    [SecurityGeneratorNumberEntity.DB_SUBSYSTEM_ID]: "GeneratorPage.subsystemId",
+    [SecurityGeneratorNumberEntity.DB_PREFIX]: "GeneratorPage.prefix",
+    [SecurityGeneratorNumberEntity.DB_REFRESH_PERIOD]: "GeneratorPage.refreshPeriod",
+};
+
+function yesNo() {
+    return [
+        { label: t("GeneratorPage.yes"), value: "Y" },
+        { label: t("GeneratorPage.no"), value: "N" },
+    ];
+}
+
+const bindOptions = reactive([
+    makeFilterOption(
+        SecurityGeneratorNumberEntity.DB_SYSTEM_ID,
+        t(LABEL_KEYS[SecurityGeneratorNumberEntity.DB_SYSTEM_ID]),
+        SearchFilterTypePolicy.TEXT,
+        SearchFilterOperatorPolicy.CONTAIN,
+    ),
+    makeFilterOption(
+        SecurityGeneratorNumberEntity.DB_SUBSYSTEM_ID,
+        t(LABEL_KEYS[SecurityGeneratorNumberEntity.DB_SUBSYSTEM_ID]),
+        SearchFilterTypePolicy.TEXT,
+        SearchFilterOperatorPolicy.CONTAIN,
+    ),
+    makeFilterOption(
+        SecurityGeneratorNumberEntity.DB_PREFIX,
+        t(LABEL_KEYS[SecurityGeneratorNumberEntity.DB_PREFIX]),
+        SearchFilterTypePolicy.TEXT,
+        SearchFilterOperatorPolicy.CONTAIN,
+    ),
+    makeFilterOption(
+        SecurityGeneratorNumberEntity.DB_REFRESH_PERIOD,
+        t(LABEL_KEYS[SecurityGeneratorNumberEntity.DB_REFRESH_PERIOD]),
+        SearchFilterTypePolicy.SINGLE_SELECTION,
+        SearchFilterOperatorPolicy.SINGLE,
+        yesNo(),
+    ),
+]);
+
+async function fetchData(query: AdminQuery) {
+    const criteria = new SecurityGeneratorNumberSearchCriteria();
+    criteria.GridColumns = [];
+    fillCriteria(criteria, query.filters, query);
+    const data = await securityGeneratorNumberService.FindBySearchCriteria(criteria);
+    return { rows: data?.Datas ?? [], total: data?.Total ?? 0 };
+}
+
+const state = useAdminList({
+    bindOptions,
+    loader: fetchData,
+    orderby: SecurityGeneratorNumberEntity.DB_SYSTEM_ID,
+});
+
+const { filterCount, filterVisible, draft, searchToken } = state;
+
+const columns = computed<AdminColumn[]>(() => [
+    { label: t("GeneratorPage.systemId"), prop: SecurityGeneratorNumberEntity.SYSTEM_ID },
+    { label: t("GeneratorPage.subsystemId"), prop: SecurityGeneratorNumberEntity.SUBSYSTEM_ID },
+    { label: t("GeneratorPage.prefix"), prop: SecurityGeneratorNumberEntity.PREFIX },
+    {
+        label: t("GeneratorPage.refreshPeriod"),
+        prop: SecurityGeneratorNumberEntity.REFRESH_PERIOD,
+        format: (row: AdminRow) => (row.RefreshPeriod === "Y" ? t("GeneratorPage.yes") : t("GeneratorPage.no")),
+    },
+    { label: t("GeneratorPage.format"), prop: SecurityGeneratorNumberEntity.FORMAT },
+    { label: t("GeneratorPage.nextId"), prop: SecurityGeneratorNumberEntity.NEXT_ID },
+]);
+
+const keyword = ref("");
+const listRef = ref<any>(null);
+
+function onSearch(): void {
+    const option = bindOptions.find(
+        item => item.BindValue === SecurityGeneratorNumberEntity.DB_SYSTEM_ID,
+    );
+    if (option) {
+        option.Value = keyword.value;
+    }
+    state.reload();
+}
+
+function onRowTap(row: AdminRow): void {
+    uni.navigateTo({
+        url: `${pageUrl("generatorOperation")}?id=${row.GeneratorId}&mode=view`,
+    });
+}
+
+async function onDelete(rows: AdminRow[]): Promise<void> {
+    if (!rows.length) {
+        uni.showToast({ title: t("AdminPage.pickNoneTip"), icon: "none" });
+        return;
+    }
+    uni.showModal({
+        title: t("AdminPage.confirmDeleteTitle"),
+        success: async (res: any) => {
+            if (!res.confirm) {
+                return;
+            }
+            for (const row of rows) {
+                await securityGeneratorNumberService.Delete(Number(row.GeneratorId));
+            }
+            listRef.value?.clearSelection();
+            state.reload();
+            uni.showToast({ title: t("AdminPage.deletedTip"), icon: "none" });
+        },
+    });
+}
+
+watch(currentLocale, () => {
+    for (const option of bindOptions) {
+        const key = LABEL_KEYS[option.BindValue];
+        if (key) {
+            option.DisplayName = t(key);
+        }
+        if (option.BindValue === SecurityGeneratorNumberEntity.DB_REFRESH_PERIOD) {
+            const map: Record<string, string> = { Y: t("GeneratorPage.yes"), N: t("GeneratorPage.no") };
+            for (const so of option.SelectOptions) {
+                so.DisplayName = map[so.BindValue] ?? so.DisplayName;
+            }
+        }
+    }
+});
+
+useAuthGuard(() => {
+    // 每次显示都重拉第一页：增/改/删后从详情返回能看到最新数据（navigateBack 不重新挂页面）
+    nextTick(() => listRef.value?.refresh());
+});
+</script>
+
+<template>
+    <view class="page">
+        <admin-list ref="listRef" v-model:keyword="keyword" :nav-title="t('GeneratorPage.title')" :show-nav-back="true"
+            :columns="columns" :loader="state.query" :row-key="SecurityGeneratorNumberEntity.GENERATOR_ID"
+            title-key="SystemId" :selectable="Boolean(perm.canDelete.value)" :filter-count="filterCount"
+            :filter-visible="filterVisible" :filter-items="draft" :search-token="searchToken" @search="onSearch"
+            @open-filter="state.openFilter()" @close-filter="state.closeFilter()"
+            @apply-filter="state.applyFilter($event)" @clear-filter="state.clearFiltersAndSearch()" @row-tap="onRowTap">
+            <template #actions="{ rows }">
+                <u-button v-if="perm.canDelete.value" type="error" shape="circle" size="mini"
+                    :text="t('AdminPage.deleteBut')" @click="onDelete(rows)" />
+            </template>
+        </admin-list>
+    </view>
+</template>
+
+<style lang="scss" scoped>
+.page {
+    width: 100%;
+    height: 100vh;
+    background-color: $u-bg-color;
+}
+</style>
diff --git a/uniapp/youjiala/src/pages/security/generator-operation.vue b/uniapp/youjiala/src/pages/security/generator-operation.vue
new file mode 100644
index 0000000..c805a7d
--- /dev/null
+++ b/uniapp/youjiala/src/pages/security/generator-operation.vue
@@ -0,0 +1,145 @@
+<script setup lang="ts">
+/**
+ * 编号生成器详情（查看 / 修改）：旧 WebVue views/security/GeneratorNumberModal.vue 的移动端等价物
+ *
+ * 旧页面用内嵌 Modal 编辑，可改字段仅 重新刷新 / 格式 / 编号 三项，
+ * 项目编号 / 子编号 / 前缀 是主键组成部分，Modal 里始终只读——这里用 admin-form 的 lock 复刻。
+ * 旧系统这个功能只有"改"没有"增/删"（Modal 只调 Update，Delete 在列表页），本页忠实保留：
+ * 只做 view / amend，保存走 Update；新增与删除都不在此页提供。
+ *
+ * 重新刷新是 Y/N 字符，admin-form 没有下拉，用 switch 承载：读时 "Y"→true，写回 true→"Y"。
+ */
+import type { AdminFormAction, AdminFormSection } from "@/admin/admin-types";
+import { onLoad } from "@dcloudio/uni-app";
+import { useLocale } from "uview-pro";
+import { computed, ref } from "vue";
+import { useAuthGuard } from "@/composables";
+import { SecurityGeneratorNumberEntity } from "@/data/auto/securityGeneratorNumberEntity";
+import { usePagePermission } from "@/permission/permission-context";
+import securityGeneratorNumberService from "@/service/security/securityGeneratorNumberService";
+
+const { t } = useLocale();
+const perm = usePagePermission("generatorOperation");
+
+const entity = ref<SecurityGeneratorNumberEntity>(new SecurityGeneratorNumberEntity());
+const readonly = ref(true);
+const routeId = ref("");
+
+const heroTitle = computed(() => {
+    const sys = String(entity.value.SystemId ?? "");
+    const sub = String(entity.value.SubsystemId ?? "");
+    return [sys, sub].filter(Boolean).join(" / ");
+});
+
+const heroChips = computed(() => {
+    const chips: string[] = [];
+    if (entity.value.Prefix) {
+        chips.push(`${t("GeneratorPage.prefix")}: ${entity.value.Prefix}`);
+    }
+    return chips;
+});
+
+const sections = computed<AdminFormSection[]>(() => [
+    {
+        title: t("GeneratorPage.detailTitle"),
+        fields: [
+            { label: t("GeneratorPage.systemId"), prop: "SystemId", lock: true },
+            { label: t("GeneratorPage.subsystemId"), prop: "SubsystemId", lock: true },
+            { label: t("GeneratorPage.prefix"), prop: "Prefix", lock: true },
+            {
+                label: t("GeneratorPage.refreshPeriod"),
+                prop: "RefreshPeriod",
+                type: "switch",
+                required: true,
+                display: model => (model.RefreshPeriod === "Y" ? t("GeneratorPage.yes") : t("GeneratorPage.no")),
+            },
+            { label: t("GeneratorPage.format"), prop: "Format", required: true },
+            { label: t("GeneratorPage.nextId"), prop: "NextId", type: "number", required: true },
+            { label: t("GeneratorPage.lastGeneratorDate"), prop: "LastGeneratorDate", date: "datetime", lock: true },
+        ],
+    },
+]);
+
+const actions = computed<AdminFormAction[]>(() => {
+    const list: AdminFormAction[] = [];
+    if (perm.canAmend.value) {
+        list.push({ key: "amend", label: t("AdminPage.amendBut"), when: "view" });
+    }
+    list.push({ key: "save", label: t("AdminPage.saveBut"), when: "edit" });
+    list.push({ key: "cancel", label: t("AdminPage.cancelBut"), when: "edit" });
+    return list;
+});
+
+async function load(): Promise<void> {
+    const key = Number(routeId.value);
+    if (!key) {
+        return;
+    }
+    const result = await securityGeneratorNumberService.FindByKey(key);
+    if (!result) {
+        uni.showToast({ title: t("AdminPage.notExistTip"), icon: "none" });
+        return;
+    }
+    entity.value = result;
+}
+
+function onFieldChange(prop: string, value: unknown): void {
+    if (prop === "RefreshPeriod") {
+        entity.value.RefreshPeriod = value ? "Y" : "N";
+        return;
+    }
+    (entity.value as Record<string, any>)[prop] = value;
+}
+
+async function onSave(): Promise<void> {
+    if (!String(entity.value.Format ?? "").trim()) {
+        uni.showToast({ title: t("GeneratorPage.formatRequired"), icon: "none" });
+        return;
+    }
+    entity.value.NextId = Number(entity.value.NextId) || 0;
+    await securityGeneratorNumberService.Update(entity.value);
+    readonly.value = true;
+    uni.showToast({ title: t("AdminPage.savedTip"), icon: "none" });
+}
+
+function onAction(action: AdminFormAction): void {
+    switch (action.key) {
+        case "amend":
+            readonly.value = false;
+            break;
+        case "save":
+            onSave();
+            break;
+        case "cancel":
+            readonly.value = true;
+            load();
+            break;
+        default:
+            break;
+    }
+}
+
+function onBack(): void {
+    uni.navigateBack();
+}
+
+onLoad((options) => {
+    routeId.value = String(options?.id ?? "");
+    readonly.value = String(options?.mode ?? "view") !== "amend";
+});
+
+let booted = false;
+useAuthGuard(() => {
+    if (booted) {
+        return;
+    }
+    booted = true;
+    load();
+});
+</script>
+
+<template>
+    <admin-form :nav-title="t('GeneratorPage.detailTitle')" :show-nav-back="true" :hero-title="heroTitle"
+        :hero-chips="heroChips" :sections="sections" :model="entity" :readonly="readonly" :actions="actions"
+        @back="onBack" @action="onAction" @field-change="onFieldChange" />
+</template>
diff --git a/uniapp/youjiala/src/pages/security/group-enquiry.vue b/uniapp/youjiala/src/pages/security/group-enquiry.vue
new file mode 100644
index 0000000..ceedef7
--- /dev/null
+++ b/uniapp/youjiala/src/pages/security/group-enquiry.vue
@@ -0,0 +1,221 @@
+<script setup lang="ts">
+/**
+ * 用户组查询（列表页）：旧 WebVue views/security/GroupEnquiry.vue 的移动端等价物
+ *
+ * 保留：三条筛选（组别名称/中文名称 文本包含、创建日期 区间）、每页 20 条、
+ * 行点击进详情、多选批量删除（旧页面也是循环 Delete(GroupName)）、多选选择器模式。
+ * 丢掉：多列网格、列配置、打印、桌面双击弹窗。
+ *
+ * 两种打开方式，同一套列表：
+ * 1. 从菜单/枢纽页进（无 channel）：普通查询页，点行 -> group-operation 详情；
+ * 2. 被 actor-operation / group-operation 当"组别选择器"跳进来（带 ?channel=&multiple=1）：
+ *    选完 uni.$emit 回传再 navigateBack（见 useAdminPick / useAdminPickTarget 协议）。
+ */
+import type { AdminColumn, AdminQuery, AdminRow } from "@/admin/admin-types";
+import { onLoad } from "@dcloudio/uni-app";
+import { useLocale } from "uview-pro";
+import { computed, nextTick, reactive, ref, watch } from "vue";
+import { fillCriteria, makeFilterOption } from "@/admin/admin-filter";
+import {
+    useAdminList,
+    useAdminPickTarget,
+    useAuthGuard,
+} from "@/composables";
+import { SecurityGroupEntity } from "@/data/auto/securityGroupEntity";
+import { SecurityGroupSearchCriteria } from "@/data/auto/securityGroupSearchCriteria";
+import { SearchFilterOperatorPolicy } from "@/data/custom/searchFilterOperatorPolicy";
+import { SearchFilterTypePolicy } from "@/data/custom/searchFilterTypePolicy";
+import { usePagePermission } from "@/permission/permission-context";
+import { pageUrl } from "@/router/routes";
+import securityGroupService from "@/service/security/securityGroupService";
+
+const { t, currentLocale } = useLocale();
+const perm = usePagePermission("groupEnquiry");
+const pickTarget = useAdminPickTarget();
+
+/** 选择器模式：带 channel 进来时点行回传而非跳详情 */
+const isPick = ref(false);
+
+const LABEL_KEYS: Record<string, string> = {
+    [SecurityGroupEntity.DB_GROUP_NAME]: "GroupPage.groupName",
+    [SecurityGroupEntity.DB_GROUP_LOCAL_NAME]: "GroupPage.groupLocalName",
+    [SecurityGroupEntity.DB_CREATED_DATETIME]: "GroupPage.createdDatetime",
+};
+
+const bindOptions = reactive([
+    makeFilterOption(
+        SecurityGroupEntity.DB_GROUP_NAME,
+        t(LABEL_KEYS[SecurityGroupEntity.DB_GROUP_NAME]),
+        SearchFilterTypePolicy.TEXT,
+        SearchFilterOperatorPolicy.CONTAIN,
+    ),
+    makeFilterOption(
+        SecurityGroupEntity.DB_GROUP_LOCAL_NAME,
+        t(LABEL_KEYS[SecurityGroupEntity.DB_GROUP_LOCAL_NAME]),
+        SearchFilterTypePolicy.TEXT,
+        SearchFilterOperatorPolicy.CONTAIN,
+    ),
+    makeFilterOption(
+        SecurityGroupEntity.DB_CREATED_DATETIME,
+        t(LABEL_KEYS[SecurityGroupEntity.DB_CREATED_DATETIME]),
+        SearchFilterTypePolicy.DATE,
+        SearchFilterOperatorPolicy.DATE_BETWEEN,
+    ),
+]);
+
+async function fetchData(query: AdminQuery) {
+    const criteria = new SecurityGroupSearchCriteria();
+    criteria.GridColumns = [];
+    fillCriteria(criteria, query.filters, query);
+    const data = await securityGroupService.FindBySearchCriteria(criteria);
+    return { rows: data?.Datas ?? [], total: data?.Total ?? 0 };
+}
+
+const state = useAdminList({
+    bindOptions,
+    loader: fetchData,
+    orderby: SecurityGroupEntity.DB_GROUP_NAME,
+});
+
+const { filterCount, filterVisible, draft, searchToken } = state;
+
+const columns = computed<AdminColumn[]>(() => [
+    {
+        label: t("GroupPage.groupName"),
+        prop: SecurityGroupEntity.GROUP_NAME,
+    },
+    {
+        label: t("GroupPage.groupLocalName"),
+        prop: SecurityGroupEntity.GROUP_LOCAL_NAME,
+    },
+    {
+        label: t("GroupPage.createdDatetime"),
+        prop: SecurityGroupEntity.CREATED_DATETIME,
+        date: "datetime",
+    },
+]);
+
+const keyword = ref("");
+const listRef = ref<any>(null);
+
+function onSearch(): void {
+    const option = bindOptions.find(
+        item => item.BindValue === SecurityGroupEntity.DB_GROUP_NAME,
+    );
+    if (option) {
+        option.Value = keyword.value;
+    }
+    state.reload();
+}
+
+function onRowTap(row: AdminRow): void {
+    if (isPick.value) {
+        if (pickTarget.multiple.value) {
+            return;
+        }
+        pickTarget.deliverOne(row);
+        return;
+    }
+    uni.navigateTo({
+        url: `${pageUrl("groupOperation")}?id=${row.GroupName}&mode=view`,
+    });
+}
+
+function onCreate(): void {
+    uni.navigateTo({ url: `${pageUrl("groupOperation")}?mode=create` });
+}
+
+function onConfirm(rows: AdminRow[]): void {
+    if (!rows.length) {
+        uni.showToast({ title: t("AdminPage.pickNoneTip"), icon: "none" });
+        return;
+    }
+    pickTarget.deliver(rows);
+}
+
+async function onDelete(rows: AdminRow[]): Promise<void> {
+    if (!rows.length) {
+        uni.showToast({ title: t("AdminPage.pickNoneTip"), icon: "none" });
+        return;
+    }
+    uni.showModal({
+        title: t("AdminPage.confirmDeleteTitle"),
+        success: async (res: any) => {
+            if (!res.confirm) {
+                return;
+            }
+            for (const row of rows) {
+                await securityGroupService.Delete(String(row.GroupName));
+            }
+            listRef.value?.clearSelection();
+            state.reload();
+            uni.showToast({ title: t("AdminPage.deletedTip"), icon: "none" });
+        },
+    });
+}
+
+watch(currentLocale, () => {
+    for (const option of bindOptions) {
+        const key = LABEL_KEYS[option.BindValue];
+        if (key) {
+            option.DisplayName = t(key);
+        }
+    }
+});
+
+onLoad((options) => {
+    pickTarget.readOptions(options);
+    isPick.value = String(options?.channel ?? "").trim().length > 0;
+});
+
+useAuthGuard(() => {
+    // 每次显示都重拉第一页：增/改/删后从详情返回能看到最新数据（navigateBack 不重新挂页面）
+    nextTick(() => listRef.value?.refresh());
+});
+</script>
+
+<template>
+    <view class="page">
+        <admin-list ref="listRef" v-model:keyword="keyword" :nav-title="t('GroupPage.title')" :show-nav-back="!isPick"
+            :columns="columns" :loader="state.query" :row-key="SecurityGroupEntity.GROUP_NAME" title-key="GroupName"
+            :selectable="isPick ? pickTarget.multiple.value : Boolean(perm.canDelete.value)" :filter-count="filterCount"
+            :filter-visible="filterVisible" :filter-items="draft" :search-token="searchToken"
+            :keep-selection-on-reload="isPick" @search="onSearch" @open-filter="state.openFilter()"
+            @close-filter="state.closeFilter()" @apply-filter="state.applyFilter($event)"
+            @clear-filter="state.clearFiltersAndSearch()" @row-tap="onRowTap">
+            <template v-if="!isPick && perm.canCreate.value" #toolbar-actions>
+                <view class="create-entry" @click="onCreate">
+                    <u-icon name="plus" size="40" />
+                </view>
+            </template>
+
+            <template #actions="{ rows }">
+                <u-button v-if="isPick" type="primary" shape="circle" size="mini" :text="t('AdminPage.pickDoneBut')"
+                    @click="onConfirm(rows)" />
+                <u-button v-else-if="perm.canDelete.value" type="error" shape="circle" size="mini"
+                    :text="t('AdminPage.deleteBut')" @click="onDelete(rows)" />
+            </template>
+        </admin-list>
+    </view>
+</template>
+
+<style lang="scss" scoped>
+.page {
+    width: 100%;
+    height: 100vh;
+    background-color: $u-bg-color;
+}
+
+.create-entry {
+    display: flex;
+    flex-direction: row;
+    align-items: center;
+    justify-content: center;
+    width: 64rpx;
+    height: 64rpx;
+    margin-left: 12rpx;
+    color: $u-type-primary;
+    background-color: $u-bg-color;
+    border-radius: 16rpx;
+}
+</style>
diff --git a/uniapp/youjiala/src/pages/security/group-operation.vue b/uniapp/youjiala/src/pages/security/group-operation.vue
new file mode 100644
index 0000000..cb54cc2
--- /dev/null
+++ b/uniapp/youjiala/src/pages/security/group-operation.vue
@@ -0,0 +1,596 @@
+<script setup lang="ts">
+/**
+ * 组别详情（查看 / 新增 / 修改）：旧 WebVue views/security/GroupOperation.vue 的移动端等价物
+ *
+ * 三个子表（旧页用 dragModal 内嵌 Enquiry + provide/inject，移动端改成真跳选择页再回传）：
+ * 1. 权限明细 SecurityGroupPermissionViews —— 选 permission-enquiry（多选），
+ *    每行带 查看/新增/修改/删除 四个勾选（对齐旧 GroupPermissionActions 的四个 checkbox）；
+ *    删除权限行会连同其扩展权限明细一起剔除（旧 deletePermission 同款）。
+ * 2. 扩展权限明细 SecurityGroupPermissionDependentViews —— 由权限行的"扩展名称"点开
+ *    permission-dependent-enquiry（多选、按 dependent 过滤）补入；
+ * 3. 组别内角色群 SecurityActorGroups —— 选 actor-enquiry（多选）。
+ * 新增权限/扩展权限行时四个勾选全部置 false（旧页面 ent.IsAmend=...=false）。
+ * 保存按 CreatedBy 有无决定 Update / Insert(SecurityGroupData)。
+ */
+import type { AdminFormAction, AdminFormField, AdminFormSection } from "@/admin/admin-types";
+import { onLoad } from "@dcloudio/uni-app";
+import { useLocale } from "uview-pro";
+import { computed, ref } from "vue";
+import { useAdminPick, useAuthGuard } from "@/composables";
+import { SecurityActorGroupViewEntity } from "@/data/auto/securityActorGroupViewEntity";
+import { SecurityGroupData } from "@/data/auto/securityGroupData";
+import { SecurityGroupPermissionDependentViewDisplayData } from "@/data/auto/securityGroupPermissionDependentViewDisplayData";
+import { SecurityGroupPermissionViewDisplayData } from "@/data/auto/securityGroupPermissionViewDisplayData";
+import { usePagePermission } from "@/permission/permission-context";
+import securityGroupService from "@/service/security/securityGroupService";
+
+const { t } = useLocale();
+const perm = usePagePermission("groupOperation");
+
+const data = ref<SecurityGroupData>(new SecurityGroupData());
+const group = computed(() => data.value.SecurityGroup);
+const readonly = ref(true);
+const routeId = ref("");
+
+const isNew = computed(() => !String(group.value.CreatedBy ?? "").trim());
+
+const heroTitle = computed(
+    () => String(group.value.GroupLocalName || group.value.GroupName || ""),
+);
+const heroChips = computed(() => {
+    const chips: string[] = [];
+    if (group.value.GroupName) {
+        chips.push(`${t("GroupPage.groupName")}: ${group.value.GroupName}`);
+    }
+    return chips;
+});
+
+const sections = computed<AdminFormSection[]>(() => {
+    const fields: AdminFormField[] = [
+        {
+            label: t("GroupPage.groupName"),
+            prop: "GroupName",
+            required: true,
+            lock: routeId.value !== "",
+        },
+        { label: t("GroupPage.groupLocalName"), prop: "GroupLocalName", required: true },
+        { label: t("GroupPage.groupEngName"), prop: "GroupEngName" },
+    ];
+    return [{ title: t("GroupPage.detailTitle"), fields }];
+});
+
+const actions = computed<AdminFormAction[]>(() => {
+    const list: AdminFormAction[] = [];
+    if (perm.canAmend.value) {
+        list.push({ key: "amend", label: t("AdminPage.amendBut"), when: "view" });
+    }
+    if (perm.canDelete.value) {
+        list.push({
+            key: "delete",
+            label: t("AdminPage.deleteBut"),
+            tone: "error",
+            confirm: true,
+            when: "view",
+        });
+    }
+    list.push({ key: "save", label: t("AdminPage.saveBut"), when: "edit" });
+    list.push({ key: "cancel", label: t("AdminPage.cancelBut"), when: "edit" });
+    return list;
+});
+
+function ensureLists(): void {
+    if (!data.value.SecurityGroupPermissionViews) {
+        data.value.SecurityGroupPermissionViews = [];
+    }
+    if (!data.value.SecurityGroupPermissionDependentViews) {
+        data.value.SecurityGroupPermissionDependentViews = [];
+    }
+    if (!data.value.SecurityActorGroups) {
+        data.value.SecurityActorGroups = [];
+    }
+}
+
+async function load(): Promise<void> {
+    const result = await securityGroupService.FindByKey(routeId.value);
+    if (!result?.SecurityGroup?.GroupName) {
+        uni.showToast({ title: t("AdminPage.notExistTip"), icon: "none" });
+        return;
+    }
+    data.value = result;
+    ensureLists();
+}
+
+function onFieldChange(prop: string, value: unknown): void {
+    (group.value as Record<string, any>)[prop] = value;
+}
+
+async function onSave(): Promise<void> {
+    if (!String(group.value.GroupName ?? "").trim()) {
+        uni.showToast({ title: t("GroupPage.nameRequired"), icon: "none" });
+        return;
+    }
+    if (!String(group.value.GroupLocalName ?? "").trim()) {
+        uni.showToast({ title: t("GroupPage.localNameRequired"), icon: "none" });
+        return;
+    }
+    ensureLists();
+    const isUpdate = !isNew.value;
+    const result = await (isUpdate
+        ? securityGroupService.Update(data.value)
+        : securityGroupService.Insert(data.value));
+    if (result?.SecurityGroup) {
+        data.value = result;
+        ensureLists();
+    }
+    routeId.value = String(group.value.GroupName ?? "");
+    readonly.value = true;
+    uni.showToast({ title: t("AdminPage.savedTip"), icon: "none" });
+}
+
+async function onDelete(): Promise<void> {
+    await securityGroupService.Delete(routeId.value);
+    uni.showToast({ title: t("AdminPage.deletedTip"), icon: "none" });
+    setTimeout(() => uni.navigateBack(), 600);
+}
+
+function onAction(action: AdminFormAction): void {
+    switch (action.key) {
+        case "amend":
+            readonly.value = false;
+            break;
+        case "save":
+            onSave();
+            break;
+        case "delete":
+            onDelete();
+            break;
+        case "cancel":
+            if (isNew.value || !routeId.value) {
+                uni.navigateBack();
+                return;
+            }
+            readonly.value = true;
+            load();
+            break;
+        default:
+            break;
+    }
+}
+
+function onBack(): void {
+    uni.navigateBack();
+}
+
+// 权限勾选：四个 boolean 直接落在 DisplayData 上（与旧 GroupPermissionActions 一致）
+function toggleAction(record: SecurityGroupPermissionViewDisplayData, key: "IsView" | "IsCreate" | "IsAmend" | "IsDelete"): void {
+    if (readonly.value || !perm.canAmend.value) {
+        return;
+    }
+    record[key] = !record[key];
+}
+
+function toggleDependentAction(
+    record: SecurityGroupPermissionDependentViewDisplayData,
+    key: "IsView" | "IsCreate" | "IsAmend" | "IsDelete",
+): void {
+    if (readonly.value || !perm.canAmend.value) {
+        return;
+    }
+    record[key] = !record[key];
+}
+
+const ACTION_KEYS: Array<"IsView" | "IsCreate" | "IsAmend" | "IsDelete"> = [
+    "IsView",
+    "IsCreate",
+    "IsAmend",
+    "IsDelete",
+];
+
+function actionLabel(key: string): string {
+    const map: Record<string, string> = {
+        IsView: t("GroupPage.actionView"),
+        IsCreate: t("GroupPage.actionCreate"),
+        IsAmend: t("GroupPage.actionAmend"),
+        IsDelete: t("GroupPage.actionDelete"),
+    };
+    return map[key] ?? key;
+}
+
+// 权限选择：跳 permission-enquiry（多选），按 PermissionName 去重
+const permissionPicker = useAdminPick("permission");
+
+function addPermission(): void {
+    permissionPicker.open({ page: "permissionEnquiry", params: { multiple: "1" } }, (rows) => {
+        ensureLists();
+        const exists = new Set(data.value.SecurityGroupPermissionViews.map(item => item.PermissionName));
+        for (const row of rows) {
+            const permissionName = String(row.PermissionName ?? "");
+            if (!permissionName || exists.has(permissionName)) {
+                continue;
+            }
+            const ent = new SecurityGroupPermissionViewDisplayData();
+            ent.GroupName = String(group.value.GroupName ?? "");
+            ent.PermissionName = permissionName;
+            ent.PermissionDescription = String(row.Description ?? "");
+            ent.Dependent = String(row.Dependent ?? "");
+            ent.IsView = ent.IsCreate = ent.IsAmend = ent.IsDelete = false;
+            data.value.SecurityGroupPermissionViews.push(ent);
+            exists.add(permissionName);
+        }
+    });
+}
+
+function deletePermission(permissionName: string): void {
+    data.value.SecurityGroupPermissionViews = data.value.SecurityGroupPermissionViews.filter(
+        item => item.PermissionName !== permissionName,
+    );
+    // 旧 deletePermission：删权限行时连带删掉它下面的扩展权限明细
+    data.value.SecurityGroupPermissionDependentViews = data.value.SecurityGroupPermissionDependentViews.filter(
+        item => item.PermissionName !== permissionName,
+    );
+}
+
+// 扩展权限选择：跳 permission-dependent-enquiry（多选、按当前权限行的 dependent 过滤）
+const dependentPicker = useAdminPick("dependent");
+
+function addPermissionDependent(dependent: string): void {
+    if (readonly.value || !dependent) {
+        return;
+    }
+    dependentPicker.open(
+        { page: "permissionDependentEnquiry", params: { multiple: "1", dependent } },
+        (rows) => {
+            ensureLists();
+            const exists = new Set(
+                data.value.SecurityGroupPermissionDependentViews.map(item => item.DependentDetailName),
+            );
+            for (const row of rows) {
+                const detailName = String(row.DependentDetailName ?? "");
+                if (!detailName || exists.has(detailName)) {
+                    continue;
+                }
+                const ent = new SecurityGroupPermissionDependentViewDisplayData();
+                ent.GroupName = String(group.value.GroupName ?? "");
+                ent.PermissionName = String(row.PermissionName ?? "");
+                ent.Dependent = String(row.Dependent ?? "");
+                ent.DependentDetailName = detailName;
+                ent.DependentDetailDescription = String(row.DependentDetailDescription ?? "");
+                ent.IsView = ent.IsCreate = ent.IsAmend = ent.IsDelete = false;
+                data.value.SecurityGroupPermissionDependentViews.push(ent);
+                exists.add(detailName);
+            }
+        },
+    );
+}
+
+function deletePermissionDependent(detailName: string): void {
+    data.value.SecurityGroupPermissionDependentViews = data.value.SecurityGroupPermissionDependentViews.filter(
+        item => item.DependentDetailName !== detailName,
+    );
+}
+
+// 角色选择：跳 actor-enquiry（多选），按 ActorName 去重
+const actorPicker = useAdminPick("actor");
+
+function addActor(): void {
+    actorPicker.open({ page: "actorEnquiry", params: { multiple: "1" } }, (rows) => {
+        ensureLists();
+        const exists = new Set(data.value.SecurityActorGroups.map(item => item.ActorName));
+        for (const row of rows) {
+            const actorName = String(row.ActorName ?? "");
+            if (!actorName || exists.has(actorName)) {
+                continue;
+            }
+            const ent = new SecurityActorGroupViewEntity();
+            ent.GroupName = String(group.value.GroupName ?? "");
+            ent.ActorName = actorName;
+            ent.ActorLocalName = String(row.ActorLocalName ?? "");
+            data.value.SecurityActorGroups.push(ent);
+            exists.add(actorName);
+        }
+    });
+}
+
+function deleteActor(actorName: string): void {
+    data.value.SecurityActorGroups = data.value.SecurityActorGroups.filter(
+        item => item.ActorName !== actorName,
+    );
+}
+
+onLoad((options) => {
+    routeId.value = String(options?.id ?? "");
+    const mode = String(options?.mode ?? "view");
+    readonly.value = mode !== "create" && mode !== "amend";
+});
+
+let booted = false;
+useAuthGuard(() => {
+    if (booted) {
+        return;
+    }
+    booted = true;
+    if (routeId.value) {
+        load();
+    }
+});
+</script>
+
+<template>
+    <admin-form :nav-title="t('GroupPage.detailTitle')" :show-nav-back="true" :hero-title="heroTitle"
+        :hero-chips="heroChips" :sections="sections" :model="group" :readonly="readonly" :actions="actions"
+        @back="onBack" @action="onAction" @field-change="onFieldChange">
+        <template #extra="{ readonly: ro }">
+            <!-- 权限明细 -->
+            <view class="group">
+                <view class="group-head">
+                    <text class="group-title">
+                        {{ t("GroupPage.permissionTitle") }}
+                    </text>
+                    <view v-if="!ro && perm.canAmend.value" class="group-add" @click="addPermission">
+                        <u-icon name="plus" size="24" color="#059669" />
+                        <text class="group-add-text">
+                            {{ t("GroupPage.addPermissionBut") }}
+                        </text>
+                    </view>
+                </view>
+
+                <view class="group-card">
+                    <view v-if="!data.SecurityGroupPermissionViews.length" class="group-empty">
+                        <text>
+                            {{ t("GroupPage.permissionEmpty") }}
+                        </text>
+                    </view>
+
+                    <view v-for="record in data.SecurityGroupPermissionViews" :key="record.PermissionName"
+                        class="perm-row">
+                        <view class="perm-head">
+                            <view class="perm-text">
+                                <text class="perm-name">
+                                    {{ record.PermissionName || t("GroupPage.unnamedPermission") }}
+                                </text>
+                                <text v-if="record.PermissionDescription" class="perm-sub">
+                                    {{ record.PermissionDescription }}
+                                </text>
+                            </view>
+                            <u-icon v-if="!ro && perm.canAmend.value" name="trash" size="34" color="#c4c8cf"
+                                @click="deletePermission(record.PermissionName)" />
+                        </view>
+                        <view class="dep-entry" @click="addPermissionDependent(record.Dependent)">
+                            <text class="dep-entry-label">
+                                {{ t("GroupPage.dependentLabel") }}
+                            </text>
+                            <text class="dep-entry-value">
+                                {{ record.Dependent || "-" }}
+                            </text>
+                        </view>
+                        <view class="perm-actions">
+                            <view v-for="key in ACTION_KEYS" :key="key" class="perm-action"
+                                :class="{ 'perm-action-disabled': ro || !perm.canAmend.value }"
+                                @click="toggleAction(record, key)">
+                                <u-icon :name="record[key] ? 'checkmark-circle-fill' : 'checkmark-circle'" size="34"
+                                    :color="record[key] ? '#059669' : '#c4c8cf'" />
+                                <text class="perm-action-label">
+                                    {{ actionLabel(key) }}
+                                </text>
+                            </view>
+                        </view>
+                    </view>
+                </view>
+            </view>
+
+            <!-- 扩展权限明细 -->
+            <view class="group">
+                <view class="group-head">
+                    <text class="group-title">
+                        {{ t("GroupPage.dependentViewTitle") }}
+                    </text>
+                </view>
+
+                <view class="group-card">
+                    <view v-if="!data.SecurityGroupPermissionDependentViews.length" class="group-empty">
+                        <text>
+                            {{ t("GroupPage.dependentViewEmpty") }}
+                        </text>
+                    </view>
+
+                    <view v-for="record in data.SecurityGroupPermissionDependentViews" :key="record.DependentDetailName"
+                        class="perm-row">
+                        <view class="perm-head">
+                            <view class="perm-text">
+                                <text class="perm-name">
+                                    {{ record.DependentDetailName || t("GroupPage.unnamedDependent") }}
+                                </text>
+                                <text v-if="record.DependentDetailDescription" class="perm-sub">
+                                    {{ record.DependentDetailDescription }}
+                                </text>
+                            </view>
+                            <u-icon v-if="!ro && perm.canAmend.value" name="trash" size="34" color="#c4c8cf"
+                                @click="deletePermissionDependent(record.DependentDetailName)" />
+                        </view>
+                        <view class="perm-actions">
+                            <view v-for="key in ACTION_KEYS" :key="key" class="perm-action"
+                                :class="{ 'perm-action-disabled': ro || !perm.canAmend.value }"
+                                @click="toggleDependentAction(record, key)">
+                                <u-icon :name="record[key] ? 'checkmark-circle-fill' : 'checkmark-circle'" size="34"
+                                    :color="record[key] ? '#059669' : '#c4c8cf'" />
+                                <text class="perm-action-label">
+                                    {{ actionLabel(key) }}
+                                </text>
+                            </view>
+                        </view>
+                    </view>
+                </view>
+            </view>
+
+            <!-- 组别内角色群 -->
+            <view class="group">
+                <view class="group-head">
+                    <text class="group-title">
+                        {{ t("GroupPage.actorTitle") }}
+                    </text>
+                    <view v-if="!ro && perm.canAmend.value" class="group-add" @click="addActor">
+                        <u-icon name="plus" size="24" color="#059669" />
+                        <text class="group-add-text">
+                            {{ t("GroupPage.addActorBut") }}
+                        </text>
+                    </view>
+                </view>
+
+                <view class="group-card">
+                    <view v-if="!data.SecurityActorGroups.length" class="group-empty">
+                        <text>
+                            {{ t("GroupPage.actorEmpty") }}
+                        </text>
+                    </view>
+
+                    <view v-for="record in data.SecurityActorGroups" :key="record.ActorName" class="actor-row">
+                        <view class="perm-text">
+                            <text class="perm-name">
+                                {{ record.ActorLocalName || record.ActorName || t("GroupPage.unnamedActor") }}
+                            </text>
+                            <text v-if="record.ActorLocalName" class="perm-sub">
+                                {{ record.ActorName }}
+                            </text>
+                        </view>
+                        <u-icon v-if="!ro && perm.canAmend.value" name="trash" size="34" color="#c4c8cf"
+                            @click="deleteActor(record.ActorName)" />
+                    </view>
+                </view>
+            </view>
+        </template>
+    </admin-form>
+</template>
+
+<style lang="scss" scoped>
+.group {
+    margin-bottom: 28rpx;
+}
+
+.group-head {
+    display: flex;
+    flex-direction: row;
+    align-items: center;
+    justify-content: space-between;
+    padding: 0 12rpx 12rpx;
+}
+
+.group-title {
+    font-size: 24rpx;
+    color: $u-tips-color;
+}
+
+.group-add {
+    display: flex;
+    flex-direction: row;
+    align-items: center;
+}
+
+.group-add-text {
+    margin-left: 4rpx;
+    font-size: 24rpx;
+    color: $u-type-primary;
+}
+
+.group-card {
+    padding: 0 28rpx;
+    overflow: hidden;
+    background-color: #ffffff;
+    border-radius: 20rpx;
+}
+
+.group-empty {
+    padding: 40rpx 0;
+    font-size: 24rpx;
+    color: $u-tips-color;
+    text-align: center;
+}
+
+.perm-row {
+    padding: 20rpx 0;
+    border-bottom: 1rpx solid $u-border-color;
+
+    &:last-child {
+        border-bottom: none;
+    }
+}
+
+.perm-head {
+    display: flex;
+    flex-direction: row;
+    align-items: flex-start;
+    justify-content: space-between;
+}
+
+.perm-text {
+    display: flex;
+    flex-direction: column;
+    min-width: 0;
+}
+
+.perm-name {
+    font-size: 28rpx;
+    color: $u-main-color;
+}
+
+.perm-sub {
+    margin-top: 4rpx;
+    font-size: 22rpx;
+    color: $u-tips-color;
+}
+
+.dep-entry {
+    display: flex;
+    flex-direction: row;
+    align-items: center;
+    margin-top: 10rpx;
+}
+
+.dep-entry-label {
+    margin-right: 12rpx;
+    font-size: 22rpx;
+    color: $u-tips-color;
+}
+
+.dep-entry-value {
+    font-size: 24rpx;
+    color: $u-type-primary;
+}
+
+.perm-actions {
+    display: flex;
+    flex-direction: row;
+    align-items: center;
+    justify-content: space-between;
+    margin-top: 16rpx;
+}
+
+.perm-action {
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+}
+
+.perm-action-disabled {
+    opacity: 0.7;
+}
+
+.perm-action-label {
+    margin-top: 4rpx;
+    font-size: 22rpx;
+    color: $u-content-color;
+}
+
+.actor-row {
+    display: flex;
+    flex-direction: row;
+    align-items: center;
+    justify-content: space-between;
+    min-height: 92rpx;
+    padding: 16rpx 0;
+    border-bottom: 1rpx solid $u-border-color;
+
+    &:last-child {
+        border-bottom: none;
+    }
+}
+</style>
diff --git a/uniapp/youjiala/src/pages/security/help-feature-enquiry.vue b/uniapp/youjiala/src/pages/security/help-feature-enquiry.vue
new file mode 100644
index 0000000..470f70b
--- /dev/null
+++ b/uniapp/youjiala/src/pages/security/help-feature-enquiry.vue
@@ -0,0 +1,228 @@
+<script setup lang="ts">
+/**
+ * 帮助功能点查询（列表页）：旧 WebVue views/security/SecurityHelpFeatureEnquiry.vue 的移动端等价物
+ *
+ * 与旧页面对齐的关键点：
+ * - FindFeatureBySearchCriteria 的返回落在 data.Features（SecurityHelpFeatureEntity[]）；
+ * - "所属组"列存的是组主键(HelpFeatureGroupId)，靠 FindAll 取回的组表翻译成组编码显示；
+ * - 点一条功能点进它【所属组】的维护页（旧 gotoGroup 语义：id=组编码）；
+ * - 三条筛选：功能点名称 / 作用说明 / 图标 文本包含。
+ * help-function-operation 会把它当"功能点组选择器"跳进来（单选），回传后按组主键翻译成组编码。
+ */
+import type { AdminColumn, AdminQuery, AdminRow } from "@/admin/admin-types";
+import type { SecurityHelpFeatureGroupEntity } from "@/data/auto/securityHelpFeatureGroupEntity";
+import { onLoad } from "@dcloudio/uni-app";
+import { useLocale } from "uview-pro";
+import { computed, nextTick, reactive, ref, watch } from "vue";
+import { fillCriteria, makeFilterOption } from "@/admin/admin-filter";
+import {
+    useAdminList,
+    useAdminPickTarget,
+    useAuthGuard,
+} from "@/composables";
+import { SecurityHelpFeatureEntity } from "@/data/auto/securityHelpFeatureEntity";
+import { SecurityHelpFunctionSearchCriteria } from "@/data/auto/securityHelpFunctionSearchCriteria";
+import { SearchFilterOperatorPolicy } from "@/data/custom/searchFilterOperatorPolicy";
+import { SearchFilterTypePolicy } from "@/data/custom/searchFilterTypePolicy";
+import { usePagePermission } from "@/permission/permission-context";
+import { pageUrl } from "@/router/routes";
+import securityHelpFunctionService from "@/service/security/securityHelpFunctionService";
+
+const { t, currentLocale } = useLocale();
+const perm = usePagePermission("helpFeatureEnquiry");
+const pickTarget = useAdminPickTarget();
+
+const isPick = ref(false);
+
+const LABEL_KEYS: Record<string, string> = {
+    [SecurityHelpFeatureEntity.DB_NAME]: "HelpFeaturePage.name",
+    [SecurityHelpFeatureEntity.DB_DESCRIPTION]: "HelpFeaturePage.description",
+    [SecurityHelpFeatureEntity.DB_ICON]: "HelpFeaturePage.icon",
+};
+
+const bindOptions = reactive([
+    makeFilterOption(
+        SecurityHelpFeatureEntity.DB_NAME,
+        t(LABEL_KEYS[SecurityHelpFeatureEntity.DB_NAME]),
+        SearchFilterTypePolicy.TEXT,
+        SearchFilterOperatorPolicy.CONTAIN,
+    ),
+    makeFilterOption(
+        SecurityHelpFeatureEntity.DB_DESCRIPTION,
+        t(LABEL_KEYS[SecurityHelpFeatureEntity.DB_DESCRIPTION]),
+        SearchFilterTypePolicy.TEXT,
+        SearchFilterOperatorPolicy.CONTAIN,
+    ),
+    makeFilterOption(
+        SecurityHelpFeatureEntity.DB_ICON,
+        t(LABEL_KEYS[SecurityHelpFeatureEntity.DB_ICON]),
+        SearchFilterTypePolicy.TEXT,
+        SearchFilterOperatorPolicy.CONTAIN,
+    ),
+]);
+
+/** 组表：把功能点上的「组主键」翻译成「组编码」 */
+const groups = ref<SecurityHelpFeatureGroupEntity[]>([]);
+
+function groupCodeOf(helpFeatureGroupId?: string): string {
+    if (!helpFeatureGroupId) {
+        return "";
+    }
+    const hit = groups.value.find(item => item.HelpFeatureGroupId === helpFeatureGroupId);
+    return hit ? hit.GroupCode : "";
+}
+
+async function loadGroups(): Promise<void> {
+    try {
+        const all = await securityHelpFunctionService.FindAll();
+        groups.value = all?.SecurityHelpFeatureGroups ?? [];
+    }
+    catch (error) {
+        console.warn(error);
+    }
+}
+
+async function fetchData(query: AdminQuery) {
+    const criteria = new SecurityHelpFunctionSearchCriteria();
+    criteria.GridColumns = [];
+    fillCriteria(criteria, query.filters, query);
+    const data = await securityHelpFunctionService.FindFeatureBySearchCriteria(criteria);
+    return { rows: data?.Features ?? [], total: data?.Total ?? 0 };
+}
+
+const state = useAdminList({
+    bindOptions,
+    loader: fetchData,
+    orderby: SecurityHelpFeatureEntity.DB_NAME,
+});
+
+const { filterCount, filterVisible, draft, searchToken } = state;
+
+const columns = computed<AdminColumn[]>(() => [
+    {
+        label: t("HelpFeaturePage.name"),
+        prop: SecurityHelpFeatureEntity.NAME,
+    },
+    {
+        label: t("HelpFeaturePage.description"),
+        prop: SecurityHelpFeatureEntity.DESCRIPTION,
+    },
+    {
+        label: t("HelpFeaturePage.groupCode"),
+        prop: SecurityHelpFeatureEntity.HELP_FEATURE_GROUP_ID,
+        format: (row: AdminRow) => groupCodeOf(row.HelpFeatureGroupId) || "-",
+    },
+    {
+        label: t("HelpFeaturePage.icon"),
+        prop: SecurityHelpFeatureEntity.ICON,
+    },
+]);
+
+const keyword = ref("");
+const listRef = ref<any>(null);
+
+function onSearch(): void {
+    const option = bindOptions.find(
+        item => item.BindValue === SecurityHelpFeatureEntity.DB_NAME,
+    );
+    if (option) {
+        option.Value = keyword.value;
+    }
+    state.reload();
+}
+
+function onRowTap(row: AdminRow): void {
+    if (isPick.value) {
+        if (pickTarget.multiple.value) {
+            return;
+        }
+        pickTarget.deliverOne(row);
+        return;
+    }
+    const groupCode = groupCodeOf(row.HelpFeatureGroupId);
+    if (!groupCode) {
+        uni.showToast({ title: t("HelpFeaturePage.noGroupTip"), icon: "none" });
+        return;
+    }
+    uni.navigateTo({
+        url: `${pageUrl("helpFeatureOperation")}?id=${groupCode}&mode=view`,
+    });
+}
+
+function onCreate(): void {
+    uni.navigateTo({ url: `${pageUrl("helpFeatureOperation")}?mode=create` });
+}
+
+function onConfirm(rows: AdminRow[]): void {
+    if (!rows.length) {
+        uni.showToast({ title: t("AdminPage.pickNoneTip"), icon: "none" });
+        return;
+    }
+    pickTarget.deliver(rows);
+}
+
+watch(currentLocale, () => {
+    for (const option of bindOptions) {
+        const key = LABEL_KEYS[option.BindValue];
+        if (key) {
+            option.DisplayName = t(key);
+        }
+    }
+});
+
+onLoad((options) => {
+    pickTarget.readOptions(options);
+    isPick.value = String(options?.channel ?? "").trim().length > 0;
+});
+
+useAuthGuard(() => {
+    // 每次显示都重拉组表与第一页：增/改/删后从详情返回能看到最新数据（navigateBack 不重新挂页面）
+    loadGroups();
+    nextTick(() => listRef.value?.refresh());
+});
+</script>
+
+<template>
+    <view class="page">
+        <admin-list ref="listRef" v-model:keyword="keyword" :nav-title="t('HelpFeaturePage.title')"
+            :show-nav-back="!isPick" :columns="columns" :loader="state.query"
+            :row-key="SecurityHelpFeatureEntity.HELP_FEATURE_ID" title-key="Name"
+            :selectable="isPick && pickTarget.multiple.value" :filter-count="filterCount"
+            :filter-visible="filterVisible" :filter-items="draft" :search-token="searchToken"
+            :keep-selection-on-reload="isPick" @search="onSearch" @open-filter="state.openFilter()"
+            @close-filter="state.closeFilter()" @apply-filter="state.applyFilter($event)"
+            @clear-filter="state.clearFiltersAndSearch()" @row-tap="onRowTap">
+            <template v-if="!isPick && perm.canCreate.value" #toolbar-actions>
+                <view class="create-entry" @click="onCreate">
+                    <u-icon name="plus" size="40" />
+                </view>
+            </template>
+
+            <template #actions="{ rows }">
+                <u-button v-if="isPick" type="primary" shape="circle" size="mini" :text="t('AdminPage.pickDoneBut')"
+                    @click="onConfirm(rows)" />
+            </template>
+        </admin-list>
+    </view>
+</template>
+
+<style lang="scss" scoped>
+.page {
+    width: 100%;
+    height: 100vh;
+    background-color: $u-bg-color;
+}
+
+.create-entry {
+    display: flex;
+    flex-direction: row;
+    align-items: center;
+    justify-content: center;
+    width: 64rpx;
+    height: 64rpx;
+    margin-left: 12rpx;
+    color: $u-type-primary;
+    background-color: $u-bg-color;
+    border-radius: 16rpx;
+}
+</style>
diff --git a/uniapp/youjiala/src/pages/security/help-feature-operation.vue b/uniapp/youjiala/src/pages/security/help-feature-operation.vue
new file mode 100644
index 0000000..bf134d9
--- /dev/null
+++ b/uniapp/youjiala/src/pages/security/help-feature-operation.vue
@@ -0,0 +1,388 @@
+<script setup lang="ts">
+/**
+ * 帮助功能点组详情（查看 / 新增 / 修改）：旧 WebVue views/security/SecurityHelpFeatureOperation.vue 的移动端等价物
+ *
+ * 对齐旧逻辑：
+ * - onLoad 读 id（=GroupCode）与 mode；FindByGroupCode 取 SecurityHelpFeatureData；
+ * - 主表组信息：组编码(required，已存在则锁死)、组名称；
+ * - 组内功能点 SecurityHelpFeatures：内联可编辑行 Name/Description/Icon/Color，可上下移动；
+ * - 保存前按界面顺序重排 SortNo=i+1，并把每条的 HelpFeatureGroupId 回填成当前组主键，
+ *   调 SaveFeatureGroup（不是 Insert/Update！）；删除走 DeleteByGroupCode。
+ */
+import type { AdminFormAction, AdminFormField, AdminFormSection } from "@/admin/admin-types";
+import { onLoad } from "@dcloudio/uni-app";
+import { useLocale } from "uview-pro";
+import { computed, ref } from "vue";
+import { useAuthGuard } from "@/composables";
+import { SecurityHelpFeatureData } from "@/data/auto/securityHelpFeatureData";
+import { SecurityHelpFeatureEntity } from "@/data/auto/securityHelpFeatureEntity";
+import { usePagePermission } from "@/permission/permission-context";
+import securityHelpFunctionService from "@/service/security/securityHelpFunctionService";
+
+const { t } = useLocale();
+const perm = usePagePermission("helpFeatureOperation");
+
+const data = ref<SecurityHelpFeatureData>(new SecurityHelpFeatureData());
+const group = computed(() => data.value.SecurityHelpFeatureGroup);
+const readonly = ref(true);
+const routeId = ref("");
+
+const isNew = computed(() => !String(group.value.CreatedBy ?? "").trim());
+
+const heroTitle = computed(
+    () => String(group.value.GroupName || group.value.GroupCode || ""),
+);
+const heroChips = computed(() => {
+    const chips: string[] = [];
+    if (group.value.GroupCode) {
+        chips.push(`${t("HelpFeaturePage.groupCode")}: ${group.value.GroupCode}`);
+    }
+    chips.push(`${t("HelpFeaturePage.featureCount")}: ${(data.value.SecurityHelpFeatures ?? []).length}`);
+    return chips;
+});
+
+const sections = computed<AdminFormSection[]>(() => {
+    const fields: AdminFormField[] = [
+        {
+            label: t("HelpFeaturePage.groupCode"),
+            prop: "GroupCode",
+            required: true,
+            lock: routeId.value !== "",
+        },
+        { label: t("HelpFeaturePage.groupName"), prop: "GroupName" },
+    ];
+    return [{ title: t("HelpFeaturePage.groupTitle"), fields }];
+});
+
+const actions = computed<AdminFormAction[]>(() => {
+    const list: AdminFormAction[] = [];
+    if (perm.canAmend.value) {
+        list.push({ key: "amend", label: t("AdminPage.amendBut"), when: "view" });
+    }
+    if (perm.canDelete.value) {
+        list.push({
+            key: "delete",
+            label: t("AdminPage.deleteBut"),
+            tone: "error",
+            confirm: true,
+            when: "view",
+        });
+    }
+    list.push({ key: "save", label: t("AdminPage.saveBut"), when: "edit" });
+    list.push({ key: "cancel", label: t("AdminPage.cancelBut"), when: "edit" });
+    return list;
+});
+
+function ensureList(): void {
+    if (!data.value.SecurityHelpFeatures) {
+        data.value.SecurityHelpFeatures = [];
+    }
+}
+
+async function load(): Promise<void> {
+    const result = await securityHelpFunctionService.FindByGroupCode(routeId.value);
+    if (!result?.SecurityHelpFeatureGroup?.GroupCode) {
+        uni.showToast({ title: t("AdminPage.notExistTip"), icon: "none" });
+        return;
+    }
+    data.value = result;
+    ensureList();
+}
+
+function onFieldChange(prop: string, value: unknown): void {
+    (group.value as Record<string, any>)[prop] = value;
+}
+
+async function onSave(): Promise<void> {
+    if (!String(group.value.GroupCode ?? "").trim()) {
+        uni.showToast({ title: t("HelpFeaturePage.groupCodeRequired"), icon: "none" });
+        return;
+    }
+    ensureList();
+    for (const row of data.value.SecurityHelpFeatures) {
+        if (!String(row.Name ?? "").trim()) {
+            uni.showToast({ title: t("HelpFeaturePage.nameRequired"), icon: "none" });
+            return;
+        }
+    }
+    // 组内顺序按界面顺序重排，并回填组主键（对齐旧 onSave）
+    data.value.SecurityHelpFeatures.forEach((row, idx) => {
+        row.SortNo = idx + 1;
+        row.HelpFeatureGroupId = String(group.value.HelpFeatureGroupId ?? "");
+    });
+    const result = await securityHelpFunctionService.SaveFeatureGroup(data.value);
+    if (result?.SecurityHelpFeatureGroup) {
+        data.value = result;
+        ensureList();
+    }
+    routeId.value = String(group.value.GroupCode ?? "");
+    readonly.value = true;
+    uni.showToast({ title: t("AdminPage.savedTip"), icon: "none" });
+}
+
+async function onDelete(): Promise<void> {
+    await securityHelpFunctionService.DeleteByGroupCode(routeId.value);
+    uni.showToast({ title: t("AdminPage.deletedTip"), icon: "none" });
+    setTimeout(() => uni.navigateBack(), 600);
+}
+
+function onAction(action: AdminFormAction): void {
+    switch (action.key) {
+        case "amend":
+            readonly.value = false;
+            break;
+        case "save":
+            onSave();
+            break;
+        case "delete":
+            onDelete();
+            break;
+        case "cancel":
+            if (isNew.value || !routeId.value) {
+                uni.navigateBack();
+                return;
+            }
+            readonly.value = true;
+            load();
+            break;
+        default:
+            break;
+    }
+}
+
+function onBack(): void {
+    uni.navigateBack();
+}
+
+function addFeature(): void {
+    ensureList();
+    const row = new SecurityHelpFeatureEntity();
+    row.HelpFeatureGroupId = String(group.value.HelpFeatureGroupId ?? "");
+    row.SortNo = data.value.SecurityHelpFeatures.length + 1;
+    data.value.SecurityHelpFeatures.push(row);
+}
+
+function deleteFeature(index: number): void {
+    data.value.SecurityHelpFeatures.splice(index, 1);
+}
+
+function swap(index: number, offset: number): void {
+    const list = data.value.SecurityHelpFeatures;
+    const target = index + offset;
+    if (target < 0 || target >= list.length) {
+        return;
+    }
+    const item = list.splice(index, 1)[0];
+    list.splice(target, 0, item);
+}
+
+function upFeature(index: number): void {
+    swap(index, -1);
+}
+
+function downFeature(index: number): void {
+    swap(index, 1);
+}
+
+onLoad((options) => {
+    routeId.value = String(options?.id ?? "");
+    const mode = String(options?.mode ?? "view");
+    readonly.value = mode !== "create" && mode !== "amend";
+});
+
+let booted = false;
+useAuthGuard(() => {
+    if (booted) {
+        return;
+    }
+    booted = true;
+    if (routeId.value) {
+        load();
+    }
+    else {
+        ensureList();
+    }
+});
+</script>
+
+<template>
+    <admin-form :nav-title="t('HelpFeaturePage.detailTitle')" :show-nav-back="true" :hero-title="heroTitle"
+        :hero-chips="heroChips" :sections="sections" :model="group" :readonly="readonly" :actions="actions"
+        @back="onBack" @action="onAction" @field-change="onFieldChange">
+        <template #extra="{ readonly: ro }">
+            <view class="group">
+                <view class="group-head">
+                    <text class="group-title">
+                        {{ t("HelpFeaturePage.featureTitle") }}
+                    </text>
+                    <view v-if="!ro && perm.canAmend.value" class="group-add" @click="addFeature">
+                        <u-icon name="plus" size="24" color="#059669" />
+                        <text class="group-add-text">
+                            {{ t("HelpFeaturePage.addFeatureBut") }}
+                        </text>
+                    </view>
+                </view>
+
+                <view class="group-card">
+                    <view v-if="!data.SecurityHelpFeatures.length" class="group-empty">
+                        <text>
+                            {{ t("HelpFeaturePage.featureEmpty") }}
+                        </text>
+                    </view>
+
+                    <view v-for="(record, index) in data.SecurityHelpFeatures" :key="index" class="feat-row">
+                        <view class="feat-head">
+                            <text class="feat-index">
+                                {{ index + 1 }}
+                            </text>
+                            <view v-if="!ro && perm.canAmend.value" class="feat-ops">
+                                <u-icon name="arrow-up" size="30" :color="index === 0 ? '#e0e0e0' : '#059669'"
+                                    @click="upFeature(index)" />
+                                <u-icon name="arrow-down" size="30"
+                                    :color="index === data.SecurityHelpFeatures.length - 1 ? '#e0e0e0' : '#059669'"
+                                    @click="downFeature(index)" />
+                                <u-icon name="trash" size="34" color="#c4c8cf" @click="deleteFeature(index)" />
+                            </view>
+                        </view>
+
+                        <view class="feat-field">
+                            <text class="feat-label">
+                                {{ t("HelpFeaturePage.name") }}
+                                <text v-if="!ro" class="feat-required">*</text>
+                            </text>
+                            <u-input v-if="!ro" v-model="record.Name" :maxlength="50"
+                                :placeholder="t('HelpFeaturePage.namePlaceholder')" />
+                            <text v-else class="feat-text">
+                                {{ record.Name || "-" }}
+                            </text>
+                        </view>
+                        <view class="feat-field">
+                            <text class="feat-label">
+                                {{ t("HelpFeaturePage.description") }}
+                            </text>
+                            <u-input v-if="!ro" v-model="record.Description" :maxlength="200"
+                                :placeholder="t('HelpFeaturePage.descPlaceholder')" />
+                            <text v-else class="feat-text">
+                                {{ record.Description || "-" }}
+                            </text>
+                        </view>
+                        <view class="feat-field">
+                            <text class="feat-label">
+                                {{ t("HelpFeaturePage.icon") }}
+                            </text>
+                            <u-input v-if="!ro" v-model="record.Icon" :maxlength="50"
+                                :placeholder="t('HelpFeaturePage.iconPlaceholder')" />
+                            <text v-else class="feat-text">
+                                {{ record.Icon || "-" }}
+                            </text>
+                        </view>
+                        <view class="feat-field">
+                            <text class="feat-label">
+                                {{ t("HelpFeaturePage.color") }}
+                            </text>
+                            <u-input v-if="!ro" v-model="record.Color" :maxlength="30"
+                                :placeholder="t('HelpFeaturePage.colorPlaceholder')" />
+                            <text v-else class="feat-text">
+                                {{ record.Color || "-" }}
+                            </text>
+                        </view>
+                    </view>
+                </view>
+            </view>
+        </template>
+    </admin-form>
+</template>
+
+<style lang="scss" scoped>
+.group {
+    margin-bottom: 28rpx;
+}
+
+.group-head {
+    display: flex;
+    flex-direction: row;
+    align-items: center;
+    justify-content: space-between;
+    padding: 0 12rpx 12rpx;
+}
+
+.group-title {
+    font-size: 24rpx;
+    color: $u-tips-color;
+}
+
+.group-add {
+    display: flex;
+    flex-direction: row;
+    align-items: center;
+}
+
+.group-add-text {
+    margin-left: 4rpx;
+    font-size: 24rpx;
+    color: $u-type-primary;
+}
+
+.group-card {
+    padding: 8rpx 28rpx;
+    overflow: hidden;
+    background-color: #ffffff;
+    border-radius: 20rpx;
+}
+
+.group-empty {
+    padding: 40rpx 0;
+    font-size: 24rpx;
+    color: $u-tips-color;
+    text-align: center;
+}
+
+.feat-row {
+    padding: 20rpx 0;
+    border-bottom: 1rpx solid $u-border-color;
+
+    &:last-child {
+        border-bottom: none;
+    }
+}
+
+.feat-head {
+    display: flex;
+    flex-direction: row;
+    align-items: center;
+    justify-content: space-between;
+    margin-bottom: 8rpx;
+}
+
+.feat-index {
+    font-size: 24rpx;
+    color: $u-tips-color;
+}
+
+.feat-ops {
+    display: flex;
+    flex-direction: row;
+    align-items: center;
+    gap: 24rpx;
+}
+
+.feat-field {
+    margin-top: 12rpx;
+}
+
+.feat-label {
+    font-size: 24rpx;
+    color: $u-content-color;
+}
+
+.feat-required {
+    color: $u-type-error;
+}
+
+.feat-text {
+    display: block;
+    margin-top: 6rpx;
+    font-size: 28rpx;
+    color: $u-main-color;
+}
+</style>
diff --git a/uniapp/youjiala/src/pages/security/help-function-enquiry.vue b/uniapp/youjiala/src/pages/security/help-function-enquiry.vue
new file mode 100644
index 0000000..0835367
--- /dev/null
+++ b/uniapp/youjiala/src/pages/security/help-function-enquiry.vue
@@ -0,0 +1,210 @@
+<script setup lang="ts">
+/**
+ * 帮助功能查询（列表页）：旧 WebVue views/security/SecurityHelpFunctionEnquiry.vue 的移动端等价物
+ *
+ * 与旧页面对齐的关键点：
+ * - FindBySearchCriteria 的返回落在 data.Datas（SecurityHelpFunctionEntity[]）；
+ * - 两条筛选：功能名称 / 功能说明 文本包含；
+ * - 作废走 DeleteByFunctionName（不是 Delete！旧页面即如此），行点击进详情。
+ */
+import type { AdminColumn, AdminQuery, AdminRow } from "@/admin/admin-types";
+import { onLoad } from "@dcloudio/uni-app";
+import { useLocale } from "uview-pro";
+import { computed, nextTick, reactive, ref, watch } from "vue";
+import { fillCriteria, makeFilterOption } from "@/admin/admin-filter";
+import {
+    useAdminList,
+    useAdminPickTarget,
+    useAuthGuard,
+} from "@/composables";
+import { SecurityHelpFunctionEntity } from "@/data/auto/securityHelpFunctionEntity";
+import { SecurityHelpFunctionSearchCriteria } from "@/data/auto/securityHelpFunctionSearchCriteria";
+import { SearchFilterOperatorPolicy } from "@/data/custom/searchFilterOperatorPolicy";
+import { SearchFilterTypePolicy } from "@/data/custom/searchFilterTypePolicy";
+import { usePagePermission } from "@/permission/permission-context";
+import { pageUrl } from "@/router/routes";
+import securityHelpFunctionService from "@/service/security/securityHelpFunctionService";
+
+const { t, currentLocale } = useLocale();
+const perm = usePagePermission("helpFunctionEnquiry");
+const pickTarget = useAdminPickTarget();
+
+const isPick = ref(false);
+
+const LABEL_KEYS: Record<string, string> = {
+    [SecurityHelpFunctionEntity.DB_FUNCTION_NAME]: "HelpFunctionPage.functionName",
+    [SecurityHelpFunctionEntity.DB_INTRO]: "HelpFunctionPage.intro",
+};
+
+const bindOptions = reactive([
+    makeFilterOption(
+        SecurityHelpFunctionEntity.DB_FUNCTION_NAME,
+        t(LABEL_KEYS[SecurityHelpFunctionEntity.DB_FUNCTION_NAME]),
+        SearchFilterTypePolicy.TEXT,
+        SearchFilterOperatorPolicy.CONTAIN,
+    ),
+    makeFilterOption(
+        SecurityHelpFunctionEntity.DB_INTRO,
+        t(LABEL_KEYS[SecurityHelpFunctionEntity.DB_INTRO]),
+        SearchFilterTypePolicy.TEXT,
+        SearchFilterOperatorPolicy.CONTAIN,
+    ),
+]);
+
+async function fetchData(query: AdminQuery) {
+    const criteria = new SecurityHelpFunctionSearchCriteria();
+    criteria.GridColumns = [];
+    fillCriteria(criteria, query.filters, query);
+    const data = await securityHelpFunctionService.FindBySearchCriteria(criteria);
+    return { rows: data?.Datas ?? [], total: data?.Total ?? 0 };
+}
+
+const state = useAdminList({
+    bindOptions,
+    loader: fetchData,
+    orderby: SecurityHelpFunctionEntity.DB_FUNCTION_NAME,
+});
+
+const { filterCount, filterVisible, draft, searchToken } = state;
+
+const columns = computed<AdminColumn[]>(() => [
+    {
+        label: t("HelpFunctionPage.functionName"),
+        prop: SecurityHelpFunctionEntity.FUNCTION_NAME,
+    },
+    {
+        label: t("HelpFunctionPage.intro"),
+        prop: SecurityHelpFunctionEntity.INTRO,
+    },
+    {
+        label: t("HelpFunctionPage.enabledIndc"),
+        prop: SecurityHelpFunctionEntity.ENABLED_INDC,
+        format: (row: AdminRow) => (row.EnabledIndc === "Y" ? t("HelpFunctionPage.yes") : t("HelpFunctionPage.no")),
+    },
+]);
+
+const keyword = ref("");
+const listRef = ref<any>(null);
+
+function onSearch(): void {
+    const option = bindOptions.find(
+        item => item.BindValue === SecurityHelpFunctionEntity.DB_FUNCTION_NAME,
+    );
+    if (option) {
+        option.Value = keyword.value;
+    }
+    state.reload();
+}
+
+function onRowTap(row: AdminRow): void {
+    if (isPick.value) {
+        if (pickTarget.multiple.value) {
+            return;
+        }
+        pickTarget.deliverOne(row);
+        return;
+    }
+    uni.navigateTo({
+        url: `${pageUrl("helpFunctionOperation")}?id=${row.FunctionName}&mode=view`,
+    });
+}
+
+function onCreate(): void {
+    uni.navigateTo({ url: `${pageUrl("helpFunctionOperation")}?mode=create` });
+}
+
+function onConfirm(rows: AdminRow[]): void {
+    if (!rows.length) {
+        uni.showToast({ title: t("AdminPage.pickNoneTip"), icon: "none" });
+        return;
+    }
+    pickTarget.deliver(rows);
+}
+
+async function onDelete(rows: AdminRow[]): Promise<void> {
+    if (!rows.length) {
+        uni.showToast({ title: t("AdminPage.pickNoneTip"), icon: "none" });
+        return;
+    }
+    uni.showModal({
+        title: t("AdminPage.confirmDeleteTitle"),
+        success: async (res: any) => {
+            if (!res.confirm) {
+                return;
+            }
+            for (const row of rows) {
+                await securityHelpFunctionService.DeleteByFunctionName(String(row.FunctionName));
+            }
+            listRef.value?.clearSelection();
+            state.reload();
+            uni.showToast({ title: t("AdminPage.deletedTip"), icon: "none" });
+        },
+    });
+}
+
+watch(currentLocale, () => {
+    for (const option of bindOptions) {
+        const key = LABEL_KEYS[option.BindValue];
+        if (key) {
+            option.DisplayName = t(key);
+        }
+    }
+});
+
+onLoad((options) => {
+    pickTarget.readOptions(options);
+    isPick.value = String(options?.channel ?? "").trim().length > 0;
+});
+
+useAuthGuard(() => {
+    // 每次显示都重拉第一页：增/改/删后从详情返回能看到最新数据（navigateBack 不重新挂页面）
+    nextTick(() => listRef.value?.refresh());
+});
+</script>
+
+<template>
+    <view class="page">
+        <admin-list ref="listRef" v-model:keyword="keyword" :nav-title="t('HelpFunctionPage.title')"
+            :show-nav-back="!isPick" :columns="columns" :loader="state.query"
+            :row-key="SecurityHelpFunctionEntity.FUNCTION_NAME" title-key="FunctionName"
+            :selectable="isPick ? pickTarget.multiple.value : Boolean(perm.canDelete.value)" :filter-count="filterCount"
+            :filter-visible="filterVisible" :filter-items="draft" :search-token="searchToken"
+            :keep-selection-on-reload="isPick" @search="onSearch" @open-filter="state.openFilter()"
+            @close-filter="state.closeFilter()" @apply-filter="state.applyFilter($event)"
+            @clear-filter="state.clearFiltersAndSearch()" @row-tap="onRowTap">
+            <template v-if="!isPick && perm.canCreate.value" #toolbar-actions>
+                <view class="create-entry" @click="onCreate">
+                    <u-icon name="plus" size="40" />
+                </view>
+            </template>
+
+            <template #actions="{ rows }">
+                <u-button v-if="isPick" type="primary" shape="circle" size="mini" :text="t('AdminPage.pickDoneBut')"
+                    @click="onConfirm(rows)" />
+                <u-button v-else-if="perm.canDelete.value" type="error" shape="circle" size="mini"
+                    :text="t('AdminPage.deleteBut')" @click="onDelete(rows)" />
+            </template>
+        </admin-list>
+    </view>
+</template>
+
+<style lang="scss" scoped>
+.page {
+    width: 100%;
+    height: 100vh;
+    background-color: $u-bg-color;
+}
+
+.create-entry {
+    display: flex;
+    flex-direction: row;
+    align-items: center;
+    justify-content: center;
+    width: 64rpx;
+    height: 64rpx;
+    margin-left: 12rpx;
+    color: $u-type-primary;
+    background-color: $u-bg-color;
+    border-radius: 16rpx;
+}
+</style>
diff --git a/uniapp/youjiala/src/pages/security/help-function-operation.vue b/uniapp/youjiala/src/pages/security/help-function-operation.vue
new file mode 100644
index 0000000..b9c0c1a
--- /dev/null
+++ b/uniapp/youjiala/src/pages/security/help-function-operation.vue
@@ -0,0 +1,578 @@
+<script setup lang="ts">
+/**
+ * 帮助功能详情（查看 / 新增 / 修改）：旧 WebVue views/security/SecurityHelpFunctionOperation.vue 的移动端等价物
+ *
+ * 对齐旧逻辑：
+ * - onLoad 读 id（=FunctionName）与 mode；FindByFunctionName 取 SecurityHelpFunctionData；
+ * - 主字段：功能名称(给哪个功能写帮助，新建时靠 function-enquiry 单选回填、之后锁死)、
+ *   启用?(EnabledIndc Y/N switch)、功能说明(Intro textarea)；
+ * - 子表1 操作步骤 SecurityHelpSteps：内联可编辑 Title/Description/Tips/Icon，可上下移动；
+ * - 子表2 引用的功能点组 SecurityHelpFunctionFeatures：GroupCode 靠 help-feature-enquiry 单选，
+ *   回传的功能点按 HelpFeatureGroupId 翻译成组编码写入；可上下移动；
+ * - 保存前按界面顺序重排 StepNo=i+1 / SortNo=i+1，调 SaveFunction（不是 Insert/Update！）；
+ *   删除走 DeleteByFunctionName；新建默认 EnabledIndc='Y'。
+ */
+import type { AdminFormAction, AdminFormField, AdminFormSection } from "@/admin/admin-types";
+import type { SecurityHelpFeatureGroupEntity } from "@/data/auto/securityHelpFeatureGroupEntity";
+import { onLoad } from "@dcloudio/uni-app";
+import { useLocale } from "uview-pro";
+import { computed, ref } from "vue";
+import { useAdminPick, useAuthGuard } from "@/composables";
+import { SecurityHelpFunctionData } from "@/data/auto/securityHelpFunctionData";
+import { SecurityHelpFunctionFeatureEntity } from "@/data/auto/securityHelpFunctionFeatureEntity";
+import { SecurityHelpStepEntity } from "@/data/auto/securityHelpStepEntity";
+import { usePagePermission } from "@/permission/permission-context";
+import securityHelpFunctionService from "@/service/security/securityHelpFunctionService";
+
+const { t } = useLocale();
+const perm = usePagePermission("helpFunctionOperation");
+
+const data = ref<SecurityHelpFunctionData>(new SecurityHelpFunctionData());
+const helpFunction = computed(() => data.value.SecurityHelpFunction);
+const readonly = ref(true);
+const routeId = ref("");
+
+const isNew = computed(() => !String(helpFunction.value.CreatedBy ?? "").trim());
+
+/** 组表：把功能点上的「组主键」翻译成「组编码」 */
+const groups = ref<SecurityHelpFeatureGroupEntity[]>([]);
+
+const heroTitle = computed(() => String(helpFunction.value.FunctionName || ""));
+const heroChips = computed(() => {
+    const chips: string[] = [];
+    if (helpFunction.value.HelpFunctionId) {
+        chips.push(`${t("HelpFunctionPage.helpFunctionId")}: ${helpFunction.value.HelpFunctionId}`);
+    }
+    if (helpFunction.value.EnabledIndc === "Y") {
+        chips.push(t("HelpFunctionPage.enabledTag"));
+    }
+    return chips;
+});
+
+const sections = computed<AdminFormSection[]>(() => {
+    const fields: AdminFormField[] = [
+        {
+            label: t("HelpFunctionPage.functionName"),
+            prop: "FunctionName",
+            required: true,
+            lock: true,
+        },
+        {
+            label: t("HelpFunctionPage.enabledIndc"),
+            prop: "EnabledIndc",
+            type: "switch",
+            display: model => (model.EnabledIndc === "Y" ? t("HelpFunctionPage.yes") : t("HelpFunctionPage.no")),
+        },
+        { label: t("HelpFunctionPage.intro"), prop: "Intro", type: "textarea", maxlength: 1000 },
+    ];
+    return [{ title: t("HelpFunctionPage.detailTitle"), fields }];
+});
+
+const actions = computed<AdminFormAction[]>(() => {
+    const list: AdminFormAction[] = [];
+    if (perm.canAmend.value) {
+        list.push({ key: "amend", label: t("AdminPage.amendBut"), when: "view" });
+    }
+    if (perm.canDelete.value) {
+        list.push({
+            key: "delete",
+            label: t("AdminPage.deleteBut"),
+            tone: "error",
+            confirm: true,
+            when: "view",
+        });
+    }
+    list.push({ key: "save", label: t("AdminPage.saveBut"), when: "edit" });
+    list.push({ key: "cancel", label: t("AdminPage.cancelBut"), when: "edit" });
+    return list;
+});
+
+function ensureLists(): void {
+    if (!data.value.SecurityHelpSteps) {
+        data.value.SecurityHelpSteps = [];
+    }
+    if (!data.value.SecurityHelpFunctionFeatures) {
+        data.value.SecurityHelpFunctionFeatures = [];
+    }
+}
+
+async function loadGroups(): Promise<void> {
+    try {
+        const all = await securityHelpFunctionService.FindAll();
+        groups.value = all?.SecurityHelpFeatureGroups ?? [];
+    }
+    catch (error) {
+        console.warn(error);
+    }
+}
+
+async function load(): Promise<void> {
+    const result = await securityHelpFunctionService.FindByFunctionName(routeId.value);
+    if (!result?.SecurityHelpFunction?.FunctionName) {
+        uni.showToast({ title: t("AdminPage.notExistTip"), icon: "none" });
+        return;
+    }
+    data.value = result;
+    ensureLists();
+}
+
+function groupNameOf(groupCode?: string): string {
+    if (!groupCode) {
+        return t("HelpFunctionPage.unnamedGroup");
+    }
+    const hit = groups.value.find(item => item.GroupCode === groupCode);
+    return hit && hit.GroupName ? `${groupCode}（${hit.GroupName}）` : groupCode;
+}
+
+function groupCodeOf(helpFeatureGroupId?: string): string {
+    if (!helpFeatureGroupId) {
+        return "";
+    }
+    const hit = groups.value.find(item => item.HelpFeatureGroupId === helpFeatureGroupId);
+    return hit ? hit.GroupCode : "";
+}
+
+function onFieldChange(prop: string, value: unknown): void {
+    if (prop === "EnabledIndc") {
+        helpFunction.value.EnabledIndc = value ? "Y" : "N";
+        return;
+    }
+    (helpFunction.value as Record<string, any>)[prop] = value;
+}
+
+async function onSave(): Promise<void> {
+    if (!String(helpFunction.value.FunctionName ?? "").trim()) {
+        uni.showToast({ title: t("HelpFunctionPage.nameRequired"), icon: "none" });
+        return;
+    }
+    ensureLists();
+    // 明细序号按界面顺序重排，顺序即显示顺序（对齐旧 onSave）
+    data.value.SecurityHelpSteps.forEach((row, idx) => {
+        row.StepNo = idx + 1;
+    });
+    data.value.SecurityHelpFunctionFeatures.forEach((row, idx) => {
+        row.SortNo = idx + 1;
+    });
+    const result = await securityHelpFunctionService.SaveFunction(data.value);
+    if (result?.SecurityHelpFunction) {
+        data.value = result;
+        ensureLists();
+    }
+    routeId.value = String(helpFunction.value.FunctionName ?? "");
+    readonly.value = true;
+    uni.showToast({ title: t("AdminPage.savedTip"), icon: "none" });
+}
+
+async function onDelete(): Promise<void> {
+    await securityHelpFunctionService.DeleteByFunctionName(routeId.value);
+    uni.showToast({ title: t("AdminPage.deletedTip"), icon: "none" });
+    setTimeout(() => uni.navigateBack(), 600);
+}
+
+function onAction(action: AdminFormAction): void {
+    switch (action.key) {
+        case "amend":
+            readonly.value = false;
+            break;
+        case "save":
+            onSave();
+            break;
+        case "delete":
+            onDelete();
+            break;
+        case "cancel":
+            if (isNew.value || !routeId.value) {
+                uni.navigateBack();
+                return;
+            }
+            readonly.value = true;
+            load();
+            break;
+        default:
+            break;
+    }
+}
+
+function onBack(): void {
+    uni.navigateBack();
+}
+
+// 功能名称：新建时单选 function-enquiry 回填（旧页用 FindFunctionNameOptions 下拉，移动端退化成选择器）
+const functionNamePicker = useAdminPick("functionName");
+
+function pickFunctionName(): void {
+    if (readonly.value || !isNew.value || !perm.canAmend.value) {
+        return;
+    }
+    functionNamePicker.open({ page: "functionEnquiry" }, (rows) => {
+        if (rows.length) {
+            helpFunction.value.FunctionName = String(rows[0].FunctionName ?? "");
+        }
+    });
+}
+
+// 引用的功能点组：单选 help-feature-enquiry，回传功能点后翻译成组编码
+const groupPicker = useAdminPick("group");
+
+function addFeature(): void {
+    groupPicker.open({ page: "helpFeatureEnquiry" }, (rows) => {
+        ensureLists();
+        if (!rows.length) {
+            return;
+        }
+        const groupCode = groupCodeOf(rows[0].HelpFeatureGroupId);
+        if (!groupCode) {
+            uni.showToast({ title: t("HelpFeaturePage.noGroupTip"), icon: "none" });
+            return;
+        }
+        const exists = data.value.SecurityHelpFunctionFeatures.some(item => item.GroupCode === groupCode);
+        if (exists) {
+            return;
+        }
+        const row = new SecurityHelpFunctionFeatureEntity();
+        row.FunctionName = String(helpFunction.value.FunctionName ?? "");
+        row.GroupCode = groupCode;
+        row.SortNo = data.value.SecurityHelpFunctionFeatures.length + 1;
+        data.value.SecurityHelpFunctionFeatures.push(row);
+    });
+}
+
+function deleteFeature(index: number): void {
+    data.value.SecurityHelpFunctionFeatures.splice(index, 1);
+}
+
+function swap(list: any[], index: number, offset: number): void {
+    const target = index + offset;
+    if (target < 0 || target >= list.length) {
+        return;
+    }
+    const item = list.splice(index, 1)[0];
+    list.splice(target, 0, item);
+}
+
+function upFeature(index: number): void {
+    swap(data.value.SecurityHelpFunctionFeatures, index, -1);
+}
+
+function downFeature(index: number): void {
+    swap(data.value.SecurityHelpFunctionFeatures, index, 1);
+}
+
+function addStep(): void {
+    ensureLists();
+    const row = new SecurityHelpStepEntity();
+    row.HelpFunctionId = String(helpFunction.value.HelpFunctionId ?? "");
+    row.StepNo = data.value.SecurityHelpSteps.length + 1;
+    data.value.SecurityHelpSteps.push(row);
+}
+
+function deleteStep(index: number): void {
+    data.value.SecurityHelpSteps.splice(index, 1);
+}
+
+function upStep(index: number): void {
+    swap(data.value.SecurityHelpSteps, index, -1);
+}
+
+function downStep(index: number): void {
+    swap(data.value.SecurityHelpSteps, index, 1);
+}
+
+onLoad((options) => {
+    routeId.value = String(options?.id ?? "");
+    const mode = String(options?.mode ?? "view");
+    readonly.value = mode !== "create" && mode !== "amend";
+    if (mode === "create") {
+        helpFunction.value.EnabledIndc = "Y";
+    }
+});
+
+let booted = false;
+useAuthGuard(() => {
+    if (booted) {
+        return;
+    }
+    booted = true;
+    loadGroups();
+    if (routeId.value) {
+        load();
+    }
+    else {
+        ensureLists();
+    }
+});
+</script>
+
+<template>
+    <admin-form :nav-title="t('HelpFunctionPage.detailTitle')" :show-nav-back="true" :hero-title="heroTitle"
+        :hero-chips="heroChips" :sections="sections" :model="helpFunction" :readonly="readonly" :actions="actions"
+        @back="onBack" @action="onAction" @field-change="onFieldChange">
+        <template #extra="{ readonly: ro }">
+            <!-- 功能名称触发：仅新建可编辑态显示 -->
+            <view v-if="!ro && isNew && perm.canAmend.value" class="pick-trigger" @click="pickFunctionName">
+                <u-icon name="search" size="30" color="#059669" />
+                <text class="pick-trigger-text">
+                    {{ t("HelpFunctionPage.pickFunctionBut") }}
+                </text>
+            </view>
+
+            <!-- 操作步骤 -->
+            <view class="group">
+                <view class="group-head">
+                    <text class="group-title">
+                        {{ t("HelpFunctionPage.stepTitle") }}
+                    </text>
+                    <view v-if="!ro && perm.canAmend.value" class="group-add" @click="addStep">
+                        <u-icon name="plus" size="24" color="#059669" />
+                        <text class="group-add-text">
+                            {{ t("HelpFunctionPage.addStepBut") }}
+                        </text>
+                    </view>
+                </view>
+
+                <view class="group-card">
+                    <view v-if="!data.SecurityHelpSteps.length" class="group-empty">
+                        <text>
+                            {{ t("HelpFunctionPage.stepEmpty") }}
+                        </text>
+                    </view>
+
+                    <view v-for="(record, index) in data.SecurityHelpSteps" :key="index" class="step-row">
+                        <view class="step-head">
+                            <text class="step-index">
+                                {{ index + 1 }}
+                            </text>
+                            <view v-if="!ro && perm.canAmend.value" class="step-ops">
+                                <u-icon name="arrow-up" size="30" :color="index === 0 ? '#e0e0e0' : '#059669'"
+                                    @click="upStep(index)" />
+                                <u-icon name="arrow-down" size="30"
+                                    :color="index === data.SecurityHelpSteps.length - 1 ? '#e0e0e0' : '#059669'"
+                                    @click="downStep(index)" />
+                                <u-icon name="trash" size="34" color="#c4c8cf" @click="deleteStep(index)" />
+                            </view>
+                        </view>
+
+                        <view class="step-field">
+                            <text class="step-label">
+                                {{ t("HelpFunctionPage.stepName") }}
+                            </text>
+                            <u-input v-if="!ro" v-model="record.Title" :maxlength="100"
+                                :placeholder="t('HelpFunctionPage.stepTitlePlaceholder')" />
+                            <text v-else class="step-text">
+                                {{ record.Title || "-" }}
+                            </text>
+                        </view>
+                        <view class="step-field">
+                            <text class="step-label">
+                                {{ t("HelpFunctionPage.stepDescription") }}
+                            </text>
+                            <u-input v-if="!ro" v-model="record.Description" :maxlength="500"
+                                :placeholder="t('HelpFunctionPage.stepDescPlaceholder')" />
+                            <text v-else class="step-text">
+                                {{ record.Description || "-" }}
+                            </text>
+                        </view>
+                        <view class="step-field">
+                            <text class="step-label">
+                                {{ t("HelpFunctionPage.stepTips") }}
+                            </text>
+                            <u-input v-if="!ro" v-model="record.Tips" :maxlength="200"
+                                :placeholder="t('HelpFunctionPage.stepTipsPlaceholder')" />
+                            <text v-else class="step-text">
+                                {{ record.Tips || "-" }}
+                            </text>
+                        </view>
+                        <view class="step-field">
+                            <text class="step-label">
+                                {{ t("HelpFunctionPage.stepIcon") }}
+                            </text>
+                            <u-input v-if="!ro" v-model="record.Icon" :maxlength="50"
+                                :placeholder="t('HelpFunctionPage.stepIconPlaceholder')" />
+                            <text v-else class="step-text">
+                                {{ record.Icon || "-" }}
+                            </text>
+                        </view>
+                    </view>
+                </view>
+            </view>
+
+            <!-- 引用的功能点组 -->
+            <view class="group">
+                <view class="group-head">
+                    <text class="group-title">
+                        {{ t("HelpFunctionPage.featureTitle") }}
+                    </text>
+                    <view v-if="!ro && perm.canAmend.value" class="group-add" @click="addFeature">
+                        <u-icon name="plus" size="24" color="#059669" />
+                        <text class="group-add-text">
+                            {{ t("HelpFunctionPage.addFeatureBut") }}
+                        </text>
+                    </view>
+                </view>
+
+                <view class="group-card">
+                    <view v-if="!data.SecurityHelpFunctionFeatures.length" class="group-empty">
+                        <text>
+                            {{ t("HelpFunctionPage.featureEmpty") }}
+                        </text>
+                    </view>
+
+                    <view v-for="(record, index) in data.SecurityHelpFunctionFeatures" :key="index" class="map-row">
+                        <view class="map-text">
+                            <text class="map-name">
+                                {{ groupNameOf(record.GroupCode) }}
+                            </text>
+                        </view>
+                        <view v-if="!ro && perm.canAmend.value" class="map-ops">
+                            <u-icon name="arrow-up" size="30" :color="index === 0 ? '#e0e0e0' : '#059669'"
+                                @click="upFeature(index)" />
+                            <u-icon name="arrow-down" size="30"
+                                :color="index === data.SecurityHelpFunctionFeatures.length - 1 ? '#e0e0e0' : '#059669'"
+                                @click="downFeature(index)" />
+                            <u-icon name="trash" size="34" color="#c4c8cf" @click="deleteFeature(index)" />
+                        </view>
+                    </view>
+                </view>
+            </view>
+        </template>
+    </admin-form>
+</template>
+
+<style lang="scss" scoped>
+.pick-trigger {
+    display: flex;
+    flex-direction: row;
+    align-items: center;
+    justify-content: center;
+    padding: 20rpx 0;
+    margin-bottom: 28rpx;
+    background-color: #ffffff;
+    border-radius: 20rpx;
+}
+
+.pick-trigger-text {
+    margin-left: 8rpx;
+    font-size: 26rpx;
+    color: $u-type-primary;
+}
+
+.group {
+    margin-bottom: 28rpx;
+}
+
+.group-head {
+    display: flex;
+    flex-direction: row;
+    align-items: center;
+    justify-content: space-between;
+    padding: 0 12rpx 12rpx;
+}
+
+.group-title {
+    font-size: 24rpx;
+    color: $u-tips-color;
+}
+
+.group-add {
+    display: flex;
+    flex-direction: row;
+    align-items: center;
+}
+
+.group-add-text {
+    margin-left: 4rpx;
+    font-size: 24rpx;
+    color: $u-type-primary;
+}
+
+.group-card {
+    padding: 8rpx 28rpx;
+    overflow: hidden;
+    background-color: #ffffff;
+    border-radius: 20rpx;
+}
+
+.group-empty {
+    padding: 40rpx 0;
+    font-size: 24rpx;
+    color: $u-tips-color;
+    text-align: center;
+}
+
+.step-row {
+    padding: 20rpx 0;
+    border-bottom: 1rpx solid $u-border-color;
+
+    &:last-child {
+        border-bottom: none;
+    }
+}
+
+.step-head {
+    display: flex;
+    flex-direction: row;
+    align-items: center;
+    justify-content: space-between;
+    margin-bottom: 8rpx;
+}
+
+.step-index {
+    font-size: 24rpx;
+    color: $u-tips-color;
+}
+
+.step-ops {
+    display: flex;
+    flex-direction: row;
+    align-items: center;
+    gap: 24rpx;
+}
+
+.step-field {
+    margin-top: 12rpx;
+}
+
+.step-label {
+    font-size: 24rpx;
+    color: $u-content-color;
+}
+
+.step-text {
+    display: block;
+    margin-top: 6rpx;
+    font-size: 28rpx;
+    color: $u-main-color;
+}
+
+.map-row {
+    display: flex;
+    flex-direction: row;
+    align-items: center;
+    justify-content: space-between;
+    min-height: 92rpx;
+    padding: 16rpx 0;
+    border-bottom: 1rpx solid $u-border-color;
+
+    &:last-child {
+        border-bottom: none;
+    }
+}
+
+.map-text {
+    display: flex;
+    flex-direction: column;
+    min-width: 0;
+}
+
+.map-name {
+    font-size: 28rpx;
+    color: $u-main-color;
+}
+
+.map-ops {
+    display: flex;
+    flex-direction: row;
+    align-items: center;
+    gap: 24rpx;
+}
+</style>
diff --git a/uniapp/youjiala/src/pages/security/master-enquiry.vue b/uniapp/youjiala/src/pages/security/master-enquiry.vue
new file mode 100644
index 0000000..7d88ad0
--- /dev/null
+++ b/uniapp/youjiala/src/pages/security/master-enquiry.vue
@@ -0,0 +1,221 @@
+<script setup lang="ts">
+/**
+ * 数据字典查询（列表页）：旧 WebVue views/security/MasterEnquiry.vue 的移动端等价物
+ *
+ * 与旧页面对齐的关键点：
+ * - findBySearchCriteria 的返回落在 data.Datas；
+ * - 主键是"主类别|辅类别|项目名称"三段复合，行跳详情/删除都要按三段还原 SecurityMasterEntityKey；
+ *   列表用一个附加的 _key 字段做行唯一标识（admin-list 的 row-key 只认单字段）。
+ * - 旧页面把"项目名称"筛选错登记成 DATE/DATE_BETWEEN（复制粘贴 bug），这里按语义改回 TEXT/CONTAIN。
+ */
+import type { AdminColumn, AdminQuery, AdminRow } from "@/admin/admin-types";
+import type { SecurityMasterEntityKey } from "@/data/auto/securityMasterEntityKey";
+import { onLoad } from "@dcloudio/uni-app";
+import { useLocale } from "uview-pro";
+import { computed, nextTick, reactive, ref, watch } from "vue";
+import { fillCriteria, makeFilterOption } from "@/admin/admin-filter";
+import { useAdminList, useAuthGuard } from "@/composables";
+import { SecurityMasterEntity } from "@/data/auto/securityMasterEntity";
+import { SecurityMasterSearchCriteria } from "@/data/auto/securityMasterSearchCriteria";
+import { SearchFilterOperatorPolicy } from "@/data/custom/searchFilterOperatorPolicy";
+import { SearchFilterTypePolicy } from "@/data/custom/searchFilterTypePolicy";
+import { usePagePermission } from "@/permission/permission-context";
+import { pageUrl } from "@/router/routes";
+import securityMasterService from "@/service/security/securityMasterService";
+
+const { t, currentLocale } = useLocale();
+const perm = usePagePermission("masterEnquiry");
+
+const LABEL_KEYS: Record<string, string> = {
+    [SecurityMasterEntity.DB_MASTER_CATEGORY]: "MasterPage.masterCategory",
+    [SecurityMasterEntity.DB_MASTER_SUBCATEGORY]: "MasterPage.masterSubcategory",
+    [SecurityMasterEntity.DB_MASTER_CODE_ITEM]: "MasterPage.masterCodeItem",
+    [SecurityMasterEntity.DB_LOCAL_DESCRIPTION]: "MasterPage.localDescription",
+};
+
+const bindOptions = reactive([
+    makeFilterOption(
+        SecurityMasterEntity.DB_MASTER_CATEGORY,
+        t(LABEL_KEYS[SecurityMasterEntity.DB_MASTER_CATEGORY]),
+        SearchFilterTypePolicy.TEXT,
+        SearchFilterOperatorPolicy.CONTAIN,
+    ),
+    makeFilterOption(
+        SecurityMasterEntity.DB_MASTER_SUBCATEGORY,
+        t(LABEL_KEYS[SecurityMasterEntity.DB_MASTER_SUBCATEGORY]),
+        SearchFilterTypePolicy.TEXT,
+        SearchFilterOperatorPolicy.CONTAIN,
+    ),
+    makeFilterOption(
+        SecurityMasterEntity.DB_MASTER_CODE_ITEM,
+        t(LABEL_KEYS[SecurityMasterEntity.DB_MASTER_CODE_ITEM]),
+        SearchFilterTypePolicy.TEXT,
+        SearchFilterOperatorPolicy.CONTAIN,
+    ),
+    makeFilterOption(
+        SecurityMasterEntity.DB_LOCAL_DESCRIPTION,
+        t(LABEL_KEYS[SecurityMasterEntity.DB_LOCAL_DESCRIPTION]),
+        SearchFilterTypePolicy.TEXT,
+        SearchFilterOperatorPolicy.CONTAIN,
+    ),
+]);
+
+function compositeKey(row: AdminRow): string {
+    return `${row.MasterCategory}|${row.MasterSubcategory}|${row.MasterCodeItem}`;
+}
+
+async function fetchData(query: AdminQuery) {
+    const criteria = new SecurityMasterSearchCriteria();
+    criteria.GridColumns = [];
+    fillCriteria(criteria, query.filters, query);
+    const data = await securityMasterService.FindBySearchCriteria(criteria);
+    const rows = (data?.Datas ?? []).map(row => ({ ...row, _key: compositeKey(row) }));
+    return { rows, total: data?.Total ?? 0 };
+}
+
+const state = useAdminList({
+    bindOptions,
+    loader: fetchData,
+    orderby: SecurityMasterEntity.DB_MASTER_CATEGORY,
+});
+
+const { filterCount, filterVisible, draft, searchToken } = state;
+
+const columns = computed<AdminColumn[]>(() => [
+    {
+        label: t("MasterPage.masterCategory"),
+        prop: SecurityMasterEntity.MASTER_CATEGORY,
+    },
+    {
+        label: t("MasterPage.masterSubcategory"),
+        prop: SecurityMasterEntity.MASTER_SUBCATEGORY,
+    },
+    {
+        label: t("MasterPage.masterCodeItem"),
+        prop: SecurityMasterEntity.MASTER_CODE_ITEM,
+    },
+    {
+        label: t("MasterPage.localDescription"),
+        prop: SecurityMasterEntity.LOCAL_DESCRIPTION,
+    },
+    {
+        label: t("MasterPage.validIndc"),
+        prop: SecurityMasterEntity.VALID_INDC,
+        format: (row: AdminRow) => (row.ValidIndc === "Y" ? t("MasterPage.yes") : t("MasterPage.no")),
+    },
+]);
+
+const keyword = ref("");
+const listRef = ref<any>(null);
+
+function onSearch(): void {
+    const option = bindOptions.find(
+        item => item.BindValue === SecurityMasterEntity.DB_MASTER_CATEGORY,
+    );
+    if (option) {
+        option.Value = keyword.value;
+    }
+    state.reload();
+}
+
+function onRowTap(row: AdminRow): void {
+    uni.navigateTo({
+        url: `${pageUrl("masterOperation")}?id=${compositeKey(row)}&mode=view`,
+    });
+}
+
+function onCreate(): void {
+    uni.navigateTo({ url: `${pageUrl("masterOperation")}?mode=create` });
+}
+
+function toKey(row: AdminRow): SecurityMasterEntityKey {
+    const key: SecurityMasterEntityKey = {
+        MasterCategory: String(row.MasterCategory ?? ""),
+        MasterSubcategory: String(row.MasterSubcategory ?? ""),
+        MasterCodeItem: String(row.MasterCodeItem ?? ""),
+    };
+    return key;
+}
+
+async function onDelete(rows: AdminRow[]): Promise<void> {
+    if (!rows.length) {
+        uni.showToast({ title: t("AdminPage.pickNoneTip"), icon: "none" });
+        return;
+    }
+    uni.showModal({
+        title: t("AdminPage.confirmDeleteTitle"),
+        success: async (res: any) => {
+            if (!res.confirm) {
+                return;
+            }
+            for (const row of rows) {
+                await securityMasterService.Delete(toKey(row));
+            }
+            listRef.value?.clearSelection();
+            state.reload();
+            uni.showToast({ title: t("AdminPage.deletedTip"), icon: "none" });
+        },
+    });
+}
+
+watch(currentLocale, () => {
+    for (const option of bindOptions) {
+        const key = LABEL_KEYS[option.BindValue];
+        if (key) {
+            option.DisplayName = t(key);
+        }
+    }
+});
+
+onLoad(() => {
+    // 数据字典只做查询/维护，从不充当选择器，无 channel 处理
+});
+
+useAuthGuard(() => {
+    // 每次显示都重拉第一页：增/改/删后从详情返回能看到最新数据（navigateBack 不重新挂页面）
+    nextTick(() => listRef.value?.refresh());
+});
+</script>
+
+<template>
+    <view class="page">
+        <admin-list ref="listRef" v-model:keyword="keyword" :nav-title="t('MasterPage.title')" :show-nav-back="true"
+            :columns="columns" :loader="state.query" row-key="_key" title-key="MasterCategory"
+            :selectable="Boolean(perm.canDelete.value)" :filter-count="filterCount" :filter-visible="filterVisible"
+            :filter-items="draft" :search-token="searchToken" @search="onSearch" @open-filter="state.openFilter()"
+            @close-filter="state.closeFilter()" @apply-filter="state.applyFilter($event)"
+            @clear-filter="state.clearFiltersAndSearch()" @row-tap="onRowTap">
+            <template v-if="perm.canCreate.value" #toolbar-actions>
+                <view class="create-entry" @click="onCreate">
+                    <u-icon name="plus" size="40" />
+                </view>
+            </template>
+
+            <template #actions="{ rows }">
+                <u-button v-if="perm.canDelete.value" type="error" shape="circle" size="mini"
+                    :text="t('AdminPage.deleteBut')" @click="onDelete(rows)" />
+            </template>
+        </admin-list>
+    </view>
+</template>
+
+<style lang="scss" scoped>
+.page {
+    width: 100%;
+    height: 100vh;
+    background-color: $u-bg-color;
+}
+
+.create-entry {
+    display: flex;
+    flex-direction: row;
+    align-items: center;
+    justify-content: center;
+    width: 64rpx;
+    height: 64rpx;
+    margin-left: 12rpx;
+    color: $u-type-primary;
+    background-color: $u-bg-color;
+    border-radius: 16rpx;
+}
+</style>
diff --git a/uniapp/youjiala/src/pages/security/master-operation.vue b/uniapp/youjiala/src/pages/security/master-operation.vue
new file mode 100644
index 0000000..588b309
--- /dev/null
+++ b/uniapp/youjiala/src/pages/security/master-operation.vue
@@ -0,0 +1,202 @@
+<script setup lang="ts">
+/**
+ * 数据字典详情（查看 / 新增 / 修改）：旧 WebVue views/security/MasterOperation.vue 的移动端等价物
+ *
+ * 复合主键"主类别|辅类别|项目名称"从路由 id 按 | 拆成 SecurityMasterEntityKey：
+ * - FindByKey(key) 直接返回 SecurityMasterEntity（无 Data 包装）；
+ * - 三段主键字段编辑态也锁死（旧页面 readonly 条件即"有值就不许改"）；
+ * - 保存按 CreatedBy 有无决定 Update / Insert(SecurityMasterEntity)，删除传回 dataKey。
+ * ValidIndc（有效?）是 Y/N，admin-form 无下拉，用 switch 承载。
+ */
+import type { AdminFormAction, AdminFormField, AdminFormSection } from "@/admin/admin-types";
+import type { SecurityMasterEntityKey } from "@/data/auto/securityMasterEntityKey";
+import { onLoad } from "@dcloudio/uni-app";
+import { useLocale } from "uview-pro";
+import { computed, ref } from "vue";
+import { useAuthGuard } from "@/composables";
+import { SecurityMasterEntity } from "@/data/auto/securityMasterEntity";
+import { usePagePermission } from "@/permission/permission-context";
+import securityMasterService from "@/service/security/securityMasterService";
+
+const { t } = useLocale();
+const perm = usePagePermission("masterOperation");
+
+const entity = ref<SecurityMasterEntity>(new SecurityMasterEntity());
+const readonly = ref(true);
+const routeId = ref("");
+
+const dataKey = computed<SecurityMasterEntityKey>(() => {
+    const parts = routeId.value.split("|");
+    return {
+        MasterCategory: parts[0] ?? "",
+        MasterSubcategory: parts[1] ?? "",
+        MasterCodeItem: parts[2] ?? "",
+    };
+});
+
+const isNew = computed(() => !String(entity.value.CreatedBy ?? "").trim());
+
+const heroTitle = computed(
+    () => String(entity.value.LocalDescription || entity.value.MasterCodeItem || ""),
+);
+const heroChips = computed(() => {
+    const chips: string[] = [];
+    if (entity.value.MasterCodeItem) {
+        chips.push(`${t("MasterPage.masterCodeItem")}: ${entity.value.MasterCodeItem}`);
+    }
+    return chips;
+});
+
+const sections = computed<AdminFormSection[]>(() => {
+    // 三段主键：一旦是已存在记录（非新增）就锁死
+    const pkLock = !isNew.value;
+    const fields: AdminFormField[] = [
+        { label: t("MasterPage.masterCategory"), prop: "MasterCategory", required: true, lock: pkLock },
+        { label: t("MasterPage.masterSubcategory"), prop: "MasterSubcategory", required: true, lock: pkLock },
+        { label: t("MasterPage.masterCodeItem"), prop: "MasterCodeItem", required: true, lock: pkLock },
+        { label: t("MasterPage.localDescription"), prop: "LocalDescription", required: true },
+        { label: t("MasterPage.engDescription"), prop: "EngDescription" },
+        { label: t("MasterPage.value"), prop: "Value" },
+        { label: t("MasterPage.orderBy"), prop: "OrderBy", type: "number" },
+        {
+            label: t("MasterPage.validIndc"),
+            prop: "ValidIndc",
+            type: "switch",
+            display: model => (model.ValidIndc === "Y" ? t("MasterPage.yes") : t("MasterPage.no")),
+        },
+        { label: t("MasterPage.remark"), prop: "Remark", type: "textarea", maxlength: 1000 },
+    ];
+    return [{ title: t("MasterPage.detailTitle"), fields }];
+});
+
+const actions = computed<AdminFormAction[]>(() => {
+    const list: AdminFormAction[] = [];
+    if (perm.canAmend.value) {
+        list.push({ key: "amend", label: t("AdminPage.amendBut"), when: "view" });
+    }
+    if (perm.canDelete.value) {
+        list.push({
+            key: "delete",
+            label: t("AdminPage.deleteBut"),
+            tone: "error",
+            confirm: true,
+            when: "view",
+        });
+    }
+    list.push({ key: "save", label: t("AdminPage.saveBut"), when: "edit" });
+    list.push({ key: "cancel", label: t("AdminPage.cancelBut"), when: "edit" });
+    return list;
+});
+
+function isValidKey(): boolean {
+    return routeId.value.split("|").length === 3;
+}
+
+async function load(): Promise<void> {
+    const result = await securityMasterService.FindByKey(dataKey.value);
+    if (!result || !String(result.MasterCategory ?? "").trim()) {
+        uni.showToast({ title: t("AdminPage.notExistTip"), icon: "none" });
+        return;
+    }
+    entity.value = result;
+}
+
+function onFieldChange(prop: string, value: unknown): void {
+    if (prop === "ValidIndc") {
+        entity.value.ValidIndc = value ? "Y" : "N";
+        return;
+    }
+    if (prop === "OrderBy") {
+        entity.value.OrderBy = Number(value) || 0;
+        return;
+    }
+    (entity.value as Record<string, any>)[prop] = value;
+}
+
+async function onSave(): Promise<void> {
+    if (!String(entity.value.MasterCategory ?? "").trim()) {
+        uni.showToast({ title: t("MasterPage.categoryRequired"), icon: "none" });
+        return;
+    }
+    if (!String(entity.value.MasterSubcategory ?? "").trim()) {
+        uni.showToast({ title: t("MasterPage.subcategoryRequired"), icon: "none" });
+        return;
+    }
+    if (!String(entity.value.MasterCodeItem ?? "").trim()) {
+        uni.showToast({ title: t("MasterPage.codeItemRequired"), icon: "none" });
+        return;
+    }
+    if (!String(entity.value.LocalDescription ?? "").trim()) {
+        uni.showToast({ title: t("MasterPage.localDescriptionRequired"), icon: "none" });
+        return;
+    }
+    entity.value.OrderBy = Number(entity.value.OrderBy) || 0;
+    const isUpdate = !isNew.value;
+    const result = await (isUpdate
+        ? securityMasterService.Update(entity.value)
+        : securityMasterService.Insert(entity.value));
+    if (result) {
+        entity.value = result;
+    }
+    routeId.value = `${entity.value.MasterCategory}|${entity.value.MasterSubcategory}|${entity.value.MasterCodeItem}`;
+    readonly.value = true;
+    uni.showToast({ title: t("AdminPage.savedTip"), icon: "none" });
+}
+
+async function onDelete(): Promise<void> {
+    await securityMasterService.Delete(dataKey.value);
+    uni.showToast({ title: t("AdminPage.deletedTip"), icon: "none" });
+    setTimeout(() => uni.navigateBack(), 600);
+}
+
+function onAction(action: AdminFormAction): void {
+    switch (action.key) {
+        case "amend":
+            readonly.value = false;
+            break;
+        case "save":
+            onSave();
+            break;
+        case "delete":
+            onDelete();
+            break;
+        case "cancel":
+            if (isNew.value || !isValidKey()) {
+                uni.navigateBack();
+                return;
+            }
+            readonly.value = true;
+            load();
+            break;
+        default:
+            break;
+    }
+}
+
+function onBack(): void {
+    uni.navigateBack();
+}
+
+onLoad((options) => {
+    routeId.value = String(options?.id ?? "");
+    const mode = String(options?.mode ?? "view");
+    readonly.value = mode !== "create" && mode !== "amend";
+});
+
+let booted = false;
+useAuthGuard(() => {
+    if (booted) {
+        return;
+    }
+    booted = true;
+    if (isValidKey()) {
+        load();
+    }
+});
+</script>
+
+<template>
+    <admin-form :nav-title="t('MasterPage.detailTitle')" :show-nav-back="true" :hero-title="heroTitle"
+        :hero-chips="heroChips" :sections="sections" :model="entity" :readonly="readonly" :actions="actions"
+        @back="onBack" @action="onAction" @field-change="onFieldChange" />
+</template>
diff --git a/uniapp/youjiala/src/pages/security/permission-dependent-enquiry.vue b/uniapp/youjiala/src/pages/security/permission-dependent-enquiry.vue
new file mode 100644
index 0000000..dd3b013
--- /dev/null
+++ b/uniapp/youjiala/src/pages/security/permission-dependent-enquiry.vue
@@ -0,0 +1,150 @@
+<script setup lang="ts">
+/**
+ * 扩展权限选择页：旧 WebVue views/security/PermissionDependentModal.vue 的移动端等价物
+ *
+ * 旧页面就是一个纯"选择弹窗"（dragModal 内嵌），供 group-operation 挑扩展权限明细，
+ * 移动端改成独立选择页：用 FindDependentsBySearchCriteria，返回落在 data.Dependents；
+ * 唯一筛选是按"扩展名称"等值（EQUAL_TO）——由调用方通过 ?dependent= 传进来锁死，
+ * 因为扩展权限明细必须归属某个权限的扩展名称之下。
+ */
+import type { AdminColumn, AdminQuery, AdminRow } from "@/admin/admin-types";
+import { onLoad } from "@dcloudio/uni-app";
+import { useLocale } from "uview-pro";
+import { computed, nextTick, reactive, ref, watch } from "vue";
+import { fillCriteria, makeFilterOption } from "@/admin/admin-filter";
+import {
+    useAdminList,
+    useAdminPickTarget,
+    useAuthGuard,
+} from "@/composables";
+import { SecurityPermissionDependentEntity } from "@/data/auto/securityPermissionDependentEntity";
+import { SecurityPermissionSearchCriteria } from "@/data/auto/securityPermissionSearchCriteria";
+import { SearchFilterOperatorPolicy } from "@/data/custom/searchFilterOperatorPolicy";
+import { SearchFilterTypePolicy } from "@/data/custom/searchFilterTypePolicy";
+import securityPermissionService from "@/service/security/securityPermissionService";
+
+const { t, currentLocale } = useLocale();
+const pickTarget = useAdminPickTarget();
+
+const LABEL_KEYS: Record<string, string> = {
+    [SecurityPermissionDependentEntity.DB_DEPENDENT]: "PermissionPage.dependent",
+};
+
+const bindOptions = reactive([
+    makeFilterOption(
+        SecurityPermissionDependentEntity.DB_DEPENDENT,
+        t(LABEL_KEYS[SecurityPermissionDependentEntity.DB_DEPENDENT]),
+        SearchFilterTypePolicy.TEXT,
+        SearchFilterOperatorPolicy.EQUAL_TO,
+    ),
+]);
+
+async function fetchData(query: AdminQuery) {
+    const criteria = new SecurityPermissionSearchCriteria();
+    criteria.GridColumns = [];
+    fillCriteria(criteria, query.filters, query);
+    const data = await securityPermissionService.FindDependentsBySearchCriteria(criteria);
+    return { rows: data?.Dependents ?? [], total: data?.Total ?? 0 };
+}
+
+const state = useAdminList({
+    bindOptions,
+    loader: fetchData,
+    orderby: SecurityPermissionDependentEntity.DB_DEPENDENT_DETAIL_NAME,
+});
+
+const { filterCount, filterVisible, draft, searchToken } = state;
+
+const columns = computed<AdminColumn[]>(() => [
+    {
+        label: t("PermissionPage.dependentDetailName"),
+        prop: SecurityPermissionDependentEntity.DEPENDENT_DETAIL_NAME,
+    },
+    {
+        label: t("PermissionPage.dependentDetailDescription"),
+        prop: SecurityPermissionDependentEntity.DEPENDENT_DETAIL_DESCRIPTION,
+    },
+]);
+
+const keyword = ref("");
+const listRef = ref<any>(null);
+
+function onSearch(): void {
+    const option = bindOptions.find(
+        item => item.BindValue === SecurityPermissionDependentEntity.DB_DEPENDENT,
+    );
+    if (option) {
+        option.Value = keyword.value;
+    }
+    state.reload();
+}
+
+function onRowTap(row: AdminRow): void {
+    // 单选语义：直接回传；多选交给底部"确定"按钮统一交付
+    if (pickTarget.multiple.value) {
+        return;
+    }
+    pickTarget.deliverOne(row);
+}
+
+function onConfirm(rows: AdminRow[]): void {
+    if (!rows.length) {
+        uni.showToast({ title: t("AdminPage.pickNoneTip"), icon: "none" });
+        return;
+    }
+    pickTarget.deliver(rows);
+}
+
+watch(currentLocale, () => {
+    for (const option of bindOptions) {
+        const key = LABEL_KEYS[option.BindValue];
+        if (key) {
+            option.DisplayName = t(key);
+        }
+    }
+});
+
+onLoad((options) => {
+    pickTarget.readOptions(options);
+    // 调用方锁死的扩展名称：写进等值筛选，只列出该扩展名称下的子项目
+    const dependent = String(options?.dependent ?? "").trim();
+    if (dependent) {
+        const option = bindOptions.find(
+            item => item.BindValue === SecurityPermissionDependentEntity.DB_DEPENDENT,
+        );
+        if (option) {
+            option.Value = dependent;
+        }
+    }
+});
+
+useAuthGuard(() => {
+    // 每次显示都重拉第一页：从详情返回时能看到最新依赖（navigateBack 不重新挂页面）
+    nextTick(() => listRef.value?.refresh());
+});
+</script>
+
+<template>
+    <view class="page">
+        <admin-list ref="listRef" v-model:keyword="keyword" :nav-title="t('PermissionPage.dependentTitle')"
+            :show-nav-back="false" :columns="columns" :loader="state.query"
+            :row-key="SecurityPermissionDependentEntity.DEPENDENT_DETAIL_NAME" title-key="DependentDetailName"
+            :selectable="pickTarget.multiple.value" :filter-count="filterCount" :filter-visible="filterVisible"
+            :filter-items="draft" :search-token="searchToken" @search="onSearch" @open-filter="state.openFilter()"
+            @close-filter="state.closeFilter()" @apply-filter="state.applyFilter($event)"
+            @clear-filter="state.clearFiltersAndSearch()" @row-tap="onRowTap">
+            <template #actions="{ rows }">
+                <u-button type="primary" shape="circle" size="mini" :text="t('AdminPage.pickDoneBut')"
+                    @click="onConfirm(rows)" />
+            </template>
+        </admin-list>
+    </view>
+</template>
+
+<style lang="scss" scoped>
+.page {
+    width: 100%;
+    height: 100vh;
+    background-color: $u-bg-color;
+}
+</style>
diff --git a/uniapp/youjiala/src/pages/security/permission-enquiry.vue b/uniapp/youjiala/src/pages/security/permission-enquiry.vue
new file mode 100644
index 0000000..aec7b81
--- /dev/null
+++ b/uniapp/youjiala/src/pages/security/permission-enquiry.vue
@@ -0,0 +1,229 @@
+<script setup lang="ts">
+/**
+ * 权限查询（列表页）：旧 WebVue views/security/PermissionEnquiry.vue 的移动端等价物
+ *
+ * 与旧页面对齐的关键点：
+ * - findBySearchCriteria 的返回落在 data.Permissions（不是 Datas！），逐字照抄；
+ * - 四条筛选：权限名称/中文名称/扩展名称 文本包含、创建日期 区间；
+ * - 行点击进详情（无 channel）/ 作为选择器回传（带 channel）。
+ * group-operation、function-operation 会把它当"权限选择器"跳进来（多选 / 单选）。
+ */
+import type { AdminColumn, AdminQuery, AdminRow } from "@/admin/admin-types";
+import { onLoad } from "@dcloudio/uni-app";
+import { useLocale } from "uview-pro";
+import { computed, nextTick, reactive, ref, watch } from "vue";
+import { fillCriteria, makeFilterOption } from "@/admin/admin-filter";
+import {
+    useAdminList,
+    useAdminPickTarget,
+    useAuthGuard,
+} from "@/composables";
+import { SecurityPermissionEntity } from "@/data/auto/securityPermissionEntity";
+import { SecurityPermissionSearchCriteria } from "@/data/auto/securityPermissionSearchCriteria";
+import { SearchFilterOperatorPolicy } from "@/data/custom/searchFilterOperatorPolicy";
+import { SearchFilterTypePolicy } from "@/data/custom/searchFilterTypePolicy";
+import { usePagePermission } from "@/permission/permission-context";
+import { pageUrl } from "@/router/routes";
+import securityPermissionService from "@/service/security/securityPermissionService";
+
+const { t, currentLocale } = useLocale();
+const perm = usePagePermission("permissionEnquiry");
+const pickTarget = useAdminPickTarget();
+
+const isPick = ref(false);
+
+const LABEL_KEYS: Record<string, string> = {
+    [SecurityPermissionEntity.DB_PERMISSION_NAME]: "PermissionPage.permissionName",
+    [SecurityPermissionEntity.DB_DESCRIPTION]: "PermissionPage.description",
+    [SecurityPermissionEntity.DB_CREATED_DATETIME]: "PermissionPage.createdDatetime",
+    [SecurityPermissionEntity.DB_DEPENDENT]: "PermissionPage.dependent",
+};
+
+const bindOptions = reactive([
+    makeFilterOption(
+        SecurityPermissionEntity.DB_PERMISSION_NAME,
+        t(LABEL_KEYS[SecurityPermissionEntity.DB_PERMISSION_NAME]),
+        SearchFilterTypePolicy.TEXT,
+        SearchFilterOperatorPolicy.CONTAIN,
+    ),
+    makeFilterOption(
+        SecurityPermissionEntity.DB_DESCRIPTION,
+        t(LABEL_KEYS[SecurityPermissionEntity.DB_DESCRIPTION]),
+        SearchFilterTypePolicy.TEXT,
+        SearchFilterOperatorPolicy.CONTAIN,
+    ),
+    makeFilterOption(
+        SecurityPermissionEntity.DB_CREATED_DATETIME,
+        t(LABEL_KEYS[SecurityPermissionEntity.DB_CREATED_DATETIME]),
+        SearchFilterTypePolicy.DATE,
+        SearchFilterOperatorPolicy.DATE_BETWEEN,
+    ),
+    makeFilterOption(
+        SecurityPermissionEntity.DB_DEPENDENT,
+        t(LABEL_KEYS[SecurityPermissionEntity.DB_DEPENDENT]),
+        SearchFilterTypePolicy.TEXT,
+        SearchFilterOperatorPolicy.CONTAIN,
+    ),
+]);
+
+async function fetchData(query: AdminQuery) {
+    const criteria = new SecurityPermissionSearchCriteria();
+    criteria.GridColumns = [];
+    fillCriteria(criteria, query.filters, query);
+    const data = await securityPermissionService.FindBySearchCriteria(criteria);
+    return { rows: data?.Permissions ?? [], total: data?.Total ?? 0 };
+}
+
+const state = useAdminList({
+    bindOptions,
+    loader: fetchData,
+    orderby: SecurityPermissionEntity.DB_PERMISSION_NAME,
+});
+
+const { filterCount, filterVisible, draft, searchToken } = state;
+
+const columns = computed<AdminColumn[]>(() => [
+    {
+        label: t("PermissionPage.permissionName"),
+        prop: SecurityPermissionEntity.PERMISSION_NAME,
+    },
+    {
+        label: t("PermissionPage.description"),
+        prop: SecurityPermissionEntity.DESCRIPTION,
+    },
+    {
+        label: t("PermissionPage.dependent"),
+        prop: SecurityPermissionEntity.DEPENDENT,
+    },
+    {
+        label: t("PermissionPage.createdDatetime"),
+        prop: SecurityPermissionEntity.CREATED_DATETIME,
+        date: "datetime",
+    },
+]);
+
+const keyword = ref("");
+const listRef = ref<any>(null);
+
+function onSearch(): void {
+    const option = bindOptions.find(
+        item => item.BindValue === SecurityPermissionEntity.DB_PERMISSION_NAME,
+    );
+    if (option) {
+        option.Value = keyword.value;
+    }
+    state.reload();
+}
+
+function onRowTap(row: AdminRow): void {
+    if (isPick.value) {
+        if (pickTarget.multiple.value) {
+            return;
+        }
+        pickTarget.deliverOne(row);
+        return;
+    }
+    uni.navigateTo({
+        url: `${pageUrl("permissionOperation")}?id=${row.PermissionName}&mode=view`,
+    });
+}
+
+function onCreate(): void {
+    uni.navigateTo({ url: `${pageUrl("permissionOperation")}?mode=create` });
+}
+
+function onConfirm(rows: AdminRow[]): void {
+    if (!rows.length) {
+        uni.showToast({ title: t("AdminPage.pickNoneTip"), icon: "none" });
+        return;
+    }
+    pickTarget.deliver(rows);
+}
+
+async function onDelete(rows: AdminRow[]): Promise<void> {
+    if (!rows.length) {
+        uni.showToast({ title: t("AdminPage.pickNoneTip"), icon: "none" });
+        return;
+    }
+    uni.showModal({
+        title: t("AdminPage.confirmDeleteTitle"),
+        success: async (res: any) => {
+            if (!res.confirm) {
+                return;
+            }
+            for (const row of rows) {
+                await securityPermissionService.Delete(String(row.PermissionName));
+            }
+            listRef.value?.clearSelection();
+            state.reload();
+            uni.showToast({ title: t("AdminPage.deletedTip"), icon: "none" });
+        },
+    });
+}
+
+watch(currentLocale, () => {
+    for (const option of bindOptions) {
+        const key = LABEL_KEYS[option.BindValue];
+        if (key) {
+            option.DisplayName = t(key);
+        }
+    }
+});
+
+onLoad((options) => {
+    pickTarget.readOptions(options);
+    isPick.value = String(options?.channel ?? "").trim().length > 0;
+});
+
+useAuthGuard(() => {
+    // 每次显示都重拉第一页：增/改/删后从详情返回能看到最新数据（navigateBack 不重新挂页面）
+    nextTick(() => listRef.value?.refresh());
+});
+</script>
+
+<template>
+    <view class="page">
+        <admin-list ref="listRef" v-model:keyword="keyword" :nav-title="t('PermissionPage.title')"
+            :show-nav-back="!isPick" :columns="columns" :loader="state.query"
+            :row-key="SecurityPermissionEntity.PERMISSION_NAME" title-key="PermissionName"
+            :selectable="isPick ? pickTarget.multiple.value : Boolean(perm.canDelete.value)" :filter-count="filterCount"
+            :filter-visible="filterVisible" :filter-items="draft" :search-token="searchToken"
+            :keep-selection-on-reload="isPick" @search="onSearch" @open-filter="state.openFilter()"
+            @close-filter="state.closeFilter()" @apply-filter="state.applyFilter($event)"
+            @clear-filter="state.clearFiltersAndSearch()" @row-tap="onRowTap">
+            <template v-if="!isPick && perm.canCreate.value" #toolbar-actions>
+                <view class="create-entry" @click="onCreate">
+                    <u-icon name="plus" size="40" />
+                </view>
+            </template>
+
+            <template #actions="{ rows }">
+                <u-button v-if="isPick" type="primary" shape="circle" size="mini" :text="t('AdminPage.pickDoneBut')"
+                    @click="onConfirm(rows)" />
+                <u-button v-else-if="perm.canDelete.value" type="error" shape="circle" size="mini"
+                    :text="t('AdminPage.deleteBut')" @click="onDelete(rows)" />
+            </template>
+        </admin-list>
+    </view>
+</template>
+
+<style lang="scss" scoped>
+.page {
+    width: 100%;
+    height: 100vh;
+    background-color: $u-bg-color;
+}
+
+.create-entry {
+    display: flex;
+    flex-direction: row;
+    align-items: center;
+    justify-content: center;
+    width: 64rpx;
+    height: 64rpx;
+    margin-left: 12rpx;
+    color: $u-type-primary;
+    background-color: $u-bg-color;
+    border-radius: 16rpx;
+}
+</style>
diff --git a/uniapp/youjiala/src/pages/security/permission-operation.vue b/uniapp/youjiala/src/pages/security/permission-operation.vue
new file mode 100644
index 0000000..b6e944a
--- /dev/null
+++ b/uniapp/youjiala/src/pages/security/permission-operation.vue
@@ -0,0 +1,355 @@
+<script setup lang="ts">
+/**
+ * 权限详情（查看 / 新增 / 修改）：旧 WebVue views/security/PermissionOperation.vue 的移动端等价物
+ *
+ * 对齐旧逻辑：
+ * - onLoad 读 id（=PermissionName）与 mode；FindByKey 取 SecurityPermissionData；
+ * - 保存按 CreatedBy 有无决定 Update / Insert，成功回填主键、退回只读；
+ * - 子表 SecurityPermissionDependents（扩展权限明细）是"内联增删改行"，
+ *   每行两个必填：扩展名称(DependentDetailName)、中文名称(DependentDetailDescription)。
+ * DelegateIndc（允许代理?）是 Y/N，admin-form 无下拉，用 switch 承载。
+ */
+import type { AdminFormAction, AdminFormField, AdminFormSection } from "@/admin/admin-types";
+import { onLoad } from "@dcloudio/uni-app";
+import { useLocale } from "uview-pro";
+import { computed, ref } from "vue";
+import { useAuthGuard } from "@/composables";
+import { SecurityPermissionData } from "@/data/auto/securityPermissionData";
+import { SecurityPermissionDependentEntity } from "@/data/auto/securityPermissionDependentEntity";
+import { usePagePermission } from "@/permission/permission-context";
+import securityPermissionService from "@/service/security/securityPermissionService";
+
+const { t } = useLocale();
+const perm = usePagePermission("permissionOperation");
+
+const data = ref<SecurityPermissionData>(new SecurityPermissionData());
+const permission = computed(() => data.value.SecurityPermission);
+const readonly = ref(true);
+const routeId = ref("");
+
+const isNew = computed(() => !String(permission.value.CreatedBy ?? "").trim());
+
+const heroTitle = computed(
+    () => String(permission.value.Description || permission.value.PermissionName || ""),
+);
+const heroChips = computed(() => {
+    const chips: string[] = [];
+    if (permission.value.PermissionName) {
+        chips.push(`${t("PermissionPage.permissionName")}: ${permission.value.PermissionName}`);
+    }
+    return chips;
+});
+
+const sections = computed<AdminFormSection[]>(() => {
+    const fields: AdminFormField[] = [
+        {
+            label: t("PermissionPage.permissionName"),
+            prop: "PermissionName",
+            required: true,
+            lock: routeId.value !== "",
+        },
+        { label: t("PermissionPage.description"), prop: "Description", required: true },
+        { label: t("PermissionPage.dependent"), prop: "Dependent" },
+        {
+            label: t("PermissionPage.delegateIndc"),
+            prop: "DelegateIndc",
+            type: "switch",
+            display: model => (model.DelegateIndc === "Y" ? t("PermissionPage.yes") : t("PermissionPage.no")),
+        },
+    ];
+    return [{ title: t("PermissionPage.detailTitle"), fields }];
+});
+
+const actions = computed<AdminFormAction[]>(() => {
+    const list: AdminFormAction[] = [];
+    if (perm.canAmend.value) {
+        list.push({ key: "amend", label: t("AdminPage.amendBut"), when: "view" });
+    }
+    if (perm.canDelete.value) {
+        list.push({
+            key: "delete",
+            label: t("AdminPage.deleteBut"),
+            tone: "error",
+            confirm: true,
+            when: "view",
+        });
+    }
+    list.push({ key: "save", label: t("AdminPage.saveBut"), when: "edit" });
+    list.push({ key: "cancel", label: t("AdminPage.cancelBut"), when: "edit" });
+    return list;
+});
+
+async function load(): Promise<void> {
+    const result = await securityPermissionService.FindByKey(routeId.value);
+    if (!result?.SecurityPermission?.PermissionName) {
+        uni.showToast({ title: t("AdminPage.notExistTip"), icon: "none" });
+        return;
+    }
+    data.value = result;
+    if (!data.value.SecurityPermissionDependents) {
+        data.value.SecurityPermissionDependents = [];
+    }
+}
+
+function onFieldChange(prop: string, value: unknown): void {
+    if (prop === "DelegateIndc") {
+        permission.value.DelegateIndc = value ? "Y" : "N";
+        return;
+    }
+    (permission.value as Record<string, any>)[prop] = value;
+}
+
+async function onSave(): Promise<void> {
+    if (!String(permission.value.PermissionName ?? "").trim()) {
+        uni.showToast({ title: t("PermissionPage.nameRequired"), icon: "none" });
+        return;
+    }
+    if (!String(permission.value.Description ?? "").trim()) {
+        uni.showToast({ title: t("PermissionPage.descriptionRequired"), icon: "none" });
+        return;
+    }
+    if (!data.value.SecurityPermissionDependents) {
+        data.value.SecurityPermissionDependents = [];
+    }
+    for (const row of data.value.SecurityPermissionDependents) {
+        if (!String(row.DependentDetailName ?? "").trim()) {
+            uni.showToast({ title: t("PermissionPage.dependentNameRequired"), icon: "none" });
+            return;
+        }
+        if (!String(row.DependentDetailDescription ?? "").trim()) {
+            uni.showToast({ title: t("PermissionPage.dependentDescRequired"), icon: "none" });
+            return;
+        }
+    }
+    const isUpdate = !isNew.value;
+    const result = await (isUpdate
+        ? securityPermissionService.Update(data.value)
+        : securityPermissionService.Insert(data.value));
+    if (result?.SecurityPermission) {
+        data.value = result;
+    }
+    // 服务端保存返回可能不含子表字段：统一兑底成 []，否则模板读 .length 会报 undefined
+    if (!data.value.SecurityPermissionDependents) {
+        data.value.SecurityPermissionDependents = [];
+    }
+    routeId.value = String(permission.value.PermissionName ?? "");
+    readonly.value = true;
+    uni.showToast({ title: t("AdminPage.savedTip"), icon: "none" });
+}
+
+async function onDelete(): Promise<void> {
+    await securityPermissionService.Delete(routeId.value);
+    uni.showToast({ title: t("AdminPage.deletedTip"), icon: "none" });
+    setTimeout(() => uni.navigateBack(), 600);
+}
+
+function onAction(action: AdminFormAction): void {
+    switch (action.key) {
+        case "amend":
+            readonly.value = false;
+            break;
+        case "save":
+            onSave();
+            break;
+        case "delete":
+            onDelete();
+            break;
+        case "cancel":
+            if (isNew.value || !routeId.value) {
+                uni.navigateBack();
+                return;
+            }
+            readonly.value = true;
+            load();
+            break;
+        default:
+            break;
+    }
+}
+
+function onBack(): void {
+    uni.navigateBack();
+}
+
+function addDependent(): void {
+    if (!data.value.SecurityPermissionDependents) {
+        data.value.SecurityPermissionDependents = [];
+    }
+    const row = new SecurityPermissionDependentEntity();
+    row.PermissionName = String(permission.value.PermissionName ?? "");
+    row.Dependent = String(permission.value.Dependent ?? "");
+    data.value.SecurityPermissionDependents.push(row);
+}
+
+function deleteDependent(name: string): void {
+    data.value.SecurityPermissionDependents = data.value.SecurityPermissionDependents.filter(
+        item => item.DependentDetailName !== name,
+    );
+}
+
+onLoad((options) => {
+    routeId.value = String(options?.id ?? "");
+    const mode = String(options?.mode ?? "view");
+    readonly.value = mode !== "create" && mode !== "amend";
+});
+
+let booted = false;
+useAuthGuard(() => {
+    if (booted) {
+        return;
+    }
+    booted = true;
+    if (routeId.value) {
+        load();
+    }
+});
+</script>
+
+<template>
+    <admin-form :nav-title="t('PermissionPage.detailTitle')" :show-nav-back="true" :hero-title="heroTitle"
+        :hero-chips="heroChips" :sections="sections" :model="permission" :readonly="readonly" :actions="actions"
+        @back="onBack" @action="onAction" @field-change="onFieldChange">
+        <template #extra="{ readonly: ro }">
+            <view class="group">
+                <view class="group-head">
+                    <text class="group-title">
+                        {{ t("PermissionPage.dependentTitle") }}
+                    </text>
+                    <view v-if="!ro && perm.canAmend.value" class="group-add" @click="addDependent">
+                        <u-icon name="plus" size="24" color="#059669" />
+                        <text class="group-add-text">
+                            {{ t("PermissionPage.addDependentBut") }}
+                        </text>
+                    </view>
+                </view>
+
+                <view class="group-card">
+                    <view v-if="!data.SecurityPermissionDependents.length" class="group-empty">
+                        <text>
+                            {{ t("PermissionPage.dependentEmpty") }}
+                        </text>
+                    </view>
+
+                    <view v-for="(record, index) in data.SecurityPermissionDependents" :key="index" class="dep-row">
+                        <view class="dep-head">
+                            <text class="dep-index">
+                                {{ index + 1 }}
+                            </text>
+                            <u-icon v-if="!ro && perm.canAmend.value" name="trash" size="34" color="#c4c8cf"
+                                @click="deleteDependent(record.DependentDetailName)" />
+                        </view>
+                        <view class="dep-field">
+                            <text class="dep-label">
+                                {{ t("PermissionPage.dependentDetailName") }}
+                                <text v-if="!ro" class="dep-required">*</text>
+                            </text>
+                            <u-input v-if="!ro" v-model="record.DependentDetailName" :maxlength="50"
+                                :placeholder="t('PermissionPage.dependentNamePlaceholder')" />
+                            <text v-else class="dep-text">
+                                {{ record.DependentDetailName || "-" }}
+                            </text>
+                        </view>
+                        <view class="dep-field">
+                            <text class="dep-label">
+                                {{ t("PermissionPage.dependentDetailDescription") }}
+                                <text v-if="!ro" class="dep-required">*</text>
+                            </text>
+                            <u-input v-if="!ro" v-model="record.DependentDetailDescription" :maxlength="500"
+                                :placeholder="t('PermissionPage.dependentDescPlaceholder')" />
+                            <text v-else class="dep-text">
+                                {{ record.DependentDetailDescription || "-" }}
+                            </text>
+                        </view>
+                    </view>
+                </view>
+            </view>
+        </template>
+    </admin-form>
+</template>
+
+<style lang="scss" scoped>
+.group {
+    margin-bottom: 28rpx;
+}
+
+.group-head {
+    display: flex;
+    flex-direction: row;
+    align-items: center;
+    justify-content: space-between;
+    padding: 0 12rpx 12rpx;
+}
+
+.group-title {
+    font-size: 24rpx;
+    color: $u-tips-color;
+}
+
+.group-add {
+    display: flex;
+    flex-direction: row;
+    align-items: center;
+}
+
+.group-add-text {
+    margin-left: 4rpx;
+    font-size: 24rpx;
+    color: $u-type-primary;
+}
+
+.group-card {
+    padding: 8rpx 28rpx;
+    overflow: hidden;
+    background-color: #ffffff;
+    border-radius: 20rpx;
+}
+
+.group-empty {
+    padding: 40rpx 0;
+    font-size: 24rpx;
+    color: $u-tips-color;
+    text-align: center;
+}
+
+.dep-row {
+    padding: 20rpx 0;
+    border-bottom: 1rpx solid $u-border-color;
+
+    &:last-child {
+        border-bottom: none;
+    }
+}
+
+.dep-head {
+    display: flex;
+    flex-direction: row;
+    align-items: center;
+    justify-content: space-between;
+    margin-bottom: 8rpx;
+}
+
+.dep-index {
+    font-size: 24rpx;
+    color: $u-tips-color;
+}
+
+.dep-field {
+    margin-top: 12rpx;
+}
+
+.dep-label {
+    font-size: 24rpx;
+    color: $u-content-color;
+}
+
+.dep-required {
+    color: $u-type-error;
+}
+
+.dep-text {
+    display: block;
+    margin-top: 6rpx;
+    font-size: 28rpx;
+    color: $u-main-color;
+}
+</style>
diff --git a/uniapp/youjiala/src/pages/security/security.vue b/uniapp/youjiala/src/pages/security/security.vue
new file mode 100644
index 0000000..4420fe0
--- /dev/null
+++ b/uniapp/youjiala/src/pages/security/security.vue
@@ -0,0 +1,131 @@
+<script setup lang="ts">
+/**
+ * 「安全管理」枢纽页：权限体系相关的基础设定入口（用户/角色/组/功能/权限/编号/主档/帮助）。
+ * 从 pages/tab/mine 的「安全管理」跳入（短地址 /security），本身只做导航菜单，不查数据。
+ * 已迁移的条目 target 指向对应列表页名，直接 navigateTo；尚未从旧 WebVue 迁移的条目
+ * target 为 null，点击给「待迁移」提示——uni 跳未登记的页面会 fail，故不能留死链。
+ * 每迁移完一批，把对应条目的 target 从 null 翻成真实 PageName 即可（vue-tsc 会校验键名）。
+ * 本页不登记 PAGE_PERMISSIONS（仅登录可达），各子页仍按自身权限把关。
+ */
+import type { PageName } from "@/router/routes";
+import { useLocale } from "uview-pro";
+import { useAuthGuard } from "@/composables";
+import { pageUrl } from "@/router/routes";
+
+/** 一条功能入口：i18n 标题/副标题键 + 目标列表页名（null=旧系统尚未迁移） */
+interface SecurityEntry {
+    key: string;
+    target: PageName | null;
+}
+
+const { t } = useLocale();
+
+useAuthGuard();
+
+const entries: SecurityEntry[] = [
+    { key: "user", target: "userEnquiry" },
+    { key: "actor", target: "actorEnquiry" },
+    { key: "group", target: "groupEnquiry" },
+    { key: "function", target: "functionEnquiry" },
+    { key: "permission", target: "permissionEnquiry" },
+    { key: "generator", target: "generatorEnquiry" },
+    { key: "master", target: "masterEnquiry" },
+    { key: "helpFunction", target: "helpFunctionEnquiry" },
+    { key: "helpFeature", target: "helpFeatureEnquiry" },
+];
+
+function onPick(entry: SecurityEntry): void {
+    if (!entry.target) {
+        uni.showToast({ title: t("SecurityPage.pendingTip"), icon: "none" });
+        return;
+    }
+    uni.navigateTo({ url: pageUrl(entry.target) });
+}
+</script>
+
+<template>
+    <app-page :nav-title="t('SecurityPage.title')">
+        <view class="security-page">
+            <text class="security-page__hint">
+                {{ t("SecurityPage.pageHint") }}
+            </text>
+            <view class="security-list">
+                <view v-for="entry in entries" :key="entry.key" class="security-cell" @tap="onPick(entry)">
+                    <view class="security-cell__body">
+                        <text class="security-cell__title">
+                            {{ t(`SecurityPage.${entry.key}`) }}
+                        </text>
+                        <text class="security-cell__desc">
+                            {{ t(`SecurityPage.${entry.key}Desc`) }}
+                        </text>
+                    </view>
+                    <text v-if="!entry.target" class="security-cell__tag">
+                        {{ t("SecurityPage.pendingTag") }}
+                    </text>
+                    <u-icon name="arrow-right" size="32" color="#9aa0a6" />
+                </view>
+            </view>
+        </view>
+    </app-page>
+</template>
+
+<style lang="scss" scoped>
+.security-page {
+    display: flex;
+    flex-direction: column;
+    gap: 24rpx;
+    padding: 24rpx;
+}
+
+.security-page__hint {
+    padding: 0 8rpx;
+    font-size: 24rpx;
+    color: #9aa0a6;
+}
+
+/* 白底圆角卡片承载列表，行间用细分隔线，与「我的」页卡片语言一致 */
+.security-list {
+    overflow: hidden;
+    border-radius: 24rpx;
+    background-color: #ffffff;
+}
+
+.security-cell {
+    display: flex;
+    align-items: center;
+    padding: 32rpx;
+    border-bottom: 2rpx solid #f2f3f5;
+}
+
+.security-cell:last-child {
+    border-bottom: none;
+}
+
+.security-cell__body {
+    display: flex;
+    flex: 1;
+    flex-direction: column;
+    gap: 8rpx;
+}
+
+.security-cell__title {
+    font-size: 30rpx;
+    font-weight: 600;
+    color: #1f2329;
+}
+
+.security-cell__desc {
+    font-size: 24rpx;
+    color: #9aa0a6;
+}
+
+/* 未迁移条目的灰色小标签 */
+.security-cell__tag {
+    margin-right: 12rpx;
+    padding: 4rpx 12rpx;
+    font-size: 20rpx;
+    color: #9aa0a6;
+    background-color: #f2f3f5;
+    border-radius: 8rpx;
+}
+</style>
diff --git a/uniapp/youjiala/src/pages/security/user-enquiry.vue b/uniapp/youjiala/src/pages/security/user-enquiry.vue
index cca7337..9f8180e 100644
--- a/uniapp/youjiala/src/pages/security/user-enquiry.vue
+++ b/uniapp/youjiala/src/pages/security/user-enquiry.vue
@@ -9,10 +9,11 @@
  * 页面只组数据与路由，列表/筛选/分页的机制全在 admin-list + useAdminList 里。
  */
 import type { AdminColumn, AdminQuery, AdminRow } from "@/admin/admin-types";
+import { onLoad } from "@dcloudio/uni-app";
 import { useLocale } from "uview-pro";
 import { computed, nextTick, reactive, ref, watch } from "vue";
 import { fillCriteria, makeFilterOption } from "@/admin/admin-filter";
-import { useAdminList, useAuthGuard } from "@/composables";
+import { useAdminList, useAdminPickTarget, useAuthGuard } from "@/composables";
 import { SecurityUserEntity } from "@/data/auto/securityUserEntity";
 import { SecurityUserSearchCriteria } from "@/data/auto/securityUserSearchCriteria";
 import { SearchFilterOperatorPolicy } from "@/data/custom/searchFilterOperatorPolicy";
@@ -23,6 +24,10 @@ import securityUserService from "@/service/security/securityUserService";
 
 const { t, currentLocale } = useLocale();
 const perm = usePagePermission("userEnquiry");
+const pickTarget = useAdminPickTarget();
+
+/** 选择器模式：带 channel 进来（如 actor-operation 选用户）时点行回传而非跳详情 */
+const isPick = ref(false);
 
 /** 列名 -> i18n key：抽屉标签、卡片行标签都靠它，切换语言时就地刷新而不重建条件 */
 const LABEL_KEYS: Record<string, string> = {
@@ -102,6 +107,13 @@ function onSearch(): void {
 }
 
 function onRowTap(row: AdminRow): void {
+    if (isPick.value) {
+        if (pickTarget.multiple.value) {
+            return;
+        }
+        pickTarget.deliverOne(row);
+        return;
+    }
     // 与旧页面一致：id 用 UserName，mode 决定详情页是只读还是编辑
     // 不做 encodeURIComponent：见 composables/useAdminPick 的说明（H5 二次编码坑）
     uni.navigateTo({
@@ -109,6 +121,14 @@ function onRowTap(row: AdminRow): void {
     });
 }
 
+function onConfirm(rows: AdminRow[]): void {
+    if (!rows.length) {
+        uni.showToast({ title: t("AdminPage.pickNoneTip"), icon: "none" });
+        return;
+    }
+    pickTarget.deliver(rows);
+}
+
 function onCreate(): void {
     uni.navigateTo({ url: `${pageUrl("userOperation")}?mode=create` });
 }
@@ -145,33 +165,37 @@ watch(currentLocale, () => {
     }
 });
 
+onLoad((options) => {
+    pickTarget.readOptions(options);
+    isPick.value = String(options?.channel ?? "").trim().length > 0;
+});
+
 // 取数排在登录守卫之后：admin-list 的 auto 默认 false，首屏由这里手动触发一次
-let booted = false;
 useAuthGuard(() => {
-    if (booted) {
-        return;
-    }
-    booted = true;
+    // 每次显示都重拉第一页：增/改/删后从详情返回能看到最新数据（navigateBack 不重新挂页面）
     nextTick(() => listRef.value?.refresh());
 });
 </script>
 
 <template>
     <view class="page">
-        <admin-list ref="listRef" v-model:keyword="keyword" :nav-title="t('UserPage.title')" :show-nav-back="false"
+        <admin-list ref="listRef" v-model:keyword="keyword" :nav-title="t('UserPage.title')" :show-nav-back="isPick"
             :columns="columns" :loader="state.query" :row-key="SecurityUserEntity.USER_NAME" title-key="UserLocalName"
-            :selectable="Boolean(perm.canDelete.value)" :filter-count="filterCount" :filter-visible="filterVisible"
-            :filter-items="draft" :search-token="searchToken" @search="onSearch" @open-filter="state.openFilter()"
+            :selectable="isPick ? pickTarget.multiple.value : Boolean(perm.canDelete.value)" :filter-count="filterCount"
+            :filter-visible="filterVisible" :filter-items="draft" :search-token="searchToken"
+            :keep-selection-on-reload="isPick" @search="onSearch" @open-filter="state.openFilter()"
             @close-filter="state.closeFilter()" @apply-filter="state.applyFilter($event)"
             @clear-filter="state.clearFiltersAndSearch()" @row-tap="onRowTap">
-            <template #toolbar-actions>
-                <view v-if="perm.canCreate.value" class="create-entry" @click="onCreate">
+            <template v-if="!isPick && perm.canCreate.value" #toolbar-actions>
+                <view class="create-entry" @click="onCreate">
                     <u-icon name="plus" size="40" />
                 </view>
             </template>
 
             <template #actions="{ rows }">
-                <u-button v-if="perm.canDelete.value" type="error" shape="circle" size="mini"
+                <u-button v-if="isPick" type="primary" shape="circle" size="mini" :text="t('AdminPage.pickDoneBut')"
+                    @click="onConfirm(rows)" />
+                <u-button v-else-if="perm.canDelete.value" type="error" shape="circle" size="mini"
                     :text="t('AdminPage.deleteBut')" @click="onDelete(rows)" />
             </template>
         </admin-list>
diff --git a/uniapp/youjiala/src/pages/security/user-operation.vue b/uniapp/youjiala/src/pages/security/user-operation.vue
index 7ab4b2a..a11d201 100644
--- a/uniapp/youjiala/src/pages/security/user-operation.vue
+++ b/uniapp/youjiala/src/pages/security/user-operation.vue
@@ -103,6 +103,10 @@ async function load(): Promise<void> {
         return;
     }
     data.value = result;
+    // 子表数组统一兑底：服务端 FindByKey/保存返回可能缺字段，否则模板读 .length 会报 undefined
+    if (!data.value.SecurityUserActors) {
+        data.value.SecurityUserActors = [];
+    }
 }
 
 /** 字段改写：admin-form 不直接改 props.model，统一回抛到这里 */
@@ -127,6 +131,9 @@ async function onSave(): Promise<void> {
     if (result?.SecurityUser) {
         data.value = result;
     }
+    if (!data.value.SecurityUserActors) {
+        data.value.SecurityUserActors = [];
+    }
     routeId.value = String(user.value.UserName ?? "");
     readonly.value = true;
     uni.showToast({ title: t("AdminPage.savedTip"), icon: "none" });
diff --git a/uniapp/youjiala/src/pages/tab/mine.vue b/uniapp/youjiala/src/pages/tab/mine.vue
index 1b3a7cf..caf63e5 100644
--- a/uniapp/youjiala/src/pages/tab/mine.vue
+++ b/uniapp/youjiala/src/pages/tab/mine.vue
@@ -1,172 +1,135 @@
 <script setup lang="ts">
 /**
- * 底部导航「我的」页：主题外观设置（uView Pro 主题系统）+ 后续个人资料入口占位。
- * 主题列表与默认值在 main.ts 注册（common/uview-pro.theme.ts 的四套配色）；
- * useTheme 的 setTheme/setDarkMode 自带 Storage 持久化（uview-pro-theme 键），
- * 冷启动时由插件 initTheme 恢复，这里不需要再接 store。
- * 权限暂用 UserOperation（见 routes.ts 的 PAGE_PERMISSIONS）；useAuthGuard 兜冷启动直达。
+ * 底部导航「我的」页：概览入口 +「关于」（应用名/当前版本/运行平台）。
+ * 主题配色与深色模式的具体设置已拆到 pages/theme/theme.vue（短地址 /theme），本页只做跳入入口。
+ * 权限沿用 DmsFile（见 routes.ts 的 PAGE_PERMISSIONS）；useAuthGuard 兜冷启动直达。
+ * 版本号取 common/constant 的 APP_INFO（与 manifest/package 对齐）；H5 无 plus.runtime.version。
  */
-import { useLocale, useTheme } from "uview-pro";
+import { useLocale } from "uview-pro";
+import { APP_INFO } from "@/common/constant";
 import { useAuthGuard } from "@/composables";
-
-/** 与 uview-pro 内部 DarkMode 联合对齐（顶层未导出该类型，本地声明同构字面量） */
-type DarkModeValue = "auto" | "light" | "dark";
+import { pageUrl } from "@/router/routes";
 
 const { t } = useLocale();
 
 useAuthGuard();
 
-// currentTheme/darkMode 是包级单例 ref：任意页切换，本页选中态实时跟随
-const { themes, currentTheme, setTheme, darkMode, setDarkMode } = useTheme();
-
-const darkOptions: { value: DarkModeValue; label: string }[] = [
-    { value: "auto", label: t("MinePage.darkAuto") },
-    { value: "light", label: t("MinePage.darkLight") },
-    { value: "dark", label: t("MinePage.darkDark") },
-];
-
-function onPickTheme(name: string): void {
-    setTheme(name);
+/** 进入「我的主题」页：theme 非 tab 页，用 navigateTo 保留历史以便返回 */
+function goTheme(): void {
+  uni.navigateTo({ url: pageUrl("themePage") });
 }
 
-function onPickDarkMode(mode: DarkModeValue): void {
-    setDarkMode(mode);
+/** 进入「安全管理」枢纽页：权限体系等基础设定的聚合入口 */
+function goSecurity(): void {
+  uni.navigateTo({ url: pageUrl("securityPage") });
 }
 </script>
 
 <template>
-    <app-page :nav-title="t('MinePage.title')" :show-nav-back="false" :show-tabbar="true">
-        <view class="mine-page">
-            <!-- 主题配色：色点取自各主题 primary，选中打勾 -->
-            <view class="mine-card">
-                <text class="mine-card__title">
-                    {{ t("MinePage.themeTitle") }}
-                </text>
-                <view class="mine-themes">
-                    <view v-for="theme in themes" :key="theme.name" class="mine-theme" @tap="onPickTheme(theme.name)">
-                        <view class="mine-theme__dot"
-                            :class="{ 'mine-theme__dot--active': theme.name === currentTheme?.name }"
-                            :style="{ backgroundColor: theme.color.primary }">
-                            <u-icon v-if="theme.name === currentTheme?.name" name="checkmark" size="30"
-                                color="#ffffff" />
-                        </view>
-                        <text class="mine-theme__label">
-                            {{ theme.label }}
-                        </text>
-                    </view>
-                </view>
-                <text class="mine-card__hint">
-                    {{ t("MinePage.themeHint") }}
-                </text>
-            </view>
-            <!-- 深色模式：跟随系统 / 强制浅色 / 强制暗黑 三段 -->
-            <view class="mine-card">
-                <text class="mine-card__title">
-                    {{ t("MinePage.darkTitle") }}
-                </text>
-                <view class="mine-dark">
-                    <view v-for="opt in darkOptions" :key="opt.value" class="mine-dark__seg"
-                        :class="{ 'mine-dark__seg--active': opt.value === darkMode }" @tap="onPickDarkMode(opt.value)">
-                        <text class="mine-dark__text">
-                            {{ opt.label }}
-                        </text>
-                    </view>
-                </view>
-            </view>
+  <app-page :nav-title="t('MinePage.title')" :show-nav-back="false" :show-tabbar="true">
+    <view class="mine-page">
+      <!-- 我的主题：进入主题配色 / 深色模式设置页（/theme） -->
+      <view class="mine-cell" @tap="goTheme">
+        <text class="mine-cell__title">
+          {{ t("MinePage.myTheme") }}
+        </text>
+        <u-icon name="arrow-right" size="32" color="#9aa0a6" />
+      </view>
+
+      <!-- 安全管理：进入权限体系基础设定聚合页（/security） -->
+      <view class="mine-cell" @tap="goSecurity">
+        <text class="mine-cell__title">
+          {{ t("MinePage.mySecurity") }}
+        </text>
+        <u-icon name="arrow-right" size="32" color="#9aa0a6" />
+      </view>
+
+      <!-- 关于：应用名 + 当前版本 + 运行平台 -->
+      <view class="mine-card">
+        <text class="mine-card__title">
+          {{ t("MinePage.aboutTitle") }}
+        </text>
+        <view class="mine-about__row">
+          <text class="mine-about__label">
+            {{ t("MinePage.appName") }}
+          </text>
+          <text class="mine-about__value">
+            {{ APP_INFO.name }}
+          </text>
         </view>
-    </app-page>
+        <view class="mine-about__row">
+          <text class="mine-about__label">
+            {{ t("MinePage.versionLabel") }}
+          </text>
+          <text class="mine-about__value">
+            v{{ APP_INFO.version }}
+          </text>
+        </view>
+        <view class="mine-about__row">
+          <text class="mine-about__label">
+            {{ t("MinePage.platformLabel") }}
+          </text>
+          <text class="mine-about__value">
+            {{ APP_INFO.platform }}
+          </text>
+        </view>
+      </view>
+    </view>
+  </app-page>
 </template>
 
 <style lang="scss" scoped>
 .mine-page {
-    display: flex;
-    flex-direction: column;
-    gap: 24rpx;
-    padding: 24rpx;
+  display: flex;
+  flex-direction: column;
+  gap: 24rpx;
+  padding: 24rpx;
 }
 
 /* 白底圆角卡片：与文件页分区卡片同一风格语言 */
 .mine-card {
-    padding: 32rpx;
-    border-radius: 24rpx;
-    background-color: #ffffff;
+  padding: 32rpx;
+  border-radius: 24rpx;
+  background-color: #ffffff;
 }
 
 .mine-card__title {
-    font-size: 30rpx;
-    font-weight: 600;
-    color: #1f2329;
+  font-size: 30rpx;
+  font-weight: 600;
+  color: #1f2329;
 }
 
-.mine-card__hint {
-    margin-top: 20rpx;
-    font-size: 24rpx;
-    color: #9aa0a6;
+/* 可点的列表行：标题左、箭头右，整行白底卡片 */
+.mine-cell {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  padding: 32rpx;
+  border-radius: 24rpx;
+  background-color: #ffffff;
 }
 
-.mine-themes {
-    display: flex;
-    align-items: center;
-    gap: 40rpx;
-    margin-top: 28rpx;
+.mine-cell__title {
+  font-size: 30rpx;
+  font-weight: 600;
+  color: #1f2329;
 }
 
-.mine-theme {
-    display: flex;
-    flex-direction: column;
-    align-items: center;
-    gap: 12rpx;
+/* 关于页行：标签左灰、值右深，横向两端对齐 */
+.mine-about__row {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  margin-top: 24rpx;
 }
 
-.mine-theme__dot {
-    display: flex;
-    align-items: center;
-    justify-content: center;
-    width: 88rpx;
-    height: 88rpx;
-    border-radius: 50%;
-    box-shadow: 0 8rpx 16rpx rgba(31, 35, 41, 0.12);
-
-    &--active {
-        border: 6rpx solid #ffffff;
-        outline: 4rpx solid #1f2329;
-    }
+.mine-about__label {
+  font-size: 26rpx;
+  color: #9aa0a6;
 }
 
-.mine-theme__label {
-    font-size: 24rpx;
-    color: #5c626b;
-}
-
-/* 三段胶囊：选中段深底白字（跟随 currentTheme primary 的中性替代） */
-.mine-dark {
-    display: flex;
-    gap: 8rpx;
-    margin-top: 28rpx;
-    padding: 8rpx;
-    border-radius: 999rpx;
-    background-color: #f2f3f5;
-}
-
-.mine-dark__seg {
-    display: flex;
-    align-items: center;
-    justify-content: center;
-    flex: 1;
-    height: 64rpx;
-    border-radius: 999rpx;
-
-    &--active {
-        background-color: #1f2329;
-    }
-}
-
-.mine-dark__text {
-    font-size: 26rpx;
-    color: #5c626b;
-
-    .mine-dark__seg--active & {
-        color: #ffffff;
-    }
+.mine-about__value {
+  font-size: 26rpx;
+  color: #1f2329;
 }
 </style>
diff --git a/uniapp/youjiala/src/pages/theme/theme.vue b/uniapp/youjiala/src/pages/theme/theme.vue
new file mode 100644
index 0000000..0862034
--- /dev/null
+++ b/uniapp/youjiala/src/pages/theme/theme.vue
@@ -0,0 +1,173 @@
+<script setup lang="ts">
+/**
+ * 「我的主题」页：主题配色 + 深色模式设置。
+ * 从 pages/tab/mine 拆出——mine 只留概览与「关于」，主题相关操作集中到这页。
+ * 主题列表与默认值在 main.ts 注册（common/uview-pro.theme.ts 的四套配色）；
+ * useTheme 的 setTheme/setDarkMode 自带 Storage 持久化（uview-pro-theme 键），
+ * 冷启动时由插件 initTheme 恢复，这里不需要再接 store。
+ * useAuthGuard 兜冷启动直达（深链不经任何导航 API，全局拦截器抓不到）。
+ */
+import { useLocale, useTheme } from "uview-pro";
+import { useAuthGuard } from "@/composables";
+
+/** 与 uview-pro 内部 DarkMode 联合对齐（顶层未导出该类型，本地声明同构字面量） */
+type DarkModeValue = "auto" | "light" | "dark";
+
+const { t } = useLocale();
+
+useAuthGuard();
+
+// currentTheme/darkMode 是包级单例 ref：任意页切换，本页选中态实时跟随
+const { themes, currentTheme, setTheme, darkMode, setDarkMode } = useTheme();
+
+const darkOptions: { value: DarkModeValue; label: string }[] = [
+    { value: "auto", label: t("ThemePage.darkAuto") },
+    { value: "light", label: t("ThemePage.darkLight") },
+    { value: "dark", label: t("ThemePage.darkDark") },
+];
+
+function onPickTheme(name: string): void {
+    setTheme(name);
+}
+
+function onPickDarkMode(mode: DarkModeValue): void {
+    setDarkMode(mode);
+}
+</script>
+
+<template>
+    <app-page :nav-title="t('ThemePage.title')">
+        <view class="theme-page">
+            <!-- 主题配色：色点取自各主题 primary，选中打勾 -->
+            <view class="theme-card">
+                <text class="theme-card__title">
+                    {{ t("ThemePage.themeTitle") }}
+                </text>
+                <view class="theme-themes">
+                    <view v-for="theme in themes" :key="theme.name" class="theme-item" @tap="onPickTheme(theme.name)">
+                        <view class="theme-item__dot"
+                            :class="{ 'theme-item__dot--active': theme.name === currentTheme?.name }"
+                            :style="{ backgroundColor: theme.color.primary }">
+                            <u-icon v-if="theme.name === currentTheme?.name" name="checkmark" size="30"
+                                color="#ffffff" />
+                        </view>
+                        <text class="theme-item__label">
+                            {{ theme.label }}
+                        </text>
+                    </view>
+                </view>
+                <text class="theme-card__hint">
+                    {{ t("ThemePage.themeHint") }}
+                </text>
+            </view>
+            <!-- 深色模式：跟随系统 / 强制浅色 / 强制暗黑 三段 -->
+            <view class="theme-card">
+                <text class="theme-card__title">
+                    {{ t("ThemePage.darkTitle") }}
+                </text>
+                <view class="theme-dark">
+                    <view v-for="opt in darkOptions" :key="opt.value" class="theme-dark__seg"
+                        :class="{ 'theme-dark__seg--active': opt.value === darkMode }" @tap="onPickDarkMode(opt.value)">
+                        <text class="theme-dark__text">
+                            {{ opt.label }}
+                        </text>
+                    </view>
+                </view>
+            </view>
+        </view>
+    </app-page>
+</template>
+
+<style lang="scss" scoped>
+.theme-page {
+    display: flex;
+    flex-direction: column;
+    gap: 24rpx;
+    padding: 24rpx;
+}
+
+/* 白底圆角卡片：与「我的」页概览卡片同一风格语言 */
+.theme-card {
+    padding: 32rpx;
+    border-radius: 24rpx;
+    background-color: #ffffff;
+}
+
+.theme-card__title {
+    font-size: 30rpx;
+    font-weight: 600;
+    color: #1f2329;
+}
+
+.theme-card__hint {
+    margin-top: 20rpx;
+    font-size: 24rpx;
+    color: #9aa0a6;
+}
+
+.theme-themes {
+    display: flex;
+    align-items: center;
+    gap: 40rpx;
+    margin-top: 28rpx;
+}
+
+.theme-item {
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+    gap: 12rpx;
+}
+
+.theme-item__dot {
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    width: 88rpx;
+    height: 88rpx;
+    border-radius: 50%;
+    box-shadow: 0 8rpx 16rpx rgba(31, 35, 41, 0.12);
+
+    &--active {
+        border: 6rpx solid #ffffff;
+        outline: 4rpx solid #1f2329;
+    }
+}
+
+.theme-item__label {
+    font-size: 24rpx;
+    color: #5c626b;
+}
+
+/* 三段胶囊：选中段深底白字 */
+.theme-dark {
+    display: flex;
+    gap: 8rpx;
+    margin-top: 28rpx;
+    padding: 8rpx;
+    border-radius: 999rpx;
+    background-color: #f2f3f5;
+}
+
+.theme-dark__seg {
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    flex: 1;
+    height: 64rpx;
+    border-radius: 999rpx;
+
+    &--active {
+        background-color: #1f2329;
+    }
+}
+
+.theme-dark__text {
+    font-size: 26rpx;
+    color: #5c626b;
+
+    .theme-dark__seg--active & {
+        color: #ffffff;
+    }
+}
+</style>
diff --git a/uniapp/youjiala/src/router/routes.ts b/uniapp/youjiala/src/router/routes.ts
index 8b87cd3..08c4cf2 100644
--- a/uniapp/youjiala/src/router/routes.ts
+++ b/uniapp/youjiala/src/router/routes.ts
@@ -19,6 +19,32 @@ export const PAGE_PATHS = {
   userEnquiry: "pages/security/user-enquiry",
   userOperation: "pages/security/user-operation",
   actorEnquiry: "pages/security/actor-enquiry",
+  // 安全管理枢纽页（短地址 /security）：从「我的」页跳入，聚合权限体系基础设定入口
+  securityPage: "pages/security/security",
+  // 编号生成器（短地址 /generator-enquiry 列表、/generator-operation 详情）：旧 GeneratorNumberEnquiry/Modal 迁移
+  generatorEnquiry: "pages/security/generator-enquiry",
+  generatorOperation: "pages/security/generator-operation",
+  // 角色详情（短地址 /actor-operation）：旧 ActorOperation 迁移，group/user 双子表选择器
+  actorOperation: "pages/security/actor-operation",
+  // 组别（短地址 /group-enquiry 列表+选择器、/group-operation 详情）：旧 GroupEnquiry/Operation 迁移
+  groupEnquiry: "pages/security/group-enquiry",
+  groupOperation: "pages/security/group-operation",
+  // 功能（短地址 /function-enquiry、/function-operation）：旧 FunctionEnquiry/Operation 迁移，父子选择器+重排
+  functionEnquiry: "pages/security/function-enquiry",
+  functionOperation: "pages/security/function-operation",
+  // 权限（短地址 /permission-enquiry、/permission-operation、/permission-dependent-enquiry）：旧 Permission 三页迁移
+  permissionEnquiry: "pages/security/permission-enquiry",
+  permissionOperation: "pages/security/permission-operation",
+  permissionDependentEnquiry: "pages/security/permission-dependent-enquiry",
+  // 数据字典（短地址 /master-enquiry、/master-operation）：旧 Master 两页迁移，复合主键 cat|sub|item
+  masterEnquiry: "pages/security/master-enquiry",
+  masterOperation: "pages/security/master-operation",
+  // 帮助功能（短地址 /help-function-enquiry、/help-function-operation）：旧 SecurityHelpFunction 两页迁移
+  helpFunctionEnquiry: "pages/security/help-function-enquiry",
+  helpFunctionOperation: "pages/security/help-function-operation",
+  // 帮助特性（短地址 /help-feature-enquiry、/help-feature-operation）：旧 SecurityHelpFeature 两页迁移
+  helpFeatureEnquiry: "pages/security/help-feature-enquiry",
+  helpFeatureOperation: "pages/security/help-feature-operation",
   // 底部导航 tab 页（首页复用 dashboard）：先各建一个简单测试页占位
   fileTab: "pages/tab/file",
   mediaTab: "pages/tab/media",
@@ -38,6 +64,8 @@ export const PAGE_PATHS = {
   trash: "pages/trash/trash",
   // 共享大厅（短地址 /share-hall）：文件页快捷入口跳入，家人共享目录浏览
   shareHall: "pages/share-hall/share-hall",
+  // 我的主题（短地址 /theme）：「我的」页跳入，主题配色与深色模式设置
+  themePage: "pages/theme/theme",
 } as const;
 
 export type PageName = keyof typeof PAGE_PATHS;
@@ -97,6 +125,7 @@ export const PAGE_PERMISSIONS: Partial<Record<PageName, PermissionNames>> = {
   videoHall: "DmsFile",
   trash: "DmsFile",
   shareHall: "DmsFile",
+  themePage: "DmsFile",
 };
 
 /**