流程详情

src/model/datamodel.js

@@ -628,6 +628,10 @@ export function* addPhysicalModelApproval(payload) {
   return yield call(datamodelerService.addPhysicalModelApproval, payload)
 }
 
+export function* getPhysicalModelApproval(payload) {
+  return yield call(datamodelerService.getPhysicalModelApproval, payload)
+}
+
 export function* updatePhysicalModelApproval(payload) {
   return yield call(datamodelerService.updatePhysicalModelApproval, payload)
 }

src/service/datamodeler.js

@@ -575,6 +575,9 @@ export function getCooperationUsers() {
 export function addPhysicalModelApproval(payload) {
   return PostJSON("/datamodeler/easyDataModelerApproval/addPhysicalModelApproval", payload)
 }
+export function getPhysicalModelApproval(payload) {
+  return GetJSON("/datamodeler/easyDataModelerApproval/getPhysicalModelApprovalById", payload)
+}
 
 export function updatePhysicalModelApproval(payload) {
   return PostJSON("/datamodeler/easyDataModelerApproval/updatePhysicalModelApproval", payload)

src/view/Manage/ModelReview/index.jsx

 import React from "react"
-import { Space, Button, Descriptions, Form, Input, Tooltip, Typography, Select,  } from "antd"
+import { Space, Button, Descriptions, Form, Input, Tooltip, Typography, Select, Spin } from "antd"
 import produce from "immer"
 
 import Table from '../../../util/Component/Table'
-import { isSzseEnv } from "../../../util"
+import { isSzseEnv, getQueryParam } from "../../../util"
+import { dispatch } from '../../../model'; 
 
 const FC = (props) => {
+  const [loading, setLoading] = React.useState(false)
+  const [data, setData] = React.useState()
   const [form] = Form.useForm()
 
+  const id = getQueryParam('id', props.location?.search)
+
   const listRef = React.useRef()
 
+  React.useEffect(() => {
+    getDetail()
+  }, [])
+
+  const getDetail = () => {
+    setLoading(true)
+    dispatch({
+      type: 'datamodel.getPhysicalModelApproval',
+      payload: {
+        id,
+      },
+      callback: (data) => {
+        setLoading(false)
+        setData(data)
+      },
+      error: () => {
+        setLoading(false)
+      }
+    })
+  }
+
   const onGraghClick = () => {
 
   }
@@ -34,49 +60,50 @@ const FC = (props) => {
   }
 
   return (
-    <div className='p-5' style={{ height: '100%' }}>
-      <div className='flex' style={{ justifyContent: 'space-between' }}>
-        <Button type='link' onClick={onGraghClick}>流程图</Button>
-        <Space>
-          <Button onClick={onCloseClick}>关闭</Button>
-          <Button onClick={onSaveClick}>保存</Button>
-          <Button onClick={onSubmitClick}>提交</Button>
-        </Space>
-      </div>
-      <div>
-        <div className='flex my-3' style={{ justifyContent: 'center' }}>
-          <h3>模型评审流程</h3>
+    <Spin spinning={loading}>
+      <div className='p-5' style={{ height: '100%' }}>
+        <div className='flex' style={{ justifyContent: 'space-between' }}>
+          <Space>
+            <Button onClick={onCloseClick}>关闭</Button>
+            <Button onClick={onSaveClick}>保存</Button>
+            <Button onClick={onSubmitClick}>提交</Button>
+          </Space>
         </div>
-        <Descriptions bordered size='small' column={2}>
-          <Descriptions.Item label="流程名称"></Descriptions.Item>
-          <Descriptions.Item label="送审人"></Descriptions.Item>
-          <Descriptions.Item label="当前环节"></Descriptions.Item>
-          <Descriptions.Item label="送审时间"></Descriptions.Item>
-          <Descriptions.Item label="送审说明"></Descriptions.Item>
-          <Descriptions.Item label="附件"></Descriptions.Item>
-        </Descriptions>
-      </div>
-      <div className='my-5'>
-        <Form
-          form={form}
-          autoComplete="off"
-        >
-          <Form.Item
-            label="流程意见"
-            name="suggest"
-            rules={[{ required: true, message: '请填写流程意见!' }]}
-            style={{ marginBottom: 0 }}
+        <div>
+          <div className='flex my-3' style={{ justifyContent: 'center' }}>
+            <h3>模型评审流程</h3>
+          </div>
+          <Descriptions bordered size='small' column={2}>
+            <Descriptions.Item label="流程名称"></Descriptions.Item>
+            <Descriptions.Item label="送审人"></Descriptions.Item>
+            <Descriptions.Item label="当前环节"></Descriptions.Item>
+            <Descriptions.Item label="送审时间"></Descriptions.Item>
+            <Descriptions.Item label="送审说明"></Descriptions.Item>
+            <Descriptions.Item label="附件"></Descriptions.Item>
+          </Descriptions>
+        </div>
+        <div className='my-5'>
+          <Form
+            form={form}
+            autoComplete="off"
           >
-            <Input.TextArea 
-              autoSize={{ minRows: 1, maxRows: 20 }} 
-              allowClear 
-              placeholder='请输入流程意见' 
-            />
-          </Form.Item>
-        </Form>
+            <Form.Item
+              label="流程意见"
+              name="suggest"
+              rules={[{ required: true, message: '请填写流程意见!' }]}
+              style={{ marginBottom: 0 }}
+            >
+              <Input.TextArea 
+                autoSize={{ minRows: 1, maxRows: 20 }} 
+                allowClear 
+                placeholder='请输入流程意见' 
+              />
+            </Form.Item>
+          </Form>
+        </div>
+        <List ref={listRef} />
       </div>
-      <List ref={listRef} />
-    </div>
+    </Spin>
   )
 }