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 {
	message,
} from 'antd';
import {
	i18n
} from '../public/i18n';
import * as Util from '../util/index';
import {
	WeaLocaleProvider,
	WeaLoadingGlobal
} from 'ecCom';
import AuthorityStore from './domain/authority.js';
const getLabel = WeaLocaleProvider.getLabel;

const {
	TableStore
} = WeaTableNew;

export class HrmPerStatusReport {
	@observable condition1 = [];
	@observable params = {};
	@observable countDatas = [];
	@observable option1 = {};
	@observable option2 = {};
	@observable tabKey = '1';
	@observable interval = '10';
	@observable title = '';
	@observable isIntervalShow = false;
	@observable pathname = 'basicConditionAnalysis';
	@observable deadline = '暂无';
	@observable linkName = '更多';
	chartTitle1 = i18n.label.ranking;
	chartTitle2 = i18n.label.ranking;
	@observable isEchartsShow = true;
	@observable isLeftEchartsShow = true;
	@observable isRightEchartsShow = true;
	@observable visible = false;
	@observable cmd = '';
	@observable tableStore = new TableStore();
	@observable strokeColor = '#FF7F50';
	@observable searchCondition = '';
	@observable href = '';
	@observable ids = [];
	@observable yAxisData = [];
	@observable linkList = '';
	@observable paramsStr = '';
	@observable winWidth = '';
	@observable isApiOneFinished = false;
	@observable isApiTwoFinished = false;

	@observable authorityStore = new AuthorityStore(Api);

	getRight  = ()=>{
		return this.authorityStore.fetchAuthority()
	}

	@action
	getSearchCondition() {
		let params = {
			cmd: 'baseStatus'
		}
		Api.getSearchCondition(params).then((data) => {
			this.condition1 = data.items;
			this.setApiOneFinishedStatus(true);
		});
	}

	setParams(params) {
		this.params = params;
		if (params.dateselect == '6' && (!params.fromdate || !params.enddate)) {
			return false;
		}
		if (params.company == '1' && !params.subcompanyid) {
			return false;
		}
		if (params.company == '2' && !params.departmentid) {
			return false;
		}
		if (params.local == '1' && !params.location) {
			return false;
		}
		this.getData();
	}

