账账相对
This commit is contained in:
lihao
parent
363fcd6f86
commit
e98e6cbbee
|
|
@ -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> </span>:text}</pre></div>
|
||||||
|
<div className="fontColor" fieldid="strRowOne">
|
||||||
|
<pre>测试测试111</pre>
|
||||||
|
</div>
|
||||||
|
)
|
||||||
|
} else {
|
||||||
|
return (
|
||||||
|
// <div fieldid="strRowOne"><pre>{!text?<span> </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> </span> : text}</pre>
|
||||||
|
</div>
|
||||||
|
)
|
||||||
|
} else {
|
||||||
|
return (
|
||||||
|
<div fieldid="strRowTwo">
|
||||||
|
<pre>{!text ? <span> </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=*/
|
||||||
Loading…
Reference in New Issue