zls

config/routes.js

@@ -121,6 +121,23 @@ export default [
             name: '电子合同',
             component: '../layouts/BlankLayout',
             routes: [
+              {
+                path: '/eContract/company/list',
+                name: '企业认证管理',
+                component: './eContract/company/index',
+              },
+              {
+                path: '/eContract/company/add',
+                name: '新增企业认证',
+                hideInMenu: true,
+                component: './eContract/company/add',
+              },
+              {
+                path: '/eContract/company/edit',
+                name: '编辑企业认证',
+                hideInMenu: true,
+                component: './eContract/company/edit',
+              },
               {
                 path: '/eContract/relatedOrganization',
                 name: '关联组织',

src/pages/eContract/company/add.jsx

@@ -0,0 +1,103 @@
+import React, { useState, useEffect } from 'react';
+import { Input, Menu, Dropdown, Button, Icon, message, Table, Divider, Tag, Select, Form, Alert } from 'antd';
+import { FormattedMessage } from 'umi-plugin-react/locale';
+import XForm, { FieldTypes } from '../../../components/XForm';
+import router from 'umi/router';
+import apis from '../../../services/apis';
+import request from '../../../utils/request';
+import Wangedit from '../../../components/Wangedit/Wangedit'
+import moment from 'moment';
+
+
+const header = props => {
+    const companyId = props.location.query.id
+  
+    const [ data, setData ] = useState({})
+    if(companyId){
+      useEffect(() => {
+        getCompanyData(companyId);
+      },[])
+    
+      // 查询列表
+      const getCompanyData = (companyId) => {
+        request({
+            ...apis.company.get,
+            urlData: { id: companyId }
+        }).then((data) => {
+          setData(data)
+        }).catch((err) => {
+          message.error(err.msg || err.message)
+        })
+      }
+    }else{
+      //第一次进入就创建新的企业
+      useEffect(() => {
+        addCompanyData();
+      },[])
+
+      // 查询列表
+      const addCompanyData = () => {
+        request({
+            ...apis.company.add,
+        }).then((data) => {
+          setData(data)
+        }).catch((err) => {
+          message.error(err.msg || err.message)
+        })
+      }
+    }
+  
+    const fields = [
+      {
+        label: '已自动生成企业编号',
+        name: 'companyCode',
+        value: data.companyCode,
+        render: <span>{data.companyCode}</span>
+      },    
+      {
+        label: '已生成法大大客户编号',
+        name: 'fadadaCode',
+        value: data.fadadaCode,
+        render: <span>{data.fadadaCode}</span>
+      },
+      {
+        label: '请选择企业管理员身份',
+        name: 'companyManagerType',
+        value: data.companyManagerType,
+        render: <Select style={{ width: '180px' }} placeholder="请选择企业管理员身份">
+                  <Select.Option value="legal">法人</Select.Option>
+                  <Select.Option value="agent">代理人</Select.Option>
+                </Select>,
+        rules: [
+          { required: true, message: '请选择企业管理员身份' },
+        ],
+      },
+    ]
+  
+     
+    const handleSubmit = (values) => {
+      if(data.companyId){
+          request({ ...apis.company.update, urlData: { id: data.companyId }, data: { ...values }}).then((data) => {
+            console.log(data,"dadadasdadasdasdasdasda")
+            message.info("提交成功，请完成认证信息！")
+            window.open(data.certifiedAddress);
+            cancelPage();
+          }).catch((err) => {
+            message.error(err.msg || err.message)
+          })
+        }
+    }
+  
+    const cancelPage = () => {
+      router.push({
+        pathname: '/eContract/company/list',
+      });
+    }
+  
+    return (
+      <XForm onSubmit={handleSubmit} onCancel={cancelPage} fields={fields}></XForm>
+    )
+  }
+  
+  const WrappedNormalLoginForm = Form.create({ name: 'header' })(header);
+  export default WrappedNormalLoginForm

src/pages/eContract/company/edit.jsx

@@ -0,0 +1,235 @@
+import React, { useState, useEffect } from 'react';
+import { Input, Menu, Dropdown, Button, Icon, message, Table, Divider, Tag, Select, Form, Alert, Tabs, Row, Col } from 'antd';
+import { FormattedMessage } from 'umi-plugin-react/locale';
+import XForm, { FieldTypes } from '../../../components/XForm';
+import router from 'umi/router';
+import apis from '../../../services/apis';
+import request from '../../../utils/request';
+import Wangedit from '../../../components/Wangedit/Wangedit'
+import moment from 'moment';
+
+const { TabPane } = Tabs;
+
+const header = props => {
+    const companyId = props.location.query.id
+  
+    const [ data, setData ] = useState({})
+    if(companyId){
+      useEffect(() => {
+        getCompanyData(companyId);
+      },[])
+    
+      // 查询列表
+      const getCompanyData = (companyId) => {
+        request({
+            ...apis.company.get,
+            urlData: { id: companyId }
+        }).then((data) => {
+          if(data.certifiedStatus === 'registered'){
+            router.push({
+              pathname: '/eContract/company/add',
+              query: {
+                id: companyId
+              },
+            });
+            return
+          }
+          setData(data)
+        }).catch((err) => {
+          message.error(err.msg || err.message)
+        })
+      }
+    }else{
+      //第一次进入就创建新的企业
+      useEffect(() => {
+        addCompanyData();
+      },[])
+
+      // 添加
+      const addCompanyData = () => {
+        request({
+            ...apis.company.add,
+        }).then((data) => {
+          setData(data)
+        }).catch((err) => {
+          message.error(err.msg || err.message)
+        })
+      }
+    }
+
+    const openFddUrl = () => {
+      window.open(data.certifiedAddress)
+    }
+
+    const getCompanyInfo = () => {
+      request({
+          ...apis.company.refresh,urlData: { id: data.companyId }
+      }).then((data) => {
+        setData(data)
+      }).catch((err) => {
+        message.error(err.msg || err.message)
+      })
+    }
+  
+    return (
+      <Tabs type="card">
+        <TabPane tab="基本信息" key="1">
+            <Row>
+              <Col span={8}></Col>
+              <Col span={4}>企业编号</Col>
+              <Col span={4}>{data.companyCode}</Col>
+              <Col span={8}></Col>
+            </Row>
+            <Row>
+              <Col span={8}></Col>
+              <Col span={4}>法大大客户编号</Col>
+              <Col span={4}>{data.fadadaCode}</Col>
+              <Col span={8}></Col>
+            </Row>
+            <Row>
+              <Col span={8}></Col>
+              <Col span={4}>企业管理员身份</Col>
+              <Col span={4}>{data.companyManagerType === 'legal' ? '法人' : data.companyManagerType === 'agent' ? "代理人" : "" }</Col>
+              <Col span={8}></Col>
+            </Row>
+            <Row>
+              <Col span={8}></Col>
+              <Col span={4}>认证序列号</Col>
+              <Col span={4}>{data.certifiedSerialNumber}</Col>
+              <Col span={8}></Col>
+            </Row>
+            <Row>
+              <Col span={8}></Col>
+              <Col span={4}>实名认证地址</Col>
+              <Col span={4}><a onClick={openFddUrl}>{data.certifiedAddress}</a></Col>
+              <Col span={8}></Col>
+            </Row>
+            <Row>
+              <Col span={8}></Col>
+              <Col span={4}>实名认证状态</Col>
+              <Col span={4}>{data.status === 0 ? '未认证' : data.status === 1 ? "管理员资料已提交" : data.status === 2 ? "企业基本资料（没有申请表）已提交" : data.status === 3 ? "已提交待审核" : 
+                             data.status === 4 ? '审核通过' : data.status === 5 ? "审核不通过" : data.status === 6 ? "人工初审通过" : "" }</Col>
+              <Col span={8}></Col>
+            </Row>
+            <Row>
+              <Col span={8}></Col>
+              <Col span={4}>
+                <Button type="danger" onClick={getCompanyInfo}>更新认证状态</Button>
+              </Col>
+              <Col span={4}>
+                <Button type="danger" onClick={() => router.go(-1)}>返回</Button>
+              </Col>
+              <Col span={8}></Col>
+            </Row>
+        </TabPane>
+        <TabPane tab="企业认证信息" key="2">
+        <Row>
+              <Col span={8}></Col>
+              <Col span={4}>认证状态</Col>
+              <Col span={4}>{data.status === 0 ? '未认证' : data.status === 1 ? "管理员资料已提交" : data.status === 2 ? "企业基本资料（没有申请表）已提交" : data.status === 3 ? "已提交待审核" : 
+                             data.status === 4 ? '审核通过' : data.status === 5 ? "审核不通过" : data.status === 6 ? "人工初审通过" : "" }</Col>
+              <Col span={8}></Col>
+            </Row>
+            <Row>
+              <Col span={8}></Col>
+              <Col span={4}>不通过原因</Col>
+              <Col span={4}>{data.reason}</Col>
+              <Col span={8}></Col>
+            </Row>
+            <Row>
+              <Col span={8}></Col>
+              <Col span={4}>审核时间</Col>
+              <Col span={4}>{data.verifyTime}</Col>
+              <Col span={8}></Col>
+            </Row>
+            <Row>
+              <Col span={8}></Col>
+              <Col span={4}>认证方式</Col>
+              <Col span={4}>{data.certifiedType === 0 ? "银行卡认证" : data.certifiedType === 1 ? "纸质审核认证" : ""}</Col>
+              <Col span={8}></Col>
+            </Row>
+            <Row>
+              <Col span={8}></Col>
+              <Col span={4}>企业信息</Col>
+              <Col span={4}></Col>
+              <Col span={8}></Col>
+            </Row>
+            <Row>
+              <Col span={8}></Col>
+              <Col span={4}>企业名称</Col>
+              <Col span={4}>{data.companyName}</Col>
+              <Col span={8}></Col>
+            </Row>
+            <Row>
+              <Col span={8}></Col>
+              <Col span={4}>统一社会信用代码</Col>
+              <Col span={4}>{data.creditCode}</Col>
+              <Col span={8}></Col>
+            </Row>
+
+            <Row>
+              <Col span={8}></Col>
+              <Col span={4}><span>对公账号信息</span></Col>
+              <Col span={4}></Col>
+              <Col span={8}></Col>
+            </Row>
+            <Row>
+              <Col span={8}></Col>
+              <Col span={4}>银行名称</Col>
+              <Col span={4}>{data.bankName}</Col>
+              <Col span={8}></Col>
+            </Row>
+            <Row>
+              <Col span={8}></Col>
+              <Col span={4}>银行帐号</Col>
+              <Col span={4}>{data.bankAccount}</Col>
+              <Col span={8}></Col>
+            </Row>
+            <Row>
+              <Col span={8}></Col>
+              <Col span={4}>开户支行名称</Col>
+              <Col span={4}>{data.subbranchName}</Col>
+              <Col span={8}></Col>
+            </Row>
+
+            <Row>
+              <Col span={8}></Col>
+              <Col span={4}>企业管理员身份</Col>
+              <Col span={4}>{data.companyManagerType === 'legal' ? '法人' : data.companyManagerType === 'agent' ? "代理人" : ""}</Col>
+              <Col span={8}></Col>
+            </Row>
+            <Row>
+              <Col span={8}></Col>
+              <Col span={4}>姓名</Col>
+              <Col span={4}>{data.userName}</Col>
+              <Col span={8}></Col>
+            </Row>
+            <Row>
+              <Col span={8}></Col>
+              <Col span={4}>手机号</Col>
+              <Col span={4}>{data.tel}</Col>
+              <Col span={8}></Col>
+            </Row>
+            <Row>
+              <Col span={8}></Col>
+              <Col span={4}>身份证号码</Col>
+              <Col span={4}>{data.idCard}</Col>
+              <Col span={8}></Col>
+            </Row>
+            <Row>
+              <Col span={8}></Col>
+              <Col span={4}>
+                <Button type="danger" onClick={getCompanyInfo}>更新企业认证信息</Button>
+              </Col>
+              <Col span={4}>
+                <Button type="danger" onClick={() => router.go(-1)}>返回</Button>
+              </Col>
+              <Col span={8}></Col>
+            </Row>
+        </TabPane>
+      </Tabs> 
+    )
+  }
+  
+  const WrappedNormalLoginForm = Form.create({ name: 'header' })(header);
+  export default WrappedNormalLoginForm

src/pages/eContract/company/index.jsx

@@ -0,0 +1,213 @@
+import React, { useState, useEffect } from 'react';
+import { PageHeaderWrapper } from '@ant-design/pro-layout';
+import { Form, Pagination, Card, Button, Icon, Tooltip, message,   notification, Modal, Table, Select, Input, DatePicker } from 'antd';
+import router from 'umi/router';
+import moment from 'moment';
+import className from 'classnames';
+import Cell from '../../../components/Cell';
+import styles from './style.less';
+import { fetch, apis } from '../../../utils/request';
+import request from '../../../utils/request';
+import AuthButton from '@/components/AuthButton';
+
+const { MonthPicker, RangePicker, WeekPicker } = DatePicker;
+
+function header(props) {
+  // 获取初始化数据
+  const [ data, setData ] = useState({})
+  const [deleteList, setDeleteList] = useState([])
+
+  useEffect(() => {
+    getList({ pageNum: 1, pageSize: 10 });
+  },[])
+
+  // 查询列表
+  const getList = (params) => {
+    request({ ...apis.company.list, params: { ...params } }).then((data) => {
+        console.log(data)
+        setData(data)
+    })
+  }
+
+  
+  // 提交事件
+  const handleSubmit = (e, props) => {
+    e.preventDefault();
+    props.form.validateFields((err, values) => {
+      if (!err) {
+        getList({ pageNum: 1, pageSize: 10, ...values })
+      }
+    });
+  }
+
+  const changePageNum = (pageNumber) => {
+    let values  = props.form.getFieldsValue()
+    getList({ pageNum: pageNumber, pageSize: 10, ...values })
+  }
+
+  const rowSelection = {
+    onChange: (selectedRowKeys, selectedRows) => {
+      console.log('selectedRowKeys:', selectedRowKeys, 'selectedRows: ', selectedRows);
+      setDeleteList(selectedRows)
+    },
+  };
+
+
+  // 跳转到编辑资讯
+  const toEditCompany = (id) => () => {
+    router.push({
+      pathname: '/eContract/company/edit',
+      query: {
+        id
+      },
+    });
+  }
+
+  
+  // 跳转到编辑资讯
+  const toAddCompany = () => {
+    router.push({
+      pathname: '/eContract/company/add',
+    });
+  }
+
+  
+  const changeStatus = () => {
+    if(deleteList.length < 1){
+      message.error('请先选择要删除的数据！')
+      return
+    }
+    const title = '确认将所选的' + deleteList.length + '条数据删除？认证通过的企业不会被删除'
+    Modal.confirm({
+      title: title,
+      okText: '确认',
+      cancelText: '取消',
+      onOk() {
+        request({ ...apis.company.delete, data: { ids: deleteList.map(x => x.companyId) } }).then((data) => {
+          const resultMessage = '操作成功，其中'+data.successNum+'条成功删除，'+data.failNum+'条已认证数据无法删除。'
+          message.info(resultMessage)
+          getList({ pageNum: 1, pageSize: 10 });
+        }).catch((err) => {
+          console.log(err)
+          message.info(err.msg || err.message)
+        })
+      }
+    });
+  }
+  /**
+   *
+   *
+   * @param {*} props
+   * @returns
+   */
+  const columns = [
+    {
+      title: '企业名称',
+      dataIndex: 'companyName',
+      key: 'companyName',
+      align: 'center',
+    },
+    {
+      title: '企业编号',
+      dataIndex: 'companyCode',
+      key: 'companyCode',
+      align: 'center',
+    },
+    {
+      title: '法大大客户编号',
+      dataIndex: 'fadadaCode',
+      key: 'fadadaCode',
+      align: 'center',
+
+    },
+    {
+      title: '实名认证状态',
+      dataIndex: 'status',
+      key: 'status',
+      align: 'center',
+      render: (status) => <span>{status === 0 ? '未认证' : status === 1 ? "管理员资料已提交" : status === 2 ? "企业基本资料（没有申请表）已提交" : status === 3 ? "已提交待审核" : 
+      status === 4 ? '审核通过' : status === 5 ? "审核不通过" : status === 6 ? "人工初审通过" : "" }</span>,
+    },
+    {
+      title: '企业管理员身份',
+      dataIndex: 'companyManagerType',
+      key: 'companyManagerType',
+      align: 'center',
+      render: (companyManagerType) => <span>{companyManagerType === 'legal' ? '法人' : companyManagerType === 'agent' ? "代理人" : "" }</span>,
+    },
+    {
+      title: '操作',
+      dataIndex: 'handle',
+      key: 'handle',
+      align: 'center',
+      render: (x, row) => (
+        <span style={{ color: '#FF925C', cursor: 'pointer' }} onClick={toEditCompany(row.companyId)}>
+          查看详情<Icon type="form" className={styles.edit} />
+        </span>
+      ),
+    },
+  ];
+  function handleReset() {
+    props.form.resetFields();
+    getList({ pageNum: 1, pageSize: 10 })
+  }
+
+  const { getFieldDecorator } = props.form
+  return (
+
+    <>
+    <Form layout="inline" onSubmit={e => handleSubmit(e, props)}>
+        <Form.Item>
+          {getFieldDecorator('companyName')(
+            <Input
+              prefix={<Icon type="text" style={{ color: 'rgba(0,0,0,.25)' }} />}
+              placeholder="企业名称"
+            />,
+          )}
+        </Form.Item>
+        <Form.Item>
+          {getFieldDecorator('companyCode')(
+            <Input
+              prefix={<Icon type="text" style={{ color: 'rgba(0,0,0,.25)' }} />}
+              placeholder="企业编号"
+            />,
+          )}
+        </Form.Item>
+        <Form.Item>
+          {getFieldDecorator('status')(
+            <Select style={{ width: '180px' }} placeholder="实名认证状态">
+              <Select.Option value="0">未认证</Select.Option>
+              <Select.Option value="1">管理员资料已提交</Select.Option>
+              <Select.Option value="2">企业基本资料（没有申请表）已提交</Select.Option>
+              <Select.Option value="3">已提交待审核</Select.Option>
+              <Select.Option value="4">审核通过</Select.Option>
+              <Select.Option value="5">审核不通过</Select.Option>
+              <Select.Option value="6">人工初审通过</Select.Option>
+            </Select>,
+          )}
+        </Form.Item>
+        <Form.Item>
+          <Button type="primary" htmlType="submit" className={styles.searchBtn}>
+            搜索
+          </Button>
+          <Button style={{ marginLeft: 8 }} onClick={handleReset}>
+              重置
+          </Button>
+        </Form.Item>
+      </Form>
+      <AuthButton name="admin.taNewsType.post" noRight={null}>
+        <Button type="danger" className={styles.addBtn} onClick={toAddCompany}>新增</Button>
+      </AuthButton>
+      <AuthButton name="admin.taNewsType.post" noRight={null}>
+        <Button type="danger" style={{ marginLeft: 15 }} onClick={changeStatus}>删除</Button>
+      </AuthButton>
+      <Table rowSelection={rowSelection} rowKey="newsType" dataSource={data.records} columns={columns} pagination={false} />
+      <div style={{ display: 'flex', justifyContent: 'flex-end', marginTop: '30px' }}>
+        <Pagination showQuickJumper defaultCurrent={1} total={data.total} onChange={changePageNum} current={data.current}/>
+      </div>
+    </>
+  )
+}
+const WrappedHeader = Form.create({ name: 'header' })(header);
+
+export default WrappedHeader

src/pages/eContract/company/style.less

@@ -0,0 +1,22 @@
+.flex-box {
+  display: flex;
+  flex-wrap: wrap;
+
+  .flex-item {
+    flex: none;
+  }
+
+  .flex-auto {
+    flex: auto;
+  }
+}
+
+.member {
+  margin-bottom: 36px;
+  margin-right: 24px;
+}
+
+.square {
+  height: 0;
+  padding-bottom : 80%;
+}

src/services/apis.js

@@ -115,12 +115,12 @@ const apis = {
     uploadForAnt: {
       url: `${prefix}/antd/image`,
       method: 'POST',
-      action: 'center',
+      action: 'channel',
     },
     upload: {
       url: `${prefix}/image`,
       method: 'POST',
-      action: 'center',
+      action: 'channel',
     },
   },
   openScreen: {
@@ -164,27 +164,27 @@ const apis = {
     listContactByCondition: {
       url: `${prefix}/listContactByCondition`,
       method: 'GET',
-      action: 'center',
+      action: 'channel',
     },
     taContactAdd: {
       url: `${prefix}/taContact`,
       method: 'POST',
-      action: 'center',
+      action: 'channel',
     },
     batchDeleteContact: {
       url: `${prefix}/taContact/batchDelete`,
       method: 'PUT',
-      action: 'center',
+      action: 'channel',
     },
     taContactGet: {
       url: `${prefix}/taContact/:id`,
       method: 'GET',
-      action: 'center',
+      action: 'channel',
     },
     taContactUpdate: {
       url: `${prefix}/taContact/:id`,
       method: 'PUT',
-      action: 'center',
+      action: 'channel',
     },
     list: {
       url: `${prefix}/taContact`,
@@ -238,6 +238,38 @@ const apis = {
       action: 'channel',
     },
     
+
+  company: {
+    list: {
+      url: `${prefix}/company/list`,
+      method: 'GET',
+      action: 'channel',
+    },
+    add: {
+      url: `${prefix}/company/add`,
+      method: 'POST',
+      action: 'channel',
+    },
+    get: {
+      url: `${prefix}/company/:id`,
+      method: 'GET',
+      action: 'channel',
+    },
+    update: {
+      url: `${prefix}/company/:id`,
+      method: 'PUT',
+      action: 'channel',
+    },
+    refresh: {
+      url: `${prefix}/company/fdd/:id`,
+      method: 'GET',
+      action: 'channel',
+    },
+    delete: {
+      url: `${prefix}/company/delete`,
+      method: 'DELETE',
+      action: 'channel',
+    }
   }