编辑规则库

src/view/Manage/ModelConfig/Component/rule-template.jsx

 import React from 'react'
-import { Input, Space, Modal } from 'antd'
+import { Input, Space, Modal, Divider, Tooltip, Typography } from 'antd'
 
 import { dispatch } from '../../../../model'
 import PermissionButton from '../../../../util/Component/PermissionButton'
@@ -35,23 +35,101 @@ const FC = (props) => {
       {
         title: '规则编号',
         dataIndex: 'number',
+        render: (text, record) => (
+          <Tooltip title={text}>
+            <Typography.Text ellipsis={true}>
+              { text }
+            </Typography.Text>
+          </Tooltip>
+        )
       },
       {
         title: '规则中文名称',
         dataIndex: 'name',
+        render: (text, record) => (
+          <Tooltip title={text}>
+            <Typography.Text ellipsis={true}>
+              <a onClick={() => {
+                setUpdateParams({
+                  visible: true,
+                  type: 'detail',
+                  item: record
+                })
+              }}>
+              { text }
+              </a>
+            </Typography.Text>
+          </Tooltip>
+        )
       },
       {
         title: '规则描述',
         dataIndex: 'remark',
+        render: (text, record) => (
+          <Tooltip title={text}>
+            <Typography.Text ellipsis={true}>
+              { text }
+            </Typography.Text>
+          </Tooltip>
+        )
       },
       {
         title: '检查类型',
         dataIndex: 'checkTypeName',
+        render: (text, record) => (
+          <Tooltip title={text}>
+            <Typography.Text ellipsis={true}>
+              { text }
+            </Typography.Text>
+          </Tooltip>
+        )
       },
       {
         title: '引用次数',
         dataIndex: 'referenceCount',
       },
+      {
+        title: '操作',
+        key: 'action',
+        width: 120,
+        render: (text, record) => {
+          return (  
+            <div style={{ display: 'flex', alignItems: 'center'  }}>
+              <PermissionButton 
+                type='link'
+                size='small'
+                onClick={() => {
+                  setUpdateParams({
+                    visible: true,
+                    type: 'edit',
+                    item: record,
+                  })
+                }}
+                style={{ padding: 0 }}
+                // permissionKey='编辑'
+                // permissions={permissions}
+                defaultPermission={true}
+              >
+              编辑
+              </PermissionButton>
+              <div style={{ margin: '0 5px' }}>
+                <Divider type='vertical' />
+              </div>
+              <PermissionButton
+                type='link'
+                size='small'
+                onClick={() => { onDeteteClick(record); }}
+                style={{ padding: 0 }}
+                // permissionKey='删除'
+                // permissions={permissions}
+                defaultPermission={true}
+              >
+              删除
+              </PermissionButton>
+            </div>
+          )
+        }
+      }
     ])
   }, [])
 
@@ -157,6 +235,7 @@ const FC = (props) => {
         />
       </div>
       <Table
+        extraColWidth={32}
         loading={loading}
         columns={cols??[]}
         dataSource={_data}