模型详情跳转优化

src/view/Manage/Model/Component/ModelTable.jsx

@@ -48,6 +48,13 @@ const ModelTable = (props) => {
       dataIndex: 'name',
       width: 180,
       ellipsis: true,
+      render: (text, record, _) => {
+        return (
+          <Button type="link" onClick={()=>{detailItem(record);}}>
+          {text||''}
+          </Button>
+        );
+      }
     },
     {
       title: '中文名称',
@@ -77,24 +84,23 @@ const ModelTable = (props) => {
         return (  
           <Space size='small'>
             {
-              record.editable && <Tooltip placement='bottom' title={'修改'}>
-                <Button icon={<EditOutlined />} size='small' onClick={() => { editItem(record); }} />
-              </Tooltip>
-            }
-            <Tooltip placement='bottom' title={'详情'}>
-              <Button icon={<ReconciliationOutlined />} size='small' onClick={() => { detailItem(record); }} />
-            </Tooltip>
-            {
-              record.editable && <Tooltip placement='bottom' title={'删除'}>
-                <Button icon={<DeleteOutlined />} size='small' onClick={() => { deleteItem(record); }} />
-              </Tooltip>
+              record.editable && (
+                <React.Fragment>
+                  <Tooltip placement='bottom' title={'修改'}>
+                    <Button icon={<EditOutlined />} size='small' onClick={() => { editItem(record); }} />
+                  </Tooltip>
+                  <Tooltip placement='bottom' title={'删除'}>
+                    <Button icon={<DeleteOutlined />} size='small' onClick={() => { deleteItem(record); }} />
+                  </Tooltip>
+                </React.Fragment>
+              )
             }
             {
               (record?.state?.supportedActions||[]).length>0 && record?.state?.supportedActions.map((item, index) => {
                 return (
                   <React.Fragment>
                   {
-                    index===0 && <Divider type='vertical'  />
+                    record.editable && index===0 && <Divider type='vertical'  />
                   }
                   <Button key={index} size='small' onClick={() => { stateAction(record, item); }} >{item.cnName||''}</Button>
                   </React.Fragment>
@@ -103,7 +109,7 @@ const ModelTable = (props) => {
             }
             {
               record?.deployable && <React.Fragment>
-                <Divider type='vertical'  />
+                { record.editable && <Divider type='vertical'  /> }
                 <Button size='small' onClick={() => { deployAction(record); }} >建表</Button>
               </React.Fragment> 
             }