模型对比清单

src/App.js

@@ -36,6 +36,7 @@ const DataMasterManage = loadable(()=> import('./view/Manage/DataMaster/Manage')
 const MetadataHarvester = loadable(() => import('./view/Manage/MetadataHarvester'));
 const EditAssets = loadable(()=> import('./view/Manage/AssetResourceManage/edit-assets'));
 const ModelReviewDetail = loadable(()=> import('./view/Manage/ModelReview'));
+const ModelCompareList = loadable(()=> import('./view/Manage/ModelCompareList'));
 const MetadataUpdateDatasource = loadable(()=> import('./view/Feign/metadata-update-datasource'));
 const EtlConfig = loadable(()=> import('./view/Feign/etl-config'));
 const ApiConfig = loadable(()=> import('./view/Feign/api-config'));
@@ -224,6 +225,7 @@ export class App extends React.Component {
             <Route path={'/center-home/data-model-action'} component={EditModel} exact />
             <Route path={'/center-home/asset-detail'} component={AssetDetailPage} exact />
             <Route path={'/center-home/model-review-detail'} component={ModelReviewDetail} />
+            <Route path={'/center-home/model-compare-list'} component={ModelCompareList} />
 
             <Route path={'/data-model-product/physics-model'} component={Model} exact />
             <Route path={'/data-model-product/physics-model-branch'} component={Model} exact />

src/model/datamodel.js

@@ -791,3 +791,7 @@ export function* getMatchMetadataTableById(payload) {
 export function* getModelMetadataCompareResult(payload) {
   return yield call(datamodelerService.getModelMetadataCompareResult, payload)
 }
+
+export function* getModelBranchNotice(payload) {
+  return yield call(datamodelerService.getModelBranchNotice, payload)
+}
\ No newline at end of file

src/service/datamodeler.js

@@ -747,3 +747,7 @@ export function getMatchMetadataTableById(payload) {
 export function getModelMetadataCompareResult(payload) {
   return GetJSON("/datamodeler/easyDataModelerCompareMetadata/getModelMetadataCompareResult", payload)
 }
+
+export function getModelBranchNotice(payload) {
+  return GetJSON("/shandatamodeler/easyDataModelerNotice/getModelBranchNotice", payload)
+}
\ No newline at end of file

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

@@ -30,7 +30,7 @@ export const stateColorDic = {
   已下线: '#AAAAAA',
 }
 
-const ModelNameColumn = (props) => {
+export const ModelNameColumn = (props) => {
   const { text, record, detailItem } = props;
   const [ data, setData ] = useState(record);
 

src/view/Manage/ModelCompareList/index.jsx

+import React from 'react'
+import { Spin, Tooltip, Typography } from 'antd'
+
+import { getQueryParam, isSzseEnv, openModelDetail } from "../../../util"
+import Table from '../../../util/Component/Table'
+import { ModelNameColumn } from '../Model/Component/ModelTable'
+import { dispatch } from '../../../model'
+import ModelForkDetail from '../Model/Component/model-fork-detail'
+
+const FC = (props) => {
+  const [loading, setLoading] = React.useState(false)
+  const [data, setData] = React.useState()
+  const [modelForkDetailParams, setModelForkDetailParams] = React.useState({
+    visible: false,
+    item: undefined,
+  })
+
+  const id = getQueryParam('id', props.location?.search)
+
+  const cols = [
+    {
+      title: '序号',
+      dataIndex: 'index',
+      width:60,
+      render:(_, __, index)=> (index+1)
+    },
+    {
+      title: '模型名称',
+      dataIndex: 'name',
+      render:(text, record, index)=> <ModelNameColumn text={text} record={record} detailItem={() => { openModelDetail(record.easyDataModelerDataModelId) }} />
+    },
+    {
+      title: '中文名称',
+      dataIndex: 'cnName',
+      render:(text, record, index)=> <Tooltip title={text}>
+        <Typography.Text>{text}</Typography.Text>
+      </Tooltip>
+    },
+    {
+      title: '路径',
+      dataIndex: 'path',
+      render:(text, record, index)=> <Tooltip title={text}>
+        <Typography.Text>{text}</Typography.Text>
+      </Tooltip>
+    },
+    // {
+    //   title: '创建人',
+    //   dataIndex: 'editor',
+    //   width: 100,
+    // },
+    // {
+    //   title: '版本号',
+    //   dataIndex: 'modifiedTs',
+    //   width: 170,
+    //   render:(text, record, index)=> record.modifiedTs ? new Date(record.modifiedTs).toLocaleString() : ''
+    // },
+    {
+      title: '模型描述',
+      dataIndex: 'remark',
+      render:(text, record, index)=> <Tooltip title={text} overlayClassName='tooltip-common'>
+        <Typography.Text ellipsis={true}>{text}</Typography.Text>
+      </Tooltip>
+    },
+  ]
+
+  React.useEffect(() => {
+    getDetail()
+  }, [])
+
+  const menuData = React.useMemo(() => {
+    return ['分支模型']
+  }, [])
+
+  const getDetail = () => {
+    setLoading(true)
+    dispatch({
+      type: 'datamodel.getModelBranchNotice',
+      payload: {
+        id,
+      },
+      callback: (data) => {
+        setLoading(false)
+        setData(data)
+      },
+      error: () => {
+        setLoading(false)
+      }
+    })
+  }
+
+  const onRightMenuItemClick = (key, record) => {
+    if (key === '分支模型') {
+      setModelForkDetailParams({
+        visible: true,
+        item: {...record, id: record.easyDataModelerDataModelId},
+      })
+    } 
+  }
+
+  return (
+    <Spin spinning={loading}>
+      <div className='p-5' style={{ height: '100%' }}>
+        <div className='flex mb-3' style={{ justifyContent: 'center' }}>
+          <h3>{data?.sceneTypeName}</h3>
+        </div>
+        <Table
+          columns={cols??[]}
+          dataSource={data?.modelInfoList??[]}
+          pagination={false}
+          shouldRowContextMenu={() => true}
+          menuData={menuData}
+          menuPermissions={menuData}
+          onMenuItemClick={onRightMenuItemClick}
+        />
+      </div>
+      <ModelForkDetail
+        {...modelForkDetailParams}
+        onCancel={() => {
+          setModelForkDetailParams({
+            visible: false,
+            item: undefined,
+          })
+        }}
+      />
+    </Spin>
+  )
+}
+
+export default FC
\ No newline at end of file