Merge branch 'master' of http://git.ycjcjy.com/estateagents/pc-channel

config/routes.js

@@ -138,6 +138,17 @@ export default [
                 hideInMenu: true,
                 component: './eContract/company/edit',
               },
+              {
+                path: '/eContract/seal/list',
+                name: '印章管理',
+                component: './eContract/seal/list',
+              },
+              {
+                path: '/eContract/seal/detail',
+                name: '印章管理',
+                hideInMenu: true,
+                component: './eContract/seal/detail',
+              },
               {
                 path: '/eContract/relatedOrganization',
                 name: '关联组织',

src/pages/eContract/seal/components/AddSeal.jsx

@@ -0,0 +1,102 @@
+import React, { PureComponent, useState, useEffect } from 'react'
+import { Modal, Row, Col, Table, Pagination, Button, Form, Input,message, Icon, notification } from 'antd'
+import ImageUpload from './ImageUpload';
+import apis from '../../../../services/apis';
+import router from 'umi/router';
+import request from '../../../../utils/request';
+
+const AddSeal = props => {
+  const companyId = props.companyId
+  function close(e){
+    props.onCancel(e)
+  }
+
+  function handleSubmit (e) {
+    e.preventDefault();
+    props.form.validateFields((err, values) => {
+      if (!err){
+        request({ ...apis.seal.addSeal, data: { ...values, companyId: companyId },}).then((data) => {
+          message.info("保存成功")
+          props.onSuccess({visable:false, companyId: companyId});
+        }).catch((err) => {
+          message.info(err.msg || err.message)
+        })
+      }
+    });
+  }
+
+  function openNotificationWithIcon(type, message) {
+    notification[type]({
+      message,
+      description:
+        '',
+    });
+  }
+
+  function checkImageWH(file, width, height) {
+    let self = this;
+    return new Promise(function (resolve, reject) {
+        let filereader = new FileReader();
+        filereader.onload = e => {
+            let src = e.target.result;
+            const image = new Image();
+            image.onload = function () {
+                if (width && this.width != width && height && this.height != height) {
+                    message.error('图片尺寸不符合要求')
+                    reject();
+                } else {
+                    resolve();
+                }
+            };
+            image.onerror = reject;
+            image.src = src;
+        };
+        filereader.readAsDataURL(file);
+    });
+}
+
+  const handleBeforeUpload = (file) => {
+    //限制图片 格式、分辨率
+    const isPNG = file.type === 'image/png';
+    if (! isPNG){
+        message.error('请上传PNG格式图片')
+    }
+    return (isPNG ) && checkImageWH(file, 166, 166);
+  }  
+
+  const { getFieldDecorator } = props.form
+
+  return (
+    <Modal footer={null} title="新增印章" visible={props.visible} onCancel={() => close({visable:false})} width={800}>
+      <Form labelCol={{ span: 7 }} wrapperCol={{ span: 12 }} onSubmit={handleSubmit}>
+        <Form.Item label="印章名称">
+            {getFieldDecorator('sealName',{
+            rules: [
+                {
+                required: true,
+                message: '请填写印章名称',
+                },
+            ],
+            })(<Input maxLength={10}/>)}
+        </Form.Item>
+        <Form.Item label="印章图" help="166*166 像素，PNG格式透明底 ">
+            {getFieldDecorator('sealImg', {
+              rules: [{ required: true, message: '请选择印章图' }],
+            })(
+              <ImageUpload beforeUpload={handleBeforeUpload} />,
+            )}
+          </Form.Item>
+        <Form.Item style={{ width: '400px', margin: 'auto', display: 'flex', justifyContent: 'space-between' }}>
+            <Button type="primary" htmlType="submit">确定</Button>
+            &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
+            <Button onClick={() => close({visable:false})}>取消</Button>
+         </Form.Item>
+      </Form>
+    </Modal>
+  );
+}
+
+const WrappedBase = Form.create({ name: 'AddSeal' })(AddSeal);
+
+export default WrappedBase
+

src/pages/eContract/seal/components/AuthRes.jsx

@@ -0,0 +1,33 @@
+import React, { PureComponent, useState, useEffect } from 'react'
+import { Modal, Row, Col, Table, Pagination, Button, Form, Input,message } from 'antd'
+
+import request from '../../../../utils/request';
+import apis from '../../../../services/apis';
+
+const AuthRes = props => {
+  const authRes = props.authInfo
+
+  return (
+    <Modal footer={null} title="授权信息" visible={props.visable} onCancel={props.onCancel} width={800}>
+      <Form labelCol={{ span: 7 }} wrapperCol={{ span: 12 }}>
+        <Form.Item label="授权状态">
+          <span>{authRes.status === 1 ? '已授权':'未授权'}</span>
+        </Form.Item>
+        <Form.Item label="授权类型">
+          <span>{authRes.authType === 'onLine' ? '接口线上授权': authRes.authType === 'offLine' ? '线下管理员授权' : ''}</span>
+        </Form.Item>
+        <Form.Item label="授权流水号">
+        <span>{authRes.transactionId}</span>
+        </Form.Item>
+        <Form.Item label="授权合同编号">
+        <span>{authRes.contractId}</span>
+        </Form.Item>
+      </Form>
+    </Modal>
+  );
+}
+
+const WrappedBase = Form.create({ name: 'AuthRes' })(AuthRes);
+
+export default WrappedBase
+

src/pages/eContract/seal/components/Authorize.jsx

@@ -0,0 +1,127 @@
+import React, { useState, useEffect } from 'react';
+import { Input, Menu, Dropdown, Button, Icon, message, Table, Divider, Tag, Select, Form, Alert, Tabs, Row, Col, Radio, tab } 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 AuthRes from './AuthRes';
+import moment from 'moment';
+
+const { TabPane } = Tabs;
+
+const header = props => {
+    const companyId = props.companyId
+  
+    const [ data, setData ] = useState({})
+    const [ authData, setAuthData ] = useState({})
+    const [ authRes, setAuthRes ] = useState({visable: false, data: ''})
+
+    if(companyId){
+      useEffect(() => {
+        getCompanyData(companyId);
+        auth(companyId);
+      },[])
+    
+      // 查询列表
+    const getCompanyData = (companyId) => {
+      request({ ...apis.company.companyById, urlData: { id: companyId } }).then((data) => {
+        setData(data)
+      }).catch((err) => {
+        message.error(err.msg || err.message)
+      })
+     }
+    }
+
+    const auth = (companyId) => {
+      request({ ...apis.company.getAuthStatus, urlData: { id: companyId } }).then((data) => {
+        setAuthData(data)
+      }).catch((err) => {
+        message.error(err.msg || err.message)
+      })
+    }
+
+    const openFddUrl = (data) => {
+      window.open(data)
+    }
+  
+    function back(){
+      router.go(-1)
+    }
+
+    function applyAuth(){
+      request({ ...apis.company.autoAuthSeal, urlData: { id: companyId } }).then((data) => {
+        console.log(data, 'datatatata')
+        openFddUrl(data)
+        
+      }).catch((err) => {
+        message.error(err.msg || err.message)
+      })
+    }
+
+    function queryAuth(e){
+      console.log(e, 'eeadssa')
+      setAuthRes({visable:e.visable, data: authData})
+    }
+
+    function closeAuth(e){
+      console.log(e, '1111111')
+      setAuthRes({visable:e.visable, data: ''})
+    }
+    return (
+      <>
+        <Form labelCol={{ span: 7 }} wrapperCol={{ span: 12 }}>
+        <Form.Item label="企业名称">
+          <span>{data.companyName}</span>
+        </Form.Item>
+        <Form.Item label="流水号/交易号">
+          <span>{data.authorizeTransactionId}</span>
+        </Form.Item>
+        <Form.Item label="授权签署地址">
+        <span>{data.authorizeAddress}</span>
+        </Form.Item>
+        <Form.Item label="合同编号">
+        <span>{data.contractId}</span>
+        </Form.Item>
+        <Form.Item label="签章结果">
+        <span>{data.authorizeStatus === '3000' ? '签章成功':'签章失败'}</span>
+        </Form.Item>
+        <Form.Item label="签章结果描述">
+        <span>{data.authorizeDescription}</span>
+        </Form.Item>
+        <Form.Item label="下载地址">
+        <span>{data.authorizeDownloadUrl}</span>
+        </Form.Item>
+        <Form.Item label="查看地址">
+        <span>{data.authorizeViewUrl}</span>
+        </Form.Item>
+        {data.authorizeStatus === '3000' &&
+        <Form.Item label="授权状态">
+        <span>{data.authorizeStatus === '3000'? '已授权':'未授权'}</span>
+        </Form.Item>}
+        {data.authorizeStatus === '3000' &&
+        <Form.Item label="授权类型">
+        <span>{data.authorizeType === 'onLine' ? '接口线上授权':'线下管理员授权'}</span>
+        </Form.Item>}
+        {data.authorizeStatus === '3000' &&
+        <Form.Item label="授权流水号">
+        <span>{data.authorizeTransactionId}</span>
+        </Form.Item>}
+        {data.authorizeStatus === '3000' &&
+        <Form.Item label="授权合同编号">
+        <span>{data.contractId}</span>
+        </Form.Item>}
+      </Form>
+      <div style={{marginTop:'20px', marginBottom:'20px',textAlign:'center'}}>
+        {data.authorizeStatus != '3000' && <Button style={{margin:'20px 10px'}} onClick={() => applyAuth()} >申请授权</Button>}
+        <Button style={{margin:'20px 10px'}} onClick={(e) => queryAuth({visable:true})}>查看授权</Button>
+        <Button style={{margin:'20px 10px'}} onClick={() => back()} >返回</Button>
+      </div>
+      <AuthRes visable={authRes.visable} authInfo={authRes.data} onCancel={() => closeAuth({visable:false, data:''})}></AuthRes>
+      </>
+    )
+  }
+  
+  const WrappedNormalLoginForm = Form.create({ name: 'header' })(header);
+  export default WrappedNormalLoginForm

src/pages/eContract/seal/components/FileUpload.jsx

@@ -0,0 +1,84 @@
+import React, { useState, useEffect } from 'react'
+import { Upload, Button, Icon } from 'antd';
+import { uploaderProps } from '../../../../utils/upload';
+
+/**
+ * value 数据的接收格式 [{ url: xxxxx.mp4 }]
+ * size  参数限制可以上传多少个文件
+ * @param { value, size } props
+ */
+function fileUpload(props) {
+
+  const { value } = props
+  // console.log('fileUploadProps： ', props)
+  // eslint-disable-next-line react-hooks/rules-of-hooks
+  const [defaultFileList, setDefaultFileList] = useState([])
+
+  // eslint-disable-next-line react-hooks/rules-of-hooks
+  useEffect(() => {
+    setDefaultValue()
+  }, [props.value]);
+
+
+  function getFileList() {
+    console.log('fileUpload: ', value)
+    // value 数据的接收格式 [{ url: xxxxx.mp4 }, { url: xxxxx.jpg }]
+    return (value || []).filter(f => f !== undefined).map((img, inx) => ({ uid: inx, url: img, name: img.substring(img.lastIndexOf('/') + 1, img.length), status: 'done' }))
+  }
+
+  function setDefaultValue() {
+    if (!value) {
+      return;
+    }
+
+    setDefaultFileList(getFileList())
+  }
+
+  function onFileChange({ file, fileList }) {
+    console.log(file, fileList)
+    setDefaultFileList(fileList)
+    if (file.status === 'uploading') {
+      return
+    }
+
+    if (file.status === 'done' || file.status === 'removed') {
+
+      // 因为这个控件本身返回的数据格式 [{ ..., response: '服务器返回的数据' }]
+      // 但是 我这里自己用的时候 传入的数据是 [ 'xxxx.mp4', 'xxxx.jpg' ], 然后通过 getFileList() 转换成了 [{ url: 'xxx.mp4' }] 这样的格式
+
+      // 原因是因为 控件返回的数据 和 fileList 展示已经上传的数据 的格式字段不一样
+
+      const resFileList = fileList.filter(f => f.response !== undefined).map(i => i.response)
+      const tempFileList = fileList.filter(f => f.url !== undefined).map(i => i.url)
+      const resultList = tempFileList.concat(resFileList || [])
+      props.onChange(resultList)
+    }
+  }
+
+  return (
+    <>
+      <Upload
+        { ...uploaderProps }
+        {...props}
+        onChange={onFileChange}
+        fileList={defaultFileList}
+      >
+        {
+          props.size ?
+          (props.size > defaultFileList.length
+          && (
+            <Button>
+                <Icon type="upload" /> {props.label}
+              </Button>
+          )) : (
+            <Button>
+              <Icon type="upload" /> {props.label}
+            </Button>
+          )
+        }
+      </Upload>
+    </>
+  )
+}
+
+export default fileUpload

src/pages/eContract/seal/components/ImageUpload.jsx

@@ -0,0 +1,62 @@
+import React from 'react';
+import { Upload, Icon, message } from 'antd';
+import './style.less';
+import { uploaderProps } from '../../../../utils/upload';
+
+
+
+class ImageUpload extends React.Component {
+  state = {
+    loading: false,
+    imageUrl: undefined,
+  };
+
+  handleChange = info => {
+    if (info.file.status === "uploading") {
+      this.setState({ loading: true });
+      return;
+    }
+    
+    if (info.file.status === 'removed') {
+      this.props.onChange();
+    }
+
+  };
+
+  handleUploadSucess = (url) => {
+    this.setState({ loading: false });
+    if (typeof this.props.onChange === 'function') {
+      this.props.onChange(url);
+    }
+  }
+
+  render() {
+    const uploadButton = (
+      <div>
+        <Icon style={{ fontSize: '2em', color: '#aaa' }} type={this.state.loading ? "loading" : "plus"} />
+      </div>
+    );
+
+    const value = this.props.value;
+    return (
+      <Upload
+        listType="picture-card"
+        className="avatar-uploader"
+        showUploadList={false}
+        beforeUpload={this.props.beforeUpload}
+        onChange={this.handleChange}
+        {...uploaderProps}
+        disabled={this.props.disabled}
+        onSuccess={this.handleUploadSucess}
+      >
+        {(this.state.imageUrl || value) ? (
+          <img src={this.state.imageUrl || value} alt="avatar" style={{ width: "100%" }} />
+        ) : (
+            uploadButton
+          )}
+      </Upload>
+    );
+  }
+}
+
+export default ImageUpload;

src/pages/eContract/seal/components/SealList.jsx

@@ -0,0 +1,162 @@
+import React, { useState, useEffect } from 'react';
+import { Input, Menu, Dropdown, Button, Icon, message, Table, Divider, Tag, Select, Form, Alert, Tabs, Row, Col, Radio, tab, Avatar, Modal } 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';
+import AddSeal from './AddSeal';
+import UpdateSeal from './UpdateSeal';
+
+const { TabPane } = Tabs;
+
+const header = props => {
+    const companyId = props.companyId;
+  
+    const [ data, setData ] = useState({})
+    const [sealData, setSealData] = useState({})
+    const [sealInfo, setSealInfo] = useState({visable: false, companyId: ''})
+    const [updateSeal, setUpdateSeal] = useState({visable: false, companyId: '', sealId: ''})
+
+    useEffect(() => {
+      getCompanyData({companyId: companyId});
+    },[])
+  
+    // 查询列表
+    function getCompanyData(params) {
+      request({ ...apis.seal.listByCompanyId, params: { ...params } }).then((data) => {
+        setData(data)
+      }).catch((err) => {
+        message.error(err.msg || err.message)
+      })
+    }  
+
+    const openFddUrl = () => {
+      window.open(data.certifiedAddress)
+    }
+  
+    // 提交事件
+    const handleSubmit = e => {
+      e.preventDefault();
+      props.form.validateFields((err, values) => {
+        if (!err) {
+          getCompanyData({ pageNumber: 1, pageSize: 10, ...values, companyId: companyId })
+        }
+      });
+    }
+
+     // 重置搜索
+     function handleReset () {
+      props.form.resetFields();
+    }
+
+    function addSealInfo(){
+      setSealInfo({visable: true, companyId: companyId})
+    }
+
+    function updateSealInfo(e){
+      setUpdateSeal(e);
+    }
+
+    function getList(e) {
+      setSealInfo(e)
+      getCompanyData(e)
+    }
+
+    function updateOnSuccess(e) {
+      setUpdateSeal(e);
+      getCompanyData(e)
+    }
+
+    const delSealInfo = (row) => {
+      Modal.confirm({
+          title: '删除后无法再使用这些章继续签章，不会影响已签署的合同',
+          okText: '确定',
+          cancelText: '取消',
+          onOk() {
+              request({ ...apis.seal.delSealById, urlData:{id: row.sealId} }).then((data) => {
+                  message.info('操作成功！')
+                  getCompanyData({ pageNum: 1, pageSize: 10, companyId: companyId })
+              }).catch((err) => {
+                  console.log(err)
+                  message.info(err.msg || err.message)
+              })
+          },
+        });
+  }
+
+
+
+    const columns = [
+      {
+        title: '印章编号',
+        dataIndex: 'sealId',
+        key: 'sealId',
+        align: 'center',
+      },
+      {
+        title: '印章名称',
+        dataIndex: 'sealName',
+        key: 'sealName',
+        align: 'center',
+      },
+      {
+        title: '印章图',
+        dataIndex: 'sealImg',
+        key: 'sealImg',
+        align: 'center',
+        render: (_, record) => <Avatar shape="square" style={{color: 'blue',cursor: 'pointer'}} src={record.sealImg} size={64} icon="user" />,
+      },
+      {
+        title: '印章上传时间',
+        dataIndex: 'createDate',
+        key: 'createDate',
+        align: 'center',
+        render: (x, row) => <><span>{row.createDate != null ? `${moment(row.createDate).format('YYYY-MM-DD HH:mm:ss')}` : ''}</span></>,
+      },
+      {
+        title: '操作',
+        dataIndex: '',
+        key: '',
+        align: 'center',
+        render: (text, record) => (
+            <>
+            <a style={{ color: '#66B3FF' }} onClick={() => updateSealInfo({visable:true, companyId: record.companyId, sealId: record.sealId})} ><span>修改</span></a>
+            <a style={{ color: '#66B3FF', marginLeft:'20px' }} onClick={() => delSealInfo(record)} ><span>删除</span></a>
+            </>
+        ),
+      },
+    ]
+
+    const { getFieldDecorator } = props.form
+    return (
+      <>
+      <Form layout="inline" onSubmit={e => handleSubmit(e)}>
+        <Form.Item>
+          {getFieldDecorator('sealName')(
+            <Input placeholder="印章名称"/>,
+          )}
+        </Form.Item>
+        <Form.Item>
+          <Button type="primary" htmlType="submit" >
+            搜索
+          </Button>
+          <Button style={{ marginLeft: 8 }} onClick={handleReset}>
+            重置
+            </Button>
+        </Form.Item>
+      </Form>
+        <div style={{marginTop:'20px', marginBottom:'20px'}}>
+          <Button type="danger" onClick={() => addSealInfo({visable:true})} >新增</Button>
+        </div>
+        <AddSeal visible={sealInfo.visable} companyId={sealInfo.companyId} onCancel={e => setSealInfo(e)} onSuccess={e => getList(e)}/>  
+        <UpdateSeal visible={updateSeal.visable} sealId={updateSeal.sealId} companyId={updateSeal.companyId} onCancel={e => setUpdateSeal(e)} onSuccess={e => updateOnSuccess(e)}/>  
+      <Table dataSource={data.records} columns={columns} pagination={false} rowKey="carouseFigureList"/>
+      </>
+    )
+  }
+  
+  const WrappedNormalLoginForm = Form.create({ name: 'header' })(header);
+  export default WrappedNormalLoginForm

src/pages/eContract/seal/components/UpdateSeal.jsx

@@ -0,0 +1,117 @@
+import React, { PureComponent, useState, useEffect } from 'react'
+import { Modal, Row, Col, Table, Pagination, Button, Form, Input,message, Icon, notification } from 'antd'
+import ImageUpload from './ImageUpload';
+import apis from '../../../../services/apis';
+import request from '../../../../utils/request';
+
+const UpdateSeal = props => {
+  const sealId = props.sealId
+  const companyId = props.companyId
+  const [sealData, setSealData] = useState({})
+
+  useEffect(() => {
+    getSealData();
+  },[sealId])
+
+  // 查询列表
+  function getSealData() {
+    request({ ...apis.seal.taSealById, urlData: { id: sealId } }).then((data) => {
+      setSealData(data)
+    }).catch((err) => {
+      message.error(err.msg || err.message)
+    })
+  }  
+
+  function close(e){
+    props.onSuccess(e)
+  }
+
+  function handleSubmit (e) {
+    e.preventDefault();
+    props.form.validateFields((err, values) => {
+      if (!err){
+        request({ ...apis.seal.updateSealById, urlData:{id: sealId}, data: { ...values, id: sealId, companyId: companyId },}).then((data) => {
+          message.info("保存成功")
+          close({visable:false, sealId:'', companyId: companyId})
+        }).catch((err) => {
+          message.info(err.msg || err.message)
+        })
+      }
+    });
+  }
+
+  function openNotificationWithIcon(type, message) {
+    notification[type]({
+      message,
+      description:
+        '',
+    });
+  }
+
+  function checkImageWH(file, width, height) {
+    let self = this;
+    return new Promise(function (resolve, reject) {
+        let filereader = new FileReader();
+        filereader.onload = e => {
+            let src = e.target.result;
+            const image = new Image();
+            image.onload = function () {
+                if (width && this.width != width && height && this.height != height) {
+                    message.error('图片尺寸不符合要求')
+                    reject();
+                } else {
+                    resolve();
+                }
+            };
+            image.onerror = reject;
+            image.src = src;
+        };
+        filereader.readAsDataURL(file);
+    });
+}
+
+  const handleBeforeUpload = (file) => {
+    //限制图片 格式、分辨率
+    const isPNG = file.type === 'image/png';
+    if (! isPNG){
+        message.error('请上传PNG格式图片')
+    }
+    return (isPNG ) && checkImageWH(file, 166, 166);
+  }  
+
+  const { getFieldDecorator } = props.form
+
+  return (
+    <Modal footer={null} title="修改印章" visible={props.visible} onCancel={() => close({visable:false, sealId:''})} width={800}>
+      <Form labelCol={{ span: 7 }} wrapperCol={{ span: 12 }} onSubmit={handleSubmit}>
+        <Form.Item label="印章名称">
+            {getFieldDecorator('sealName',{initialValue:sealData.sealName,
+            rules: [
+                {
+                required: true,
+                message: '请填写印章名称',
+                },
+            ],
+            })(<Input maxLength={10}/>)}
+        </Form.Item>
+        <Form.Item label="印章图" help="166*166 像素，PNG格式透明底 ">
+            {getFieldDecorator('sealImg', {initialValue:sealData.sealImg,
+              rules: [{ required: true, message: '请选择印章图' }],
+            })(
+              <ImageUpload beforeUpload={handleBeforeUpload} />,
+            )}
+          </Form.Item>
+        <Form.Item style={{ width: '400px', margin: 'auto', display: 'flex', justifyContent: 'space-between' }}>
+            <Button type="primary" htmlType="submit">确定</Button>
+            &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
+            <Button onClick={() => close({visable:false, sealId:''})}>取消</Button>
+         </Form.Item>
+      </Form>
+    </Modal>
+  );
+}
+
+const WrappedBase = Form.create({ name: 'UpdateSeal' })(UpdateSeal);
+
+export default WrappedBase
+

src/pages/eContract/seal/components/style.less

@@ -0,0 +1,20 @@
+:global {
+  .avatar-uploader {
+    & > .ant-upload {
+      width: 128px;
+      height: 128px;
+    }
+  }
+}
+
+
+/* you can make up upload button and sample style by using stylesheets */
+.ant-upload-select-picture-card i {
+  font-size: 32px;
+  color: #999;
+}
+
+.ant-upload-select-picture-card .ant-upload-text {
+  margin-top: 8px;
+  color: #666;
+}

src/pages/eContract/seal/detail.jsx

@@ -0,0 +1,63 @@
+import React, { useState, useEffect } from 'react';
+import { Form, Icon, Input, Button, DatePicker, Select, Card, Row, Col, Pagination, Alert, Radio, Tag, Tooltip, Tabs, notification } from 'antd';
+import moment from 'moment';
+import request from '../../../utils/request';
+import apis from '../../../services/apis';
+import { router } from 'umi';
+
+import SealList from './components/SealList'
+import Authorize from './components/Authorize'
+
+
+
+const { Option } = Select
+const { TabPane } = Tabs;
+
+const formItemLayout = {
+  labelCol: {
+    xs: { span: 24 },
+    sm: { span: 2 },
+  },
+  wrapperCol: {
+    xs: { span: 24 },
+    sm: { span: 16 },
+  },
+};
+
+function openNotificationWithIcon(type, message) {
+  notification[type]({
+    message,
+    description:
+      '',
+  });
+}
+
+function EditHouse(props) {
+  const [tab, setTab] = useState('sealList')
+  const companyId = props.location.query.id;
+  function tabsCallback(e) {
+    setTab(e)
+  }
+
+  // building 回调
+  function buildingOnSuccess(e) {
+    setBuildingData(e)
+  }
+
+  return (
+    <>
+      <Tabs type="card" value={ tab } buttonStyle="solid" onChange={e => tabsCallback(e)}>
+        <TabPane tab="印章列表" key="sealList" ></TabPane>
+        <TabPane tab="自动签章授权" key="authorize" ></TabPane>
+      </Tabs>
+      <div style={{ marginTop: '20px' }}>
+        { (tab === 'sealList' && <SealList companyId={companyId}/>)}
+        { (tab === 'authorize' && <Authorize companyId={companyId}/>)}
+      </div>
+    </>
+  )
+}
+
+const WrappedEditHouseForm = Form.create({ name: 'editHouse' })(EditHouse);
+
+export default WrappedEditHouseForm

src/pages/eContract/seal/list.jsx

@@ -0,0 +1,223 @@
+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 [demandIdList, setDemandIdList] = 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);
+      setDemandIdList(selectedRows)
+    },
+  };
+
+
+  // 跳转到编辑资讯
+  const toEditSeal = (id) => () => {
+    router.push({
+      pathname: '/eContract/seal/detail',
+      query: {
+        id
+      },
+    });
+  }
+
+  
+  // 跳转到编辑资讯
+  const toAddCompany = () => {
+    router.push({
+      pathname: '/eContract/company/add',
+    });
+  }
+
+  
+  const changeStatus = () => {
+    if(demandIdList.length < 1){
+      message.error('请先选择要删除的数据！')
+      return
+    }
+    const title = '确认将所选的' + demandIdList.length + '条数据删除？可删除条件：需求单状态 为 作废。'
+    Modal.confirm({
+      title: title,
+      okText: '确认',
+      cancelText: '取消',
+      onOk() {
+        request({ ...apis.sample.put, data: { ids: demandIdList.map(x => x.demandId) } }).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: 'certifiedStatus',
+      key: 'certifiedStatus',
+      align: 'center',
+      render: (x, row) => {
+        if(row.certifiedStatus === 'certification'){return '审核通过'}
+      },
+    },
+    {
+      title: '印章数',
+      dataIndex: 'sealNum',
+      key: 'sealNum',
+      align: 'center',
+    },
+    {
+      title: '自动签章授权状态',
+      dataIndex: 'authorizeStatus',
+      key: 'authorizeStatus',
+      align: 'center',
+      render: (x, row) => {
+        if(row.authorizeStatus === 'certification'){return '审核通过'}
+      },
+    },
+    {
+      title: '操作',
+      dataIndex: 'handle',
+      key: 'handle',
+      align: 'center',
+      render: (x, row) => (
+        <span style={{ color: '#FF925C', cursor: 'pointer' }} onClick={toEditSeal(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('certifiedStatus')(
+            <Select style={{ width: '180px' }} placeholder="实名认证状态">
+              <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.Option value="7">人工初审通过</Select.Option>
+            </Select>,
+          )}
+        </Form.Item>
+        <Form.Item>
+          {getFieldDecorator('authorizeStatus')(
+            <Select style={{ width: '180px' }} placeholder="自动签章授权状态">
+              <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.Option value="7">人工初审通过</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>
+      
+      <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/seal/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

@@ -260,6 +260,47 @@ const apis = {
       method: 'PUT',
       action: 'channel',
     },
+    companyById: {
+      url: `${prefix}/taCompany/:id`,
+      method: 'GET',
+      action: 'channel',
+    },
+    autoAuthSeal: {
+      url: `${prefix}/company/autoAuthCompany/:id`,
+      method: 'PUT',
+      action: 'channel',
+    },
+    getAuthStatus: {
+      url: `${prefix}/company/getAuthStatus/:id`,
+      method: 'GET',
+      action: 'channel',
+    }
+  },
+
+  seal: {
+    listByCompanyId: {
+      url: `${prefix}/taCompanySeal`,
+      method: 'GET',
+      action: 'channel',
+    },
+    addSeal: {
+      url: `${prefix}/taCompanySeal`,
+      method: 'POST',
+      action: 'channel',
+    },
+    taSealById: {
+      url: `${prefix}/taCompanySeal/:id`,
+      method: 'GET',
+      action: 'channel',
+    },
+    updateSealById: {
+      url: `${prefix}/taCompanySeal/:id`,
+      method: 'PUT',
+      action: 'channel',
+    },
+    delSealById: {
+      url: `${prefix}/delCompanySeal/:id`,
+      method: 'PUT',
     refresh: {
       url: `${prefix}/company/fdd/:id`,
       method: 'GET',
@@ -271,8 +312,7 @@ const apis = {
       action: 'channel',
     }
   }
-
-  
+  }  
 }
 
 export default apis;