发布

src/model/datamodel.js

@@ -74,6 +74,10 @@ export function* getCurrentDataModelStateCatalog(payload) {
   return yield call(datamodelerService.getCurrentDataModelStateCatalog, payload);
 }
 
+export function* nextState(payload) {
+  return yield call(datamodelerService.nextState, payload);
+}
+
 export function* extractExcelContent(payload) {
   return yield call(datamodelerService.extractExcelContent, payload);
 }

src/service/datamodeler.js

@@ -31,6 +31,10 @@ export function getCurrentDataModelStateCatalog(payload) {
   return GetJSON("/datamodeler/easyDataModelerCURD/getCurrentDataModelStateCatalog", payload);
 }
 
+export function nextState(payload) {
+  return GetJSON("/datamodeler/easyDataModelerCURD/nextState", payload);
+}
+
 export function extractExcelContent(payload) {
   return PostFile("/datamodeler/easyDataModelerDesign/kickStart", payload);
 }

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

 import React, { useState, useEffect, useRef } from "react";
-import { Space, Button, Tooltip, Modal, Select, Input } from 'antd';
+import { Space, Button, Tooltip, Modal, Select, Input, Divider } from 'antd';
 import { EditOutlined, ReconciliationOutlined, DeleteOutlined  } from '@ant-design/icons';
 import SmoothScroll from 'smooth-scroll';
 import ProTable from "@ant-design/pro-table";
@@ -84,8 +84,8 @@ const ModelTable = (props) => {
     {
       title: '操作',
       key: 'action',
-      width: 120,
-      render: (text,record) => {
+      width: 230,
+      render: (_,record) => {
         return (  
           <Space size='small'>
             <Tooltip placement='bottom' title={'修改'}>
@@ -94,12 +94,21 @@ const ModelTable = (props) => {
             <Tooltip placement='bottom' title={'详情'}>
               <Button icon={<ReconciliationOutlined />} size='small' onClick={() => { detailItem(record); }} />
             </Tooltip>
-            {/* <Tooltip placement='bottom' title={'提交审核'}>
-              <Button icon={<CheckOutlined />} size='small' />
-            </Tooltip> */}
             <Tooltip placement='bottom' title={'删除'}>
               <Button icon={<DeleteOutlined />} size='small' onClick={() => { deleteItem(record); }} />
             </Tooltip>
+            {
+              (record?.state?.supportedActions||[]).length>0 && record?.state?.supportedActions.map((item, index) => {
+                return (
+                  <React.Fragment>
+                  {
+                    index===0 && <Divider type='vertical'  />
+                  }
+                  <Button key={index} size='small' onClick={() => { stateAction(record, item); }} >{item.cnName||''}</Button>
+                  </React.Fragment>
+                );
+              }) 
+            }
           </Space>
         )
       }
@@ -114,6 +123,35 @@ const ModelTable = (props) => {
     onItemAction && onItemAction(record.id||'', 'detail');
   }
 
+  const stateAction = (record, action) => {
+
+    modal.confirm({
+      title: '提示!',
+      content: `您确定要${action.cnName||''}该模型吗?`,
+      onOk: () => {
+        dispatchLatest({
+          type: 'datamodel.nextState',
+          payload: {
+            easyDataModelerDataModelId: record.id,
+            actionId: action.id
+          },
+          callback: () => {
+            showMessage('success', `模型${action.cnName||''}成功`);
+            onChange && onChange();
+
+            const index = selectedRowKeys.findIndex((rowKey) => rowKey === record.id);
+            if (index !== -1) {
+              const newSelectedRowKeys = [...selectedRowKeys];
+              newSelectedRowKeys.splice(index, 1);
+              setSelectedRowKeys(newSelectedRowKeys);
+              onSelect && onSelect(newSelectedRowKeys);
+            }
+          }
+        })
+      }
+    });
+  }
+
   const deleteItem = (record) => {
 
     modal.confirm({

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

@@ -10,4 +10,8 @@
       padding: 0 !important;
     }
   }
+
+  .yy-divider-vertical {
+    margin: 0 2px !important;
+  }
 }
\ No newline at end of file