zls

config/routes.js

                 hideInMenu: true,
                 component: './system/document/audit',
               },
-              {
-                path: '/system/document/see',
-                name: '客户资料查看',
-                hideInMenu: true,
-                component: './system/document/see',
-              },
             ],
           },
           {

src/pages/system/document/audit.jsx

 import React, { useState, useEffect } from 'react';
-import { Col, Row, Button, Modal, Input } from 'antd'
+import { Col, Row, Button, Modal, Input, Pagination, message } from 'antd'
 import ZmageImg from '../../../components/ZmageImg/ZmageImg'
 import request from '../../../utils/request';
 import apis from '../../../services/apis';
 import AuthButton from '../../../components/AuthButton';
 import moment from 'moment';
 
+const unaudited = {
+  // color :'rgb(255, 126, 72)'
+  float: "right", fontWeight: "bold", marginRight: '30px'
+}
+
+const auditPass = {
+  // color : '#FF7E48',
+  color: 'green',
+  float: "right", fontWeight: "bold", marginRight: '30px'
+}
+
+const noauditPass = {
+  color: ' #fc515c',
+  float: "right", fontWeight: "bold", marginRight: '30px'
+}
+
 function body (props) {
   const documentVerifyId = props.location.query.id
   const [data, setData] = useState([])
-
+  const [datas, setDatas] = useState({})
   // const [status,setStatus] = useState()
   useEffect(() => {
     getList()
   function getList (params) {
     // 网路请求
     console.log(props, '1111')
-    request({ ...apis.system.documentVerifyDetail, urlData: { id: documentVerifyId } }).then(data => {
+    request({ ...apis.system.documentVerifyDetail, urlData: { id: documentVerifyId }, params: params }).then(data => {
       console.log('data:', data.records)
-
+      setDatas(data)
       setData(data.records)
     }).catch(err => {
       // eslint-disable-next-line no-unused-expressions
     };
 
     const handleOk1 = e => {
-      console.log(e);
-      onVerify(2)
-
-      setVisible(false)
+      console.log(reasonValue, "2222");
+      if (reasonValue ) {
+        // console.log(e);
+        onVerify(2)
+        console.log(reasonValue, "11111111");
+        setVisible(false)
+      } else {
+        message.info("不能为空")
+      }
 
     };
 
     }
 
 
-    console.log("props", props.data)
+    // console.log("props", props.data)
     const carddata = props.data.imgList
     return (
       <>
-        <div style={{ background: '#ffffff', padding: '40px', marginTop: '30px',borderRadius: '12px', boxShadow: '0px 0px 16px 2px rgba(0,0,0,0.12)'}}>
-          <p style={{ fontSize: '0.096rem'}}>
+        <div style={{ background: '#ffffff', padding: '40px', marginTop: '30px', borderRadius: '12px', boxShadow: '0px 0px 16px 2px rgba(0,0,0,0.12)' }}>
+          <p style={{ fontSize: '0.096rem' }}>
             <span>资料说明：{props.data.documentTitle} </span>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
-            <span>提交时间：{moment(props.data.createDate).format('YYYY-MM-DD')} </span>
-            <span style={{ float: "right", fontWeight: "bold", marginRight: '30px' }} className={props.data.verifyStatus == 0 ? "unaudited" : props.data.verifyStatus == 1 ? "auditPass" : "noauditPass"} > 
-             {props.data.verifyStatus == 0 ? "待审核" : props.data.verifyStatus == 1 ? "审核通过" : "不通过"}
-             </span>
+            <span>提交时间：{moment(props.data.createDate).format('YYYY-MM-DD h:mm:ss')} </span>
+            <span style={props.data.verifyStatus == 0 ? unaudited : props.data.verifyStatus == 1 ? auditPass : noauditPass} >
+              {props.data.verifyStatus == 0 ? "待审核" : props.data.verifyStatus == 1 ? "审核通过" : "不通过"}
+            </span>
           </p>
 
 
-          <div style={{ fontSize: '0.096rem'}}>资料图片:
+          <div style={{ fontSize: '0.096rem' }}>资料图片:
         <Row gutter={16}>
               {
                 // data.consultant && data.consultant.projects.map((item, _) => <span>{item}</span>)
           </div>
           {props.data.verifyStatus == 0 && <div style={{ marginTop: '10px', display: 'flex', justifyContent: 'center' }}>
             <AuthButton name="admin.documentVerify.id.put" noRight={null}>
-              <Button type="primary" onClick={() => handleOk(1)}>通过</Button>
+              <Button type="primary" style={{ marginTop: '30px' }} onClick={() => handleOk(1)}>通过</Button>
             </AuthButton>
             &nbsp;&nbsp;&nbsp;&nbsp;
         <AuthButton name="admin.documentVerify.id.put" noRight={null}>
-              <Button onClick={() => handleOk(2)}>不通过</Button>
+              <Button style={{ marginTop: '30px' }} onClick={() => handleOk(2)}>不通过</Button>
             </AuthButton>
             {/* &nbsp;&nbsp;&nbsp;&nbsp;
         <Button onClick={cancelPage}>返回</Button> */}
     // return <div>111</div>
   }
 
-
+  const changePageNum = (pageNumber) => {
+    getList({ pageNum: pageNumber, pageSize: 5 })
+  }
 
 
   return (
     <>
       {/* <div>111</div> */}
-      <div>{console.log("data1", data)}
+      <div>
         {
           // data.consultant && data.consultant.projects.map((item, _) => <span>{item}</span>)
           data.map((data, inx) =>
 
             <Card data={data}></Card>
-            // <Col span={6}>
-            //   <ZmageImg style={{ width: '300px', height: '400px' }} src={data.img} />
-            // </Col>
+
           )
         }
         {/* <Card data = {data.records}></Card> */}
+        <div style={{ display: 'flex', justifyContent: 'flex-end', marginTop: '30px' }}>
+          <Pagination showQuickJumper defaultCurrent={1} total={datas.total} pageSize={datas.size} onChange={changePageNum} current={datas.current} />
+        </div>
 
       </div>
 

src/pages/system/document/list.jsx

       dataIndex: 'createDate',
       key: 'createDate',
       align: 'center',
-      render: (createDate) => moment(createDate).format('YYYY-MM-DD')
+      render: (createDate) => moment(createDate).format('YYYY-MM-DD h:mm:ss')
     },
 
     {