1023 lines
23 KiB
JavaScript
1023 lines
23 KiB
JavaScript
import {
|
||
observable,
|
||
action
|
||
} from 'mobx';
|
||
import * as mobx from 'mobx'
|
||
import * as Api from '../apis/report';
|
||
import {
|
||
WeaForm
|
||
} from 'comsMobx';
|
||
import {
|
||
WeaTableNew
|
||
} from 'comsMobx'
|
||
import {
|
||
WeaTools
|
||
} from 'ecCom';
|
||
import {
|
||
message,
|
||
} from 'antd';
|
||
import {
|
||
i18n
|
||
} from '../public/i18n';
|
||
import {addContentPath} from '../util/index.js'
|
||
|
||
const toJS = mobx.toJS;
|
||
const {
|
||
TableStore
|
||
} = WeaTableNew;
|
||
|
||
export class HrmChangeReport {
|
||
@observable params = {};
|
||
@observable condition = [];
|
||
@observable conditionOfAdSearch = [];
|
||
@observable singleSearchCondition = '';
|
||
@observable countDatas = [];
|
||
@observable option1 = {};
|
||
@observable option2 = {};
|
||
@observable option3 = {}; //For pie chart
|
||
@observable pathname = '';
|
||
@observable deadline = '';
|
||
@observable linkName = '更多';
|
||
@observable title = '';
|
||
chartTitle1 = i18n.label.ranking;
|
||
chartTitle2 = i18n.label.ranking;
|
||
chartTitle3 = i18n.label.newTypeOfContract; //For pie chart
|
||
@observable dialogTitle = i18n.label.specificInformation;
|
||
@observable isLeftEchartsShow = false;
|
||
@observable isRightEchartsShow = false;
|
||
@observable isPieChartsShow = false;
|
||
@observable visible1 = false;
|
||
@observable visible2 = false;
|
||
@observable tableStore = new TableStore();
|
||
@observable searchCondition = '';
|
||
@observable ids = [];
|
||
@observable idsForPie = [];
|
||
@observable yAxisData = [];
|
||
@observable nameSet = [];
|
||
@observable linkList = '';
|
||
@observable form = new WeaForm();
|
||
@observable dpId = '';
|
||
@observable strokeColor = '#6FBCEA';
|
||
@observable dataKey = '';
|
||
@observable yearmonth = '';
|
||
@observable contractTypeId = '';
|
||
@observable isNeedWeaTab = false;
|
||
@observable isNeedPieChart = false;
|
||
@observable tabKey = '0';
|
||
@observable tabDatas = [];
|
||
@observable winWidth = '';
|
||
@observable gridData = {};
|
||
@observable isApiOneFinished = false;
|
||
@observable isApiTwoFinished = false;
|
||
@observable isColIdUnusual = false;
|
||
@observable loading = true;
|
||
@observable authorized = false;
|
||
|
||
@action
|
||
getRight = () => {
|
||
this.loading = true;
|
||
Api.getRight().then(rs => {
|
||
const {
|
||
hasRight
|
||
} = rs;
|
||
|
||
if (hasRight) {
|
||
this.authorized = true;
|
||
}
|
||
this.loading = false;
|
||
}).catch(error => {
|
||
message.error(error);
|
||
});
|
||
}
|
||
|
||
@action
|
||
getSearchCondition(idf) {
|
||
let params;
|
||
if (idf == 'radioGroup') params = {
|
||
cmd: this.getCmdForLoadWeaRadioGroup()
|
||
};
|
||
if (idf == 'adSearch') params = {
|
||
cmd: this.getCmdForLoadAdSearch()
|
||
};
|
||
if (this.dpId && this.pathname !== 'transfer') params.departmentid = this.dpId;
|
||
if (this.dpId && this.pathname == 'transfer' && this.tabKey == '0') params.departmentIdIn = this.dpId;
|
||
if (this.dpId && this.pathname == 'transfer' && this.tabKey == '1') params.departmentIdOut = this.dpId;
|
||
|
||
Api.getSfChangeSearchCondition(params, this.getIdfForSelectInterface()).then((data) => {
|
||
if (!data) {
|
||
message.warning(i18n.message.dataNone());
|
||
return false;
|
||
}
|
||
|
||
this.setApiOneFinishedStatus(true);
|
||
|
||
//WeaRadioGroup's conditions
|
||
if (idf == 'radioGroup' && data.searchCondition) {
|
||
this.condition = data.searchCondition;
|
||
}
|
||
|
||
//Advanced search's conditions
|
||
if (idf == 'adSearch' && data.searchCondition) {
|
||
this.conditionOfAdSearch = data.searchCondition;
|
||
this.form.initFormFields(data.searchCondition);
|
||
const {id, name} = this.deptDatas;
|
||
if (this.dpId && this.pathname !== 'transfer') {
|
||
this.form.updateFields({
|
||
departmentid: {
|
||
value: id,
|
||
valueSpan:name,
|
||
valueObj:[this.deptDatas]
|
||
}
|
||
});
|
||
}
|
||
if (this.dpId && this.pathname == 'transfer' && this.tabKey == '0') this.form.updateFields({
|
||
departmentIdIn: {
|
||
value: id,
|
||
valueSpan:name,
|
||
valueObj:[this.deptDatas]
|
||
}
|
||
});
|
||
if (this.dpId && this.pathname == 'transfer' && this.tabKey == '1') this.form.updateFields({
|
||
departmentIdOut: {
|
||
value: id,
|
||
valueSpan:name,
|
||
valueObj:[this.deptDatas]
|
||
}
|
||
});
|
||
}
|
||
});
|
||
}
|
||
|
||
getEchartsRelatedData() {
|
||
let cmd = this.getCmdForLoadPageContent();
|
||
let p = {
|
||
cmd: cmd,
|
||
...this.params
|
||
};
|
||
|
||
Api.getSfChangeSearchResult(p, this.getIdfForSelectInterface()).then((data) => {
|
||
if (!data) {
|
||
message.warning(i18n.message.dataNone());
|
||
return false;
|
||
}
|
||
|
||
const { status } = data;
|
||
|
||
if (status == "-1") {
|
||
this.authorized = false;
|
||
}
|
||
|
||
this.setApiTwoFinishedStatus(true);
|
||
|
||
if (data.countDatas) {
|
||
this.setCountDatas(data.countDatas);
|
||
}
|
||
|
||
if (data.linkList) {
|
||
this.linkList = data.linkList;
|
||
}
|
||
|
||
//Filter yAxis data of left chart
|
||
if (data.optionX && data.optionX.yAxis && data.optionX.yAxis.data) {
|
||
let datas = data.optionX.yAxis.data;
|
||
data.optionX.yAxis.triggerEvent = true;
|
||
this.setIds(this.getIds(datas), 'bar');
|
||
this.setyAxisData(this.getNewYAxisData(datas), 'bar');
|
||
data.optionX.yAxis.data = this.yAxisData;
|
||
}
|
||
|
||
//Determine the left chart is show or not
|
||
if (data.optionX && data.optionX.series && data.optionX.xAxis && data.optionX.yAxis && data.optionX.series[0].data && data.optionX.series[0].data.length > 0) {
|
||
data.optionX.grid = this.getGrid();
|
||
data.optionX.xAxis.splitLine = {
|
||
show: false
|
||
};
|
||
data.optionX.yAxis.axisPointer = this.getAxisPointer();
|
||
data.optionX.yAxis.axisLabel = this.getAxisLabel();
|
||
data.optionX.tooltip = {};
|
||
this.setGridData(this.getGrid());
|
||
this.setLeftEchartsShowStatus(true);
|
||
this.setOption(data.optionX, '1');
|
||
} else {
|
||
this.setLeftEchartsShowStatus(false);
|
||
}
|
||
|
||
//Determine the right chart is show or not
|
||
if (data.optionY && data.optionY.series && data.optionY.xAxis && data.optionY.yAxis && data.optionY.series[0].data && data.optionY.series[0].data.length > 0) {
|
||
data.optionY.series[0].label = {};
|
||
data.optionY.grid = this.getGrid();
|
||
data.optionY.xAxis.axisPointer = this.getAxisPointer();
|
||
data.optionY.yAxis.splitLine = {
|
||
show: false
|
||
};
|
||
data.optionY.tooltip = {};
|
||
this.setRightEchartsShowStatus(true);
|
||
this.setOption(data.optionY, '2');
|
||
} else {
|
||
this.setRightEchartsShowStatus(false);
|
||
}
|
||
|
||
//Determine the pie chart is show or not
|
||
if (data.optionZ && data.optionZ.series && data.optionZ.series[0].data && data.optionZ.series[0].type == 'pie') {
|
||
let datas = data.optionZ.series[0].data;
|
||
let arr = [];
|
||
for (let i = 0; i < datas.length; i++) {
|
||
arr.push(datas[i].name);
|
||
}
|
||
this.setIds(this.getIds(arr), 'pie');
|
||
this.setyAxisData(this.getNewYAxisData(arr), 'pie');
|
||
for (let i = 0; i < datas.length; i++) {
|
||
data.optionZ.series[0].data[i].label = this.getLabel();
|
||
data.optionZ.series[0].data[i].name = this.nameSet[i];
|
||
data.optionZ.legend.data[i] = this.nameSet[i];
|
||
}
|
||
}
|
||
|
||
if (data.optionZ && data.optionZ.series && data.optionZ.series[0].data && data.optionZ.series[0].data.length > 0) {
|
||
this.setPieChartShowStatus(true);
|
||
this.setOption(data.optionZ, '3');
|
||
} else {
|
||
this.setPieChartShowStatus(false);
|
||
}
|
||
|
||
//The following is related to title and something else
|
||
if (data.title && data.title.foottitle) {
|
||
this.setDeadLine(data.title.foottitle);
|
||
}
|
||
|
||
if (data.title && data.title.btn) {
|
||
this.setLinkName(data.title.btn);
|
||
}
|
||
|
||
if (data.title && data.title.leftTitle) {
|
||
this.setChartTitle(data.title.leftTitle, '1');
|
||
}
|
||
|
||
if (data.title && data.title.rightTitle) {
|
||
this.setChartTitle(data.title.rightTitle, '2');
|
||
}
|
||
|
||
if (data.title && data.title.footLeftTitle) {
|
||
this.setChartTitle(data.title.footLeftTitle, '3');
|
||
}
|
||
|
||
})
|
||
}
|
||
|
||
getTableInfo(idy, needTbStore) {
|
||
let p;
|
||
let cmd = this.getCmdForLoadTable(idy);
|
||
let adSearchParams = this.form.getFormParams(); //Params of advanced search
|
||
|
||
//Just click bar chart(left)
|
||
if (this.dpId && this.isEmptyObject(adSearchParams) && this.pathname !== 'transfer') {
|
||
p = {
|
||
cmd: cmd,
|
||
...this.params,
|
||
departmentid: this.dpId
|
||
};
|
||
}
|
||
|
||
if (this.dpId && this.isEmptyObject(adSearchParams) && this.pathname == 'transfer' && this.tabKey == '0') {
|
||
p = {
|
||
cmd: cmd,
|
||
...this.params,
|
||
departmentIdIn: this.dpId
|
||
};
|
||
}
|
||
|
||
if (this.dpId && this.isEmptyObject(adSearchParams) && this.pathname == 'transfer' && this.tabKey == '1') {
|
||
p = {
|
||
cmd: cmd,
|
||
...this.params,
|
||
departmentIdOut: this.dpId
|
||
};
|
||
}
|
||
|
||
//Just click bar chart(right)
|
||
if (this.yearmonth && this.isEmptyObject(adSearchParams)) {
|
||
p = {
|
||
cmd: cmd,
|
||
...this.params,
|
||
yearmonth: this.yearmonth
|
||
};
|
||
}
|
||
|
||
//Click pie chart
|
||
if (this.contractTypeId && this.isEmptyObject(adSearchParams)) {
|
||
p = {
|
||
cmd: cmd,
|
||
...this.params,
|
||
contracttypeid: this.contractTypeId
|
||
};
|
||
}
|
||
|
||
//Click bar chart, then set search params(left & right & pie)
|
||
if (!this.isEmptyObject(adSearchParams)) {
|
||
p = {
|
||
cmd: cmd,
|
||
...this.params,
|
||
...adSearchParams
|
||
}
|
||
}
|
||
|
||
//Just click more or num(more and num is a link)
|
||
if (!this.dpId && !this.yearmonth && !this.contractTypeId && this.isEmptyObject(adSearchParams) && !this.singleSearchCondition) {
|
||
p = {
|
||
cmd: cmd,
|
||
yearmonth:this.deptDatas,
|
||
...this.params
|
||
};
|
||
}
|
||
|
||
//Click more, then set search params
|
||
if (this.singleSearchCondition) {
|
||
p = {
|
||
cmd: cmd,
|
||
...this.params,
|
||
keyword: this.singleSearchCondition
|
||
};
|
||
}
|
||
|
||
//Set progress's color
|
||
this.setStrokeColor(this.getColor());
|
||
|
||
Api.getSfChangeSearchResult(p, this.getIdfForSelectInterface()).then((data) => {
|
||
if (!data) {
|
||
message.warning(i18n.message.dataNone());
|
||
return false;
|
||
}
|
||
|
||
if (data.sessionkey) {
|
||
this.setSessionKey(data.sessionkey);
|
||
if (needTbStore) {
|
||
this.tableStore = new TableStore();
|
||
this.tableStore.getDatas(data.sessionkey, 1);
|
||
} else {
|
||
this.exportExcel();
|
||
}
|
||
}
|
||
})
|
||
}
|
||
|
||
exportExcel() {
|
||
if (!this.dataKey) {
|
||
return false;
|
||
}
|
||
Api.exportExcel(this.dataKey).then(data => {
|
||
if (data.url) {
|
||
window.location.href = addContentPath(data.url);
|
||
}
|
||
})
|
||
}
|
||
|
||
exportAll = () => {
|
||
Api.getSfChangeSearchResult({
|
||
cmd: this.getCmdForLoadTable('bar'),
|
||
...this.params,
|
||
},(this.pathname === 'contract')? 'contract': 'staff').then(datas => {
|
||
const {
|
||
sessionkey
|
||
} = datas;
|
||
Api.exportExcel(sessionkey).then(data => {
|
||
if (data.url) {
|
||
window.location.href = addContentPath(data.url) ;
|
||
}
|
||
})
|
||
})
|
||
}
|
||
|
||
//Click WeaRadioGroup to get data
|
||
setParamsThenGetData(params) {
|
||
if (this.verify(params)) {
|
||
this.params = params;
|
||
this.getEchartsRelatedData();
|
||
}
|
||
}
|
||
|
||
verify(params) {
|
||
if (params.dateselect && params.dateselect == '6' && !params.year) {
|
||
return false;
|
||
}
|
||
if (params.startDateSelect && params.startDateSelect == '6' && !params.startYear) {
|
||
return false;
|
||
}
|
||
if (params.endDateSelect && params.endDateSelect == '6' && !params.endYear) {
|
||
return false;
|
||
}
|
||
if (params.company && params.company == '1' && !this.isSubCompanyIdExistent(params)) {
|
||
return false;
|
||
}
|
||
if (params.company && params.company == '2' && !this.isDepartmentIdExistent(params)) {
|
||
return false;
|
||
}
|
||
if (params.area1 && params.area1 == '1' && (!params.joblevel || !params.joblevelto)) {
|
||
return false;
|
||
}
|
||
if (params.area2 && params.area2 == '1' && (!params.currjoblevel || !params.currjoblevelto)) {
|
||
return false;
|
||
}
|
||
return true;
|
||
}
|
||
|
||
isSubCompanyIdExistent(params) {
|
||
if ((this.pathname !== 'transfer' && !params.subcompanyid) || (this.pathname == 'transfer' && ((this.tabKey == '0' && !params.subcompanyIdIn) || (this.tabKey == '1' && !params.subcompanyIdOut)))) {
|
||
return false;
|
||
}
|
||
return true;
|
||
}
|
||
|
||
isDepartmentIdExistent(params) {
|
||
if ((this.pathname !== 'transfer' && !params.departmentid) || (this.pathname == 'transfer' && ((this.tabKey == '0' && !params.departmentIdIn) || (this.tabKey == '1' && !params.departmentIdOut)))) {
|
||
return false;
|
||
}
|
||
return true;
|
||
}
|
||
|
||
//Open or close dialog
|
||
setVisible(arg, bool, params) {
|
||
const param = params && params.id;
|
||
this.deptDatas = params;
|
||
//Click more
|
||
if (arg == '1') this.visible1 = bool;
|
||
if (arg == '1' && bool) { //Open
|
||
this.getTableInfo('more', true);
|
||
// this.setDialogtitle(this.chartTitle1.split('(')[0]);
|
||
this.setDialogtitle(typeof(this.chartTitle1) == 'function' ? `${this.chartTitle1()}(top 5)` : this.chartTitle1);
|
||
}
|
||
if (arg == '1' && !bool) this.setSingleShConditionReset(); //Close
|
||
|
||
//Click bar chart
|
||
if (arg == '2' || arg == '3' || arg == '4' || arg == '5') this.visible2 = bool;
|
||
if (arg == '2' && bool) this.setDpId(param);
|
||
if (arg == '3' && bool) this.setYearAndMonth(param);
|
||
if (arg == '4' && bool) this.setContractTypeId(param);
|
||
|
||
if ((arg == '2' || arg == '3' || arg == '4' || arg == '5') && bool) { //Open
|
||
this.getTableInfo('bar', true);
|
||
this.getSearchCondition('adSearch');
|
||
this.setDialogtitle(i18n.label.specificInformation());
|
||
}
|
||
|
||
if ((arg == '2' || arg == '3' || arg == '4' || arg == '5') && !bool) { //Close
|
||
this.form = new WeaForm();
|
||
if (this.dpId) this.dpIdReset();
|
||
if (this.yearmonth) this.yearmonthReset();
|
||
if (this.contractTypeId) this.contractTypeIdReset();
|
||
}
|
||
|
||
if (!bool) this.tableStore = new TableStore();
|
||
|
||
}
|
||
|
||
tabClick(key) {
|
||
this.tabKey = key;
|
||
this.apiFinishedStatusReset();
|
||
this.getSearchCondition('radioGroup');
|
||
this.getEchartsRelatedData();
|
||
}
|
||
|
||
getSwitchCondition() {
|
||
let p;
|
||
if (this.pathname == 'transfer' || this.pathname == 'loss' || this.pathname == 'contract') {
|
||
p = this.pathname + '_' + this.tabKey;
|
||
} else {
|
||
p = this.pathname;
|
||
}
|
||
return p;
|
||
}
|
||
|
||
//Get id from yAxis data
|
||
getIds(datas) {
|
||
let arr = [];
|
||
if (!(datas instanceof Array)) {
|
||
return false;
|
||
}
|
||
for (let i = 0; i < datas.length; i++) {
|
||
let id = datas[i].substring(datas[i].indexOf('{') + 1, datas[i].indexOf('}')).split(':')[1];
|
||
arr.push(id);
|
||
}
|
||
return arr;
|
||
}
|
||
|
||
//Get new yAxis data without id, the new yAxis data will show on the page.
|
||
getNewYAxisData(datas) {
|
||
let arr = [];
|
||
if (!(datas instanceof Array)) {
|
||
return false;
|
||
}
|
||
for (let i = 0; i < datas.length; i++) {
|
||
let data = datas[i].split('{')[0].replace(/\s+/g, "");
|
||
arr.push(data);
|
||
}
|
||
return arr;
|
||
}
|
||
|
||
isEmptyObject(obj) {
|
||
for (let key in obj) {
|
||
return false;
|
||
}
|
||
return true;
|
||
}
|
||
|
||
//Set pathname, and estimate if the current page need WeaTab or PieChart.
|
||
//Last, set tab name when the current page has WeaTab.
|
||
setPathName(pathname) {
|
||
this.pathname = pathname;
|
||
|
||
if (pathname == 'transfer' || pathname == 'loss' || pathname == 'contract') {
|
||
this.setCurPageIfNeedWeaTab(true);
|
||
} else {
|
||
this.setCurPageIfNeedWeaTab(false);
|
||
}
|
||
|
||
if (pathname == 'contract') {
|
||
this.setCurPageIfNeedPieChart(true);
|
||
} else {
|
||
this.setCurPageIfNeedPieChart(false);
|
||
}
|
||
|
||
if (pathname == 'transfer') {
|
||
const tabDatas = [{
|
||
key: '0',
|
||
title: i18n.label.intoStatistics()
|
||
}, {
|
||
key: '1',
|
||
title: i18n.label.outOfStatistics()
|
||
}, ]
|
||
this.setTabDatas(tabDatas);
|
||
}
|
||
if (pathname == 'loss') {
|
||
const tabDatas = [{
|
||
key: '0',
|
||
title: i18n.label.lossStatistics()
|
||
}, {
|
||
key: '1',
|
||
title: i18n.label.turnoverStatistics()
|
||
}, {
|
||
key: '2',
|
||
title: i18n.label.dismissalStatistics()
|
||
}, {
|
||
key: '3',
|
||
title: i18n.label.retirementStatistics()
|
||
}, ]
|
||
this.setTabDatas(tabDatas);
|
||
}
|
||
if (pathname == 'contract') {
|
||
const tabDatas = [{
|
||
key: '0',
|
||
title: i18n.label.newSignStatistics()
|
||
}, {
|
||
key: '1',
|
||
title: i18n.label.expiryStatistics()
|
||
}, ]
|
||
this.setTabDatas(tabDatas);
|
||
}
|
||
}
|
||
|
||
getIdfForSelectInterface() {
|
||
if (this.pathname !== 'contract') {
|
||
return 'staff';
|
||
}
|
||
return 'contract';
|
||
}
|
||
|
||
getLabel() {
|
||
return ({
|
||
normal: {
|
||
formatter: [
|
||
'{title|{b}}{abg|}',
|
||
' {rate|{d}%}',
|
||
].join('\n'),
|
||
rich: {
|
||
title: {
|
||
color: '#666',
|
||
align: 'center',
|
||
},
|
||
abg: {
|
||
width: '100%',
|
||
align: 'right',
|
||
height: 25,
|
||
},
|
||
rate: {
|
||
fontFamily: 'Times New Roman',
|
||
}
|
||
}
|
||
}
|
||
|
||
})
|
||
}
|
||
|
||
getAxisPointer() {
|
||
return ({
|
||
formatter: function(params) {
|
||
return params.value;
|
||
}
|
||
})
|
||
}
|
||
|
||
getAxisLabel() {
|
||
var that = this;
|
||
return ({
|
||
formatter: function(value) {
|
||
let len = that.getByteLen(value);
|
||
if (len > 12) {
|
||
return that.getCutStr(value, 12) + '...';
|
||
} else {
|
||
return value;
|
||
}
|
||
|
||
}
|
||
})
|
||
}
|
||
|
||
getCutStr(value, len) {
|
||
let arr = value.split('');
|
||
let cutArr = [];
|
||
let count = 0;
|
||
for (let i = 0; i < arr.length; i++) {
|
||
if (this.checkIsChinese(arr[i]) && count < len) {
|
||
cutArr.push(arr[i]);
|
||
count += 2;
|
||
}
|
||
if (!this.checkIsChinese(arr[i]) && count < len) {
|
||
cutArr.push(arr[i]);
|
||
count += 1;
|
||
}
|
||
}
|
||
return cutArr.join('');
|
||
}
|
||
|
||
checkIsChinese(val) {
|
||
let reg = new RegExp("[\\u4E00-\\u9FFF]+", "g");
|
||
if (reg.test(val)) return true
|
||
}
|
||
|
||
getGrid() {
|
||
return ({
|
||
bottom: '3%',
|
||
left: '3%',
|
||
right: '4%',
|
||
containLabel: true,
|
||
})
|
||
}
|
||
|
||
getByteLen(val) {
|
||
var len = 0;
|
||
for (var i = 0; i < val.length; i++) {
|
||
var a = val.charAt(i);
|
||
if (a.match(/[^\x00-\xff]/ig) != null) {
|
||
len += 2;
|
||
} else {
|
||
len += 1;
|
||
}
|
||
}
|
||
return len;
|
||
}
|
||
|
||
getCurWindowWidth() {
|
||
let that = this;
|
||
if (window.innerWidth) {
|
||
this.setWinWidth(window.innerWidth);
|
||
} else if ((document.body) && (document.body.clientWidth)) {
|
||
this.setWinWidth(document.body.clientWidth);
|
||
}
|
||
|
||
window.onresize = function() {
|
||
if (window.innerWidth) {
|
||
that.setWinWidth(window.innerWidth);
|
||
} else if ((document.body) && (document.body.clientWidth)) {
|
||
that.setWinWidth(document.body.clientWidth);
|
||
}
|
||
}
|
||
}
|
||
|
||
pathToTitle() {
|
||
switch (this.pathname) {
|
||
case 'add':
|
||
this.setTitle(i18n.label.newSituation());
|
||
break;
|
||
case 'confirmation':
|
||
this.setTitle(i18n.label.correction());
|
||
break;
|
||
case 'transfer':
|
||
this.setTitle(i18n.label.mobility());
|
||
break;
|
||
case 'renew':
|
||
this.setTitle(i18n.label.renewTheSituation());
|
||
break;
|
||
case 'rehire':
|
||
this.setTitle(i18n.label.returnOnTheSituation());
|
||
break;
|
||
case 'loss':
|
||
this.setTitle(i18n.label.lossOfPersonnel());
|
||
break;
|
||
case 'contract':
|
||
this.setTitle(i18n.label.contractSituation());
|
||
break;
|
||
default:
|
||
this.setTitle(i18n.module.resourceChange());
|
||
}
|
||
}
|
||
|
||
//Set cmd of querying string parameters
|
||
getCmdForLoadPageContent() {
|
||
let p = this.getSwitchCondition();
|
||
switch (p) {
|
||
case 'add':
|
||
return 'addRp';
|
||
case 'confirmation':
|
||
return 'hireRp';
|
||
case 'transfer_0':
|
||
return 'transferIn';
|
||
case 'transfer_1':
|
||
return 'transferOut';
|
||
case 'renew':
|
||
return 'extendRp';
|
||
case 'rehire':
|
||
return 'rehireRp';
|
||
case 'loss_0':
|
||
return 'lossRp';
|
||
case 'loss_1':
|
||
return 'dismissRp';
|
||
case 'loss_2':
|
||
return 'reFireRp';
|
||
case 'loss_3':
|
||
return 'retireRp';
|
||
case 'contract_0':
|
||
return 'contractNewRp';
|
||
case 'contract_1':
|
||
return 'contractExpRp';
|
||
}
|
||
}
|
||
|
||
getCmdForLoadWeaRadioGroup() {
|
||
let p = this.getSwitchCondition();
|
||
switch (p) {
|
||
case 'add':
|
||
return 'addRpBase';
|
||
case 'confirmation':
|
||
return 'hireRpBase';
|
||
case 'transfer_0':
|
||
return 'transferIn';
|
||
case 'transfer_1':
|
||
return 'transferOut';
|
||
case 'renew':
|
||
return 'extendRpBase';
|
||
case 'rehire':
|
||
return 'rehireRpBase';
|
||
case 'loss_0':
|
||
return 'lossRpBase';
|
||
case 'loss_1':
|
||
return 'dismissRpBase';
|
||
case 'loss_2':
|
||
return 'reFireRpBase';
|
||
case 'loss_3':
|
||
return 'retireRpBase';
|
||
case 'contract_0':
|
||
return 'contractNewBase';
|
||
case 'contract_1':
|
||
return 'contractExpBase';
|
||
}
|
||
}
|
||
|
||
getCmdForLoadAdSearch() {
|
||
switch (this.pathname) {
|
||
case 'add':
|
||
return 'addRpAdvance';
|
||
case 'confirmation':
|
||
return 'hireRpAdvance';
|
||
case 'transfer':
|
||
return 'transferRpAdvance';
|
||
case 'renew':
|
||
return 'extendRpAdvance';
|
||
case 'rehire':
|
||
return 'rehireRpAdvance';
|
||
case 'loss':
|
||
return 'lossRpAdvance';
|
||
case 'contract':
|
||
return 'contractRpAdvance';
|
||
}
|
||
}
|
||
|
||
getCmdForLoadTable(idy) {
|
||
let p = this.getSwitchCondition();
|
||
switch (p + '_' + idy) {
|
||
case 'add_bar':
|
||
return 'addRpDetail';
|
||
case 'add_more':
|
||
return 'addRpMore';
|
||
case 'confirmation_bar':
|
||
return 'hireRpDetail';
|
||
case 'confirmation_more':
|
||
return 'hireRpMore';
|
||
case 'transfer_0_bar':
|
||
return 'transferRpDetail';
|
||
case 'transfer_1_bar':
|
||
return 'transferRpDetail';
|
||
case 'transfer_0_more':
|
||
return 'transferInRpMore';
|
||
case 'transfer_1_more':
|
||
return 'transferOutRpMore';
|
||
case 'renew_bar':
|
||
return 'extendRpDetail';
|
||
case 'renew_more':
|
||
return 'extendRpMore';
|
||
case 'rehire_bar':
|
||
return 'rehireRpDetail';
|
||
case 'rehire_more':
|
||
return 'rehireRpMore';
|
||
case 'loss_0_bar':
|
||
return 'lossRpDetail';
|
||
case 'loss_1_bar':
|
||
return 'dismissRpDetail';
|
||
case 'loss_2_bar':
|
||
return 'reFireRpDetail';
|
||
case 'loss_3_bar':
|
||
return 'retireRpDetail';
|
||
case 'loss_0_more':
|
||
return 'lossRpMore';
|
||
case 'loss_1_more':
|
||
return 'dismissRpMore';
|
||
case 'loss_2_more':
|
||
return 'reFireRpMore';
|
||
case 'loss_3_more':
|
||
return 'retireRpMore';
|
||
case 'contract_0_bar':
|
||
return 'contractRpDetail';
|
||
case 'contract_1_bar':
|
||
return 'contractRpDetail';
|
||
case 'contract_0_more':
|
||
return 'contractRpMore';
|
||
case 'contract_1_more':
|
||
return 'contractRpMore';
|
||
}
|
||
}
|
||
|
||
getColor() {
|
||
switch (this.pathname) {
|
||
case 'contract':
|
||
return '#FF6702';
|
||
default:
|
||
return '#6FBCEA';
|
||
}
|
||
}
|
||
|
||
setOption(option, arg) {
|
||
if (arg == '1') this.option1 = option;
|
||
if (arg == '2') this.option2 = option;
|
||
if (arg == '3') this.option3 = option;
|
||
}
|
||
|
||
setChartTitle(chartTitle, arg) {
|
||
if (arg == '1') this.chartTitle1 = chartTitle;
|
||
if (arg == '2') this.chartTitle2 = chartTitle;
|
||
if (arg == '3') this.chartTitle3 = chartTitle;
|
||
}
|
||
|
||
setIds(ids, idf) {
|
||
if (idf == 'bar') this.ids = ids;
|
||
if (idf == 'pie') this.idsForPie = ids;
|
||
}
|
||
|
||
setyAxisData(data, idf) {
|
||
if (idf == 'bar') this.yAxisData = data;
|
||
if (idf == 'pie') this.nameSet = data;
|
||
}
|
||
|
||
setCurPageIfNeedPieChart(bool) {
|
||
this.isNeedPieChart = bool;
|
||
}
|
||
|
||
setCountDatas(countDatas) {
|
||
this.countDatas = countDatas;
|
||
}
|
||
|
||
setTitle(title) {
|
||
this.title = title;
|
||
}
|
||
|
||
setDeadLine(deadline) {
|
||
this.deadline = deadline;
|
||
}
|
||
|
||
setLinkName(linkName) {
|
||
this.linkName = linkName;
|
||
}
|
||
|
||
setLeftEchartsShowStatus(bool) {
|
||
this.isLeftEchartsShow = bool;
|
||
}
|
||
|
||
setRightEchartsShowStatus(bool) {
|
||
this.isRightEchartsShow = bool;
|
||
}
|
||
|
||
setPieChartShowStatus(bool) {
|
||
this.isPieChartsShow = bool;
|
||
}
|
||
|
||
setDialogtitle(dialogTitle) {
|
||
this.dialogTitle = dialogTitle;
|
||
}
|
||
|
||
setDpId(dpId) {
|
||
this.dpId = dpId;
|
||
}
|
||
|
||
setStrokeColor(color) {
|
||
this.strokeColor = color;
|
||
}
|
||
|
||
setSingleSearchCondition(val) {
|
||
this.singleSearchCondition = val;
|
||
}
|
||
|
||
setSingleShConditionReset() {
|
||
this.singleSearchCondition = '';
|
||
}
|
||
|
||
getDialogTitle() {
|
||
return this.dialogTitle;
|
||
}
|
||
|
||
setSessionKey(sessionkey) {
|
||
this.dataKey = sessionkey;
|
||
}
|
||
|
||
setYearAndMonth(yearmonth) {
|
||
this.yearmonth = yearmonth;
|
||
}
|
||
|
||
setContractTypeId(contractTypeId) {
|
||
this.contractTypeId = contractTypeId;
|
||
}
|
||
|
||
setCurPageIfNeedWeaTab(bool) {
|
||
this.isNeedWeaTab = bool;
|
||
}
|
||
|
||
setTabDatas(tabDatas) {
|
||
this.tabDatas = tabDatas;
|
||
}
|
||
|
||
setWinWidth(winWidth) {
|
||
this.winWidth = winWidth;
|
||
}
|
||
|
||
setApiOneFinishedStatus(bool) {
|
||
this.isApiOneFinished = bool;
|
||
}
|
||
|
||
setApiTwoFinishedStatus(bool) {
|
||
this.isApiTwoFinished = bool;
|
||
}
|
||
|
||
setGridData(gridData) {
|
||
this.gridData = gridData;
|
||
}
|
||
|
||
setColIdUnusualStatus() {
|
||
if (this.pathname == 'transfer') {
|
||
this.isColIdUnusual = true;
|
||
} else {
|
||
this.isColIdUnusual = false;
|
||
}
|
||
}
|
||
|
||
dpIdReset() {
|
||
this.dpId = '';
|
||
}
|
||
|
||
yearmonthReset() {
|
||
this.yearmonth = '';
|
||
}
|
||
|
||
contractTypeIdReset() {
|
||
this.contractTypeId = '';
|
||
}
|
||
|
||
optionReset() {
|
||
this.option1 = {};
|
||
this.option2 = {};
|
||
this.option3 = {};
|
||
}
|
||
|
||
conditionReset() {
|
||
this.condition = [];
|
||
}
|
||
|
||
paramReset() {
|
||
this.params = {};
|
||
}
|
||
|
||
tabkeyReset() {
|
||
this.tabKey = '0';
|
||
}
|
||
|
||
apiFinishedStatusReset() {
|
||
this.isApiOneFinished = false;
|
||
this.isApiTwoFinished = false;
|
||
}
|
||
|
||
} |