客户资料

config/routes.js

@@ -408,6 +408,17 @@ export default [
                 hideInMenu: true,
                 component: './system/editPolicy',
               },
+              {
+                path: '/system/document/list',
+                name: '客户资料',
+                component: './system/document/list',
+              },
+              {
+                path: '/system/document/audit',
+                name: '客户资料审核',
+                hideInMenu: true,
+                component: './system/document/audit',
+              },
             ],
           },
           {

package.json

@@ -60,6 +60,7 @@
     "react-copy-to-clipboard": "^5.0.1",
     "react-document-title": "^2.0.3",
     "react-dom": "^16.8.6",
+    "react-zmage": "^0.8.5",
     "redux": "^4.0.1",
     "umi": "^2.8.7",
     "umi-plugin-pro-block": "^1.3.2",

src/pages/system/document/audit.jsx

@@ -0,0 +1,37 @@
+import React from 'react'
+import { Button } from 'antd'
+import Zmage from 'react-zmage'
+
+function body(props) {
+  return (
+    <>
+      <Zmage
+        style={{ width: '300px', height: '400px' }}
+        src={props.src}
+        // alt="0"
+        backdrop="linear-gradient(90deg, rgba(86,81,81,0.7) 0%, rgba(86,81,81, 0.7) 100%)"
+        radius={5}
+        edge={20}
+        animate={{
+          flip: 'fade',
+        }}
+        controller={{
+          // 关闭按钮
+          close: false,
+          // 缩放按钮
+          zoom: false,
+          // 下载按钮
+          download: false,
+          // 旋转按钮
+          rotate: false,
+          // 翻页按钮
+          flip: true,
+          // 多页指示
+          pagination: true,
+        }}
+      />
+    </>
+  )
+}
+
+export default body

src/pages/system/document/list.jsx

@@ -0,0 +1,99 @@
+import React, { useState } from 'react'
+import { Table, Form, Icon, Input, Button  } from 'antd'
+
+function body(props) {
+  // eslint-disable-next-line react-hooks/rules-of-hooks
+  const [dataSource, setDataSource] = useState({ records: [] })
+
+  /**
+   * 提交
+   * @param e
+   */
+  function handleSubmit(e) {
+    e.preventDefault();
+    props.form.validateFields((err, values) => {
+      if (!err) {
+        console.log('Received values of form: ', values);
+      }
+    });
+  }
+
+  /**
+   * 翻页
+   * @param page
+   * @param pageSize
+   */
+  function onPageNum(page, pageSize) {
+    console.log(page, pageSize)
+  }
+
+  /**
+   * 重置
+   */
+  function handleReset(e) {
+    props.form.resetFields();
+  }
+
+  const columns = [
+    {
+      title: '姓名',
+      dataIndex: 'name',
+      key: 'name',
+    },
+    {
+      title: '手机号',
+      dataIndex: 'phone',
+      key: 'phone',
+    },
+    {
+      title: '提交时间',
+      dataIndex: 'createDate',
+      key: 'createDate',
+    },
+    {
+      title: '状态',
+      dataIndex: 'status',
+      key: 'status',
+    },
+    {
+      title: '操作',
+      dataIndex: 'documentVerifyId',
+      key: 'documentVerifyId',
+    },
+  ]
+
+  const { getFieldDecorator, getFieldsError, getFieldError, isFieldTouched } = props.form;
+  return (
+    <>
+      <Form layout="inline" onSubmit={handleSubmit}>
+        <Form.Item>
+          {getFieldDecorator('username')(
+            <Input
+              placeholder="用户名"
+            />,
+          )}
+        </Form.Item>
+        <Form.Item>
+          {getFieldDecorator('phone')(
+            <Input
+              placeholder="手机号"
+            />,
+          )}
+        </Form.Item>
+        <Form.Item>
+          <Button type="primary" htmlType="submit">
+            查询
+          </Button>
+          &nbsp;&nbsp;&nbsp;&nbsp;
+          <Button onClick={(e) => handleReset(e)}>
+            清空
+          </Button>
+        </Form.Item>
+      </Form>
+      <Table dataSource={dataSource.records} pagination={{ total: dataSource.total, pageSize: dataSource.pageSize, onChange: (page, pageSize) => onPageNum(page, pageSize), defaultCurrent: 1 }} columns={columns} />
+    </>
+  )
+}
+
+const WrappedbodyForm = Form.create({ name: 'body' })(body)
+export default WrappedbodyForm