From 26f2f989580a9221d1ee3f9c3e1bf692beb89901 Mon Sep 17 00:00:00 2001
From: wenlele <wen.lele@free-sun.com.cn>
Date: Tue, 6 Jun 2023 10:00:03 +0800
Subject: [PATCH] =?UTF-8?q?=E4=BF=9D=E5=AD=98=E5=BE=85=E5=8F=91?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../sections/workOrder/containers/aboutMe.jsx |   6 +-
 .../sections/workOrder/containers/index.js    |   3 +-
 .../workOrder/containers/initiated.jsx        |   2 +-
 .../workOrder/containers/preserve.jsx         | 195 ++++++++++++++++++
 .../sections/workOrder/containers/receipt.jsx |   6 +-
 .../workOrder/containers/stayDoWorkOrder.jsx  |   2 +-
 .../src/sections/workOrder/nav-item.jsx       |   4 +-
 web/client/src/sections/workOrder/routes.js   |   9 +-
 web/client/src/utils/webapi.js                |   2 +
 9 files changed, 217 insertions(+), 12 deletions(-)
 create mode 100644 web/client/src/sections/workOrder/containers/preserve.jsx

diff --git a/web/client/src/sections/workOrder/containers/aboutMe.jsx b/web/client/src/sections/workOrder/containers/aboutMe.jsx
index 454f448..ebfaa96 100644
--- a/web/client/src/sections/workOrder/containers/aboutMe.jsx
+++ b/web/client/src/sections/workOrder/containers/aboutMe.jsx
@@ -90,8 +90,8 @@ const Rest = (props) => {
             <div style={{ display: 'flex', alignItems: 'center', justifyContent: 'space-between' }}>
                <div style={{ display: 'flex', alignItems: 'center' }}>
                   <div style={{ width: 0, height: 20, borderLeft: '3px solid #005ABD', borderTop: '3px solid transparent', borderBottom: '3px solid transparent' }}></div>
-                  <div style={{ fontFamily: "YouSheBiaoTiHei", fontSize: 24, color: '#101531', marginLeft: 8 }}>已办工单</div>
-                  <div style={{ marginLeft: 6, fontSize: 12, color: '#969799', fontFamily: "DINExp", }}>ALREADY WORKORDER</div>
+                  <div style={{ fontFamily: "YouSheBiaoTiHei", fontSize: 24, color: '#101531', marginLeft: 8 }}>抄送我</div>
+                  <div style={{ marginLeft: 6, fontSize: 12, color: '#969799', fontFamily: "DINExp", }}>COPPGIVE WORKORDER</div>
                </div>
                <div style={{ marginRight: 20, display: 'flex', alignItems: 'center' }} className='myempush'>
                   <Form
@@ -157,7 +157,7 @@ const Rest = (props) => {
                >
                   <div style={{ display: 'flex', }}>
                      <span style={{ lineHeight: "30px", fontSize: 13, color: 'rgba(0,90,189,0.8)' }}>
-                        共{limits}条信息
+                        共{limits}条工单
                      </span>
                      <Pagination
                         className="22"
diff --git a/web/client/src/sections/workOrder/containers/index.js b/web/client/src/sections/workOrder/containers/index.js
index a936beb..a106c28 100644
--- a/web/client/src/sections/workOrder/containers/index.js
+++ b/web/client/src/sections/workOrder/containers/index.js
@@ -5,4 +5,5 @@ import StayDoWorkOrder from './stayDoWorkOrder';
 import Initiated from './initiated';
 import Receipt from './receipt';
 import AboutMe from './aboutMe';
-export { JobOrder, StayDoWorkOrder, Initiated, Receipt, AboutMe};
\ No newline at end of file
+import Preserve from './preserve';
+export { JobOrder, StayDoWorkOrder, Initiated, Receipt, AboutMe,Preserve};
\ No newline at end of file
diff --git a/web/client/src/sections/workOrder/containers/initiated.jsx b/web/client/src/sections/workOrder/containers/initiated.jsx
index dbe77e7..b517480 100644
--- a/web/client/src/sections/workOrder/containers/initiated.jsx
+++ b/web/client/src/sections/workOrder/containers/initiated.jsx
@@ -151,7 +151,7 @@ const Rest = (props) => {
                >
                   <div style={{ display: 'flex', }}>
                      <span style={{ lineHeight: "30px", fontSize: 13, color: 'rgba(0,90,189,0.8)' }}>
-                        共{limits}条信息
+                        共{limits}条工单
                      </span>
                      <Pagination
                         className="22"
diff --git a/web/client/src/sections/workOrder/containers/preserve.jsx b/web/client/src/sections/workOrder/containers/preserve.jsx
new file mode 100644
index 0000000..7bc9659
--- /dev/null
+++ b/web/client/src/sections/workOrder/containers/preserve.jsx
@@ -0,0 +1,195 @@
+import React, { useEffect, useRef, useState } from 'react';
+import { connect } from 'react-redux';
+import { ApiTable, EmisApiTable, EmisRequest } from '$utils'
+import { Skeleton, Button, Pagination, Form, Popconfirm, Table, Toast } from '@douyinfe/semi-ui';
+import { IconSearch } from '@douyinfe/semi-icons';
+import { SkeletonScreen, WorkflowModal } from "$components";
+import moment from "moment";
+
+
+
+
+
+const Rest = (props) => {
+   const { dispatch, actions, user, socket } = props
+
+   const [query, setQuery] = useState({ limit: 10, offset: 0 }); //页码信息
+   const [limits, setLimits] = useState(0)//每页实际条数
+   const [tableData, setTableData] = useState([]);
+   const [loading, setLoading] = useState(true);
+   const [workflowModalVisible, setWorkflowModalVisible] = useState(false)
+   const [processInstanceId, setProcessInstanceId] = useState(null)
+   const [params, setParams] = useState({})
+
+
+   useEffect(() => {
+      backlogData()
+   }, [])
+
+   let backlogData = (obj = { limit: 10, offset: 0 }) => {
+
+      setLoading(true)
+      EmisRequest.get(EmisApiTable.processInstancemMyDraftList,
+         { userId: user?.id, businessType: '', ...obj })
+         .then(res => {
+            setTableData(res?.data)
+            setLimits(res.count || 0)
+            setLoading(false)
+         }, error => {
+            Toast.error({ content: '保存待发列表请求失败', duration: 1, })
+            setLoading(false)
+
+         });
+   }
+
+   let columns = [{
+      title: '序号',
+      dataIndex: 'index',
+      render: (text, record, index) => index + 1
+   }, {
+      title: '标题',
+      dataIndex: 'nae',
+   }, {
+      title: '关联项目',
+      dataIndex: 'nae',
+   }, {
+      title: '申请人',
+      dataIndex: 'applyerName',
+      render: (text, record, index) =>user?.name
+   }, {
+      title: '申请部门',
+      dataIndex: 'applyDepartmentName',
+      render: (text, record, index) =>user?.department[0]?.name
+   }, {
+      title: '审批状态',
+      dataIndex: 'apName',
+   }, {
+      title: '提交时间',
+      dataIndex: 'createAt',
+      render: (text, record, index) => text && moment(text).format('YYYY-MM-DD HH:mm:ss') || '--'
+   }, {
+      title: '期望完成时间',
+      dataIndex: 'nae',
+   }, {
+      title: '操作',
+      dataIndex: 'hadle',
+      render: (text, record, index) => <div style={{ width: 60, color: "#1890ff", cursor: "pointer" }} onClick={() => {
+         setProcessInstanceId(record.processInstanceId)
+         setWorkflowModalVisible(true)
+
+      }}>查看详情</div>
+   }]
+
+   return (
+      <>
+         <div style={{ background: '#FFFFFF', margin: '8px 12px', padding: '20px 20px 0px 20px' }}>
+            <div style={{ display: 'flex', alignItems: 'center', justifyContent: 'space-between' }}>
+               <div style={{ display: 'flex', alignItems: 'center' }}>
+                  <div style={{ width: 0, height: 20, borderLeft: '3px solid #005ABD', borderTop: '3px solid transparent', borderBottom: '3px solid transparent' }}></div>
+                  <div style={{ fontFamily: "YouSheBiaoTiHei", fontSize: 24, color: '#101531', marginLeft: 8 }}>保存待发</div>
+                  <div style={{ marginLeft: 6, fontSize: 12, color: '#969799', fontFamily: "DINExp", }}>PRESERVE WORKORDER</div>
+               </div>
+               <div style={{ marginRight: 20, display: 'flex', alignItems: 'center' }} className='myempush'>
+                  <Form
+                     // getFormApi={(formApi) => (form.current = formApi)}
+                     layout="horizontal"
+                     style={{ position: "relative", width: "100%", flex: 1 }}
+                     onSubmit={(values) => {
+                        if (values?.applyTimes) {
+                           values.applyTimes = [moment(values?.applyTimes[0]).format('YYYY-MM-DD HH:mm:ss'), moment(values?.applyTimes[1]).format('YYYY-MM-DD HH:mm:ss')]
+                        }
+                        backlogData({ ...values, limit: 10, page: 0 })
+                        setQuery({ limit: 10, offset: 0 });
+                        setLimits(0)
+                        setParams({ ...values })
+                     }}
+                  >
+                     <Form.DatePicker
+                        pure
+                        field="applyTimes"
+                        label="提交时间"
+                        style={{ width: 268 }}
+                        type="dateRange" density="compact"
+                     />
+                     {/* <Form.Input
+                        suffix={<IconSearch />}
+                        field="keywordsUser"
+                        pure
+                        showClear
+                        style={{ width: 260, marginLeft: 12, marginRight: 12 }}
+                        placeholder="请输入申请人"
+                     /> */}
+                     <Button theme='solid' type="primary" htmlType="submit">查询</Button>
+                  </Form>
+
+
+               </div>
+            </div>
+
+            <div style={{ marginTop: 20 }}>
+               <Skeleton
+                  loading={loading}
+                  // loading={false}
+                  active={true}
+                  placeholder={SkeletonScreen()}
+               >
+                  <Table
+                     rowKey="name"
+                     columns={columns}
+                     dataSource={tableData}
+                     bordered={false}
+                     hideExpandedColumn={false}
+                     empty="暂无数据"
+                     pagination={false}
+                  />
+               </Skeleton>
+
+               <div
+                  style={{
+                     display: "flex",
+                     justifyContent: "flex-end",
+                     padding: "20px 20px",
+                  }}
+               >
+                  <div style={{ display: 'flex', }}>
+                     <span style={{ lineHeight: "30px", fontSize: 13, color: 'rgba(0,90,189,0.8)' }}>
+                        共{limits}条工单
+                     </span>
+                     <Pagination
+                        className="22"
+                        total={limits}
+                        showSizeChanger
+                        currentPage={query.offset + 1}
+                        pageSizeOpts={[10, 20, 30, 40]}
+                        onChange={(currentPage, pageSize) => {
+                           setQuery({ limit: pageSize, offset: currentPage - 1 });
+                           backlogData({ ...params, limit: pageSize, offset: currentPage - 1 })
+                        }}
+                     />
+                  </div>
+               </div>
+            </div>
+         </div>
+         <WorkflowModal
+            visible={workflowModalVisible}
+            title={''}
+            processId={processInstanceId}
+            onCancel={() => { setWorkflowModalVisible(false) }}
+            successCallBack={() => { setWorkflowModalVisible(false) }}
+         />
+      </>
+   )
+}
+
+function mapStateToProps (state) {
+   const { auth, global, members, webSocket } = state;
+   return {
+      //   loading: members.isRequesting,
+      user: auth.user,
+      //   actions: global.actions,
+      //   members: members.data,
+      //   socket: webSocket.socket
+   };
+}
+
+export default connect(mapStateToProps)(Rest);
diff --git a/web/client/src/sections/workOrder/containers/receipt.jsx b/web/client/src/sections/workOrder/containers/receipt.jsx
index 898f1b4..91f3510 100644
--- a/web/client/src/sections/workOrder/containers/receipt.jsx
+++ b/web/client/src/sections/workOrder/containers/receipt.jsx
@@ -60,7 +60,7 @@ const Rest = (props) => {
       dataIndex: 'nae',
    }, {
       title: '申请人',
-      dataIndex: 'applyerName',
+      dataIndex: 'application',
    }, {
       title: '申请部门',
       dataIndex: 'applyDepartmentName',
@@ -69,7 +69,7 @@ const Rest = (props) => {
       dataIndex: 'apName',
    }, {
       title: '提交时间',
-      dataIndex: 'startTime',
+      dataIndex: 'submissionTime',
       render: (text, record, index) => text && moment(text).format('YYYY-MM-DD HH:mm:ss') || '--'
    }, {
       title: '期望完成时间',
@@ -157,7 +157,7 @@ const Rest = (props) => {
                >
                   <div style={{ display: 'flex', }}>
                      <span style={{ lineHeight: "30px", fontSize: 13, color: 'rgba(0,90,189,0.8)' }}>
-                        共{limits}条信息
+                        共{limits}条工单
                      </span>
                      <Pagination
                         className="22"
diff --git a/web/client/src/sections/workOrder/containers/stayDoWorkOrder.jsx b/web/client/src/sections/workOrder/containers/stayDoWorkOrder.jsx
index 4f1493b..fecc391 100644
--- a/web/client/src/sections/workOrder/containers/stayDoWorkOrder.jsx
+++ b/web/client/src/sections/workOrder/containers/stayDoWorkOrder.jsx
@@ -149,7 +149,7 @@ const Rest = (props) => {
                   </div>
                   <div style={{ display: 'flex', }}>
                      <span style={{ lineHeight: "30px", fontSize: 13, color: 'rgba(0,90,189,0.8)' }}>
-                        共{limits}条信息
+                        共{limits}条工单
                      </span>
                      <Pagination
                         className="22"
diff --git a/web/client/src/sections/workOrder/nav-item.jsx b/web/client/src/sections/workOrder/nav-item.jsx
index e4c0d28..4417489 100644
--- a/web/client/src/sections/workOrder/nav-item.jsx
+++ b/web/client/src/sections/workOrder/nav-item.jsx
@@ -27,7 +27,9 @@ export function getNavItem (user, dispatch) {
                             itemKey: 'receipt', to: '/workOrder/workOrderList/already ', text: '已办工单'
                         },{
                             itemKey: 'aboutMe', to: '/workOrder/workOrderList/aboutMe', text: '抄送我'
-                        }]
+                        },{
+                           itemKey: 'preserve', to: '/workOrder/workOrderList/preserve', text: '保存待发'
+                       }]
                     }
                 ]
             },
diff --git a/web/client/src/sections/workOrder/routes.js b/web/client/src/sections/workOrder/routes.js
index d4d31f6..cc57787 100644
--- a/web/client/src/sections/workOrder/routes.js
+++ b/web/client/src/sections/workOrder/routes.js
@@ -1,4 +1,4 @@
-import { JobOrder, StayDoWorkOrder, Initiated, Receipt, AboutMe } from './containers';
+import { JobOrder, StayDoWorkOrder, Initiated, Receipt, AboutMe,Preserve } from './containers';
 
 export default [{
    type: 'inner',
@@ -36,7 +36,12 @@ export default [{
             key: 'aboutMe',
             component: AboutMe,
             breadcrumb: '与我有关的',
-         },]
+         }, {
+            path: '/preserve',
+            key: 'preserve',
+            component: Preserve,
+            breadcrumb: '保存待发',
+         }]
       }]
    }
 }];
\ No newline at end of file
diff --git a/web/client/src/utils/webapi.js b/web/client/src/utils/webapi.js
index 57a7707..29cc4f8 100644
--- a/web/client/src/utils/webapi.js
+++ b/web/client/src/utils/webapi.js
@@ -93,6 +93,8 @@ export const EmisApiTable = {
    processInstancemMyDoneCount: 'process-instance/my-done-count/optimization',  //已办工单数量
    processInstancemMyNoticeList: 'process-instance/my-notice-list/optimization',  //抄送我
    processInstancemMyNoticeCount: 'process-instance/my-notice-count/optimization',  //抄送我 数量
+   processInstancemMyDraftList: 'process-instance/my-draft-list',  //保存待发
+
    //删除草稿
    delDraftUrl: 'process/drafts/{draftId}',
 }