yonyou
/
ncpub-multipage-demo-develop-ncc3.0
2
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

账账相对

This commit is contained in:
lihao 2025-04-02 17:49:01 +08:00
parent 363fcd6f86
commit e98e6cbbee
1 changed files with 245 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

245
src/gl/finalTreatment/reckoning/list/reconciReportModal/index.js Normal file
View File

@ -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=*/