	getData(tag) {
		let cmd;
		if (!tag) {
			cmd = this.getWholeCmd(this.pathname, this.tabKey);
		} else {
			if (tag == 'left') cmd = 'JobGroupRpDetail';
			if (tag == 'right') cmd = 'JobActivityRpDetail';
			if (tag == 'departmentStatistics') cmd = 'DepartmentRpAll';
			if (tag == 'postStatistics') cmd = 'JobRpAll';
			if (tag == 'search') cmd = this.cmd;
			this.setVisible(true);
		}

		let p = {
			cmd: cmd,
			...this.params
		};

		if (this.searchCondition) {
			p.keyword = this.searchCondition;
			this.objToStr({ ...this.params,
				keyword: this.searchCondition
			});
		}

		if (this.pathname == 'basicConditionAnalysis' && (this.tabKey == '1' || this.tabKey == '3' || this.tabKey == '7') && !this.nonZeroVerification()) {
			p.agearea = this.interval;
		}

		this.setCmd(cmd);

		this.setHref('/api/hrm/resourceState/downloadExcel?cmd=' + this.getHref() + this.paramsStr);

		this.setStrokeColor(this.getColor());

		this.objToStr(this.params);

		Api.getSearchResult(p).then((data) => {
			if (!data) {
				message.warning(i18n.message.dataNone());
				return false;
			}

			const { status } = data;

			if (status == "-1") {
				const ats = this.authorityStore;
			    ats.hasRight = false;
			    ats.loading = false;
			}

			this.setApiTwoFinishedStatus(true);

			if (data.sessionkey) {
				this.tableStore.getDatas(data.sessionkey, 1);
				return false;
			}

			if (data.countDatas) {
				this.setCountDatas(data.countDatas);
			}

			if (data.linkList) {
				this.linkList = data.linkList;
			}

			if (this.pathname == 'departmentStatistics' && data.option && data.option.yAxis) {
				data.option.yAxis.triggerEvent = true;
				this.setIds(this.getIds(data.option.yAxis.data));
				this.setyAxisData(this.getNewYAxisData(data.option.yAxis.data));
				data.option.yAxis.data = this.yAxisData;
			}

			if (data.option && data.option.series && data.option.series[0].data && data.option.series[0].data.length > 0) {
				if (data.option.xAxis && data.option.yAxis && data.option.series[0].type == 'bar') {
					data.option.series[0].barWidth = this.setBarWidth(data.option.series[0].data);
					data.option.series[0].itemStyle = this.getItemStyle();
					data.option.tooltip = {};
					data.option.xAxis.splitLine = {
						show: false
					};
					data.option.yAxis.axisLabel = this.getAxisLabel();
					data.option.yAxis.axisPointer = this.getAxisPointer();
				}
				if (data.option.series[0].type == 'pie') {
					let datas = data.option.series[0].data;
					for (let i = 0; i < datas.length; i++) {
						data.option.series[0].data[i].label = this.getLabel();
					}
					data.option.tooltip = this.getToolTipForPieChart();
					data.option.series[0].selectedOffset = 0;
					data.option.legend.selectedMode = false;
				}
				this.setOption(data.option, '1');
				this.setEchartsShowStatus(true);
			} else {
				this.setEchartsShowStatus(false);
			}

			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.series[0].barWidth = this.setBarWidth(data.optionX.series[0].data);
				data.optionX.series[0].itemStyle = this.getItemStyle();
				data.optionX.tooltip = {};
				data.optionX.xAxis.splitLine = {
					show: false
				};
				data.optionX.yAxis.axisLabel = this.getAxisLabel();
				data.optionX.yAxis.axisPointer = this.getAxisPointer();
				this.setLeftEchartsShowStatus(true);
				this.setOption(data.optionX, '1');
			} else {
				this.setLeftEchartsShowStatus(false);
			}

			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].barWidth = this.setBarWidth(data.optionY.series[0].data);
				data.optionY.series[0].itemStyle = this.getItemStyle();
				data.optionY.tooltip = {};
				data.optionY.xAxis.splitLine = {
					show: false
				};
				data.optionY.yAxis.axisLabel = this.getAxisLabel();
				data.optionY.yAxis.axisPointer = this.getAxisPointer();
				this.setRightEchartsShowStatus(true);
				this.setOption(data.optionY, '2');
			} else {
				this.setRightEchartsShowStatus(false);
			}

			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.title) {
				this.setChartTitle(data.title.title, '1');
			}

			if (data.title && data.title.leftTitle) {
				this.setChartTitle(data.title.leftTitle, '1');
			}

			if (data.title && data.title.rightTitle) {
				this.setChartTitle(data.title.rightTitle, '2');
			}
		});
	}

	setBarWidth(datas) {
		let len = datas.length;
		switch (len) {
			case 1:
				return '30%';
			case 2:
				return '40%';
			case 3:
				return '50%';
			case 4:
				return '60%';
			default:
				return '80%';
		}
	}

	nonZeroVerification() {
		if (this.tabKey == '1' && this.interval < 0) {
			message.warning(getLabel('386441', "年龄区间不能小于0！"));
			return false;
		}
		if (this.tabKey == '3' && this.interval < 0) {
			message.warning(getLabel('386442', "工龄区间不能小于0！"));
			return false;
		}
		if (this.tabKey == '7' && this.interval < 0) {
			message.warning(getLabel('386443', "职级区间不能小于0！"));
			return false;
		}
	}

	getBasicCmd(key) {
		switch (key) {
			case '1':
				return 'AgeRp';
			case '2':
				return 'SexRp';
			case '3':
				return 'SeniorityRp';
			case '4':
				return 'EduRp';
			case '5':
				return 'WedlockRp';
			case '6':
				return 'JobCallRp';
			case '7':
				return 'JobLevelRp';
			case '10':
				return 'UserKindRp';
			case '11':
				return 'StatusRp';
			case '12':
				return 'SecLevelRp';
		}
	}

	getWholeCmd(pathname, key) {
		switch (pathname) {
			case 'basicConditionAnalysis':
				return this.getBasicCmd(key);
			case 'departmentStatistics':
				return 'DepartmentRp';
			case 'postStatistics':
				return 'JobRp';
			case 'jobStatusStatistics':
				return 'JobActivityAndGroupRp';
		}
	}

	getChartTitle() {
		switch (this.cmd) {
			case 'DepartmentRpAll':
				return getLabel('386444', "人数最多的部门排名");
			case 'JobRpAll':
				return getLabel('386445', "人数最多的岗位排名");
			case 'JobGroupRpDetail':
				return getLabel('386446', "人数最多的职务类别排名");
			case 'JobActivityRpDetail':
				return getLabel('386447', "人数最多的职务排名");
		}
	}

	getTabName() {
		switch (this.tabKey) {
			case '1':
				return getLabel('386388', "年龄状况");
			case '2':
				return getLabel('386389', "性别状况");
			case '3':
				return getLabel('548320', "司龄状况");
			case '4':
				return getLabel('386391', "学历状况");
			case '5':
				return getLabel('469', "婚姻状况");
			case '6':
				return getLabel('386392', "职称统计");
			case '7':
				return getLabel('386393', "职级统计");
			case '10':
				return getLabel('804', "用工性质");
			case '11':
				return getLabel('386394', "状态统计");
			case '12':
				return getLabel('683', "安全级别");
		}
	}

	setKey(key) {
		this.tabKey = key;
		if (key == '1' || key == '3' || key == '7') {
			this.setIntervalShow(true);
		} else {
			this.setIntervalShow(false);
		}
		if (key == '1') this.setGap('10');
		if (key == '3') this.setGap('2');
		if (key == '7') this.setGap('5');
	}


	getLabel() {
		return ({
			normal: {
				formatter: [
					'{b} | {c} | {d}%',
				].join('\n'),
			}
		})
	}

	getItemStyle() {
		return ({
			normal: {
				color: '#6FBCEA'
			}
		})
	}

	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;
				}

			}
		})
	}

	getToolTipForPieChart() {
		return ({
			trigger: 'item',
			formatter: "{b} : {c} ({d}%)"
		})
	}

	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;
	}

	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
	}

	pathToTitle() {
		switch (this.pathname) {
			case 'basicConditionAnalysis':
				this.setTitle(getLabel('382087', "基本状况分析"));
				break;
			case 'departmentStatistics':
				this.setTitle(getLabel('382094', "部门人数统计"));
				break;
			case 'postStatistics':
				this.setTitle(getLabel('382095', "岗位人数统计"));
				break;
			case 'jobStatusStatistics':
				this.setTitle(getLabel('382096', "职务状况统计"));
				break;
			default:
				this.setTitle(getLabel('386448', "数据统计与分析"));
		}
	}

	getColor() {
		switch (this.cmd) {
			case 'DepartmentRpAll':
				return '#7DC756';
			case 'JobRpAll':
				return '#AC7CFF';
			default:
				return '#FF7F50';
		}
	}

	getHref() {
		switch (this.cmd) {
			case 'DepartmentRpAll':
				return 'DepartmentRp';
			case 'JobRpAll':
				return 'JobRp';
			case 'JobGroupRpDetail':
				return 'JobGroupRp';
			case 'JobActivityRpDetail':
				return 'JobActivityRp';
		}
	}

	isEmptyObject(obj) {
		for (let key in obj) {
			return false;
		}
		return true;
	}

	objToStr(obj) {
		let str = '';
		if (!this.isEmptyObject(obj)) {
			for (let key in obj) {
				str = str + '&' + key + '=' + obj[key];
			}
		}

		this.setParamsStr(str);
	}

	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;
	}

	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;
	}

	getCurWindowWidth() {
		let that = this;

		window.onresize = function() {
			if (window.innerWidth) {
				that.setWinWidth(window.innerWidth);
			} else if ((document.body) && (document.body.clientWidth)) {
				that.setWinWidth(document.body.clientWidth);
			}
		}
	}

	/**************** #QC3421143# 基本状况分析明细数据**************************/
	@observable dialogVisible = false;
	@observable tableStore = new TableStore();
	@observable name = '';
	@observable dataKey = '';

	setDialogVisible(bool) {
		bool && this.getDetailTable();
		this.dialogVisible = bool;
	}

	@action getDetailTable = () => {
		this.tableStore = new TableStore();
		let cmd = this.getWholeCmd(this.pathname, this.tabKey);

		let p = {
			cmd: cmd,
			name: this.name,
			...this.params
		};

		if (this.searchCondition) {
			p.keyword = this.searchCondition;
			this.objToStr({ ...this.params,
				keyword: this.searchCondition
			});
		}

		if (this.pathname == 'basicConditionAnalysis' && (this.tabKey == '1' || this.tabKey == '3' || this.tabKey == '7') && !this.nonZeroVerification()) {
			p.agearea = this.interval;
		}
		this.objToStr(this.params);
		Api.getDetailTable(p).then((res) => {
			this.dataKey = res.datas.datas;
			this.tableStore.getDatas(res.datas.datas,1)
		});
	}

	@action exportExcel = () => {
		if (!this.dataKey) {
		  return false;
		}
		const child = (
		  <img style={{ height: 5 }} src="/images/loading_wev8.gif" alt="" />
		);
		WeaLoadingGlobal.start({
		  indicator: child,
		  tip: '正在导出请稍候...'
		});
		const title = this.getTabName();
		const params = {
		  dataKey:this.dataKey,
		  filename:`${title}(${this.name})`
		}
		Api.exportDetailExcel(params).then(data => {
		  if (data.url) {
			  WeaLoadingGlobal.end(); 
			  WeaLoadingGlobal.destroy();
			window.location.href = Util.addContentPath(data.url);
		  }
		})
	   } 
	

	/**************** #QC3421143# 基本状况分析明细数据**************************/

	setIntervalShow(bool) {
		this.isIntervalShow = bool;
	}

	setCountDatas(countDatas) {
		this.countDatas = countDatas;
	}

	setOption(option, arg) {
		if (arg == '1') this.option1 = option;
		if (arg == '2') this.option2 = option;
	}

	setGap(interval) {
		this.interval = interval;
	}

	setTitle(title) {
		this.title = title;
	}

	setDeadLine(deadline) {
		this.deadline = deadline;
	}

	setLinkName(linkName) {
		this.linkName = linkName;
	}

	setChartTitle(chartTitle, arg) {
		if (arg == '1') this.chartTitle1 = chartTitle;
		if (arg == '2') this.chartTitle2 = chartTitle;
	}

	setEchartsShowStatus(bool) {
		this.isEchartsShow = bool;
	}

	setLeftEchartsShowStatus(bool) {
		this.isLeftEchartsShow = bool;
	}

	setRightEchartsShowStatus(bool) {
		this.isRightEchartsShow = bool;
	}

	setPathName(pathname) {
		this.pathname = pathname;
	}

	setVisible(bool) {
		this.visible = bool;
		if (!bool) {
			this.searchConditionReset();
		}
	}

	setCmd(cmd) {
		this.cmd = cmd;
	}

	setStrokeColor(color) {
		this.strokeColor = color;
	}

	setSearchCondition(condition) {
		this.searchCondition = condition;
	}

	searchConditionReset() {
		this.searchCondition = '';
	}

	setHref(href) {
		this.href = href;
	}

	setIds(ids) {
		this.ids = ids;
	}

	setyAxisData(yAxisData) {
		this.yAxisData = yAxisData;
	}

	setParamsStr(str) {
		this.paramsStr = str;
	}

	setApiOneFinishedStatus(bool) {
		this.isApiOneFinished = bool;
	}

	setApiTwoFinishedStatus(bool) {
		this.isApiTwoFinished = bool;
	}

	setWinWidth(winWidth) {
		this.winWidth = winWidth;
	}

	optionReset() {
		this.option1 = {};
	}

	conditionReset() {
		this.condition1 = [];
	}

	paramReset() {
		this.params = {};
	}

	apiFinishedStatusReset() {
		this.isApiOneFinished = false;
		this.isApiTwoFinished = false;
	}

	tabKeyReset() {
		this.tabKey = '1';
	}

}