[Optimize]Connect操作未接入权限管理，所有用户都可以重启、编辑、删除(#1050)

km-console/packages/layout-clusters-fe/src/pages/CommonConfig.tsx

@@ -39,6 +39,12 @@ export enum ClustersPermissionMap {
   MM2_DELETE = 'MM2-删除',
   MM2_RESTART = 'MM2-重启',
   MM2_STOP_RESUME = 'MM2-暂停&恢复',
+  // Connector
+  CONNECTOR_ADD = 'Connector-新增',
+  CONNECTOR_CHANGE_CONFIG = 'Connector-编辑',
+  CONNECTOR_DELETE = 'Connector-删除',
+  CONNECTOR_RESTART = 'Connector-重启',
+  CONNECTOR_STOP_RESUME = 'Connector-暂停&恢复',
 }
 
 export interface PermissionNode {

km-console/packages/layout-clusters-fe/src/pages/Connect/config.tsx

@@ -1,8 +1,9 @@
 import SmallChart from '@src/components/SmallChart';
 import TagsWithHide from '@src/components/TagsWithHide';
-import { Button, Tag, Tooltip, Utils, Popconfirm } from 'knowdesign';
+import { Button, Tag, Tooltip, Utils, Popconfirm, AppContainer } from 'knowdesign';
 import React from 'react';
 import Delete from './Delete';
+import { ClustersPermissionMap } from '../CommonConfig';
 export const defaultPagination = {
   current: 1,
   pageSize: 10,
@@ -93,7 +94,8 @@ const renderLine = (record: any, metricName: string) => {
 };
 
 export const getConnectorsColumns = (arg?: any) => {
-  const columns = [
+  const [global] = AppContainer.useGlobalValue();
+  const columns: any = [
     {
       title: 'Connector Name',
       dataIndex: 'connectorName',
@@ -213,7 +215,10 @@ export const getConnectorsColumns = (arg?: any) => {
         return t && t.length > 0 ? <TagsWithHide placement="bottom" list={t} expandTagContent={(num: any) => `共有${num}个`} /> : '-';
       },
     },
-    {
+  ];
+
+  if (global.hasPermission) {
+    columns.push({
       title: '操作',
       dataIndex: 'options',
       key: 'options',
@@ -224,6 +229,7 @@ export const getConnectorsColumns = (arg?: any) => {
       render: (_t: any, r: any) => {
         return (
           <div>
+            {global.hasPermission(ClustersPermissionMap.CONNECTOR_RESTART) ? (
               <Popconfirm
                 title="是否重启当前任务？"
                 onConfirm={() => arg?.optionConnect(r, 'restart')}
@@ -236,8 +242,11 @@ export const getConnectorsColumns = (arg?: any) => {
                   重启
                 </Button>
               </Popconfirm>
+            ) : (
+              <></>
+            )}
 
-            {(r.state === 'RUNNING' || r.state === 'PAUSED') && (
+            {global.hasPermission(ClustersPermissionMap.CONNECTOR_STOP_RESUME) && (r.state === 'RUNNING' || r.state === 'PAUSED') && (
               <Popconfirm
                 title={`是否${r.state === 'RUNNING' ? '暂停' : '继续'}当前任务？`}
                 onConfirm={() => arg?.optionConnect(r, r.state === 'RUNNING' ? 'stop' : 'resume')}
@@ -252,16 +261,24 @@ export const getConnectorsColumns = (arg?: any) => {
                 </Button>
               </Popconfirm>
             )}
-
+            {global.hasPermission(ClustersPermissionMap.CONNECTOR_CHANGE_CONFIG) ? (
               <Button type="link" size="small" onClick={() => arg?.editConnector(r)}>
                 编辑
               </Button>
+            ) : (
+              <></>
+            )}
+
+            {global.hasPermission(ClustersPermissionMap.CONNECTOR_DELETE) ? (
               <Delete record={r} onConfirm={arg?.deleteTesk}></Delete>
+            ) : (
+              <></>
+            )}
           </div>
         );
       },
-    },
+    });
-  ];
+  }
   return columns;
 };
 

km-console/packages/layout-clusters-fe/src/pages/Connect/index.tsx

@@ -12,6 +12,7 @@ import notification from '@src/components/Notification';
 import './index.less';
 import AddConnectorUseJSON from './AddConnectorUseJSON';
 import HasConnector from './HasConnector';
+import { ClustersPermissionMap } from '../CommonConfig';
 const { request } = Utils;
 
 const rateMap: any = {
@@ -174,6 +175,7 @@ const Connectors: React.FC = () => {
                     maxLength: 128,
                   }}
                 />
+                {global.hasPermission && global.hasPermission(ClustersPermissionMap.CONNECTOR_ADD) ? (
                   <span className="add-connect">
                     <Button
                       className="add-connect-btn"
@@ -189,6 +191,9 @@ const Connectors: React.FC = () => {
                       </Button>
                     </Dropdown>
                   </span>
+                ) : (
+                  <></>
+                )}
               </div>
             </div>
             <ProTable