1054 lines
36 KiB
JavaScript
1054 lines
36 KiB
JavaScript
//主子表卡片
|
||
import React, { Component } from 'react';
|
||
import { createPage, ajax, base, toast, high, print, cardCache, getMultiLang } from 'nc-lightapp-front';
|
||
import { buttonClick, initTemplate, afterEvent, pageInfoClick } from './events';
|
||
import {
|
||
buttonVisible,
|
||
initCardBodyEditControl,
|
||
onSelectedCardBodyEditControl,
|
||
initCardBodybrowseControl
|
||
} from '../../../public/components/pubUtils/buttonvisible.js';
|
||
import { tableId, formId, billType, dataSource, pkname,allocation} from './constants';
|
||
import CombinedExaminationModel from '../../../public/components/combinedExaminationModel'; //联查处理情况
|
||
import LinkTerm from '../../../public/components/linkTerm'; //联查收付款协议
|
||
import PeriodModal from '../../../public/components/periodModel';
|
||
import { bodyBeforeEvent } from '../../../public/components/pubUtils/arapTableRefFilter';
|
||
import { formBeforeEvent } from '../../../public/components/pubUtils/arapFormRefFilter';
|
||
import { calculateHeadMoney, delBlankLine } from '../../../public/components/pubUtils/billPubUtil.js';
|
||
import { getContext, loginContextKeys } from '../../../public/components/arapInitInfo/loginContext';
|
||
import ExcelOutput from 'uap/common/components/ExcelOutput';
|
||
const { BillTrack, PrintOutput } = high;
|
||
import { dealCardData,checkScommet } from '../../../public/components/pubUtils/dealCardData';
|
||
import { onBatchChange } from '../../../public/components/pubUtils/onBatchChange';
|
||
import { cardFieldsEditableWithProxy } from '../../../public/components/pubUtils/billFieldEditableUtil.js';
|
||
import NCUploader from 'uap/common/components/NCUploader';
|
||
import {cancelAllocation,beSureAllocation,setAllocField,ctrAllocBtn} from '../../../public/components/allocation.js';
|
||
let {
|
||
addCache,
|
||
getNextId,
|
||
deleteCacheById,
|
||
getCacheById,
|
||
updateCache,
|
||
getCurrentLastId
|
||
} = cardCache;
|
||
import TradeTypeButton from '../../../public/components/tradetype'; //交易类型按钮
|
||
import '../../../public/less/tradetype.less';
|
||
import { setBillDef } from '../../../public/components/pubUtils/CopyBill/arapCopyBill';
|
||
const { NCDiv, NCAffix } = base;
|
||
import poc from 'uap/common/components/printOnClient';
|
||
const {printPreview, printOnClient, PubSub, printerView, printOnClientByMoreTem} = poc;
|
||
|
||
class Card extends Component {
|
||
constructor(props) {
|
||
super(props);
|
||
this.state = {
|
||
isCombinedExaminationModelShow: false, //联查处理情况模态框
|
||
isLinkTermModelShow: false, //联查收付款协议模态框
|
||
isPeriodModelShow: false, //期初建账
|
||
showBillTrack: false, //单据追溯模态框显示的状态
|
||
showUploader: false, //附件
|
||
target: null,
|
||
buttonfalg: null, //卡片态点击肩部按钮和表体行按钮改变该值控制按钮状态
|
||
forceRender: true,//导出模板懒加载，true为不加载，false为加载
|
||
json: {}
|
||
};
|
||
this.printData = {
|
||
billtype: billType, //单据类型
|
||
appcode: this.props.getSearchParam('c'), //功能节点编码，即模板编码
|
||
funcode: this.props.getSearchParam('c'),
|
||
nodekey: props.getSearchParam('p'), //模板节点标识 =交易类型
|
||
oids: [this.props.getUrlParam('id')], // 功能节点的数据主键 oids含有多个元素(['1001A41000000000A9LR','1001A410000000009JDD'])时为批量打印,
|
||
userjson: billType //单据类型,billtype不是必需字段，后台没有设置接收字段，以userjson代替
|
||
};
|
||
this.outputData = {
|
||
billtype: billType, //单据类型
|
||
appcode: this.props.getSearchParam('c'),
|
||
funcode: this.props.getSearchParam('c'),
|
||
nodekey: props.getSearchParam('p'), //模板节点标识 =交易类型
|
||
oids: [this.props.getUrlParam('id')], // 功能节点的数据主键
|
||
userjson: billType, //单据类型
|
||
outputType: 'output'
|
||
};
|
||
this.formId = formId;
|
||
this.tableId = tableId;
|
||
this.allocation = allocation;
|
||
this.billType = billType;
|
||
this.pkname = pkname;
|
||
this.Info = {
|
||
allButtonsKey: [], //保存所有的表体头部按钮
|
||
combinedExaminationData: [], //联查处理情况模态框表格数据
|
||
linkTermData: [], //联查收付款协议模态框表格数据
|
||
selectedPKS: [], //导出数据的主键pk,收付款协议选中子表行
|
||
isModelSave: false //是否是整单保存，默认为false
|
||
};
|
||
this.dataInSaga = { //用于saga里面的busiinfo
|
||
appcode: props.getSearchParam('c') ? props.getSearchParam('c') : null,
|
||
pagecode: props.getSearchParam('p') ? props.getSearchParam('p') : null,
|
||
butncode: null
|
||
}
|
||
this.billinfo ={
|
||
billtype:'card',
|
||
pagecode:props.getSearchParam('p') ? props.getSearchParam('p') : null,
|
||
headcode:formId,
|
||
bodycode:tableId}
|
||
this.prepay = {display:null,value:null};
|
||
props.use.cardTable(tableId);
|
||
props.use.form(formId);
|
||
props.use.form(allocation);
|
||
}
|
||
|
||
//关闭、刷新弹窗时
|
||
componentWillMount() {
|
||
let callback = (json) => {
|
||
this.setState({ json: json }, () => {
|
||
window.onbeforeunload = () => {
|
||
let status = this.props.getUrlParam('status');
|
||
if (status == 'edit' || status == 'add') {
|
||
return '';
|
||
}
|
||
};
|
||
this.props.setRelationItemBillinfo(this.billinfo);
|
||
initTemplate.call(this, this.props, this.initShow);
|
||
});
|
||
};
|
||
getMultiLang({ moduleId: ['paybill', 'public'], domainName: 'arap', currentLocale: 'simpchn', callback });
|
||
}
|
||
|
||
componentWillUnmount() {
|
||
window.onbeforeunload=null;
|
||
}
|
||
|
||
getPagecode = () => {
|
||
let pagecode = this.props.getUrlParam('pagecode');
|
||
if (!pagecode) {
|
||
pagecode = this.props.getSearchParam('p');
|
||
}
|
||
return pagecode;
|
||
};
|
||
|
||
componentWillReceiveProps(nextProps) { }
|
||
// 附件的关闭点击
|
||
onHideUploader = () => {
|
||
this.setState({
|
||
showUploader: false
|
||
});
|
||
};
|
||
componentDidMount() { }
|
||
initShow = () => {
|
||
if (this.props.getUrlParam('type') == 'copy') {
|
||
ajax({
|
||
url: '/nccloud/arap/arappub/copy.do',
|
||
data: Object.assign({
|
||
pk_bill: this.props.getUrlParam('id'),
|
||
pageId: this.getPagecode(),
|
||
billType: this.billType,
|
||
type: 1,
|
||
tradeType: this.getPagecode()
|
||
},this.dataInSaga),
|
||
success: (res) => {
|
||
this.props.beforeUpdatePage(); //打开开关
|
||
if (res.data) {
|
||
if (res.data.head) {
|
||
this.props.form.setAllFormValue({ [this.formId]: res.data.head[this.formId] });
|
||
}
|
||
if (res.data.body) {
|
||
this.props.cardTable.setTableData(this.tableId, res.data.body[this.tableId]);
|
||
}
|
||
}
|
||
setBillDef(this, this.getPagecode());//设置挂起字段默认值
|
||
this.props.resMetaAfterPkorgEdit();
|
||
this.state.buttonfalg = true;
|
||
this.props.cardTable.setStatus(this.tableId, 'edit');
|
||
this.props.form.setFormStatus(this.formId, 'edit');
|
||
this.props.updatePage(this.formId, this.tableId); //关闭开关
|
||
//设置分摊字段属性
|
||
setAllocField(this);
|
||
this.toggleShow();
|
||
},
|
||
error: (res) => {
|
||
this.props.form.EmptyAllFormValue(this.formId);
|
||
this.props.cardTable.setTableData(this.tableId, { rows: [] });
|
||
this.props.setUrlParam({ status: 'browse' });
|
||
this.props.cardTable.setStatus(this.tableId, 'browse');
|
||
this.props.form.setFormStatus(this.formId, 'browse');
|
||
this.toggleShow();
|
||
let str = res.message;
|
||
toast({ color: 'danger', content: str});;
|
||
}
|
||
});
|
||
} else if (this.props.getUrlParam('status') == 'edit' || this.props.getUrlParam('status') == 'browse') {
|
||
ajax({
|
||
url: '/nccloud/arap/initpaybill/querycard.do',
|
||
data: Object.assign({ pk_bill: this.props.getUrlParam('id') },this.dataInSaga),
|
||
success: (res) => {
|
||
this.props.beforeUpdatePage(); //打开开关
|
||
if (res.data) {
|
||
if (res.data.head) {
|
||
this.props.form.setAllFormValue({ [this.formId]: res.data.head[this.formId] });
|
||
}
|
||
if (res.data.body) {
|
||
this.props.cardTable.setTableData(this.tableId, res.data.body[this.tableId]);
|
||
}
|
||
}
|
||
if (this.props.getUrlParam('status') == 'edit') {
|
||
this.props.resMetaAfterPkorgEdit();
|
||
this.state.buttonfalg = true;
|
||
this.props.form.setFormItemsValue(this.formId,{'officialprintuser':{value:null,display:null},'officialprintdate':{display:null,value:null}})
|
||
this.props.form.setFormItemsDisabled(this.formId, { pk_org_v: true });
|
||
} else {
|
||
this.state.buttonfalg = null;
|
||
}
|
||
let status = this.props.getUrlParam('status');
|
||
this.props.cardTable.setStatus(this.tableId, status);
|
||
this.props.form.setFormStatus(this.formId, status);
|
||
|
||
this.props.updatePage(this.formId, this.tableId); //关闭开关
|
||
updateCache(pkname, this.props.getUrlParam('id'), res.data, this.formId, dataSource);
|
||
this.props.setUrlParam({ pagecode: res.data.head[this.formId].rows[0].values.pk_tradetype.value });
|
||
//设置分摊字段属性
|
||
if (this.props.getUrlParam('status') == 'edit'){
|
||
setAllocField(this);
|
||
}
|
||
//控制联查分摊期间按钮
|
||
ctrAllocBtn(this);
|
||
this.toggleShow();
|
||
},
|
||
error: (res) => {
|
||
this.props.form.EmptyAllFormValue(this.formId);
|
||
this.props.cardTable.setTableData(this.tableId, { rows: [] });
|
||
this.props.setUrlParam({ status: 'browse' });
|
||
this.props.setUrlParam({ id: null});
|
||
deleteCacheById(pkname, this.props.getUrlParam('id'), dataSource);
|
||
this.props.cardTable.setStatus(this.tableId, 'browse');
|
||
this.props.form.setFormStatus(this.formId, 'browse');
|
||
this.toggleShow();
|
||
let str = res.message;
|
||
toast({ color: 'danger', content: str});;
|
||
}
|
||
});
|
||
} else if (this.props.getUrlParam('status') == 'add') {
|
||
this.initAdd();
|
||
//设置分摊字段属性
|
||
setAllocField(this);
|
||
} else {
|
||
this.toggleShow();
|
||
}
|
||
};
|
||
|
||
//初始化新增，新增时默认值
|
||
initAdd = (isClearPKorg) => {
|
||
if (!isClearPKorg) {
|
||
//isClearPKorg如果未未定义等，就取值为false
|
||
isClearPKorg = false;
|
||
}
|
||
ajax({
|
||
url: '/nccloud/arap/initpaybill/defvalue.do',
|
||
data: Object.assign({
|
||
isClearPKorg: isClearPKorg,
|
||
appcode: this.props.getSearchParam('c'),
|
||
pageId: this.getPagecode(),
|
||
tradeType: this.getPagecode()
|
||
},this.dataInSaga),
|
||
async:false,
|
||
success: (res) => {
|
||
if (res.data) {
|
||
this.props.beforeUpdatePage(); //打开开关
|
||
this.props.form.EmptyAllFormValue(this.formId);
|
||
this.props.form.setAllFormValue({ [this.formId]: res.data.head[this.formId] });
|
||
this.props.cardTable.setTableData(this.tableId, res.data.body[this.tableId]);
|
||
let cell_pk_org_v = res.data.head[this.formId].rows[0].values.pk_org_v;
|
||
if (cell_pk_org_v&&cell_pk_org_v.value) {
|
||
this.props.resMetaAfterPkorgEdit();
|
||
this.props.form.setFormItemsDisabled(this.formId, { pk_org_v: false });
|
||
this.state.buttonfalg = true;
|
||
} else {
|
||
this.state.buttonfalg = null;
|
||
this.props.initMetaByPkorg('pk_org_v');
|
||
}
|
||
this.props.form.setFormStatus(this.formId, 'edit');
|
||
this.props.cardTable.setStatus(this.tableId, 'edit');
|
||
this.props.updatePage(this.formId, this.tableId); //关闭开关
|
||
this.props.cardTable.setColValue(this.tableId,'prepay', { display:this.prepay.display,value: this.prepay.value});
|
||
}
|
||
//设置分摊字段属性
|
||
setAllocField(this);
|
||
this.toggleShow();
|
||
},
|
||
error: (res) => {//主要控制列表进卡片抛出错误
|
||
let str = res.message;
|
||
let status = this.props.getUrlParam('status');
|
||
if (status != 'browse') {
|
||
this.props.setUrlParam({ status: 'browse' });
|
||
this.props.form.setFormStatus(this.formId, 'browse');
|
||
this.props.cardTable.setStatus(this.tableId, 'browse');
|
||
this.toggleShow();
|
||
}
|
||
;
|
||
toast({ color: 'danger', content: str});;
|
||
}
|
||
});
|
||
};
|
||
|
||
//切换页面状态
|
||
toggleShow = () => {
|
||
let status = this.props.getUrlParam('status');
|
||
if (!status) {
|
||
status = 'browse';
|
||
} //如果未定义，默认给值浏览态
|
||
cardFieldsEditableWithProxy(this);
|
||
let cardhead = {};
|
||
let head = this.props.createMasterChildData(this.getPagecode(), this.formId, this.tableId).head[this.formId];
|
||
if (head) {
|
||
cardhead = head.rows[0].values;
|
||
}
|
||
if (status != 'browse') {
|
||
this.props.cardPagination.setCardPaginationVisible('cardPaginationBtn', false);
|
||
this.props.BillHeadInfo.setBillHeadInfoVisible({ showBackBtn: false });
|
||
if (this.refs.tradetypeBtn && !getContext(loginContextKeys.transtype)) {
|
||
this.refs.tradetypeBtn.setVisible(false); //设置交易类型是否显示
|
||
}
|
||
} else {
|
||
if (!(cardhead.pk_tradetype ? cardhead.pk_tradetype.value : null)) {
|
||
this.props.cardPagination.setCardPaginationVisible('cardPaginationBtn', false);
|
||
} else {
|
||
this.props.cardPagination.setCardPaginationVisible('cardPaginationBtn', true);
|
||
}
|
||
this.props.BillHeadInfo.setBillHeadInfoVisible({ showBackBtn: true });
|
||
if (this.refs.tradetypeBtn && !getContext(loginContextKeys.transtype)) {
|
||
this.refs.tradetypeBtn.setVisible(true); //设置交易类型是否显示
|
||
}
|
||
}
|
||
let trueBtn = []; //可见的按钮
|
||
let falseBtn = []; //不可见的按钮
|
||
for (let i = 0; i < this.Info.allButtonsKey.length; i++) {
|
||
let flag = buttonVisible(status, cardhead, this.Info.allButtonsKey[i], 'card', this);
|
||
if (flag) {
|
||
trueBtn.push(this.Info.allButtonsKey[i]);
|
||
} else {
|
||
falseBtn.push(this.Info.allButtonsKey[i]);
|
||
}
|
||
}
|
||
//初始化肩部按钮信息增行等按钮的控制
|
||
if (status == 'browse') {
|
||
initCardBodybrowseControl(this);
|
||
} else {
|
||
initCardBodyEditControl(this.props, cardhead.pk_org_v ? cardhead.pk_org_v.value : null, this);
|
||
}
|
||
this.props.button.setButtonVisible(trueBtn, true);
|
||
this.props.button.setButtonVisible(falseBtn, false);
|
||
//控制单据联查期间分摊按钮显示
|
||
ctrAllocBtn(this);
|
||
};
|
||
//卡片表体点击行事件
|
||
onSelected = () => {
|
||
onSelectedCardBodyEditControl(this);
|
||
};
|
||
|
||
//删除单据
|
||
delConfirm = () => {
|
||
let id = this.props.getUrlParam('id');
|
||
let nextId = getNextId(id, dataSource);
|
||
ajax({
|
||
url: '/nccloud/arap/initpaybill/delete.do',
|
||
data: [
|
||
Object.assign({
|
||
pk_bill: this.props.getUrlParam('id'),
|
||
ts: this.props.form.getFormItemsValue(this.formId, 'ts').value
|
||
},this.dataInSaga)
|
||
],
|
||
success: (res) => {
|
||
//删除单据后，卡片界面显示该单据的下一个单据
|
||
//如果是最后一个单据，删除后返回list界面
|
||
if (res.success) {
|
||
toast({ color: 'success', content: this.state.json['paybill-000009'] }); /* 国际化处理： 删除成功*/
|
||
deleteCacheById(pkname, id, dataSource);
|
||
if (nextId) {
|
||
this.props.setUrlParam({ id: nextId });
|
||
this.initShow();
|
||
} else {
|
||
this.props.setUrlParam({ id: null });
|
||
this.props.form.EmptyAllFormValue(this.formId);
|
||
this.props.cardTable.setTableData(this.tableId, { rows: [] });
|
||
this.toggleShow();
|
||
}
|
||
}
|
||
}
|
||
});
|
||
};
|
||
|
||
cancel = () => {
|
||
//取消按钮
|
||
this.props.form.setFormItemsValue("allocobjrule", { "allocobjrule": { value: '', display: '' } });
|
||
if (this.props.getUrlParam('type')) {
|
||
//如果type存在就删除
|
||
this.props.delUrlParam('type');
|
||
}
|
||
let pk_org_v = this.props.form.getFormItemsValue(this.formId, 'pk_org_v');
|
||
if (!pk_org_v || !pk_org_v.value || pk_org_v.value == '') {
|
||
this.props.resMetaAfterPkorgEdit();
|
||
}
|
||
this.props.beforeUpdatePage(); //打开开关
|
||
this.state.buttonfalg = null;
|
||
if (this.props.getUrlParam('status') === 'edit') {
|
||
this.props.setUrlParam({ status: 'browse' });
|
||
let id = this.props.getUrlParam('id');
|
||
let cardData = getCacheById(id, dataSource);
|
||
if (cardData) {
|
||
this.props.form.setAllFormValue({ [this.formId]: cardData.head[this.formId] });
|
||
this.props.cardTable.setTableData(this.tableId, cardData.body[this.tableId]);
|
||
this.props.cardTable.setStatus(this.tableId, 'browse');
|
||
this.props.form.setFormStatus(this.formId, 'browse');
|
||
this.props.updatePage(this.formId, this.tableId); //关闭开关
|
||
this.toggleShow();
|
||
} else {
|
||
this.initShow();
|
||
}
|
||
} else if (this.props.getUrlParam('status') === 'add') {
|
||
let id = this.props.getUrlParam('id');
|
||
if (!id) {
|
||
id = getCurrentLastId(dataSource);
|
||
}
|
||
if (id) {
|
||
this.props.setUrlParam({ status: 'browse', id: id });
|
||
let cardData = getCacheById(id, dataSource);
|
||
if (cardData) {
|
||
this.props.form.setAllFormValue({ [this.formId]: cardData.head[this.formId] });
|
||
this.props.cardTable.setTableData(this.tableId, cardData.body[this.tableId]);
|
||
let pagecode = cardData.head[this.formId].rows[0].values.pk_tradetype.value;
|
||
if (this.getPagecode() != pagecode) {
|
||
this.props.setUrlParam({ pagecode: pagecode });
|
||
initTemplate.call(this, this.props);
|
||
}
|
||
this.props.cardTable.setStatus(this.tableId, 'browse');
|
||
this.props.form.setFormStatus(this.formId, 'browse');
|
||
this.props.updatePage(this.formId, this.tableId); //关闭开关
|
||
this.toggleShow();
|
||
} else {
|
||
this.initShow();
|
||
}
|
||
} else {
|
||
this.props.form.EmptyAllFormValue(this.formId);
|
||
this.props.cardTable.setTableData(this.tableId, { rows: [] });
|
||
this.props.setUrlParam({ status: 'browse' });
|
||
this.props.cardTable.setStatus(this.tableId, 'browse');
|
||
this.props.form.setFormStatus(this.formId, 'browse');
|
||
this.props.updatePage(this.formId, this.tableId); //关闭开关
|
||
this.toggleShow();
|
||
}
|
||
}
|
||
this.props.cardTable.selectAllRows(this.tableId, false);
|
||
this.setState({});
|
||
};
|
||
|
||
//挂起操作和取消挂起操作
|
||
pause = (url) => {
|
||
let selectedData = this.props.cardTable.getCheckedRows(this.tableId);
|
||
if (selectedData.length == 0) {
|
||
toast({ color: 'success', content: this.state.json['paybill-000025'] }); /* 国际化处理： 请选择至少一条子表数据*/
|
||
return;
|
||
}
|
||
let pauseObj = [];
|
||
selectedData.forEach((val) => {
|
||
pauseObj.push(val.data.values.pk_payitem.value);
|
||
});
|
||
let data = Object.assign({
|
||
pk_items: pauseObj,
|
||
pk_bill: this.props.getUrlParam('id'),
|
||
ts: this.props.form.getFormItemsValue(this.formId, 'ts').value,
|
||
pageId: this.getPagecode(),
|
||
billType: this.billType
|
||
},this.dataInSaga);
|
||
ajax({
|
||
url: url,
|
||
data: data,
|
||
success: (res) => {
|
||
if (res.data.message) {
|
||
toast({
|
||
duration: 'infinity',
|
||
color: res.data.PopupWindowStyle,
|
||
content: res.data.message
|
||
});
|
||
} else {
|
||
toast({ color: 'success', content: this.state.json['paybill-000026'] }); /* 国际化处理： 操作成功*/
|
||
}
|
||
if (res.data.billCard) {
|
||
if (res.data.billCard.head) {
|
||
this.props.form.setAllFormValue({ [this.formId]: res.data.billCard.head[this.formId] });
|
||
}
|
||
if (res.data.billCard.body) {
|
||
this.props.cardTable.setTableData(this.tableId, res.data.billCard.body[this.tableId]);
|
||
}
|
||
let newCardData = this.props.createMasterChildData(this.getPagecode(), this.formId, this.tableId);
|
||
updateCache(pkname, this.props.getUrlParam('id'), newCardData, this.formId, dataSource);
|
||
}
|
||
this.onSelected();
|
||
}
|
||
});
|
||
};
|
||
|
||
//保存单据
|
||
saveBill = (modelIndex) => {
|
||
//删除空白行
|
||
let checkCardData = this.props.createMasterChildData(this.getPagecode(), this.formId, this.tableId);
|
||
delBlankLine(this, this.tableId, this.billType, checkCardData, modelIndex);
|
||
this.props.form.setFormItemsValue("allocobjrule", { "allocobjrule": { value: '', display: '' } });
|
||
let result=this.props.validatePageToToast([
|
||
{
|
||
name: this.formId,
|
||
type: "form",
|
||
},
|
||
{
|
||
name: this.tableId,
|
||
type: "cardTable",
|
||
}
|
||
]);
|
||
if(result&&!result.allPassed){
|
||
return;
|
||
}
|
||
let cardData = this.props.createMasterChildData(this.getPagecode(), this.formId, this.tableId);
|
||
let newCardData = dealCardData(this, cardData); //去掉空值，减少压缩时间
|
||
if(checkScommet(this, cardData)) {
|
||
return;
|
||
}
|
||
let datas = Object.assign({
|
||
cardData: newCardData,
|
||
uiState: this.props.getUrlParam('status')
|
||
},this.dataInSaga);
|
||
let callback = () => {
|
||
ajax({
|
||
url: '/nccloud/arap/initpaybill/save.do',
|
||
data: datas,
|
||
success: (res) => {
|
||
let pk_paybill = null;
|
||
let pk_tradetype = null;
|
||
if (res.success) {
|
||
if (res.data) {
|
||
toast({ color: 'success', content: this.state.json['paybill-000010'] }); /* 国际化处理： 保存成功*/
|
||
this.props.beforeUpdatePage(); //打开开关
|
||
if (res.data.head && res.data.head[this.formId]) {
|
||
this.props.form.setAllFormValue({ [this.formId]: res.data.head[this.formId] });
|
||
pk_paybill = res.data.head[this.formId].rows[0].values.pk_paybill.value;
|
||
pk_tradetype = res.data.head[this.formId].rows[0].values.pk_tradetype.value;
|
||
}
|
||
if (res.data.body && res.data.body[this.tableId]) {
|
||
this.props.cardTable.updateDataByRowId(this.tableId, res.data.body[this.tableId]);
|
||
//this.props.cardTable.setTableData(this.tableId, res.data.body[this.tableId]);
|
||
}
|
||
|
||
this.state.buttonfalg = null;
|
||
this.props.cardTable.setStatus(this.tableId, 'browse');
|
||
this.props.form.setFormStatus(this.formId, 'browse');
|
||
this.props.updatePage(this.formId, this.tableId); //关闭开关
|
||
let newCardData = this.props.createMasterChildData(
|
||
this.getPagecode(),
|
||
this.formId,
|
||
this.tableId
|
||
);
|
||
if (this.props.getUrlParam('status') == 'add') {
|
||
addCache(pk_paybill, newCardData, this.formId, dataSource); //新增
|
||
let idObj = { id: pk_paybill, status: 1 }//1 修改 2新增 3删除
|
||
this.props.cardPagination.setCardPaginationId(idObj);
|
||
} else {
|
||
updateCache(pkname, pk_paybill, newCardData, this.formId, dataSource); //修改之后更新缓存
|
||
}
|
||
if (this.props.getUrlParam('type')) {
|
||
this.props.delUrlParam('type');
|
||
}
|
||
this.props.setUrlParam({ status: 'browse', id: pk_paybill, pagecode: pk_tradetype });
|
||
this.props.cardTable.selectAllRows(this.tableId, false);
|
||
}
|
||
}
|
||
|
||
if (this.Info.isModelSave) {
|
||
this.Info.isModelSave = false;
|
||
this.props.cardTable.closeModel(this.tableId);
|
||
}
|
||
//控制联查分摊期间按钮
|
||
ctrAllocBtn(this);
|
||
this.toggleShow();
|
||
}
|
||
});
|
||
};
|
||
|
||
this.props.validateToSave(datas.cardData, callback, { table1: 'cardTable' }, 'card');
|
||
};
|
||
|
||
//获取列表肩部信息
|
||
getTableHead = () => {
|
||
return (
|
||
<span>
|
||
{this.props.button.createButtonApp({
|
||
area: 'card_body',
|
||
buttonLimit: 3,
|
||
onButtonClick: buttonClick.bind(this),
|
||
popContainer: document.querySelector('.header-button-area')
|
||
})}
|
||
</span>
|
||
);
|
||
};
|
||
|
||
//联查处理情况按钮
|
||
handleCombined = () => {
|
||
this.setState({
|
||
isCombinedExaminationModelShow: true
|
||
}, () => {
|
||
if (this.state.isCombinedExaminationModelShow) {
|
||
this.child.modalOpen();
|
||
} else {
|
||
this.child.modalClose();
|
||
}
|
||
});
|
||
};
|
||
onRender = (ref) => {
|
||
this.child = ref;
|
||
};
|
||
|
||
//联查收付款协议
|
||
handleLinkTerm = () => {
|
||
this.setState({
|
||
isLinkTermModelShow: true
|
||
},() => {
|
||
if (this.state.isLinkTermModelShow) {
|
||
this.child2.modalOpen();
|
||
} else {
|
||
this.child2.modalClose();
|
||
}
|
||
});
|
||
};
|
||
onRenderTerm =(ref)=>{
|
||
this.child2 = ref;
|
||
}
|
||
//设置form表单ts的值
|
||
setFormTsVal = (ts) => {
|
||
this.props.form.setFormItemsValue(this.formId, { ts: { value: ts } });
|
||
};
|
||
|
||
//期初弹窗控制
|
||
handlePeriodInformation = () => {
|
||
this.setState({
|
||
isPeriodModelShow: !this.state.isPeriodModelShow
|
||
});
|
||
this.childper.modalOpen();
|
||
|
||
};
|
||
onRenderPer = (ref) => {
|
||
this.childper = ref;
|
||
};
|
||
|
||
//打印
|
||
onPrint = () => {
|
||
this.printData.oids = [this.props.getUrlParam('id')];
|
||
this.printData.nodekey = this.props.form.getFormItemsValue(this.formId, 'pk_tradetype').value;
|
||
// print(
|
||
// 'pdf', //支持两类: 'html'为模板打印, 'pdf'为pdf打印
|
||
// '/nccloud/arap/arappub/print.do', //后台服务url
|
||
// this.printData
|
||
// // false 去掉后支持弹出选择打印模板
|
||
// );
|
||
this.printPreviewBill();
|
||
};
|
||
|
||
//正式打印
|
||
officalPrintOutput = () => {
|
||
this.printData.oids = [this.props.getUrlParam('id')];
|
||
this.printData.nodekey = this.props.form.getFormItemsValue(this.formId, 'pk_tradetype').value;
|
||
this.printData.userjson = billType+","+this.props.getSearchParam('p');
|
||
ajax({
|
||
url: '/nccloud/arap/arappub/officialPrint.do',
|
||
data: this.printData,
|
||
async: false,
|
||
success: (res) => {
|
||
if (res.success) {
|
||
// print(
|
||
// 'pdf', //支持两类: 'html'为模板打印, 'pdf'为pdf打印
|
||
// '/nccloud/arap/arappub/print.do', //后台服务url
|
||
// this.printData,
|
||
// false
|
||
// );
|
||
this.printPreviewBill();
|
||
if (res.data) {
|
||
updateCache(pkname, this.props.getUrlParam('id'), res.data, this.formId, dataSource);
|
||
if (res.data.head) {
|
||
this.props.form.setAllFormValue({ [this.formId]: res.data.head[this.formId] });
|
||
}
|
||
if (res.data.body) {
|
||
this.props.cardTable.setTableData(this.tableId, res.data.body[this.tableId]);
|
||
}
|
||
} else {
|
||
this.props.form.EmptyAllFormValue(this.formId);
|
||
this.props.cardTable.setTableData(this.tableId, { rows: [] });
|
||
}
|
||
this.toggleShow();
|
||
}
|
||
}
|
||
});
|
||
};
|
||
|
||
//预览打印
|
||
printPreviewBill = () => {
|
||
printPreview(
|
||
this.props,
|
||
'/nccloud/arap/arappub/print.do',
|
||
{
|
||
//billType:"F3",
|
||
billtype:this.printData.billtype,
|
||
funcode: this.printData.funcode,
|
||
appcode: this.printData.appcode, //⼩应⽤编码
|
||
pageCode:this.props.getSearchParam('p'),
|
||
nodekey: this.printData.nodekey, //模板节点标识
|
||
oids: this.printData.oids,
|
||
//userjson: encodeURI(JSON.stringify({numFrom: 1,numEnd: 2})),
|
||
//controlPrintNum: true,
|
||
type :'1',
|
||
sysType: '1',
|
||
//suffx:['pdf'],
|
||
realData:true,
|
||
//新增项
|
||
//hideTemplate: true,//是否需要打印模板切换
|
||
//printSetting:JSON.stringify({currentNccloudPaper:{paperHeight: 210,paperId: "",paperName: this.state.json['paybill-000028'],paperWidth: 297}}),
|
||
//⾃定义内容项
|
||
//formulaConfig: null,
|
||
//userjson: this.printData.billtype //单据类型`
|
||
},
|
||
true
|
||
)
|
||
}
|
||
|
||
//取消正式打印
|
||
cancelPrintOutput = () => {
|
||
this.printData.oids = [this.props.getUrlParam('id')];
|
||
this.printData.nodekey = this.props.form.getFormItemsValue(this.formId, 'pk_tradetype').value;
|
||
this.printData.userjson = billType+","+this.props.getSearchParam('p');
|
||
ajax({
|
||
url: '/nccloud/arap/arappub/cancelPrint.do',
|
||
data: this.printData,
|
||
async: false,
|
||
success: (res) => {
|
||
if (res.success) {
|
||
if (res.data) {
|
||
updateCache(pkname, this.props.getUrlParam('id'), res.data, this.formId, dataSource);
|
||
if (res.data.head) {
|
||
this.props.form.setAllFormValue({ [this.formId]: res.data.head[this.formId] });
|
||
}
|
||
if (res.data.body) {
|
||
this.props.cardTable.setTableData(this.tableId, res.data.body[this.tableId]);
|
||
}
|
||
} else {
|
||
this.props.form.EmptyAllFormValue(this.formId);
|
||
this.props.cardTable.setTableData(this.tableId, { rows: [] });
|
||
}
|
||
this.toggleShow();
|
||
//取消正式打印提示框
|
||
toast({ color: 'success', content: this.state.json['paybill-000072'] });
|
||
}
|
||
}
|
||
});
|
||
};
|
||
|
||
//打印输出
|
||
printOutput = () => {
|
||
this.outputData.oids = [this.props.getUrlParam('id')];
|
||
this.outputData.nodekey = this.props.form.getFormItemsValue(this.formId, 'pk_tradetype').value;
|
||
this.refs.printOutput.open();
|
||
};
|
||
//输出成功回调函数
|
||
onSubmit() { }
|
||
/**
|
||
* 刷新
|
||
* @param
|
||
*/
|
||
refresh = () => {
|
||
let data = Object.assign({ pk_bill: this.props.getUrlParam('id'), pageId: this.getPagecode() },this.dataInSaga);
|
||
ajax({
|
||
url: '/nccloud/arap/initpaybill/querycard.do',
|
||
data: data,
|
||
success: (res) => {
|
||
if (res.data) {
|
||
if (res.data.head) {
|
||
this.props.form.setAllFormValue({ [this.formId]: res.data.head[this.formId] });
|
||
}
|
||
if (res.data.body) {
|
||
this.props.cardTable.setTableData(this.tableId, res.data.body[this.tableId]);
|
||
}
|
||
} else {
|
||
this.props.form.EmptyAllFormValue(this.formId);
|
||
this.props.cardTable.setTableData(this.tableId, { rows: [] });
|
||
}
|
||
this.props.form.setFormItemsDisabled(this.formId, { pk_org_v: true });
|
||
this.toggleShow();
|
||
}
|
||
});
|
||
};
|
||
|
||
//返回列表
|
||
backList = () => {
|
||
this.props.pushTo('/list', {
|
||
pagecode: '20080PO_LIST'
|
||
});
|
||
};
|
||
|
||
//侧拉删行
|
||
modelDelRow = () => {
|
||
calculateHeadMoney(this);
|
||
let allVisibleRows = this.props.cardTable.getVisibleRows(this.tableId);
|
||
if (!allVisibleRows || allVisibleRows.length == 0) {
|
||
this.props.cardTable.closeModel(this.tableId);
|
||
}
|
||
};
|
||
|
||
//侧拉增行
|
||
modelAddRow = () => {
|
||
if (this.props.form.getFormItemsValue(this.formId, 'pk_org_v').value != null) {
|
||
let allRowsNumber = this.props.cardTable.getNumberOfRows(this.tableId);
|
||
ajax({
|
||
url: '/nccloud/arap/paybillpub/addline.do',
|
||
data: this.props.createMasterChildData(this.getPagecode(), this.formId, this.tableId),
|
||
success: (res) => {
|
||
if (res.data) {
|
||
if (res.data.head) {
|
||
this.props.form.setAllFormValue({ [this.formId]: res.data.head[this.formId] });
|
||
}
|
||
if (res.data.body) {
|
||
this.props.cardTable.updateDataByIndexs(this.tableId, [
|
||
{
|
||
index: allRowsNumber - 1,
|
||
data: {
|
||
status: 2,
|
||
values: res.data.body[this.tableId].rows[0].values
|
||
}
|
||
}
|
||
]);
|
||
}
|
||
}
|
||
}
|
||
});
|
||
} else {
|
||
toast({ color: 'warning', content: this.state.json['paybill-000027'] }); /* 国际化处理： 请先选择财务组织*/
|
||
}
|
||
};
|
||
//整单保存事件
|
||
modelSaveClick = (a, modelIndex) => {
|
||
this.dataInSaga.butncode='save';
|
||
this.Info.isModelSave = true;
|
||
this.saveBill(modelIndex);
|
||
};
|
||
|
||
render() {
|
||
let { cardTable, form, button, modal, cardPagination } = this.props;
|
||
const { createBillHeadInfo } = this.props.BillHeadInfo;
|
||
let buttons = this.props.button.getButtons();
|
||
let multiLang = this.props.MutiInit.getIntl(this.moduleId);
|
||
let { createForm } = form;
|
||
let { createCardTable } = cardTable;
|
||
const { createCardPagination } = cardPagination;
|
||
let { createModal } = modal;
|
||
let { showUploader, target } = this.state;
|
||
return (
|
||
<div className="nc-bill-card">
|
||
<div className="nc-bill-top-area">
|
||
<NCAffix offsetTop={0}>
|
||
<NCDiv areaCode={NCDiv.config.HEADER} className="nc-bill-header-area">
|
||
<div className="header-title-search-area">
|
||
{createBillHeadInfo({
|
||
title: this.state.json['paybill-000028'],//国际化处理： 付款期初
|
||
backBtnClick: () => {
|
||
this.backList();
|
||
}
|
||
})}
|
||
</div>
|
||
<div className="header-button-area">
|
||
{!getContext(loginContextKeys.transtype)?(
|
||
<div className="trade-type">
|
||
{TradeTypeButton({
|
||
ref: 'tradetypeBtn',
|
||
billtype: 'F3',
|
||
dataSource: dataSource,
|
||
propschil:this.props,
|
||
appcode: this.props.getSearchParam('c') ? this.props.getSearchParam('c') : this.props.getUrlParam('c'),
|
||
pagecode: this.props.getSearchParam('p') ? this.props.getSearchParam('p') : null
|
||
})}
|
||
</div>
|
||
) : null}
|
||
{this.props.button.createButtonApp({
|
||
area: 'card_head',
|
||
buttonLimit: 3,
|
||
onButtonClick: buttonClick.bind(this),
|
||
popContainer: document.querySelector('.header-button-area')
|
||
})}
|
||
</div>
|
||
<div className="header-cardPagination-area" style={{ float: 'right' }}>
|
||
{createCardPagination({
|
||
handlePageInfoChange: pageInfoClick.bind(this),
|
||
dataSource: dataSource
|
||
})}
|
||
</div>
|
||
</NCDiv>
|
||
</NCAffix>
|
||
<div className="nc-bill-form-area">
|
||
{createForm(this.formId, {
|
||
fieldid: "initpaybill",
|
||
onBeforeEvent: formBeforeEvent.bind(this),
|
||
onAfterEvent: afterEvent.bind(this)
|
||
})}
|
||
</div>
|
||
</div>
|
||
<div className="nc-bill-bottom-area">
|
||
<div className="nc-bill-table-area">
|
||
{createCardTable(this.tableId, {
|
||
tableHead: this.getTableHead.bind(this, buttons),
|
||
modelSave: this.modelSaveClick.bind(this),
|
||
onAfterEvent: afterEvent.bind(this),
|
||
onBeforeEvent: bodyBeforeEvent.bind(this),
|
||
modelAddRow: this.modelAddRow.bind(this),
|
||
modelDelRow: this.modelDelRow.bind(this),
|
||
onSelected: this.onSelected.bind(this),
|
||
onSelectedAll: this.onSelected.bind(this),
|
||
showCheck: true,
|
||
showIndex: true,
|
||
adaptionHeight: true,
|
||
high_selectable: {
|
||
enable: true //默认为true
|
||
},
|
||
// 框选
|
||
onBatchSelected: (...params) => {
|
||
this.onSelected.call(this)
|
||
},
|
||
onBatchChange: onBatchChange.bind(this)
|
||
})}
|
||
</div>
|
||
</div>
|
||
|
||
{createModal('delete', {
|
||
title: multiLang && multiLang.get('20521030-0020'),
|
||
content: multiLang && multiLang.get('20521030-0006'),
|
||
beSureBtnClick: this.delConfirm
|
||
})}
|
||
|
||
{/* {联查处理情况} */}
|
||
<CombinedExaminationModel
|
||
show={this.state.isCombinedExaminationModelShow}
|
||
combinedExaminationData={this.Info.combinedExaminationData}
|
||
pk_tradetypeid={
|
||
this.props.form.getFormItemsValue(this.formId, 'pk_tradetypeid') ? (
|
||
this.props.form.getFormItemsValue(this.formId, 'pk_tradetypeid').display
|
||
) : null
|
||
}
|
||
billno={
|
||
this.props.form.getFormItemsValue(this.formId, 'billno') ? (
|
||
this.props.form.getFormItemsValue(this.formId, 'billno').value
|
||
) : null
|
||
}
|
||
handleModel={this.handleCombined.bind(this)}
|
||
onRef={this.onRender}
|
||
/>
|
||
{/* {联查收付款协议} */}
|
||
<LinkTerm
|
||
show={this.state.isLinkTermModelShow}
|
||
linkTermData={this.Info.linkTermData}
|
||
handleModel={this.handleLinkTerm.bind(this)}
|
||
moduleId={'2008'}
|
||
billType={this.billType}
|
||
seletedPks={this.Info.selectedPKS}
|
||
pk_bill={
|
||
this.props.form.getFormItemsValue(this.formId, 'pk_paybill') ? (
|
||
this.props.form.getFormItemsValue(this.formId, 'pk_paybill').value
|
||
) : null
|
||
}
|
||
setFormTsVal={this.setFormTsVal.bind(this)}
|
||
onRef={this.onRenderTerm}
|
||
/>
|
||
<PeriodModal
|
||
show={this.state.isPeriodModelShow}
|
||
handleModel={this.handlePeriodInformation.bind(this)}
|
||
billFieldType={'AP_INIT_PAY'}
|
||
funCode={'20080PO'}
|
||
onRef={this.onRenderPer}
|
||
/>
|
||
{/* 单据追溯组件 */}
|
||
<BillTrack
|
||
show={this.state.showBillTrack}
|
||
close={() => {
|
||
this.setState({ showBillTrack: false });
|
||
}}
|
||
pk={this.props.getUrlParam('id')} //单据id
|
||
type={
|
||
this.props.form.getFormItemsValue(this.formId, 'pk_tradetype') ? (
|
||
this.props.form.getFormItemsValue(this.formId, 'pk_tradetype').value
|
||
) : null
|
||
} //单据类型
|
||
/>
|
||
{showUploader && (
|
||
<NCUploader
|
||
billId={
|
||
this.props.form.getFormItemsValue(this.formId, 'pk_paybill') ? (
|
||
this.props.form.getFormItemsValue(this.formId, 'pk_paybill').value
|
||
) : null
|
||
}
|
||
billNo={
|
||
this.props.form.getFormItemsValue(this.formId, 'billno') ? (
|
||
this.props.form.getFormItemsValue(this.formId, 'billno').value
|
||
) : null
|
||
}
|
||
target={target}
|
||
placement={'bottom'}
|
||
onHide={this.onHideUploader}
|
||
/>
|
||
)}
|
||
|
||
{/* {打印输出} */}
|
||
<PrintOutput
|
||
ref="printOutput"
|
||
url="/nccloud/arap/arappub/outPut.do"
|
||
data={this.outputData}
|
||
callback={this.onSubmit}
|
||
/>
|
||
|
||
{/* {导入} */}
|
||
{createModal('importModal', {
|
||
noFooter: true,
|
||
className: 'import-modal',
|
||
hasBackDrop: false
|
||
})}
|
||
<ExcelOutput
|
||
{...Object.assign(this.props)}
|
||
moduleName="arap" //模块名
|
||
billType={billType} //单据类型
|
||
pagecode={"20080PO_CARD"}
|
||
appcode={this.props.getSearchParam('c')}
|
||
selectedPKS={this.Info.selectedPKS}
|
||
exportTreeUrl={"/nccloud/arap/paybill/paybillexport.do"}
|
||
forceRender={this.state.forceRender}
|
||
/>
|
||
{/**分摊模态框 */}
|
||
<div className="nc-form-copy-area">
|
||
{createModal("allocobjrule", {
|
||
fieldid: "allocobjrule",
|
||
title: this.state.json['paybill-000071'],//对象分摊
|
||
size: 'sm',
|
||
zIndex:270,
|
||
content:
|
||
<div className="nc-bill-all-area">
|
||
<div className="nc-bill-form-area">
|
||
{createForm("allocobjrule", {
|
||
fieldid: "allocobjrule",
|
||
onAfterEvent: afterEvent.bind(this),
|
||
onBeforeEvent: formBeforeEvent.bind(this)
|
||
})}
|
||
</div>
|
||
</div>,
|
||
beSureBtnClick: beSureAllocation.bind(this),
|
||
cancelBtnClick: cancelAllocation.bind(this)
|
||
})}
|
||
</div>
|
||
</div>
|
||
);
|
||
}
|
||
}
|
||
|
||
Card = createPage({
|
||
orderOfHotKey: [formId, tableId],//区域快捷键切换支持
|
||
mutiLangCode: '2052',
|
||
})(Card);
|
||
|
||
export default Card;
|