冲突详情

src/view/Manage/Model/Component/branch-model-sync.jsx

@@ -8,7 +8,7 @@ import './VersionCompare.less'
 import { formatDate } from '../../../../util'
 
 const FC = (props) => {
-  const { item, visible, onCancel } = props
+  const { item, visible, title = '基线模型变更提醒',readonly = false, onCancel } = props
   const [waiting, setWaiting] = React.useState(false)
 
   const close = (val) => {
@@ -49,10 +49,10 @@ const FC = (props) => {
   return (
     <Modal
       visible={visible}
-      footer={footer}
+      footer={readonly?null:footer}
       width='80%'
       bodyStyle={{ padding: '15px', height: '80vh', overflow: 'auto' }}
-      title='基线模型变更提醒'
+      title={title}
       centered destroyOnClose
       onCancel={() => { close() }}
     >

src/view/Manage/Model/Component/model-fork-detail.jsx

@@ -3,6 +3,7 @@ import { Modal } from 'antd'
 
 import { dispatch } from '../../../../model'
 import Table from '../../../../util/Component/Table'
+import BranchModelSync from '../../Model/Component/branch-model-sync'
 
 const FC = ({ visible, item, onCancel }) => {
   const [loading, setLoading] = React.useState(false)
@@ -10,6 +11,11 @@ const FC = ({ visible, item, onCancel }) => {
 
   const [animating, setAnimating] = React.useState(true)
 
+  const [branchModelSyncParams, setBranchModelSyncParams] = React.useState({
+    visible: false,
+    item: undefined,
+  });
+
   React.useEffect(() => {
     if (visible) {
       setTimeout(() => {
@@ -20,6 +26,10 @@ const FC = ({ visible, item, onCancel }) => {
     }
   }, [visible, item])
 
+  const menuData = React.useMemo(() => {
+    return ['冲突详情']
+  }, [])
+
   const cols = [
     {
       title: '序号',
@@ -55,6 +65,15 @@ const FC = ({ visible, item, onCancel }) => {
     })
   }
 
+  const onRightMenuItemClick = (key, record) => {
+    if (key === '冲突详情') {
+      setBranchModelSyncParams({
+        visible: true,
+        item: {...record, forkedName: item?.name, forkedLastModifiedTs: item?.modifiedTs}
+      })
+    } 
+  }
+
   const close = () => {
     setAnimating(true)
     setLoading(false)
@@ -62,6 +81,7 @@ const FC = ({ visible, item, onCancel }) => {
   }
 
   return (
+    <>
       <Modal
         visible={visible}
         footer={null}
@@ -77,9 +97,25 @@ const FC = ({ visible, item, onCancel }) => {
             columns={cols??[]}
             dataSource={data??[]}
             pagination={false}
+            shouldRowContextMenu={() => true}
+            menuData={menuData}
+            menuPermissions={menuData}
+            onMenuItemClick={onRightMenuItemClick}
           />
         }
       </Modal>
+      <BranchModelSync
+        title='冲突详情'
+        {...branchModelSyncParams}
+        readonly={true}
+        onCancel={(refresh) => {
+          setBranchModelSyncParams({
+            visible: false,
+            item: undefined,
+          })
+        }}
+      />
+    </>
   )
 }