zls

src/pages/system/document/audit.jsx

@@ -1,92 +1,188 @@
 import React, { useState, useEffect } from 'react';
-import { Col, Row, Button, Modal } from 'antd'
+import { Col, Row, Button, Modal, Input } from 'antd'
 import ZmageImg from '../../../components/ZmageImg/ZmageImg'
 import request from '../../../utils/request';
 import apis from '../../../services/apis';
 import { router } from 'umi';
 import AuthButton from '../../../components/AuthButton';
+import moment from 'moment';
 
 function body (props) {
   const documentVerifyId = props.location.query.id
   const [data, setData] = useState([])
 
+  // const [status,setStatus] = useState()
   useEffect(() => {
     getList()
-
+    // setVisible(false)
+    // setReasonValue()
+    // useState(2)
   }, [])
   // , documentVerifyId: documentVerifyId
   function getList (params) {
     // 网路请求
     console.log(props, '1111')
     request({ ...apis.system.documentVerifyDetail, urlData: { id: documentVerifyId } }).then(data => {
-      console.log('data:', data)
-      setData(data.imgList)
+      console.log('data:', data.records)
+
+      setData(data.records)
     }).catch(err => {
       // eslint-disable-next-line no-unused-expressions
 
     })
   }
 
-  function onVerify (params) {
-    // 网路请求
-    request({ ...apis.system.updateVerify, urlData: { id: documentVerifyId }, data: { verifyStatus: params } }).then(data => {
 
-    }).catch(err => {
-      // eslint-disable-next-line no-unused-expressions
 
-    })
+  const cancelPage = () => {
+    router.push({
+      pathname: '/system/document/list',
+    });
   }
 
 
+  const Card = (props) => {
+    const [visible, setVisible] = useState()
+    const [reasonValue, setReasonValue] = useState('')
+    useEffect(() => {
+      setVisible(false)
+    }, [])
+
 
-  const handleOk = () => {
+    function onVerify (params) {
+      // 网路请求
+      console.log(reasonValue, "111212")
+      request({ ...apis.system.updateVerify, urlData: { id: props.data.documentVerifyId }, data: { verifyStatus: params, rejectReason: reasonValue } }).then(data => {
+        console.log(data, "datadata")
+        getList()
+      }).catch(err => {
 
 
-    Modal.confirm({
-      title: '审核通过后，将给当前用户发放积分 确认审核通过？',
-      okText: '确认',
-      cancelText: '取消',
-      onOk () {
+      })
+    }
 
-        onVerify(1)
+
+
+    const handleOk = (data) => {
+
+      if (data == 1) {
+        Modal.confirm({
+          title: '审核通过后，将给当前用户发放积分 确认审核通过？',
+          okText: '确认',
+          cancelText: '取消',
+          onOk () {
+
+            onVerify(1)
+          }
+        });
+      } else {
+        setVisible(true)
       }
-    });
-  }
+    }
 
-  const cancelPage = () => {
-    router.push({
-      pathname: '/system/document/list',
-    });
+    const showModal = () => {
+      setVisible(true)
+    };
+
+    const handleOk1 = e => {
+      console.log(e);
+      onVerify(2)
+
+      setVisible(false)
+
+    };
+
+    const handleCancel = e => {
+
+      setVisible(false)
+    };
+
+    const Reason = e => {
+      console.log(e.target.value)
+      // e.target.
+      setReasonValue(e.target.value)
+    }
+
+
+    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'}}>
+            <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>
+          </p>
+
+
+          <div style={{ fontSize: '0.096rem'}}>资料图片:
+        <Row gutter={16}>
+              {
+                // data.consultant && data.consultant.projects.map((item, _) => <span>{item}</span>)
+                carddata.map((data, inx) =>
+                  <Col span={4} style={{ textAlign: "center" }}>
+                    <ZmageImg style={{ width: '128px', height: '128px', marginTop: '30px' }} src={data.img} />
+                  </Col>
+                )
+              }
+            </Row>
+          </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>
+            </AuthButton>
+            &nbsp;&nbsp;&nbsp;&nbsp;
+        <AuthButton name="admin.documentVerify.id.put" noRight={null}>
+              <Button onClick={() => handleOk(2)}>不通过</Button>
+            </AuthButton>
+            {/* &nbsp;&nbsp;&nbsp;&nbsp;
+        <Button onClick={cancelPage}>返回</Button> */}
+
+          </div>}
+          <Modal
+            title="驳回原因"
+            visible={visible}
+            onOk={handleOk1}
+            onCancel={handleCancel}
+            okText="确认"
+            cancelText="取消"
+          >
+            <Input value={reasonValue} onChange={e => Reason(e)} />
+          </Modal>
+        </div>
+
+      </>
+    )
+    // return <div>111</div>
   }
 
+
+
+
   return (
     <>
-      <div style={{ background: '#ECECEC', padding: '30px' }}>
-        <Row gutter={16}>
-          {
-            // data.consultant && data.consultant.projects.map((item, _) => <span>{item}</span>)
-            data.map((data, inx) =>
-              <Col span={6}>
-                <ZmageImg style={{ width: '300px', height: '400px' }} src={data.img} />
-              </Col>
-            )
-          }
-        </Row>
-      </div>
-      <div style={{ marginTop: '10px', display: 'flex', justifyContent: 'center' }}>
-        <AuthButton name="admin.documentVerify.id.put" noRight={null}>
-          <Button type="primary" onClick={() => handleOk()}>通过</Button>
-        </AuthButton>
-        &nbsp;&nbsp;&nbsp;&nbsp;
-        <AuthButton name="admin.documentVerify.id.put" noRight={null}>
-          <Button onClick={() => onVerify(2)}>不通过</Button>
-        </AuthButton>
-        &nbsp;&nbsp;&nbsp;&nbsp;
-        <Button onClick={cancelPage}>返回</Button>
+      {/* <div>111</div> */}
+      <div>{console.log("data1", data)}
+        {
+          // 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>
 
 
+
+
     </>
   )
 }

src/pages/system/document/list.jsx

@@ -56,23 +56,14 @@ function body(props) {
   }
 
   function audit(record){
-    if(record.verifyStatus === 0){
+    
       router.push({
         pathname: '/system/document/audit',
         query: {
-          id: record.documentVerifyId,
+          id: record.personId,
         },
       })
-    }
-  else{
-    router.push({
-      pathname: '/system/document/see',
-      query: {
-        id: record.documentVerifyId,
-      },
-    })
-      
-    }
+   
   }
 
   const columns = [
@@ -80,34 +71,42 @@ function body(props) {
       title: '姓名',
       dataIndex: 'name',
       key: 'name',
+      align: 'center',
     },
     {
       title: '手机号',
       dataIndex: 'tel',
       key: 'tel',
+      align: 'center',
     },
     {
       title: '提交时间',
       dataIndex: 'createDate',
       key: 'createDate',
+      align: 'center',
       render: (createDate) => moment(createDate).format('YYYY-MM-DD')
     },
+
     {
-      title: '状态',
-      dataIndex: 'verifyStatus',
-      key: 'verifyStatus',
-      render: (x,row) => (
-        <>
-         
-            <span style={{ cursor: 'pointer' }}>{ row.verifyStatus === 0 ? '未审核' : row.verifyStatus === 1 ? '审核通过' : '审核未通过' }</span>
-           
-        </>
-      )
+      title: '已审核数',
+      dataIndex: 'totalSummit',
+      key: 'totalSummit',
+      align: 'center',
     },
+
+    {
+      title: '未审核数',
+      dataIndex: 'unverified',
+      key: 'unverified',
+      align: 'center',
+    },
+
+   
     {
       title: '操作',
       dataIndex: 'documentVerifyId',
       key: 'documentVerifyId',
+      align: 'center',
       render: (x,row) => (
         <>
           <AuthButton name="admin.documentVerify.id.get" noRight={null}>

src/pages/system/document/see.jsx

@@ -1,62 +0,0 @@
-import React, { useState, useEffect } from 'react';
-import { Col, Row, Button, Modal } from 'antd'
-import { router } from 'umi';
-import ZmageImg from '../../../components/ZmageImg/ZmageImg'
-import request from '../../../utils/request';
-import apis from '../../../services/apis';
-
-
-function body (props) {
-  const documentVerifyId = props.location.query.id
-  const [data, setData] = useState([])
-
-  useEffect(() => {
-    getList()
-  }, [])
-// , documentVerifyId: documentVerifyId
-  function getList (_params) {
-    // 网路请求
-    console.log(props, '1111')
-    request({ ...apis.system.documentVerifyDetail, urlData: { id: documentVerifyId } }).then(data => {
-      console.log('data:', data.imgList)
-      setData(data.imgList)
-    }).catch(_err => {
-      // eslint-disable-next-line no-unused-expressions
-
-    })
-  }
-
-
-  const cancelPage = () => {
-    router.push({
-      pathname: '/system/document/list',
-    });
-  }
-
-
-  return (
-    <>
-      <div style={{ background: '#ECECEC', padding: '30px' }}>
-        <Row gutter={16}>
-          {
-            // data.consultant && data.consultant.projects.map((item, _) => <span>{item}</span>)
-            data.map(item =>
-              <Col span={6} key={item.documentImgId}>
-               <ZmageImg style={{ width: '300px', height: '400px' }} src={item.img} />
-              </Col>,
-            )
-          }
-        </Row>
-      </div>
-      <div style={{ marginTop: '10px', display: 'flex', justifyContent: 'center' }}>
-
-        <Button onClick={cancelPage}>返回</Button>
-
-      </div>
-
-
-    </>
-  )
-}
-
-export default body