9038 评奖评优与创新创业，2，校团委审核是 做批量审核 （院团委校团委全部做）

FormInsertDiy/AffairPage/AuditPage/AuditPage.js

-
-
 import pageSetting from './pageSetting';
 import React, { Component, Fragment } from 'react';
 import PageHeaderWrapper from '@/components/PageHeaderWrapper';
@@ -7,34 +5,66 @@ import List from '../ApplyPage/List';
 import ListTab from './ListTab';
 import { deepCopy } from '@/baseComponent/utils';
 import { getApplyPage, getHandledPage, getWaitPage } from '../publicApiService';
+import AuditModal from '@/webPublic/FormInsertDiy/AuditPage/BatchAudit/AuditModal';
+import { ModalInfo } from '@/baseComponent/Modal';
+import ButtonDiy from '@/baseComponent/ButtonDiy';
 
 export default class AuditPage extends Component {
   constructor(props) {
     super(props);
-    this.state={
+    this.state = {};
   }
-  };
 
-  componentDidMount(){
-  }
+  componentDidMount() {}
 
   handleButtonSet = () => {
     const { addFields, workId } = this.props;
     return {
       tab1: [
+        {
+          type: 'audit',
+          component: 'RenderComponent',
+          render: ({ selectRows, getPage }) => {
+            const disabled = !selectRows || !Array.isArray(selectRows) || !selectRows.length;
+            function handleClick(onShow) {
+              const taskName = selectRows[0].taskName;
+              const differentTask = selectRows.slice(1).find(i => i.taskName !== taskName);
+              if (differentTask) {
+                return ModalInfo((
+                  <div>
+                    <strong style={{color: "red"}}> {differentTask.taskName} </strong>
+                    和<strong> {taskName} </strong>不能一起审核。<br />
+                  请将分开操作。
+                  </div>
+                ));
+              }
+              onShow();
+            }
+            return (
+              <AuditModal selectRows={selectRows} getPage={getPage}>
+                {({ onShow }) => (
+                  <ButtonDiy
+                    name="批量审核"
+                    handleClick={() => handleClick(onShow)}
+                    disabled={disabled}
+                  />
+                )}
+              </AuditModal>
+            );
+          },
+        },
       ],
       tab2: [],
     };
   };
 
   handleSearchSet = () => {
-    const { columns, searchCondition} = this.props;
+    const { columns, searchCondition } = this.props;
     const tab1 = {
       search: {
-        field: {
-        },
+        field: {},
         getPageService: getWaitPage,
-        responseCallBack: (response) => {
+        responseCallBack: response => {
           return response;
         },
         condition: searchCondition,
@@ -46,10 +76,9 @@ export default class AuditPage extends Component {
     };
     const tab2 = {
       search: {
-        field: {
-        },
+        field: {},
         getPageService: getHandledPage,
-        responseCallBack: (response) => {
+        responseCallBack: response => {
           return response;
         },
         condition: searchCondition,
@@ -70,22 +99,15 @@ export default class AuditPage extends Component {
 
     return (
       <PageHeaderWrapper title="">
-
-        <ListTab tabList={pageSetting.tabList}
-                 pageButton={this.handleButtonSet({
-                 })}
+        <ListTab
+          tabList={pageSetting.tabList}
+          pageButton={this.handleButtonSet({})}
           workId={workId}
           dataBaseId={dataBaseId}
           addFields={addFields}
-                 pageSearch={this.handleSearchSet({
-                 })}/>
+          pageSearch={this.handleSearchSet({})}
+        />
       </PageHeaderWrapper>
     );
   }
-
 }
-
-
-
-
-

FormInsertDiy/AffairPage/AuditPage/List.js

@@ -306,8 +306,8 @@ export default class List extends Component {
           /> : null}
 
         <Shell>
-          {this.pageButton().length ?
-            <ButtonListDom config={this.pageButton()}
+          {pageButton.length ?
+            <ButtonListDom config={pageButton}
                            handleSelectRows={this.handleSelectRows}
                            selectRows={selectRows}
                            formValues={formValues}

FormInsertDiy/AuditPage/BatchAudit/AuditModal.js

@@ -10,14 +10,15 @@ import { router } from 'umi';
 
 const isNewForm = true;
 
-function AuditModal({ form, selectRows, code, getPage }) {
+function AuditModal({ form, selectRows, children, getPage }) {
   const [visible, setVisible] = useState(false);
 
-  const disabled = !selectRows || !Array.isArray(selectRows) || !selectRows.length;
   function submitCb(res) {
-    ModalInfo(`提交${res ? '成功' : '失败'}！`, { onOk: () => router.goBack() });
+    // ModalInfo(`提交${res ? '成功' : '失败'}！`, { onOk: () => router.goBack() });
+    ModalInfo(`提交${res ? '成功' : '失败'}！`, { onOk: () => {
       setVisible(false);
       getPage();
+    } });
   }
   const [data, setData] = useState(null);
   const [loading, setLoading] = useState(false);
@@ -25,13 +26,13 @@ function AuditModal({ form, selectRows, code, getPage }) {
   useEffect(
     () => {
       if (!visible) return;
+      const code = selectRows && selectRows[0] && selectRows[0].code;
       if (typeof code === 'undefined') return;
       setLoading(true);
       getHistoryFormDetail({ code }).then(res => {
         setLoading(false);
         if (res && !res.errMsg) {
-
-          setData({...res, hisTaskForm: {...res.hisTaskForm, formKeys: []}});
+          setData({ ...res, hisTaskForm: { ...res.hisTaskForm, formKeys: [] } });
         }
       });
     },
@@ -48,9 +49,17 @@ function AuditModal({ form, selectRows, code, getPage }) {
       />
     </div>
   ) : null;
+
+
   return (
     <>
-      <Modal width={900} visible={visible} title="批量审核" footer={footer} onCancel={() => setVisible(false)}>
+      <Modal
+        width={900}
+        visible={visible}
+        title="批量审核"
+        footer={footer}
+        onCancel={() => setVisible(false)}
+      >
         <Spin spinning={loading}>
           {data && (
             <>
@@ -65,7 +74,7 @@ function AuditModal({ form, selectRows, code, getPage }) {
           )}
         </Spin>
       </Modal>
-      <ButtonDiy name="批量审核" handleClick={() => setVisible(true)} disabled={disabled} />
+      {children({ onShow: () => setVisible(true)})}
     </>
   );
 }

FormInsertDiy/AuditPage/BatchAudit/index.js

@@ -4,6 +4,7 @@ import getInfoGenerator from '@/webPublic/FormInsertDiy/getInfoGenerator';
 import AuditModal from './AuditModal';
 import { findValueByKey } from '../../../../pages/zydtw/Cxcy/utils';
 import withGoBack from '@/highOrderComponent/withGoBack';
+import ButtonDiy from '@/baseComponent/ButtonDiy';
 
 const defaultNameSpan = { big: 9, small: 9 };
 const defaultFieldSpan = { big: 4, small: 4 };
@@ -27,7 +28,6 @@ export default withGoBack(function BatchAudit({
   pageButton,
   pageSetting,
 }) {
-  const [code, setCode] = useState(null);
   const pageSearch = {
     search: {
       searchType: 'cascadeSearchNew',
@@ -46,12 +46,6 @@ export default withGoBack(function BatchAudit({
       condition: condition || [],
       nameSpan: nameSpan || defaultNameSpan,
       fileSpan: fieldSpan || defaultFieldSpan,
-      responseCallBack: res => {
-        if (res && res.rows && res.rows[0]) {
-          setCode(findValueByKey(res.rows[0], 'code'));
-        }
-        return res;
-      },
     },
     tableRowKey: tableRowKey || 'buzinessId',
     columns: columns || [],
@@ -63,7 +57,12 @@ export default withGoBack(function BatchAudit({
       name: '批量审核',
       component: 'RenderComponent',
       render: ({ selectRows, getPage }) => {
-        return <AuditModal selectRows={selectRows} getPage={getPage} code={code} />;
+        const disabled = !selectRows || !Array.isArray(selectRows) || !selectRows.length;
+        return (
+          <AuditModal selectRows={selectRows.map(i => ({...i, code: findValueByKey(i, 'code')}))} getPage={getPage}>
+            {({ onShow }) => <ButtonDiy name="批量审核" handleClick={onShow} disabled={disabled} />}
+          </AuditModal>
+        );
       },
     },
   ];