,
onClick: () => this.getKQReport(this.getQueryParams())
});
return {
buttons,
dropMenuDatas: [
...menus
]
}
}
@computed get topProps(){
return {
title: getLabel('390351','考勤汇总报表'),
icon: ,
iconBgcolor: '#217346',
showDropIcon: true,
...this.topBtnAndMenus
}
}
//#endregion
//#region WeaTab 分组信息
@observable mainActiveTabKey = '';
@observable _mainTabs = [];
@computed get mainTabs(){
return this.toJS(this._mainTabs);
}
set mainTabs(v){
this._mainTabs = v;
}
@computed get mainTabProps(){
const tabConfig = {
tabs: this.mainTabs,
keyParam: "viewCondition",
activeTabKey: this.mainActiveTabKey,
onTabEdit: (tabKey, action) => this.onTabEdit(tabKey, action, this.refreshMainData)
}
return {
tabConfig,
activeTabInfo: {
activeTabKey: tabConfig.activeTabKey,
activeTabIndex: 0
},
rightMenu: this.topBtnAndMenus.dropMenuDatas,
store: this,
tabChangeHandle: this.setActiveTab
}
};
@action setActiveTab = k => {
// this.mainActiveTabKey = k;
this.refreshMainData(k);
// this.initRadioGroupConfig();
}
@action onTabEdit = async (tabKey, action, callback) => {
if(findIndex(this.mainTabs, {viewCondition: tabKey}) < 0) return;
switch (action) {
case 'remove':
this.confirmInfo({
content: i18n.confirm.delete(),
onOk: async () => {
const data = await api.deleteReportMoudle({ids: tabKey});
if (data.status === '1') {
message.success(i18n.message.deleteSuccess());
callback && callback();
} else {
message.error(data.message);
}
}
});
break;
default:
break;
}
}
//#endregion
//#region 初始化数据
@action initData = async () => {
const menuDatas = await api.getRightMenu();
const {btnMenu} = menuDatas || {};
this.topButtons = btnMenu || [];
const tabDatas = await api.getReportMoudleTabs();
if(tabDatas.status == '1'){
const {tabs} = tabDatas;
const storage = {};
this.mainTabs = tabs.map((d, i) => {
if(i == 0) this.mainActiveTabKey = d.key;
const {editable, key, title, moudledata} = d;
Object.assign(storage, {[key]: (typeof(moudledata) == 'string' ? JSON.parse(moudledata) : moudledata)});
return {
editable: editable,
color: "#000000",
title: title,
viewCondition: key
}
});
this.storageStore = storage;//设置模板配置
this.initRadioGroupConfig();
}else{
message.error(tabDatas.message);
}
}
@action init = () => {
this.clearData();
this.showRadioGroup = true;
this.initData();
}
@action refreshMainData = async tabKey => {
tabKey && (this.mainActiveTabKey = tabKey);
const tabDatas = await api.getReportMoudleTabs();
if(tabDatas.status == '1'){
const {tabs} = tabDatas;
const storage = {};
this.mainTabs = tabs.map((d, i) => {
if(tabKey == null && i == 0) this.mainActiveTabKey = d.key;
const {editable, key, title, moudledata} = d;
Object.assign(storage, {[key]: (typeof(moudledata) == 'string' ? JSON.parse(moudledata) : moudledata)});
return {
editable: editable,
color: "#000000",
title: title,
viewCondition: key
}
});
this.storageStore = storage;//设置模板配置
// tabKey && (this.mainActiveTabKey = tabKey);
this.initRadioGroupConfig();
}else{
message.error(tabDatas.message);
}
}
@action clearData = () => {
this.pageIndex = 1;
this.pageSize = 10;
this.total = 0;
this.radioGroupVal = {};
this.showHasNotAccount = false;
};
//#endregion
//#region radioGroup
radioGroupVal = {};
@observable refreshRadioGroup = new Date().getTime();
@observable _storageStore = {};
@computed get storageStore(){
return this.toJS(this._storageStore);
}
set storageStore(v){this._storageStore = v}
@computed get storage(){
return this.storageStore[this.mainActiveTabKey] || {};
}
@observable _showRadioGroup = true;
@computed get showRadioGroup(){return this._showRadioGroup}
set showRadioGroup(v){
this._showRadioGroup = v;
setTimeout(() => {
this.reCalculateTableHeight = new Date().getTime();
}, 0)
}
displaySetting = {}
rangeConditions = [];
rangeKeys = {}
@computed get radioGroupConfig(){
this.refreshRadioGroup;
return {
config: [
this.displaySetting,
...this.rangeConditions
],
key: new Date().getTime(),
onChange: this.onRadioGroupChangeHandle
}
}
@computed get displayColumns(){
const {displaySetting} = this.storage;
const {groups} = displaySetting || {};
const columns = ['lastname'];
try{
groups.map(g => {
const arr = g.value.split(',');
columns.push(...arr);
arr.map(k => {
columns.push(...(get(this.cascader, k) || []));
})
})
}catch(e){
}
return columns;
}
@computed get selectedSerial(){
const {displaySetting} = this.storage;
const {serial = []} = displaySetting || {};
if(serial.length > 0){
return serial.map(d => d.id).join(',');
}else
return '';
}
//获取时间范围和数据范围定义
cascader = {};
@action getCondition = async () => {
const data = await api.getSearchCondition();
if(data.status == '1'){
const {conditions, showColumns: cascader} = data;
this.cascader = cascader;
this.rangeKeys = {};
this.rangeConditions = conditions.map(condition => {
const {domkey} = condition;
Object.assign(this.rangeKeys, {[domkey]: []})
let options = condition.options;
let selectLinkageDatas = condition.selectLinkageDatas;
Object.keys(selectLinkageDatas).map(k => {
const {conditionType, domkey: linkdomkey} = selectLinkageDatas[k];
this.rangeKeys[domkey].push(...linkdomkey);
if(conditionType == 'BROWSER'){
selectLinkageDatas[k].domkey = [...linkdomkey, `${linkdomkey[0]}Value`, `${linkdomkey[0]}Object`];
this.rangeKeys[domkey].push(`${linkdomkey[0]}Object`);
}
})
const key = domkey[0];
const flag = has(this.storage, key);
if(flag){
const value = get(this.storage, key);
const selectedKey = value[key] || '0';
options = options.map(op => {
return {
...op,
selected: op.key === selectedKey
}
});
if(has(selectLinkageDatas, selectedKey)){
const {conditionType, domkey: linkdomkey} = selectLinkageDatas[selectedKey];
switch(conditionType){
case 'RANGEPICKER':
linkdomkey.map(k => {
Object.assign(selectLinkageDatas[selectedKey], {
[k]: value[k]//selectLinkageDatas中设置与domkey同名的属性，用于显示默认值
})
})
break;
case 'CHECKBOX':
linkdomkey.map(k => {
Object.assign(selectLinkageDatas[selectedKey], {
value: value[k]//selectLinkageDatas中设置与domkey同名的属性，用于显示默认值
})
})
break;
case 'BROWSER':
selectLinkageDatas[selectedKey].browserConditionParam.replaceDatas = value[`${linkdomkey[0]}Object`];//设置浏览按钮默认值
break;
}
}
}
return {
...condition,
options,
selectLinkageDatas
}
});
this.refreshRadioGroup = new Date().getTime();
}else{
message.error(data.message);
}
}
@action initRadioGroupConfig = () => {
this.generateDisplaySetting();
this.getCondition();
this.resetScroll();
}
//创建显示列自定义组件
@action generateDisplaySetting = d => {
this.displaySetting = {
label: getLabel('390081', '展示列'),
domkey: ['checking'],
labelcol: 3,
fieldcol: 21,
com: (
)
}
}
//全选事件
@action onSelectAllChangeHandle = (v, i) => {
const {displaySetting} = this.storage;
const {groups} = displaySetting || {};
try{
if(v == 0){
Object.assign(groups[i], {value: ''});
this.showBrowser(false);
}else{
const {options} = groups[i];
const values = options.map(op => op.key);
Object.assign(groups[i], {value: values.join(',')});
values.indexOf('attendanceSerial') > -1 && this.showBrowser(true);
}
this.storageStore = Object.assign(this.storageStore, {
[this.mainActiveTabKey]: {
...this.storageStore[this.mainActiveTabKey],
displaySetting: {
groups
}
}
})
}catch(e){
}
}
checkAttendanceSerial = (oldValue, newValue) => {
const oldKeys = oldValue.split(',');
const newKeys = newValue.split(',');
const removedKeys = difference(oldKeys, newKeys);
const addedKeys = difference(newKeys, oldKeys);
if(addedKeys.indexOf('attendanceSerial') > -1){
this.showBrowser(true);
}else if(removedKeys.indexOf('attendanceSerial') > -1){
this.showBrowser(false);
}else{}
}
@action onSelectChangeHandle = (v, i, checkBrowser) => {
const {displaySetting} = this.storage;
const {groups} = displaySetting || {};
try{
this.checkAttendanceSerial(groups[i].value, v);
// checkBrowser && this.showBrowser(v);
Object.assign(groups[i], {value: v});
this.storageStore = Object.assign(this.storageStore, {
[this.mainActiveTabKey]: {
...this.storageStore[this.mainActiveTabKey],
displaySetting: {
groups
}
}
})
}catch(e){
}
}
@action showBrowser = flag => {
if(flag){
const monitor = setInterval(() => {
if(this.browser){
clearInterval(monitor);
this.browser.openModal();
}
}, 500);
}else{
this.onBrowserChangeHandle('','', []);
}
}
@action onRadioGroupChangeHandle = params => {
this.radioGroupVal = params;
try{
let storage = this.storage;
Object.keys(params).map(k => delete storage[k]);
Object.keys(this.rangeKeys).map(k => {
delete storage[k];
const data = {[k]: params[k]};
const linkKeys = this.rangeKeys[k];
linkKeys.map(k => {
const v = params[k];
!isEmpty(v) && Object.assign(data, {
[k]: Array.isArray(v) ? v.map(obj => ({id: obj.id, name: obj.name})) : v
})
})
Object.assign(storage, {
[k]: data
})
})
this.storageStore = Object.assign(this.storageStore, {
[this.mainActiveTabKey]: storage
});
if (params.typeselect === '6' && (params.fromDate === '' || params.toDate === ''))
return;
switch (params.viewScope) {
case '1':
if (params.subCompanyId == null || params.subCompanyId == '') {
return;
}
break;
case '2':
if (params.departmentId == null || params.departmentId == '') {
return;
}
break;
case '3':
if (params.resourceId == null || params.resourceId == '') {
return;
}
break;
}
this.getKQReport(this.getQueryParams());
}catch(e){
}
}
@action setBrowser = dom => this.browser = dom;
@action onBrowserChangeHandle = (ids, names, datas) => {
try{
const {displaySetting} = this.storage;
Object.assign(displaySetting, {serial: datas.map(d => ({id:d.id, name: d.name}))});
this.storageStore = Object.assign(this.storageStore, {
[this.mainActiveTabKey]: {
...this.storageStore[this.mainActiveTabKey],
displaySetting
}
})
this.getKQReport(this.getQueryParams());
}catch(e){
}
}
//#endregion
//#region 报表数据
shortWeekdays = this.getLocale().lang.format.veryShortWeekdays;
@action showAll = () => {
this.showWeaLoadingGlobal();
this.showHasNotAccount = !this.showHasNotAccount;
this.getKQReport(this.getQueryParams());
this.hideWeaLoadingGlobal();
}
//#endregion
//#region 保存模板
@observable createTemplateDialogVisible = false;
@computed get createTemplateDialogProps(){
let buttons = [];
return {
...this.dialogPropsDef,
title: getLabel('18418','存为模板'),
style: {
width: 500,
height: 90
},
onCancel: () => {
this.createTemplateDialogVisible = false;
},
visible: this.createTemplateDialogVisible,
buttons,
moreBtn: {datas: this.convertToMenus(buttons)},
key: new Date().getTime()
}
}
@action saveTemplete = async (saveAs = false) => {
this.showWeaLoadingGlobal();
const data = await api.getReportMoudleForm();
if(data.status == 1){
this.setFormData("createTemplateForm", data.formField);
if(this.formTarget.createTemplateForm.isFormInit)
this.createTemplateDialogVisible = true;
}else{
message.error(data.message);
}
this.hideWeaLoadingGlobal();
}
@action doCreateTemplate = async () => {
this.showWeaLoadingGlobal();
const form = this.formTarget.createTemplateForm,
formParams = form.getFormParams();
const f = await form.validateForm();
if (f.isValid) {
const params = {...formParams};
Object.assign(params, {moudledata: JSON.stringify(this.storage)});
const data = await api.saveReportMoudle(params);
if (data.status === "1") {
message.success(i18n.message.saveSuccess());
this.createTemplateDialogVisible = false;
this.refreshMainData(data.id || this.mainActiveTabKey);
} else {
message.error(data.message);
}
this.hideWeaLoadingGlobal();
} else {
this.hideWeaLoadingGlobal();
f.showErrors();
const fields = this.formTarget.createTemplateForm.fieldMap;
[...Object.keys(fields)].map(k => {
const e = this.formTarget.createTemplateForm.getError(fields[k]);
if (e != null && e != "") {
console && console.debug(e);
}
});
this.showError = new Date().getTime();
}
}
@action doSaveTemplate = async () => {
this.showWeaLoadingGlobal();
const params = {id: this.mainActiveTabKey, moudledata: JSON.stringify(this.storage)};
const data = await api.saveReportMoudle(params);
message.success(data.status == 1 ? i18n.message.saveSuccess() : data.message);
this.hideWeaLoadingGlobal();
}
//#endregion
//#region 报表数据
@observable pageIndex = 1;
@observable pageSize = 10;
@observable total = 0;
@observable _tableColumns = [];
@computed get tableColumns(){
let columns = this.toJS(this._tableColumns);
columns = filter(columns, column => this.displayColumns.find(v => v.toLowerCase() == column.dataIndex.toLowerCase()))
columns.map((c, i) => {
// if (IEVersion() == -1 && ['lastname', 'subcompany', 'department'].indexOf(c.dataIndex) > -1 && this.checkDisplay(c.dataIndex))
// const fixedColumns = ['lastname', 'subcompany', 'department'];
// const flag = fixedColumns.find(v => v == c.dataIndex.toLowerCase()) && this.displayColumns.find(v => v == c.dataIndex.toLowerCase());// && this.displayColumns.find(v => fixedColumns.find(c => v == c.toLowerCase());
// if ((flag || c.dataIndex == 'lastname') && columns.lenth > 1)
// c.fixed = 'left';
// else
// c.fixed = null;
const {
title,
unit,
isSystem
} = c;
if (unit != null && unit != '') {
c.title = (
)
}
c.render = (text, record, index) => {
if(isSystem != 1 && Number(text) == 0)
return {text}
;
if (c.dataIndex == 'lastname') {
return window.pointerXY(e)} title={text}>{text}
;
} else if (c.dataIndex == 'subcompany') {
return window.open(`/spa/hrm/engine.html#/hrmengine/organization?showTree=false&isView=1&type=subcompany&id=${record.subcompanyId}`)} title={text}>{text}
;
} else if (c.dataIndex == 'department') {
return window.open(`/spa/hrm/engine.html#/hrmengine/organization?showTree=false&isView=1&type=department&id=${record.departmentId}`)} title={text}>{text}
;
} else if (c.dataIndex == 'jobtitle') {
return window.open(`/spa/hrm/engine.html#/hrmengine/posts?id=${record.jobtitleId}`)} title={text}>{text}
;
} else if (c.dataIndex == 'workcode') {
return window.pointerXY(e)} title={text}>{text}
;
} else
return c.showDetial == '1' ? this.showDetail(record.resourceId, c.dataIndex, c.type, record[c.dataIndex])} title={text}> : ;
}
this.renderCol(c);
});
return columns;
}
set tableColumns(v){this._tableColumns = v}
@computed get tableWidth(){
return this.tableColumns.reduce((sum, current) => sum + current.width, 0);
}
@observable _tableDatas = [];
@computed get tableDatas(){return this.toJS(this._tableDatas)}
set tableDatas(v){this._tableDatas = v}
@computed get tableProps(){
return {
key: new Date().getTime(),
columns: this.tableColumns,
dataSource: this.tableDatas,
bordered: true,
ref: dom => this.domRef.table = dom,
scroll: {
x: this.tableWidth,
y: this.tableHeihgt - 200
},
pagination: {
total: this.total,
current: this.pageIndex,
pageSize: this.pageSize,
showQuickJumper: true,
pageSizeOptions: [10, 20, 50, 100],
showSizeChanger: true,
showTotal: (total) => {
return `${i18n.label['18609']()} ${total} ${i18n.label['30690']()}`;
},
onShowSizeChange: (current, pageSize) => {
this.getKQReport(this.getQueryParams(current, pageSize));
},
onChange: (current) => {
this.getKQReport(this.getQueryParams(current));
}
}
}
}
@observable _holidays = [];
@computed get holidays(){return this.toJS(this._holidays)}
set holidays(v){this._holidays = v}
domRef = {};
@observable _reCalculateTableHeight = new Date().getTime();
@computed get reCalculateTableHeight(){return this._reCalculateTableHeight}
set reCalculateTableHeight(v){this._reCalculateTableHeight = v}
@computed get tableHeihgt(){
this.reCalculateTableHeight;
const topHeight = this.domRef.top && this.domRef.top.refs.content ? this.domRef.top.refs.content.clientHeight : 0;
const tabHeight = this.domRef.tab ? $(this.domRef.tab)[0].clientHeight : 0;
const h = topHeight - tabHeight;
return h <= 0 ? 0 : h;
}
@action setDomRef = (dom, type) => {
dom && Object.assign(this.domRef, {[type]: dom}) && setTimeout(() => this.reCalculateTableHeight = new Date().getTime(), 500);
}
@action getQueryParams = (pageIndex, pageSize) => {
this.pageIndex = pageIndex || 1;
const params = {
pageIndex: this.pageIndex,
...this.radioGroupVal,
isNoAccount: this.isNoAccount,
attendanceSerial: this.selectedSerial
}
pageSize && Object.assign(params, {pageSize});
return params;
}
@action renderCol = column => {
column.children && column.children.map(c => {
const {
title,
unit,
dataIndex,
isSystem
} = c;
const date = this.moment(dataIndex, 'YYYY-MM-DD');
if (c.isCalendar == '1') {
const weekDay = date.day();
const holidayInfo = find(this.toJS(this.holidays), {
date: date.format('YYYY-MM-DD')
});
c.title = (
{this.shortWeekdays[weekDay]}
{date.date()}
{
holidayInfo != null &&
)
-1 ? 'rest' : 'work'}.png`)} />
}
);
} else if (unit != null && unit != '') {
c.title = (
)
}
c.render = (text, record, index) => {
let rs = text;
if (typeof(text) == 'object') {
rs = text.text;
}
const {
dataIndex
} = c, {
resourceId
} = record;
if(isSystem != 1 && Number(text) == 0)
return {text}
;
if (c.isCalendar == '1')
return this.showSignDetail({resourceId,kqDate:dataIndex})} title={rs}>
return c.showDetial == '1' ? this.showDetail(record.resourceId, c.dataIndex, c.type, record[c.dataIndex], c.isCalendar)} title={rs}> : ;
}
this.renderCol(c);
})
}
@action getKQReport = async params => {
this.showWeaLoadingGlobal();
const data = await api.getKQReport({data: JSON.stringify(params)});
if(data.status == 1 || data.status == null){
const {columns, datas, holidays} = data;
this.holidays = holidays;
this.tableDatas = [...datas];
this.tableColumns = columns;
this.pageIndex = data.pageindex;
this.pageSize = data.pagesize || 10;
this.total = data.count;
this.resetScroll();
}else{
message.error(data.message);
}
this.hideWeaLoadingGlobal();
}
@action resetScroll = () => {
let dom, d;
if(this.domRef.table){
dom = ReactDOM.findDOMNode(this.domRef.table);
if(dom){
try{
d = $(dom).find('.ant-table-scroll').find('.ant-table-body');
d.scrollTop(0) && d.scrollLeft(0);
}catch(e){
}
}
}
}
@action reportFormat = () => {
this.confirmInfo({
content:getLabel('510381', '重新计算时会以当前用户所在考勤组重新计算考勤情况，如果期间有用户调整过所在考勤组，可能会造成历史数据错误，请谨慎操作！'),
onOk: async () => {
this.showWeaLoadingGlobal();
const data = await api.formatData({data: JSON.stringify(this.getQueryParams())});
if(data.status == '1'){
message.success(i18n.message.opSuccess());
this.getKQReport(this.getQueryParams());
}else{
message.error(data.message);
}
this.hideWeaLoadingGlobal();
}
});
}
//#endregion
//#region 明细数据
@observable detailTable = new TableStore();
@observable _detailParams = {};
@computed get detailParams(){return this.toJS(this._detailParams)}
set detailParams(v){this._detailParams = v}
@observable _detailDialogVisible = false;
@computed get detailDialogVisible(){return this._detailDialogVisible}
set detailDialogVisible(v){this._detailDialogVisible = v}
@observable detailDialogTitle = '';
@observable _detailDialogHeight = 600;
@computed get detailDialogHeight(){return this._detailDialogHeight}
set detailDialogHeight(v){this._detailDialogHeight = v}
@computed get detailDialogProps(){
let buttons = !this.isSignDetailData ? [] : [];
const hasScroll = this.isSignDetailData;
return {
...this.dialogPropsDef,
title: this.detailDialogTitle,
hasScroll,
style: {
width: 1000,
height: this.detailDialogHeight
},
onCancel: () => {
this.detailDialogVisible = false;
},
visible: this.detailDialogVisible,
buttons,
moreBtn: {datas: this.convertToMenus(buttons)}
}
}
@observable detailActiveTabKey = '';
@observable _detailTabs = [];
@computed get detailTabs(){
return this.toJS(this._detailTabs);
}
set detailTabs(v){
this._detailTabs = v;
}
@computed get detailTabProps(){
const tabConfig = {
tabs: this.detailTabs,
keyParam: "viewCondition",
activeTabKey: this.detailActiveTabKey
}
return {
tabConfig,
activeTabInfo: {
activeTabKey: tabConfig.activeTabKey,
activeTabIndex: 0
},
store: this,
tabChangeHandle: this.setDetailActiveTab,
}
};
@action setDetailActiveTab = k => {
this.detailActiveTabKey = k || '1';
this.callDetail();
}
@action showDetail = async (resourceId, dataIndex, columnType, source, isCalendar) => {
const params = {
...this.radioGroupVal,
isNoAccount: this.isNoAccount,
attendanceSerial: this.selectedSerial
};
resourceId && Object.assign(params, {resourceId});
isCalendar ? Object.assign(params, {type: source.type, date: dataIndex}) : Object.assign(params, {type: dataIndex});
this.detailParams = params;
const data = await api.getTabs({type: params.type});
if (data.status === '1') {
const {tabs: tabArr} = data;
this.detailTabs = (tabArr || []).map(tab => {
// tab.selected && (this.detailActiveTabKey = tab.key);
return {
color: "#000000",
title: tab.title,
viewCondition: tab.key
}
})
const t = find(tabArr, {selected: true});
const tabKey = isEmpty(t) ? null : t.key;
this.setDetailActiveTab(tabKey);
} else {
message.error(data.message);
}
}
@action callDetail = async () => {
const data = await api.getKQReportDetial({...this.detailParams, tabKey: this.detailActiveTabKey});
if(data.status == 1){
const {dialogTitle, sessionkey} = data;
this.detailDialogTitle = dialogTitle;
this.detailTable = new TableStore();
this.detailTable.getDatas(sessionkey);
this.detailDialogVisible = true;
}else{
message.error(data.message);
}
}
@observable isSignDetailData = false;
disposeDetailDialog = reaction(() => this.detailDialogVisible, visible => !visible && (this.isSignDetailData = visible))
@observable _signData = {}
@computed get signData(){return this.toJS(this._signData)}
set signData(v){this._signData = v}
@action showSignDetail = async params => {
this.isSignDetailData = true;
const data = await api.getKQReportSignDetial(params);
if(data.status == 1){
const {userInfo, signInfo, table, dialogTitle, logList = []} = data;
const {columns, datas} = table;
this.signData = {userInfo, signInfo, columns, datas, logList};
this.detailDialogVisible = true;
this.detailDialogTitle = dialogTitle;
}else{
message.error(data.message);
}
}
//#endregion
//#region 导出excel
@action exportExcel = async () => {
this.showWeaLoadingGlobal(getLabel('500702', '导出数据中，请稍候'));
const params = {
...this.getQueryParams(),
showColumns: this.displayColumns.join(',')
};
const data = await api.exportExcel({data: JSON.stringify(params)});
data.status === '1' && data.url != null && data.url.trim().length > 0 && WeaTools.downloadFile(encodeURI(addContentPath(data.url)), "GET");
this.hideWeaLoadingGlobal();
}
//#endregion
//#region 设置默认排序
@observable orderSettinglDialogVisible = false;
@computed get orderSettinglDialogProps(){
let buttons = [];
return {
...this.dialogPropsDef,
icon: 'icon-coms-Flow-setting',
title: getLabel('389339', '默认排序设置'),
style: {
width: 720,
height: 500
},
onCancel: () => {
this.orderSettinglDialogVisible = false;
},
visible: this.orderSettinglDialogVisible,
buttons,
moreBtn: {datas: this.convertToMenus(buttons)}
}
}
@observable _transferData = [];
@computed get transferData(){
const datas = this.toJS(this._transferData)
return datas.map(data => ({
id: data.id || data.labelId,
name: data.name || data.title,
sort: data.sort,
ascOrDesc: data.ascOrDesc,
dataIndex: data.dataIndex
}))
}
set transferData(v){this._transferData = v}
@observable _transferSelectedKeys = [];
@computed get transferSelectedKeys(){return this.toJS(this._transferSelectedKeys)}
set transferSelectedKeys(v){this._transferSelectedKeys = v}
@computed get transferProps(){
this.doFilter;
return {
className: 'hrm-col-set-transfer',
leftHeader: ,
rightHeader: ,
filterLeft: datas => filter(datas, data => data.name.indexOf(this.searchValue.left) > -1),
filterRight: datas => filter(datas, data => data.name.indexOf(this.searchValue.right) > -1),
renderItem: this.renderItem,
renderRight: this.renderRight,
data: this.transferData,
selectedKeys: this.transferSelectedKeys,
onChange: keys => this.transferSelectedKeys = keys
}
}
@observable doFilter = new Date().getTime();
searchValue = {left: '', right: ''};
// @computed get searchValue(){return this.toJS(this._searchValue)}
TransferHeader = props => {
const {left} = props;
return (
{left ? getLabel('385971', "待选列名") : getLabel('385972', "已选列名")}
this.searchValue[left ? 'left': 'right'] = v}
onSearch={() => this.doFilter = new Date().getTime()}
/>
)
}
renderItem = item => ({item.name}
)
renderRight = item => {
const {name,ascOrDesc,id} = item;
const lbl = (ascOrDesc === 'ASC') ? getLabel('21605','正序') : getLabel('21604','倒序');
return (
{name}
this.onSortClickHandle(e, id)}>{lbl}
)
}
stopBubble = e => {
e.stopPropagation && e.stopPropagation();
e.preventDefault && e.preventDefault();
}
@action onSortClickHandle = (e, id) => {
this.stopBubble(e);
const datas = this.transferData.map(item => {
if(item.id == id)
item.ascOrDesc = (item.ascOrDesc === 'ASC') ? 'DESC' : 'ASC';
return item;
})
this.transferData = datas;
}
@action setOrder = async () => {
const data = await api.getFieldOrderDefine();
if(data.status == 1){
const {srcdatas,destdatas} = data;
this.transferData = [...srcdatas, ...destdatas];
this.transferSelectedKeys = destdatas.reduce((arr, current) => [...arr, current.labelId], []);
this.orderSettinglDialogVisible = true;
}else{
message.error(data.message);
}
}
@computed get sortParams(){
const params = this.transferSelectedKeys.reduce((arr, id) => {
const data = find(this.transferData, data => data.id == id);
!isEmpty(data) && arr.push({dataIndex: data.dataIndex, ascOrDesc: data.ascOrDesc});
return arr;
}, []);
return params;
}
@action saveFieldOrderDefine = async () => {
const data = await api.saveFieldOrderDefine({destdatas: JSON.stringify(this.sortParams)});
if(data.status == 1){
message.success(i18n.message.saveSuccess());
this.orderSettinglDialogVisible = false;
this.getKQReport(this.getQueryParams());
}else{
message.error(data.message);
}
}
disposeOrderSettingDialog = reaction(() => this.orderSettinglDialogVisible, visible => !visible && (this.searchValue = {left: '', right: ''}))
//#endregion
}
export const hrmAttendanceMonthReport4Template = new HrmAttendanceMonthReport4Template();