fix: align permission navigation and page access

apps/admin/src/pages/IntegrationConfig/index.tsx

@@ -12,6 +12,8 @@ import type { DataNode } from 'antd/es/tree';
 import type { TreeSelectProps } from 'antd/es/tree-select';
 import api from '../../api';
 import { message } from '../../ui/app-message';
+import { usePermission } from '../../hooks/usePermission';
+import PermissionButton from '../../components/PermissionButton';
 
 interface DingTalkConfig {
   agentId: string;
@@ -63,6 +65,7 @@ interface ImportResult {
 }
 
 const IntegrationConfigPage: React.FC = () => {
+  const { hasAllPermissions } = usePermission();
   const [loading, setLoading] = useState(false);
   const [saving, setSaving] = useState(false);
   const [testing, setTesting] = useState(false);
@@ -279,7 +282,7 @@ const IntegrationConfigPage: React.FC = () => {
     }
   };
 
-  const syncTabItems = config
+  const syncTabItems = config && hasAllPermissions('sync:read', 'class:view', 'class:edit')
     ? [
         {
           key: 'sync-users',
@@ -461,9 +464,9 @@ const IntegrationConfigPage: React.FC = () => {
               <Switch />
             </Form.Item>
             <Space>
-              <Button type="primary" icon={<SaveOutlined />} loading={saving} onClick={handleSave}>
+              <PermissionButton permission="integration:trigger" type="primary" icon={<SaveOutlined />} loading={saving} onClick={handleSave}>
                 保存配置
-              </Button>
+              </PermissionButton>
               <Button icon={<ApiOutlined />} loading={testing} onClick={handleTest}>
                 测试连接
               </Button>