diff --git a/src/gl/finalTreatment/reckoning/list/reconciReportModal/index.js b/src/gl/finalTreatment/reckoning/list/reconciReportModal/index.js
new file mode 100644
index 0000000..8a43100
--- /dev/null
+++ b/src/gl/finalTreatment/reckoning/list/reconciReportModal/index.js
@@ -0,0 +1,245 @@
+/*qZ5a1x5ign4IdlZuRO5Ax6TjC2a3u5fVc0DIn53oa4I=*/
+import React, {Component} from 'react';
+import {high, base, ajax, getMultiLang} from 'nc-lightapp-front';
+
+const {
+	NCFormControl: FormControl,
+	NCDatePicker: DatePicker,
+	NCButton: Button,
+	NCRadio: Radio,
+	NCBreadcrumb: Breadcrumb,
+	NCRow: Row,
+	NCCol: Col,
+	NCTree: Tree,
+	NCMessage: Message,
+	NCIcon: Icon,
+	NCLoading: Loading,
+	NCTable: Table,
+	NCSelect: Select,
+	NCCheckbox: Checkbox,
+	NCNumber,
+	AutoComplete,
+	NCDropdown: Dropdown,
+	NCPanel: Panel,
+	NCModal: Modal,
+	NCForm,
+	NCButtonGroup: ButtonGroup,
+	NCDiv
+} = base;
+const {NCFormItem: FormItem} = NCForm;
+import '../index.less';
+
+export default class ReportModal extends Component {
+	constructor(props) {
+		super(props)
+		this.columns_report = [
+			{
+				title: (<div>5235235</div>),
+				dataIndex: "strRowOne",
+				key: "strRowOne",
+				width: 300,
+				render: (text, record, index) => {
+					let {reportTableData} = this.state;
+					let redFlag = false;
+					for (let k in reportTableData.reportDetailFont) {
+						if (k == text) {
+							redFlag = true;
+						}
+					}
+					if (redFlag) {
+						return (
+							// <div className="fontColor" fieldid="strRowOne"><pre>{!text?<span>&nbsp;</span>:text}</pre></div>
+							<div className="fontColor" fieldid="strRowOne">
+								<pre>测试测试111</pre>
+							</div>
+						)
+					} else {
+						return (
+							// <div fieldid="strRowOne"><pre>{!text?<span>&nbsp;</span>:text}</pre></div>
+							<div fieldid="strRowOne">
+								<pre>测试测试222</pre>
+							</div>
+						)
+					}
+
+				}
+			},
+			{
+				title: "",
+				dataIndex: "strRowTwo",
+				key: "strRowTwo",
+				width: 350,
+				render: (text, record, index) => {
+					let {reportTableData} = this.state;
+					let redFlag = false;
+					for (let k in reportTableData.reportDetailFont) {
+						if (k == text) {
+							redFlag = true;
+						}
+					}
+					if (redFlag) {
+						return (
+							<div className="fontColor" fieldid="strRowTwo">
+								<pre>{!text ? <span>&nbsp;</span> : text}</pre>
+							</div>
+						)
+					} else {
+						return (
+							<div fieldid="strRowTwo">
+								<pre>{!text ? <span>&nbsp;</span> : text}</pre>
+							</div>
+						)
+					}
+
+				}
+			}
+		]
+		this.state = {
+			json: {},
+			reportTableData: this.props.reportDetail || [],
+			reportTableDataSum: this.props.reportSum || [],
+			reportTableTitle: '',
+			fontStr: {},
+			columns_report: this.columns_report,
+			columns_reportSum: [],
+			sumOrDetail: 'sum'//默认像是汇总table数据
+		}
+	}
+
+	componentWillMount() {
+		let callback = (json) => {
+			// console.log(json)
+			this.columns_reportSum = [
+				{
+					title: (<div fieldid="field1" className='checkbox-mergecells thTitle'>{json['20020RECON-000034']}</div>),/* 国际化处理： 总账余额表*/
+					dataIndex: "field1",
+					key: "field1",
+					width: 300,
+					render: (text, record, index) => {
+						return (
+							<div fieldid="field1" className='tdSecondBox'>
+								{/*会计科目*/}
+								<div style={{"width": "180px"}} title={record.paccname}>{record.paccname}</div>
+								{/*期末余额*/}
+								<div style={{"width": "120px"}} title={record.pendlocamount}>{record.pendlocamount}</div>
+							</div>
+						)
+					}
+				},
+				{
+					title: (<div fieldid="field2" className='checkbox-mergecells thTitle'>{json['20020RECON-000035']}</div>),/* 国际化处理： 总账辅助余额表*/
+					dataIndex: "field2",
+					key: "field2",
+					width: 500,
+					render: (text, record, index) => {
+						return (
+							<div fieldid="field2" className='tdSecondBox'>
+								{/*会计科目*/}
+								<div style={{"width": "180px"}} title={record.accname}>{record.accname}</div>
+								{/*辅助核算*/}
+								<div style={{"width": "200px"}} title={record.assname}>{record.assname}</div>
+								{/*期末余额*/}
+								<div style={{"width": "120px"}} title={record.endlocamount}>{record.endlocamount}</div>
+							</div>
+						)
+
+					}
+				},
+				/*{
+					title: (<div fieldid="field3" className='checkbox-mergecells thTitle'>{json['20020RECON-000036']}</div>),/!* 国际化处理： 总账辅助明细账*!/
+					dataIndex: "field3",
+					key: "field3",
+					width: 680,
+					render: (text, record, index) => {
+						return (
+							<div fieldid="field3" className='tdSecondBox'>
+								<div style={{"width": "180px"}} title={record.field6}>{record.field6}</div>{/!*会计科目*!/}
+								<div style={{"width": "200px"}} title={record.field7}>{record.field7}</div>{/!*辅助核算*!/}
+								<div style={{"width": "180px"}} title={record.field8}>{record.field8}</div>{/!*凭证号*!/}
+								<div style={{"width": "120px"}} title={record.field9}>{record.field9}</div>{/!*余额*!/}
+							</div>
+						)
+
+					}
+				},*/
+				{
+					title: (<div fieldid="field4" className='checkbox-mergecells thTitle'>{json['20020RECON-000037']}</div>),/* 国际化处理： 差异*/
+					dataIndex: "field4",
+					key: "field4",
+					width: 300,
+					render: (text, record, index) => {
+						return (
+							<div fieldid="field4" className='tdSecondBox'>
+								{/*会计科目*/}
+								<div style={{"width": "180px"}} title={record.paccname}>{record.paccname}</div>
+								{/*金额*/}
+								<div style={{"width": "120px"}} title={record.difference}>{record.difference}</div>
+							</div>
+						)
+
+					}
+				},
+			]
+			this.setState({
+				columns_reportSum: this.columns_reportSum,
+				json: json,
+			}, () => {
+			})
+		}
+		getMultiLang({moduleId: '20020RECON', domainName: 'gl', currentLocale: 'simpchn', callback});
+	}
+
+	componentWillReceiveProps(nextProp) {
+		console.log(this.state)
+		let {reportTableDataSum, reportTableData, reportTableTitle} = this.state;
+		let {reportSum, reportDetail, showOrHide} = nextProp;
+		reportTableDataSum = reportSum;
+		reportTableData = reportDetail;
+		this.setState({
+			reportTableDataSum, reportTableData
+		})
+	}
+
+	componentDidMount() {
+
+	}
+
+	render() {
+		let {columns_reportSum} = this.state;
+		let {reportDetail} = this.props;
+		let reportTableData = reportDetail;
+		return (
+			<div id='reconci_report'>
+				<div className="tryto" style={{"padding-top":"15px"}}>
+
+					{/*<div class='reportTitle'>账账相对</div>*/}
+					{<NCDiv fieldid="reportTable_sum" areaCode={NCDiv.config.TableCom}>
+						<Table
+							columns={columns_reportSum}
+							bordered
+							data={reportTableData.reportDetailData}
+							scroll={{
+								x: columns_reportSum.length > 8 ? (100 + (columns_reportSum.length - 8) * 15) + "%" : '100%',
+								y: 320
+							}}
+						/>
+					</NCDiv>}
+					{/*{(sumOrDetail == 'detail') ?
+						<NCDiv fieldid="reportTable_detail" areaCode={NCDiv.config.TableCom}>
+							<Table
+								columns={columns_report}
+								bordered
+								data={reportTableData.reportDetailData}
+								scroll={{
+									x: columns_report.length > 8 ? (100 + (columns_report.length - 8) * 15) + "%" : '100%',
+									y: 320
+								}}
+							/>
+						</NCDiv> : null}*/}
+				</div>
+			</div>
+		)
+	}
+}
+
+/*qZ5a1x5ign4IdlZuRO5Ax6TjC2a3u5fVc0DIn53oa4I=*/