94 lines
4.2 KiB
JavaScript
94 lines
4.2 KiB
JavaScript
import React from 'react'
|
||
import { WeaSteps, WeaDatePicker, WeaInput } from 'ecCom';
|
||
import { Upload, Icon, Row, Col, Button } from "antd";
|
||
|
||
const Dragger = Upload.Dragger;
|
||
|
||
export default class ModalStep1 extends React.Component {
|
||
constructor(props) {
|
||
super(props)
|
||
this.state = {
|
||
datetime: "",
|
||
personValue: ""
|
||
}
|
||
}
|
||
render() {
|
||
const { datetime, personValue } = this.state
|
||
return (
|
||
<div>
|
||
<div className="stepInformItem">
|
||
<div className="stepInformTitle" style={{margin: "10px 0 10px 0"}}>
|
||
导入选项
|
||
</div>
|
||
<div className="formWrapper" style={{border:"1px solid #eee", borderRadiu: "5px", padding: "10px"}}>
|
||
<Row>
|
||
<Col span={12}>
|
||
<span className="formLabel" style={{lineHeight: "30px", marginRight: "10px"}}>税款所属期</span>
|
||
<WeaDatePicker
|
||
format="yyyy-MM"
|
||
value={datetime}
|
||
onChange={value => this.setState({ datetime: value })}
|
||
/>
|
||
</Col>
|
||
<Col span={12}>
|
||
<span className="formLabel" style={{lineHeight: "30px", marginRight: "10px"}}>个税扣缴义务人</span>
|
||
<WeaInput
|
||
id="test"
|
||
style={{ width: 200 }}
|
||
value={personValue}
|
||
onChange={value => {
|
||
this.setState({ personValue: value });
|
||
}}
|
||
/>
|
||
</Col>
|
||
</Row>
|
||
</div>
|
||
</div>
|
||
|
||
<div className="stepInformItem">
|
||
<div className="stepInformTitle" style={{margin: "10px 0 10px 0"}}>
|
||
导入excel
|
||
</div>
|
||
<div>
|
||
<Dragger>
|
||
<div style={{ padding: '25px 0' }}>
|
||
<p className="ant-upload-drag-icon">
|
||
<Icon type="inbox" />
|
||
</p>
|
||
<p className="ant-upload-text">点击或将文件拖拽到此区域上传</p>
|
||
<p className="ant-upload-hint">支持单个或批量上传，严禁上传公司内部资料及其他违禁文件</p>
|
||
</div>
|
||
</Dragger>
|
||
</div>
|
||
|
||
</div>
|
||
|
||
<div className="stepInformItem">
|
||
<div className="stepInformTitle" style={{margin: "10px 0 10px 0"}}>
|
||
操作步骤
|
||
</div>
|
||
|
||
<div style={{lineHeight: "1.5"}}>
|
||
1. 第一步，请选择导出的Excel文件或 点击这里下载模板 ，支持税务系统和社保平台下载的表格直接导入；<br />
|
||
2. 第二步，请一定要确定Excel文档中的格式是模板中的格式，没有被修改掉；<br />
|
||
3. 第三步，选择填写好的Excel文档，点击“下一步”按钮进行数据预览；<br />
|
||
4. 第四步，如果以上步骤和Excel文档正确的话，数据会被正确导入，导入成功会有提示。如果有问题，则会提示Excel文档的错误之处。<br />
|
||
</div>
|
||
|
||
</div>
|
||
|
||
<div className="stepInformItem">
|
||
<div className="stepInformTitle" style={{margin: "10px 0 10px 0"}}>
|
||
Excel文件说明
|
||
</div>
|
||
|
||
<div style={{lineHeight: "1.5"}}>
|
||
1. 后缀名为xls或者xlsx；<br />
|
||
2. 数据请勿放在合并的单元格中；<br />
|
||
</div>
|
||
|
||
</div>
|
||
</div>
|
||
)
|
||
}
|
||
} |