模型送审静态页面

src/view/Manage/Model/Component/start-flow.jsx

 import React from 'react'
-import { Modal, Button, Spin, Form, Input, Select, Space, Radio, Row, Col, Upload } from 'antd'
+import { Modal, Button, Spin, Form, Input, Select, Space, Radio, Row, Col, Upload, Typography, Tooltip } from 'antd'
 import { UploadOutlined } from '@ant-design/icons'
 
 import { isSzseEnv, showMessage } from '../../../../util'
 import Table from '../../../../util/Component/Table'
 import produce from 'immer'
+import { Action, CatalogId, Editable, Holder, ModelerId, PermitCheckOut, ReadOnly, StateId } from '../../../../util/constant'
 
 const FC = (props) => {
   const { visible, items = Array.from({ length: 10 }).map((_, i) => ({
     name: `模型${i}`,
-    remark: '很长很长很长很长很长很长很长很长很长很长很长很长很长很长很长很长很长很长很长很长很长很长很长很长很长很长很长很长很长很长很长很长很长很长很长很长很长很长很长很长很长很长很长很长很长很长很长很长很长很长很长很长很长很长很长很长很长很长很长很长很长很长很长很长很长很长很长很长很长很长很长很长很长很长很长很长很长很长很长很长很长很长很长很长很长很长很长很长很长很长很长很长的',
+    cnName: `模型${i}`,
+    remark: '很长很长很长很长很长很长很长很长很长很长很长很长很长很长很长很长很长很长很长很长很长很长很长很长很长很长很长很长很长很长很长很长很长很长很长很长很长很长很长很长很长很长很长很长很长很长很长很长很长很长很长很长很长很长很长很长很长很长很长很长很长很长很长很长很长很长很长很长很长很长很长很长很长很长很长很长很长很长很长很长很长很长很长很长很长很长很长很长很长很长的',
     id: i,
   })), onCancel } = props
   const [waiting, setWaiting] = React.useState(false)
@@ -272,26 +274,62 @@ const List = React.forwardRef(function ({ items }, ref) {
       title: '模型名称',
       dataIndex: 'name',
       width: isSzseEnv?360:160,
+      ellipsis: false,
+      render: (text, record) => (
+        <Tooltip title={text}>
+          <Typography.Paragraph ellipsis={{
+            rows: 3,
+          }}><a onClick={() => {
+            window.open(`/data-govern/data-model-action?${Action}=detail&${ModelerId}=${record.id}&${PermitCheckOut}=${record.permitCheckOut||false}&${Editable}=${record.editable||false}&${StateId}=${record.state?.id||''}&${Holder}=${record.holder||''}&${ReadOnly}=false`);
+          }}>{text}</a></Typography.Paragraph>
+        </Tooltip>
+      )
     },
     {
       title: '中文名称',
       dataIndex: 'cnName',
       width: isSzseEnv?420:160,
+      ellipsis: false,
+      render: (text, record) => (
+        <Tooltip title={text}>
+          <Typography.Paragraph ellipsis={{
+            rows: 3,
+          }}>{text}</Typography.Paragraph>
+        </Tooltip>
+      )
     },
     {
       title: '数据内容',
       dataIndex: 'remark',
+      ellipsis: false,
+      render: (text, record) => (
+        <Tooltip title={text}>
+          <Typography.Paragraph ellipsis={{
+            rows: 3,
+          }}>{text}</Typography.Paragraph>
+        </Tooltip>
+      )
     },
     {
       title: '路径',
       dataIndex: 'path',
       width: 120,
+      ellipsis: false,
+      render: (text, record) => (
+        <Tooltip title={text}>
+          <Typography.Paragraph ellipsis={{
+            rows: 3,
+          }}>{text}</Typography.Paragraph>
+        </Tooltip>
+      )
     },
     {
       title: '送审备注',
       dataIndex: 'reviewRemark',
       render: (_, __, index) => (
-        <Input 
+        <Input.TextArea rows={1}
+          autoSize={{ minRows: 1, maxRows: 3 }}
+          allowClear
           onChange={(e) => {
             setTableData(prev => {
               return produce(prev, (draft) => {

src/view/Manage/Model/index.jsx

@@ -23,7 +23,6 @@ import ColSettingModal from './Component/ColSettingModal';
 import PermissionButton from '../../../util/Component/PermissionButton';
 import SelectSearchProperties from './Component/select-search-properties';
 import { TagSelect, TagSelectPopup } from './Component/tag-help';
-import StartFlow from './Component/start-flow';
 
 import './index.less';
 
@@ -802,10 +801,6 @@ class Model extends React.Component {
             })
           }}
         />
-
-        {/* <StartFlow 
-          visible={true}
-        /> */}
       </div>
       }
       </AppContext.Consumer>