服务增加固定列

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

@@ -16,6 +16,7 @@ import { dispatch } from '../../../../model';
 import { showMessage, getQueryParam, paginate, isSzseEnv, formatDate, getDataModelerRole } from '../../../../util';
 import { AnchorId, AnchorTimestamp, Action, CatalogId, ModelerId, DataModelerRoleReader } from '../../../../util/constant';
 import { AppContext } from "../../../../App";
+import SelectUser from "./SelectUsers";
 // import Tag from "../../Tag";
 
 import './ModelTable.less';
@@ -180,22 +181,61 @@ const ModelTable = (props) => {
     filter: false,
   }
 
-  const editorCol = {
+  const fixedCols = [
+    {
+      title: '路径',
+      dataIndex: 'path',
+      width: 120,
+      ellipsis: true,
+      filter: false,
+      render: (text, _, __) => {
+        return (
+          <Tooltip title={text||''}>
+            <Text ellipsis={true}>{text||''}</Text>
+          </Tooltip>
+        )
+      }
+    },
+    {
+      title: '状态',
+      dataIndex: 'state',
+      width: 100,
+      ellipsis: true,
+      filter: false,
+      render: (_, record) => {
+
+        let color = '';
+        if (record?.state?.id === '1') {
+          color = '#DE7777';
+        } else if (record?.state?.id === '2') {
+          color = '#779BDE';
+        } else if (record?.state?.id === '4') {
+          color = '#77DEBF';
+        }
+
+        return (
+          <span>
+            <span style={{ display: 'inline-block', width: 10, height: 10, borderRadius: 5, marginRight: 5, backgroundColor: color  }}></span>
+            <span>{record?.state?.cnName||''}</span>
+          </span>
+        );
+      }
+    },
+    {
       title: '管理人',
       dataIndex: 'editor',
       width: 100,
       ellipsis: true,
       filter: false,
       render: (editor, record) => {
-      const user = users?.filter((user)=>user.pernr===editor);
-      if (user && user.length > 0) {
-        return <Tooltip title={user[0].nachn?`${user[0].nachn}(${user[0].pernr})`:user[0].pernr}>
-          <Text ellipsis={true}>{user[0].nachn?`${user[0].nachn}(${user[0].pernr})`:user[0].pernr}</Text>
-        </Tooltip>
-      }
-      return '';
-    }
+        return <SelectUser 
+          type='detail' 
+          users={users} 
+          value={editor} 
+        />;
       }
+    },
+  ]
 
   const actionCol = {
     title: '操作',
@@ -521,13 +561,11 @@ const ModelTable = (props) => {
 
       if (item.userSelected === true) {
         col.render = (_, record) => {
-          const user = users?.filter((user)=>(user.pernr===record.basicInfo?.[item.key]));
-          if (user && user.length > 0) {
-            return <Tooltip title={user[0].nachn?`${user[0].nachn}(${user[0].pernr})`:user[0].pernr}>
-              <Text ellipsis={true}>{user[0].nachn?`${user[0].nachn}(${user[0].pernr})`:user[0].pernr}</Text>
-            </Tooltip>
-          }
-          return '';
+          return <SelectUser 
+            type='detail' 
+            users={users} 
+            value={record.basicInfo?.[item.key]} 
+          />;
         };
       }
 
@@ -536,9 +574,9 @@ const ModelTable = (props) => {
     });
 
     if (!modelId) {
-      newCols = [indexCol, ...newCols, editorCol, actionCol];
+      newCols = [indexCol, ...newCols, ...fixedCols, actionCol];
     } else {
-      newCols = [...newCols, editorCol, actionCol];
+      newCols = [...newCols, ...fixedCols, actionCol];
     }
 
     if ((visibleColNames||[]).length > 0) {