369 lines
10 KiB
JavaScript
369 lines
10 KiB
JavaScript
import React, {
|
||
Component,
|
||
} from 'react';
|
||
import {
|
||
observable,
|
||
action,
|
||
computed,
|
||
toJS,
|
||
} from 'mobx';
|
||
import { Button } from 'antd';
|
||
import TimeView from '../components/newOutside/TimeView';
|
||
import MapView from '../components/newOutside/MapView';
|
||
import Detailed from '../components/newOutside/Detailed';
|
||
import Table from '../components/newOutside/Table';
|
||
|
||
import * as API from '../apis/outside';
|
||
import moment from 'moment';
|
||
import {
|
||
fetch,
|
||
getTopButtons,
|
||
getDropMenuDatas,
|
||
getMenusCreationConfig,
|
||
componentReset,
|
||
exportExcel,
|
||
} from '../../hrmAttendance/util/save-time-util.js';
|
||
import {
|
||
WeaTools,
|
||
WeaLocaleProvider,
|
||
} from 'ecCom';
|
||
import {
|
||
WeaTableNew,
|
||
} from 'comsMobx';
|
||
import {
|
||
i18n,
|
||
} from '../public/i18n';
|
||
|
||
const {
|
||
TableStore,
|
||
} = WeaTableNew;
|
||
const getLabel = WeaLocaleProvider.getLabel;
|
||
|
||
export class newHrmOutSide {
|
||
signTitle = () => getLabel('516948', '显示移动端考勤记录');
|
||
@observable _selectedTabIndex = '0';
|
||
@observable temp = true;
|
||
@observable userRoot = undefined;
|
||
@observable orgTreeIsMult = '0';
|
||
@observable orgTreeCheckedDatas = [];
|
||
@observable loading = false;
|
||
@observable radioGroupParams = {};
|
||
@observable showSignInfo = '0';
|
||
@observable hrmId = '';
|
||
@observable hasRight = true;
|
||
@observable mapData = [];
|
||
@observable timeData = [];
|
||
@observable visible = false;
|
||
@observable positionObj = {};
|
||
@observable dateTabkey = '1';
|
||
@observable pDate = new moment().format('YYYY-MM-DD');
|
||
@observable table = new TableStore();
|
||
@observable config = [];
|
||
@observable dataKey = '';
|
||
@observable hrmName = WeaTools.ls.getJSONObj('theme-account') && WeaTools.ls.getJSONObj('theme-account').username || undefined;
|
||
|
||
|
||
// tab标签
|
||
@computed get selectedTabIndex() {
|
||
return this._selectedTabIndex;
|
||
}
|
||
// 顶部按钮
|
||
@computed get topButton() {
|
||
return this.selectedTabIndex == '2' ? [
|
||
(<Button ecId={`${this && this.props && this.props.ecId || ''}_Button@p7rja4@1`} type="primary" onClick={() => { this.exportexcel(this.dataKey); }}>{i18n.button.export()}</Button>),
|
||
]
|
||
:
|
||
[];
|
||
}
|
||
// 顶部菜单下拉按钮显示导出功能
|
||
@computed get dropMenuDatas() {
|
||
return this.selectedTabIndex == '2' ? [
|
||
{
|
||
key: '1',
|
||
icon: <i className="icon-coms-export" />,
|
||
content: i18n.button.export(),
|
||
onClick: () => {
|
||
this.exportexcel(this.dataKey);
|
||
},
|
||
},
|
||
]
|
||
:
|
||
[];
|
||
}
|
||
// 右键菜单显示导出功能
|
||
@computed get rightMenu() {
|
||
return this.selectedTabIndex == '2' ? [
|
||
{
|
||
key: '1',
|
||
icon: <i className="icon-coms-export" />,
|
||
content: i18n.button.export(),
|
||
onClick: () => {
|
||
this.exportexcel(this.dataKey);
|
||
},
|
||
},
|
||
]
|
||
:
|
||
[];
|
||
}
|
||
// 初始化数据
|
||
@action
|
||
init = () => {
|
||
this.hrmId = undefined;
|
||
this.showSignInfo = '0';
|
||
this.tabkey = '1';
|
||
this.dateTabkey = '1';
|
||
this.visible = false;
|
||
this.pDate = new moment().format('YYYY-MM-DD');
|
||
this.hrmName = WeaTools.ls.getJSONObj('theme-account') && WeaTools.ls.getJSONObj('theme-account').username || undefined;
|
||
this.userRoot = [];
|
||
this.orgTreeIsMult = '0';
|
||
this.orgTreeCheckedDatas = [];
|
||
this._selectedTabIndex = '0';
|
||
// this.getOsInfo();
|
||
}
|
||
|
||
redraw = () => {}
|
||
|
||
getOsInfo = async () => {
|
||
let data = await WeaTools.callApi('/api/system/info/getOSinfo', 'GET', {});
|
||
if(data.status){
|
||
data.mapParams.ableToSwitchMap = "true";
|
||
localStorage.setItem('getOsInfo', JSON.stringify(data));
|
||
}
|
||
}
|
||
|
||
@action tabName = (newOutSide) => {
|
||
if (this.selectedTabIndex == '0') {
|
||
return (<TimeView ecId={`${this && this.props && this.props.ecId || ''}_TimeView@1vn7g7`} newOutSide={newOutSide} />);
|
||
}
|
||
if (this.selectedTabIndex == '1') {
|
||
return (<MapView ecId={`${this && this.props && this.props.ecId || ''}_MapView@p5ghjk`} newOutSide={newOutSide} />);
|
||
}
|
||
if (this.selectedTabIndex == '2') {
|
||
return (<Detailed ecId={`${this && this.props && this.props.ecId || ''}_Detailed@9vnro9`} newOutSide={newOutSide} />);
|
||
}
|
||
}
|
||
|
||
// --------------------------左侧树-----------------------
|
||
@action
|
||
updateOrgTreeIsMult = (v) => {
|
||
this.orgTreeIsMult = v;
|
||
}
|
||
@action
|
||
updateOrgTreeCheckedDatas = (v = []) => {
|
||
this.orgTreeCheckedDatas = v;
|
||
}
|
||
@action
|
||
updateUserRoot = (data) => {
|
||
this.userRoot = data;
|
||
if (data.length > 0) {
|
||
this.hrmId = data[0].id;
|
||
}
|
||
if (this.hrmId) {
|
||
this.getData();
|
||
}
|
||
}
|
||
@action
|
||
updateHrmId = (v) => {
|
||
this.hrmId = v;
|
||
}
|
||
@action
|
||
updateHrmName = (v) => {
|
||
this.hrmName = v || WeaTools.ls.getJSONObj('theme-account') && WeaTools.ls.getJSONObj('theme-account').username || undefined;
|
||
}
|
||
|
||
// 请求数据
|
||
@observable lastParams = {};
|
||
|
||
@action refreshData = async () => {
|
||
const datas = await this.getData();
|
||
this.selectedTabIndex == '1' && this.redraw();
|
||
}
|
||
|
||
@action
|
||
getData = async (param) => {
|
||
let params = param || {};
|
||
if (this.loading) { return; }
|
||
this.loading = true;
|
||
if (params == null) {
|
||
params = toJS(this.lastParams);
|
||
} else {
|
||
this.lastParams = params;
|
||
}
|
||
|
||
if (this.hrmId) {
|
||
params.resourceId = this.hrmId;
|
||
}
|
||
params.loaddata = '1';
|
||
if (this.selectedTabIndex == '2') {
|
||
if (!params.typeselect || params.typeselect == '') params.typeselect = 1;
|
||
if (!params.signtype || params.signtype == '') params.signtype = 2;
|
||
params.cmd = 'detialData';
|
||
} else {
|
||
params.fromDate = this.pDate;
|
||
params.toDate = this.pDate;
|
||
params.signtype = this.showSignInfo;
|
||
if (this.selectedTabIndex == '0') {
|
||
params.cmd = 'timeData';
|
||
} else if (this.selectedTabIndex == '1') {
|
||
params.cmd = 'mapData';
|
||
}
|
||
}
|
||
|
||
|
||
const datas = await API.getHrmMobileSignInInfo(params);
|
||
// 测试要求明细页面权限放开
|
||
if (this.selectedTabIndex == '0') {
|
||
if (datas.status == '1') {
|
||
this.hasRight = true;
|
||
this.timeData = datas.result || [];
|
||
} else {
|
||
this.hasRight = false;
|
||
}
|
||
} else if (this.selectedTabIndex == '1') {
|
||
if (datas.status == '1') {
|
||
this.hasRight = true;
|
||
this.mapData = datas.result || [];
|
||
// this.redraw();
|
||
} else {
|
||
this.hasRight = false;
|
||
}
|
||
} else if (this.selectedTabIndex == '2') {
|
||
this.hasRight = true;
|
||
this.table = new TableStore();
|
||
this.table.getDatas(datas.sessionkey, 1);
|
||
this.dataKey = datas.sessionkey;
|
||
}
|
||
|
||
this.loading = false;
|
||
return datas;
|
||
}
|
||
|
||
// -------------------------------------------------------地图-------------------------------------
|
||
@action
|
||
updatePosition = (obj) => {
|
||
this.positionObj = obj;
|
||
}
|
||
@action
|
||
updateVisible = (v) => {
|
||
this.visible = v;
|
||
}
|
||
// ---------------------------------------日期------------------------------------------
|
||
|
||
@action
|
||
changeDateTab = (key) => {
|
||
this.dateTabkey = key;
|
||
const current = new moment();
|
||
if (key == 1) {
|
||
this.pDate = current.format('YYYY-MM-DD');
|
||
} else if (key == 2) {
|
||
this.pDate = current.subtract(1, 'days').format('YYYY-MM-DD');
|
||
} else {
|
||
this.pDate = current.format('YYYY-MM');
|
||
}
|
||
}
|
||
|
||
@action
|
||
changeDate = (value) => {
|
||
this.pDate = value;
|
||
}
|
||
|
||
@action clearConfig = () => this.config = [];
|
||
|
||
@action getRadioGroupConfig = () => {
|
||
API.getSearchCondition().then((resp) => {
|
||
const {
|
||
condition,
|
||
} = resp;
|
||
const configfirstrow = {
|
||
label: i18n.label.date(),
|
||
options: [{
|
||
key: '0',
|
||
showname: i18n.label.all(),
|
||
}, {
|
||
key: '1',
|
||
showname: i18n.label.today(),
|
||
selected: true,
|
||
}, {
|
||
key: '2',
|
||
showname: i18n.label.tswk(),
|
||
}, {
|
||
key: '3',
|
||
showname: i18n.label.tsmth(),
|
||
}, {
|
||
key: '4',
|
||
showname: i18n.label.tssn(),
|
||
}, {
|
||
key: '5',
|
||
showname: i18n.label.tsyr(),
|
||
}, {
|
||
key: '7',
|
||
showname: i18n.label.preMonth(),
|
||
}, {
|
||
key: '8',
|
||
showname: i18n.label.preYear(),
|
||
}, {
|
||
key: '6',
|
||
showname: i18n.label.dateRange(),
|
||
}],
|
||
domkey: ['typeselect'],
|
||
selectLinkageDatas: {
|
||
6: {
|
||
conditionType: 'RANGEPICKER',
|
||
domkey: ['fromDate', 'toDate'],
|
||
},
|
||
},
|
||
labelcol: 4,
|
||
fieldcol: 20,
|
||
};
|
||
|
||
condition[0].items.unshift(configfirstrow);
|
||
|
||
this.config = condition[0].items;
|
||
});
|
||
this.temp = false;
|
||
|
||
// 清空左侧树选择的人员id，明细页只能看到当前账户人员
|
||
this.hrmId = undefined;
|
||
|
||
// this.getData()
|
||
}
|
||
|
||
@action
|
||
handleCheckbox = (v) => {
|
||
this.showSignInfo = v;
|
||
this.refreshData();
|
||
}
|
||
|
||
// Table的查看
|
||
handleViewClick = (id) => {
|
||
API.getShowSignImg({
|
||
id,
|
||
}).then((datas) => {
|
||
const {
|
||
signImgIds,
|
||
} = datas;
|
||
|
||
if (signImgIds) {
|
||
const imgPool = signImgIds.split(',').map(id => `/weaver/weaver.file.FileDownload?fileid=${id}`);
|
||
const indexNum = 0;
|
||
|
||
if (window.IMCarousel) {
|
||
window.IMCarousel.showImgScanner4Pool(true, imgPool, indexNum, null, window.top);
|
||
} else {
|
||
loadjs(['/social/js/drageasy/drageasy.js', '/social/js/bootstrap/js/bootstrap.js?v=20171218', '/social/im/js/IMUtil_wev8.js', '/social/js/imcarousel/imcarousel.js'], () => {
|
||
window.IMCarousel.showImgScanner4Pool(true, imgPool, indexNum, null, window.top);
|
||
});
|
||
}
|
||
}
|
||
});
|
||
}
|
||
|
||
// 导出
|
||
@action
|
||
exportexcel(dataKey) {
|
||
// this.table.exportAll('',this.title);
|
||
this.table.exportAll();
|
||
}
|
||
}
|