fix:1. 优化角色权限管理的加载中样式。

2. root添加限制51707端口的路由访问，只允许访问交叉评查。
3. 开启省局端口限制的配置。

.env

@@ -5,4 +5,4 @@ JWT_SECRET=gdyc-super-secrets-jjwtt-key-change-this-in-production-20250721-from-
 # 交叉评查专属模式
 # 设置为 true 时，端口51707只显示交叉评查入口，隐藏其他模块
 # 设置为 false 时，保持正常模式显示所有模块
-CROSS_CHECKING_ONLY_MODE=false
+CROSS_CHECKING_ONLY_MODE=true

app/root.tsx

@@ -40,6 +40,13 @@ import {
   type UserRole
 } from "~/api/login/auth.server";
 
+// 导入交叉评查专属模式配置
+import {
+  CROSS_CHECKING_ONLY_MODE,
+  CROSS_CHECKING_ONLY_PORT,
+  getCurrentPort
+} from "~/config/api-config";
+
 // 定义需要高级权限的路径
 // export const developerOnlyPaths = [
 //   '/settings',
@@ -289,20 +296,20 @@ export async function loader({ request }: LoaderFunctionArgs) {
     // 如果执行到这里，说明已通过认证或是公共路径
   }
 
-  // 检查51707端口访问控制
-  const currentPort = process.env.PORT || process.env.API_PORT_CONFIG;
-  const runtimePort = url.port || currentPort;
-  const isPort51707 = currentPort === '51707' || runtimePort === '51707';
+  // 检查交叉评查专属模式访问控制
+  // 当 CROSS_CHECKING_ONLY_MODE=true 且端口为指定端口时，只允许访问 /cross-checking 相关路由
+  const currentPort = getCurrentPort();
+  const isCrossCheckingOnlyMode = CROSS_CHECKING_ONLY_MODE && currentPort === CROSS_CHECKING_ONLY_PORT;
 
-  if (isPort51707 && !isPublicPath) {
-    // 51707端口(省局)只允许访问交叉评查相关路径和首页
-    const allowedPaths = ['/', '/cross-checking','/chat-with-llm'];
-    const isAllowedPath = allowedPaths.some(path => pathname === path) ||
-                         pathname.startsWith('/cross-checking/') ||
-                         pathname.startsWith('/chat-with-llm/');
+  if (isCrossCheckingOnlyMode && !isPublicPath) {
+    // 交叉评查专属模式：只允许访问首页和交叉评查相关路径
+    const crossCheckingAllowedPaths = ['/', '/cross-checking'];
+    const isCrossCheckingAllowedPath = crossCheckingAllowedPaths.some(path => pathname === path) ||
+                                       pathname.startsWith('/cross-checking/');
 
-    if (!isAllowedPath) {
-      return redirect("/cross-checking");
+    if (!isCrossCheckingAllowedPath) {
+      console.warn(`⚠️ [Root Loader] 交叉评查专属模式：拒绝访问 ${pathname}`);
+      throw new Response("交叉评查专属模式下无权访问此页面", { status: 403 });
     }
   }
 

app/routes/role-permissions._index.tsx

@@ -868,6 +868,9 @@ export default function RolePermissions() {
   // v3.8: 加载角色权限的 loading 状态
   const [loadingPermissions, setLoadingPermissions] = useState(false);
 
+  // 加载用户列表的 loading 状态
+  const [loadingUsers, setLoadingUsers] = useState(false);
+
   // v3.8: 路由ID到路由信息的映射（用于显示通用权限关联的路由名称）
   const [routeIdToInfoMap, setRouteIdToInfoMap] = useState<Map<number, { title: string; path: string }>>(new Map());
 
@@ -981,6 +984,7 @@ export default function RolePermissions() {
   const handleSelectRole = async (role: RoleInfo) => {
     setSelectedRole(role);
     setLoadingPermissions(true);  // v3.8: 开始加载权限
+    setLoadingUsers(true);  // 开始加载用户列表
 
     try {
       // 动态导入权限映射工具
@@ -1069,6 +1073,7 @@ export default function RolePermissions() {
       toastService.error('加载角色权限失败');
     } finally {
       setLoadingPermissions(false);  // v3.8: 结束加载权限
+      setLoadingUsers(false);  // 结束加载用户列表
     }
   };
 
@@ -1933,6 +1938,13 @@ export default function RolePermissions() {
                         </Button>
                       </div>
 
+                      {/* 加载状态显示 */}
+                      {loadingUsers ? (
+                        <div className="loading-container" style={{ minHeight: '300px', display: 'flex', flexDirection: 'column', alignItems: 'center', justifyContent: 'center', gap: '12px' }}>
+                          <i className="ri-loader-4-line spin" style={{ fontSize: '32px', color: '#00684a' }}></i>
+                          <span style={{ color: '#666' }}>正在加载用户列表...</span>
+                        </div>
+                      ) : (
                         <div className="users-list">
                           {roleUsers.length > 0 ? (
                             roleUsers.map(user => (
@@ -1986,6 +1998,7 @@ export default function RolePermissions() {
                             </div>
                           )}
                         </div>
+                      )}
                     </div>
                   )}
                 </div>