trunk/pc4mobx/organization/stores/fieldDefined.js

/**
 * @Author: 程亮
 * @Date: 2022-06-09 10:16:00
 * @LastEditTime: 2022-06-23 09:58:27
 * @Description: 
 * @FilePath: /trunk/src4js/pc4mobx/organization/stores/fieldDefined.js
 */
import {
	observable,
	action,
	computed
} from 'mobx';
import {
	WeaForm,
	WeaTableNew,
	WeaSwitch
} from 'comsMobx';
import { WeaLocaleProvider, WeaInputLocale, WeaButtonIcon, WeaSelect } from 'ecCom';
import {
	Button,
	message,
	Menu
} from 'antd';
import HrmBaseStore from './baseStore';
import * as api from '../apis/fieldDefined';
import {
	cloneDeep,
	indexOf,
	findIndex,
	uniq,
	has,
	remove,
	filter
} from 'lodash';
import find from 'lodash/find';
import isEmpty from 'lodash/isEmpty';
import {
	validDBKeys
} from '../util/index';
import {
	i18n
} from '../public/i18n';
const getLabel = WeaLocaleProvider.getLabel;
const getCurrentLabel = WeaInputLocale.getCurrentLabel;
const { TableStore } = WeaTableNew;

export class FieldDefinedStore extends HrmBaseStore {

	/********************* unobservable list *********************/
	//override baseStore.tabConfig
	tabDef = {
		color: '#000000',
		//groupId: '',
		viewCondition: '1',
		topButtonDef: [{
			comType: 'button',
			type: 'primary',
			onClickHandle: this.saveFieldDefine,
			label: i18n.button.save,
			icon: this.menuIconCollection.save
		}, {
			comType: 'button',
			type: 'primary',
			onClickHandle: () => this.editGroup(),
			label: i18n.button.createGroup,
			icon: this.menuIconCollection.create
		}, {
			comType: 'button',
			type: 'primary',
			onClickHandle: () => this.editTypeInfo(true, {
				name: this.selectedTreeNodeInfo.name,
			}),
			label: i18n.button.createType,
			icon: this.menuIconCollection.create
		}, {
			comType: 'button',
			type: 'primary',
			onClickHandle: this.doGroupSetting,
			label: i18n.button.groupMaintain,
			icon: this.menuIconCollection.setting,
			checkAction: 'groupInfoOperability'
		}],
		tabButtonDef: [{
			comType: 'button',
			icon: 'icon-coms-Add-to-hot',
			label: i18n.button.create,
			rightMenuIcon: this.menuIconCollection.create,
			onClickHandle: () => this.recordOP(this.editTable['fieldDef'], 'add')
		}]
	}
	tabConfig = {
		tabs: [],
		keyParam: 'viewCondition',
		activeTabKey: '1',
		onTabEdit: this.onTabEdit
	};
	moveToGroup = false;
	moveDropDown = () => (
		<Menu ecId={`${this && this.props && this.props.ecId || ''}_Menu@czjx1d`} onClick={this.dropdownClick}>
			{
				filter(this.tabConfig.tabs, (d) => {
					try {
						return d.groupid != this.activeTabInfo.tabInfo.groupid
					} catch (e) {
						return true;
					}
				}).map((tab, index) => (
					<Menu.Item ecId={`${this && this.props && this.props.ecId || ''}_undefined@n4ghu2@${index}`} key={tab.groupid}>
						<div>{tab.title}</div>
					</Menu.Item>
				))
			}
			<Menu.Divider ecId={`${this && this.props && this.props.ecId || ''}_undefined@ejjn07`} />
			<Menu.Item ecId={`${this && this.props && this.props.ecId || ''}_undefined@8jlkfc`} key='createAndMove' style={{ background: '#E8E8E8', textAlign: 'center' }}>
				<div>{i18n.label.createAndMoveGroup()}</div>
			</Menu.Item>
		</Menu>
	)
	getDropdownDatas = () => {
		let datas = [
			{
				key: '1',
				text: i18n.button.delete(),
				show: <span className='icon-coms-form-delete-hot' />,
				selected: this.dropdownSelectedKey === '1'
			},
			{
				key: '2',
				text: i18n.button.copy(),
				show: <span className='icon-coms-copy-hot' />,
				selected: this.dropdownSelectedKey === '2'
			},
			{
				key: '3',
				text: i18n.button.moveToGroup(),
				show: <span className='icon-coms-move2' />,
				selected: this.dropdownSelectedKey === '3',
				isDropBtn: true
			}
		]
		// if (this.selectedTreeNodeInfo != null && this.selectedTreeNodeInfo.viewAttr != 1) {
		// 	datas.splice(2, 1);
		// }

		if (this.selectedTreeNodeInfo != null && !this.selectedTreeNodeInfo.addChild) {
			datas.splice(2, 1);
		}
		
		return datas;
	}
	dropdownProps = () => ({
		type: 'small',
		datas: this.getDropdownDatas(),
		dropBtnProps: {
			style: { padding: '10px 4px' }
		},
		btnDropPropsDatas: {
			'3': {
				overlay: this.moveDropDown()
			}
		},
		btnOnClick: key => {
			switch (key) {
				case '1':
					this.recordOP(this.editTable['fieldDef'], 'remove')
					break;
				case '2':
					this.recordOP(this.editTable['fieldDef'], 'copy')
					break;
				case '3':
					break;
			}
		},
		menuOnClick: (key, e) => {
			this.tableEditConfig.fieldDef.selectedRowKeys = [];
			this.feildDefTableSelectedRows.length = 0;
			this.refreshMainTabComponent = new Date().getTime();
			this.dropdownSelectedKey = key;
		}
	})

	fieldDefColumns = () => {
		const columns = [{
			title: i18n.label.fieldLabel(), //列名
			dataIndex: 'fieldlabel', //列的id 对应数据
			key: 'fieldlabel', //前端渲染key值
			useRecord: true,
			colSpan: 1,
			width: '15%',
			com: [{
				label: '',
				type: 'INPUT',
				key: 'fieldlabel',
				viewAttr: '3',
				otherParams: {
					...window.inputType
				}
			}],
		}, {
			title: i18n.label.fieldName(),
			dataIndex: 'fieldname',
			key: 'fieldname',
			useRecord: true,
			colSpan: 1,
			width: '15%',
			com: [{
				label: '',
				type: 'INPUT',
				key: 'fieldname',
				viewAttr: '1',
				otherParams: {
					length: 25,
					regExp: /^[a-zA-Z][a-zA-Z0-9]*$/,
					filter: (val) => {
						const {
							isValid,
							value
						} = validDBKeys(val);
						this.isDBKeyValid = isValid;
						return value;
					}
				}
			}],
		}, {
			title: i18n.label.fieldType(),
			dataIndex: 'fieldType',
			key: 'fieldType',
			useRecord: true,
			colSpan: 1,
			width: "30%",
			com: [{
				label: '',
				type: 'CUSTOMFIELD',
				key: 'fieldType',
				viewAttr: '3',
				options: ['peculiar'],
				otherParams: {
					customProps: {
						'input.text': {
							viewAttr: 3
						},
						'textarea': {
							parent: {
								type: "div",
								style: {
									display: "none"
								}
							},
							style: {
								display: "none"
							}
						},
						'textarea.*': {
							parent: {
								type: "div",
								style: {
									display: "none"
								}
							},
							style: {
								display: "none"
							}
						},
						'textarea.*.*': {
							style: {
								display: "none"
							}
						},
						"select": {
							options: [{
								key: 'select',
								selected: true,
								showname: i18n.label.selectComponent()
							}]
						},
						"upload": {
							options: [{
								key: 'file',
								selected: true,
								showname: i18n.label.uploadFile()
							}]
						}
					}
				}
			}],
		}, {
			title: i18n.label.enable(),
			dataIndex: 'enable',
			key: 'enable',
			checkType: 'checkbox',
			colSpan: 1,
			width: '7%'
		}, {
			title: i18n.label.required(),
			dataIndex: 'required',
			key: 'required',
			checkType: 'checkbox',
			colSpan: 1,
			width: '8%'
		}];

		//人员卡片字段定义-添加【允许个人修改】列
		if (this.moduleName === 'resourcefielddefined') {
			if (this.isJobTreeNode) {//【工作信息】列表不添加【允许个人修改】列
			} else {
				columns.push({
					title: getLabel(510359, '允许个人修改'),
					dataIndex: 'isModify',
					key: 'isModify',
					checkType: 'checkbox',
					colSpan: 1,
					width: '11%'
				});
			}
		}
		this.encryptEnable && columns.push({
			title: getLabel('526997', '加密设置'),
			dataIndex: 'canEncrypt',
			key: 'canEncrypt',
			com: [
				{
					type: 'custom',
					key: 'custom',
					render: (text, record, index, onEdit) => {
						const { canEncrypt } = record;
						if (canEncrypt == '1')
							return (
								<a onClick={() => this.onEncryptHandle(record)}>{getLabel('526997', '加密设置')}</a>
							)
						return null;
					}
				}
			],
			colSpan: 1,
			width: '8%'
		});
		return columns;
	}

	groupDefColumns = () => [{
		title: i18n.label.groupName(), //列名
		dataIndex: 'groupName', //列的id 对应数据
		key: 'groupName', //前端渲染key值
		colSpan: 1,
		width: '70%',
		useRecord: true,
		com: [{
			label: '',
			type: 'INPUT',
			key: 'groupName',
			viewAttr: '3',
			otherParams: {
				...window.inputType
			}
		}],
	}, {
		title: i18n.label.show(),
		dataIndex: 'isShow',
		key: 'isShow',
		checkType: 'checkbox',
		colSpan: 1,
		useRecord: true,
		width: '30%'
	}];

	childInfoDefColumns = () => [{
		title: i18n.label.childInfoName(), //列名
		dataIndex: 'name', //列的id 对应数据
		key: 'name', //前端渲染key值
		colSpan: 1,
		width: '70%',
		useRecord: true,
		com: [{
			label: '',
			type: 'INPUT',
			key: 'name',
			viewAttr: '3',
			otherParams: {
				...window.inputType
			}
		}],
	}, {
		title: i18n.label.show(),
		dataIndex: 'isShow',
		key: 'isShow',
		checkType: 'checkbox',
		colSpan: 1,
		useRecord: true,
		width: '30%'
	}];

	getColumns = () => {
		let columns = cloneDeep(this.fieldDefColumns())
		// if (this.moduleName.indexOf('resource') >= 0) {
		// 	columns[1].com = [{
		// 		label: '',
		// 		type: 'TEXT',
		// 		key: 'fieldname',
		// 	}]
		// }
		return columns;
	}

	tableEditConfig = {
		fieldDef: {
			...this.editTableConfig,
			showAdd: false,
			showDelete: false,
			showCopy: false,
			columns: this.getColumns(),
			copyFilterProps: ['id', 'fieldlabel', 'fieldname', 'com.fieldname', 'com.fieldlabel'],
			datas: [],
			selectedData: {},
			onChange: this.onFieldDefChange,
			onRowSelect: this.onFieldDefRowSelect,
			getRowSelection: this.onFieldDefRowSelection,
			onDelete: this.onFieldDefDeleteOpr,
			onEdit: this.onEdit,
			onAdd: this.onAdd
		},
		groupSetting: {
			...this.editTableConfig,
			showTitle: true,
			showAdd: true,
			showDelete: true,
			showCopy: false,
			columns: this.groupDefColumns(),
			copyFilterProps: ['id', 'groupName', 'isShow'],
			datas: [],
			selectedData: {},
			onChange: (datas) => this.onGroupSettingChange(datas, 'group'),
			onRowSelect: (sRowKeys, rows, dataIndex, selectedDatas) => this.onGroupSettingRowSelect(sRowKeys, rows, dataIndex, selectedDatas, 'group'),
			getRowSelection: this.onGroupSettingRowSelection,
			onDelete: (ks, ds) => this.onGroupSettingDeleteOpr(ks, ds, 'group')
		},
		childInfoSetting: {
			...this.editTableConfig,
			showTitle: true,
			showAdd: true,
			showDelete: true,
			showCopy: false,
			columns: this.childInfoDefColumns(),
			copyFilterProps: ['id', 'name', 'isShow'],
			datas: [],
			selectedData: {},
			onChange: (datas) => this.onGroupSettingChange(datas, 'childInfo'),
			onRowSelect: (sRowKeys, rows, dataIndex, selectedDatas) => this.onGroupSettingRowSelect(sRowKeys, rows, dataIndex, selectedDatas, 'childInfo'),
			getRowSelection: this.onGroupSettingRowSelection,
			onDelete: (ks, ds) => this.onGroupSettingDeleteOpr(ks, ds, 'childInfo')
		}
	}

	activeTabInfo = {}
	tabRecord = [];
	isDBKeyValid = true;
	/********************* unobservable list *********************/

	/********************* dialog info setting *********************/
	editorDialogRightMenu = [];
	getDialogOpButtons = () => { //获取权限组编辑对话框按钮列表
		this.editorDialogRightMenu.length = 0;
		let buttons = [<Button ecId={`${this && this.props && this.props.ecId || ''}_Button@i3u56h`} type="primary" onClick={() => this.dialogSaveOp()}>{i18n.button.save()}</Button>];
		this.editorDialogRightMenu.push({
			key: '1',
			content: i18n.button.save(),
			icon: <i className={this.menuIconCollection.save} />,
			onClick: () => this.dialogSaveOp(false)
		});

		if (this.dialogParams.groupInfoSetting.visible) {
			let logType = '';
			this.editorDialogRightMenu.push(...this.getBasicMenus(logType));
		}

		return buttons;
	}
	/********************* dialog info setting *********************/

	/***** form ****/
	editGroupInfoFormFields = [{
		"title": i18n.label.basicSetting(),
		"items": [{
			"colSpan": 2,
			"conditionType": "INPUT",
			"domkey": ["groupName"],
			"fieldcol": 12,
			"isQuickSearch": false,
			"label": i18n.label.groupName,
			"labelcol": 6,
			"precision": 0,
			"rules": "required|string",
			"value": "",
			"viewAttr": 3,
		}],
		"defaultshow": true
	}]

	editTypeInfoFormFields = [{
		"title": i18n.label.basicSetting(),
		"items": [{
			"colSpan": 2,
			"conditionType": "INPUT",
			"domkey": ["name"],
			"fieldcol": 12,
			"isQuickSearch": false,
			"label": i18n.label.typeName,
			"labelcol": 6,
			"precision": 0,
			"rules": "required|string",
			"value": "",
			"viewAttr": 3,
		}],
		"defaultshow": true
	}]

	editChildInfoFormFields = [{
		"title": i18n.label.basicSetting,
		"items": [{
			"colSpan": 2,
			"conditionType": "INPUT",
			"domkey": ["name"],
			"fieldcol": 12,
			"isQuickSearch": false,
			"label": i18n.label.childInfoName,
			"labelcol": 6,
			"precision": 0,
			"rules": "required|string",
			"value": "",
			"viewAttr": 3
		}, {
			"colSpan": 2,
			"conditionType": "INPUTNUMBER",
			"domkey": ["infoOrder"],
			"fieldcol": 12,
			"isQuickSearch": false,
			"label": i18n.label.displayOrder,
			"labelcol": 6,
			"precision": 0,
			"value": "0",
			"viewAttr": 2
		}],
		"defaultshow": true
	}]

	/********************* observable list *********************/
	dialogParams = { //override baseStore.dialogParams
		editGroupInfo: {
			visible: false,
			title: '',
			moreBtn: {
				datas: []
			}
		},
		editTypeInfo: {
			visible: false,
			title: '',
			moreBtn: {
				datas: []
			}
		},
		groupInfoSetting: {
			visible: false,
			title: '',
			moreBtn: {
				datas: []
			}
		},
		createChildInfo: {
			visible: false,
			title: '',
			moreBtn: {
				datas: []
			}
		},
		childInfoSetting: {
			visible: false,
			title: '',
			moreBtn: {
				datas: []
			}
		}
	}

	@observable dropdownSelectedKey = '1';
	@observable _groupInfoOperability = true;
	@observable feildDefTableSelectedRows = [];
	@observable groupSettingTableSelectedRows = [];
	@observable _feildDefSaveable = true;

	@observable refreshMainTabComponent = new Date().getTime();
	@observable refreshFeildDef = new Date().getTime(); //当需要刷新主页面tab时，变更此值
	@observable refreshForm = new Date().getTime();
	@observable refreshEditGroupTabComponent = new Date().getTime(); //当需要刷新权限组编辑tab时，变更此值
	@observable spinning = false;
	@observable moduleName = '';
	/********************* observable list *********************/

	/********************* computed list *********************/
	@computed get feildDefRemoveable() { //字段定义表是否有选中行
		return this.feildDefTableSelectedRows.length === 0;
	}

	@computed get groupInfoRemoveable() { //字段定义表是否有选中行
		return this.groupSettingTableSelectedRows.length === 0;
	}

	@computed get feildDefSaveable() { //字段定义表是否有记录
		return this._feildDefSaveable;
	}

	@computed get groupInfoOperability() { //是否有组信息
		return this._groupInfoOperability;
	}
	/********************* computed list *********************/

	/********************* action list *********************/
	/**
	 * 初始化模块数据
	 * @return {null}
	 */
	@action initData = (create = false, init = false, module) => {
		this.dropdownSelectedKey = '1';
		if (module != null) {
			this.moduleName = module;
		}
		this.selectedTreeNodeInfo = null;
		// this.tableEditConfig.fieldDef.columns = cloneDeep(this.fieldDefColumns());
		api.getTabInfo(this.moduleName).then(data => {
			this._groupInfoOperability = data.tabs.length === 0;
			if (data.status === '1') {
				let tabArr = [];
				this.tabRecord = data.tabs;
				data.tabs && data.tabs.map((tabInfo, index) => {
					let t = cloneDeep(this.tabDef);
					tabArr.push({
						...t,
						...tabInfo,
						viewCondition: `${tabArr.length + 1}`
					});
				});
				if (tabArr.length > 0) {
					this.tabConfig.tabs = [...tabArr];
					//this.setTableEditColTitle();
					this.setActiveTab(this.tabConfig, init ? '1' : !create ? this.tabConfig.activeTabKey : `${tabArr.length}`);
					// this.containerInitFinished = {
					// 	...this.containerInitFinished,
					// 	init: true
					// }
				}
			} else {
				message.error(data.message);
			}
		}, error => {

		})
	}

	setTableEditColTitle = () => {
		[...Object.keys(this.tableEditConfig)].map(k => {
			this.tableEditConfig[k].columns.map(c => {
				if (typeof (c.title) == 'function')
					c.title = c.title();
				else
					c.title = c.title;
			})
		})
	}

	/**
	 * tab change事件(通过变更refreshMainTabComponent使index重新render)
	 * @param  {Object} tabConfig [tabConfig]
	 * @param  {String} key       [tabKey]
	 * @return {null}
	 */
	@action setActiveTab = (tabConfig, key) => {
		tabConfig.activeTabKey = key || tabConfig.tabs[0].viewCondition;
		const tabIndex = this.getTabIndex(this.tabConfig.tabs, key);
		if (tabIndex < 0) return;
		this.dropdownSelectedKey = '1';
		this.feildDefTableSelectedRows.length = 0;
		this.tableEditConfig.fieldDef.selectedRowKeys = [];
		this.activeTabInfo = {
			activeTabKey: this.tabConfig.activeTabKey,
			activeTabIndex: this.getTabIndex(this.tabConfig.tabs, this.tabConfig.activeTabKey),
			tabInfo: this.tabConfig.tabs[tabIndex]
		}
		let params = {
			groupId: this.activeTabInfo.tabInfo.groupid,
		}
		if (this.selectedTreeNodeInfo != null)
			params.groupType = this.selectedTreeNodeInfo.key
		this.spinning = true;

		api.getFieldDefinedInfo(this.moduleName, params).then(res => {
			if (res.code === 200) {
				const {
					datas,
					selectedData
				} = this.convertData(res.data.data, 'fieldDef');
				this.encryptEnable = res.data.encryptEnable;
				this.tableEditConfig.fieldDef.datas = datas;
				this.tableEditConfig.fieldDef.columns = this.getColumns();
				this.tableEditConfig.fieldDef.selectedData = selectedData;

				if (this.tabRecord.length > 0) {
					this.tabRecord[this.activeTabInfo.activeTabIndex].editable = (res.data.data.length === 0);
					this.activeTabInfo.tabInfo.editable = (res.data.data.length === 0);
				}
			} else {
				message.warning(res.msg);
			}
			this.spinning = false;
			this.refreshMainTabComponent = new Date().getTime();
			this.spinning = false;
			this.refreshMainTabComponent = new Date().getTime();
		}, error => {this.spinning = false;})


	}

	@action("分组tab删除") onTabEdit = (targetKey, action) => {
		const tabIndex = this.getTabIndex(this.tabConfig.tabs, targetKey);
		if (tabIndex < 0) return;
		const tabInfo = this.tabConfig.tabs[tabIndex];
		switch (action) {
			case 'remove':
				this.confirmInfo({
					content: i18n.confirm.delete(),
					onOk: () => {
						let params = {
							id: tabInfo.groupid
						}
						if (this.selectedTreeNodeInfo != null)
							params.groupType = this.selectedTreeNodeInfo.key

						api.removeGroupInfo(this.moduleName, params).then(response => {
							return response.json()
						}).then(data => {
							if (data.code === 200) {
								message.success(i18n.message.deleteSuccess());
								this.tabConfig.activeTabKey = '1';
								if(data.data === 0) {
								 	this.getTabInfoByTreeNode();	
								}else {
									this.initResourceData(this.moduleName)
								}
								
								
							} else {
								message.warning(data.msg);
							}
						}).catch(error => {
							message.warning(error.msg);
						})
					}
				});
				break;
			default:
				break;
		}
	}

	@action dialogSaveOp = () => {
		this.dialogParams.editGroupInfo.visible && this.doSaveGroupInfo();
		this.dialogParams.editTypeInfo.visible && this.doSaveTypeInfo();
		this.dialogParams.groupInfoSetting.visible && this.doSaveGroupSetting();
		this.dialogParams.createChildInfo.visible && this.doSaveChildInfo();
		this.dialogParams.childInfoSetting.visible && this.doSaveChildInfoSetting();
	}

	@action("新建分组") editGroup = (group, moveToGroup = false) => {
		this.moveToGroup = moveToGroup;
		this.editGroupInfoFormFields.map(f => {
			if (typeof (f.title) == 'function')
				f.title = f.title();
			f.items.map(item => {
				if (typeof (item.label) == 'function')
					item.label = item.label();
				item.otherParams = { ...window.inputType };
			})
		})
		let fields = [...this.editGroupInfoFormFields],
			dialogTitle = '';
		this.setFormData('groupInfoFrom', fields);
		if (group) {
			this.formTarget.groupInfoFrom.updateFields({
				groupName: { value: group.multiTitle || group.title || '' }
			});
			this.opId = group.groupid;
			dialogTitle = i18n.button.editGroup();
		} else {
			this.formTarget.groupInfoFrom.updateFields({
				groupName: { value: '' }
			});
			this.opId = null;
			dialogTitle = i18n.button.createGroup();
		}
		this.setDialogVisible('editGroupInfo', true, dialogTitle);
	}

	isCreateTypeInfo = false;
	@action("新增或创建类型") editTypeInfo = (create = true, data = {}) => {
		this.isCreateTypeInfo = create;
		this.editTypeInfoFormFields.map(f => {
			if (typeof (f.title) == 'function')
				f.title = f.title();
			f.items.map(item => {
				if (typeof (item.label) == 'function')
					item.label = item.label();
				item.otherParams = { ...window.inputType };
			})
		})
		let fields = [...this.editTypeInfoFormFields],
			dialogTitle = create ? i18n.button.createType() : i18n.button.editTypeInfo();
		this.setFormData('typeInfoFrom', fields);
		if (!create) {
			this.formTarget.typeInfoFrom.updateFields({
				name: { value: data.name }
			});
		} else {
			this.selectedTreeNodeInfo.domid = null;
		}

		this.setDialogVisible('editTypeInfo', true, dialogTitle);
	}

	@action("分组维护") doGroupSetting = () => {
		this.tableEditConfig.groupSetting.datas.length = 0;
		let arr = [];
		this.tabRecord.map(tabInfo => {
			let viewAttr = tabInfo.viewAttr;
			// if (viewAttr != 1 && has(tabInfo, 'editable')) {
			// 	viewAttr = !tabInfo.editable ? 1 : 2;
			// }
			arr.push({
				"record": {
					"id": tabInfo.groupid,
					"viewAttr": tabInfo.viewAttr,
					"isShow": tabInfo.isShow,
					"groupName": tabInfo.multiTitle || tabInfo.title || '',
					"editable": tabInfo.editable
				},
				"props": {
					"checkProps": {
						"isShow": {
							viewAttr
						}
					}
				}
			})
		})
		Object.assign(this.tableEditConfig.groupSetting, {
			...this.convertData(arr, 'groupSetting')
		});
		this.tableEditConfig.groupSetting.columns = this.groupDefColumns();
		this.tableEditConfig.groupSetting.datas.map(d => {
			Object.assign(d, {
				com: {
					groupName: [{
						label: '',
						type: 'INPUT',
						key: 'groupName',
						viewAttr: d.viewAttr,
						otherParams: {
							...window.inputType
						}
					}]
				}
			})
		})
		this.setDialogVisible('groupInfoSetting', true, i18n.button.groupMaintain());
	}


	@action("保存类型") doSaveTypeInfo = () => {
		this.formTarget.typeInfoFrom.validateForm().then(f => {
			if (f.isValid) {
				let params = {
					... this.formTarget.typeInfoFrom.getFormParams(),
					id: this.selectedTreeNodeInfo.domid
				}
				api.changeTypeInfo(this.moduleName, params).then(response => {
					return response.json()
				}).then(data => {
					if (data.code === 200) {
						this.setDialogVisible('editTypeInfo', false, '');
						this.getTree()
						message.success(i18n.message.saveSuccess());
					} else {
						message.warning(data.msg);
					}
				}).catch(error => {
					message.warning(error.msg);
				})
			} else {
				f.showErrors();
				this.showError = new Date().getTime();
			}
		});
	}

	@action("分组保存") doSaveGroupInfo = () => {
		this.formTarget.groupInfoFrom.validateForm().then(f => {
			if (f.isValid) {
				let record = {
					...this.formTarget.groupInfoFrom.getFormParams(),
					isShow: 1
				}
				const recordIndex = findIndex(this.tabConfig.tabs, {
					title: getCurrentLabel(record.groupName)
				});
				if (recordIndex >= 0) {
					f.showError('groupName', i18n.confirm.groupNameExist());
					this.showError = new Date().getTime();
					return;
				}
				let params = {
					...this.formTarget.groupInfoFrom.getFormParams(),
					isShow: 1
				}

				if (this.selectedTreeNodeInfo != null)
					params.groupType = this.selectedTreeNodeInfo.key

				api.saveGroupInfo(this.moduleName, params).then(response => {
					return response.json()
				}).then(data => {
					if (data.code === 200) {
						this.setDialogVisible('editGroupInfo', false, '');
						if (this.moveToGroup) {
							const ids = data.data.groupid.split(',');
							this.changeGroup(null, ids[ids.length - 1]);
						} else {
							this.getTabInfoByTreeNode();
							message.success(i18n.message.saveSuccess());
						}
					} else {
						message.warning(data.msg);
					}
				}).catch(error => {
					message.warning(error.msg);
				})

			} else {
				f.showErrors();
				this.showError = new Date().getTime();
			}
		});
	}

	@action("保存按钮") saveFieldDefine = () => {
		
		if (this.spinning)
			return;
		this.spinning = true;
		this.recordOP(this.editTable['fieldDef'], 'valid');
		let data = cloneDeep(this.tableEditConfig.fieldDef.datas),
			labelArr = [],
			nameArr = [];
		if (!this.isDBKeyValid) {
			this.spinning = false;
			return;
		}

		const invalidEmpty = data.some((d, index) => {
			d.key = index;
			delete d.com;
			delete d.checkProps;
			delete d.viewAttr;
			if (has(d, 'fieldTypeObj')) {
				if (Array.isArray(d.fieldTypeObj) && d.fieldTypeObj.length > 0 && d.fieldTypeObj[0] != 'select')
					d.fieldType = d.fieldTypeObj;
				delete d.fieldTypeObj;
			}
			if (!Array.isArray(d.fieldType))
				delete d.fieldType;

			if (!has(d, 'enable'))
				d.enable = '0';
			if (!has(d, 'required'))
				d.required = '0';

			let fieldlabel = d.fieldlabel || '',
				fieldname = d.fieldname || '';
			if (fieldlabel === '' ) {
				return true;
			}
			labelArr.push(getCurrentLabel(d.fieldlabel));
			nameArr.push(d.fieldname);
			return false;
		})
		let checkSame = true;
		
		//数据库字段名不校验 后端生成
		// if (this.moduleName.indexOf('resource') >= 0)
		// 	checkSame = uniq(labelArr).length === data.length;
		// else
		// 	checkSame = uniq(labelArr).length === data.length && uniq(nameArr).length === data.length;

		if (invalidEmpty) {
			this.spinning = false;
			return;
		} else if (checkSame) {
			this.spinning = true;
			let dataObj = {
				groupId: this.activeTabInfo.tabInfo.groupid,
				records: data
			}
			if (this.selectedTreeNodeInfo != null)
				dataObj.groupType = this.selectedTreeNodeInfo.key;
			let params = {
				data: dataObj
			}
			if (this.selectedTreeNodeInfo != null)
				params.groupType = this.selectedTreeNodeInfo.key;

			const checkRs = this.editTable['fieldDef'] && this.editTable['fieldDef'].refs.edit.doRequiredCheck() || { pass: true };
			if (!checkRs.pass) {
				this.spinning = false;
				return;
			}

			api.saveFieldDefinedInfo(this.moduleName, params).then(response => {
				return response.json()
			}).then(data => {
				if (data.code === 200) {
					message.success(i18n.message.saveSuccess());
					this.getTabInfoByTreeNode();
				} else {
					message.warning(data.msg);
				}
				this.spinning = false;
			}).catch(error => {
				message.warning(error.msg);
			})

		} else {
			message.error(i18n.confirm.displayOrDBFieldExist());
			this.spinning = false;
		}
	}

	@action onEdit = (keys, datas, c, dataIndex) => {
		if (dataIndex === 'fieldlabel') {
			const oldRecord = this.tableEditConfig.fieldDef.datas[keys[0]];
			if (has(oldRecord, 'com') && has(oldRecord.com, 'fieldname') && oldRecord.com.fieldname.length > 0 && oldRecord.com.fieldname[0].type === 'TEXT') {
				return;
			}
			// this.getPinYin({ labelName: getCurrentLabel(datas[0].fieldlabel) }).then(data => {
			// 	const { pinyin } = data;
			// 	oldRecord.fieldname = pinyin;
			// 	const arr = filter(this.tableEditConfig.fieldDef.datas, { fieldname: pinyin });
			// 	if (arr.length > 1 && pinyin != '') {
			// 		oldRecord.fieldname = pinyin + '1';
			// 	}
			// 	this.refreshFeildDef = new Date().getTime();
			// });
		}
	}
	@action onAdd = (keys, datas) => {
		try {
			this.tableEditConfig.fieldDef.datas[keys[0] - 1].enable = '1';
			(this.tableEditConfig.fieldDef.selectedData.enable || []).push(keys[0] - 1);
			this.refreshFeildDef = new Date().getTime();
		} catch (e) {

		}
	}

	@action onFieldDefChange = (datas) => {
		let selectedData = {
			enable: [],
			required: []
		}
		if (this.moduleName === 'resourcefielddefined') {
			Object.assign(selectedData, {
				isModify: []
			});
		}
		datas.map((data, index) => {
			if (data['enable'] === '1')
				selectedData.enable.push(index);
			if (data['required'] === '1')
				selectedData.required.push(index);
			if (data['isModify'] && data['isModify'] === '1' && this.moduleName === 'resourcefielddefined') {
				selectedData.isModify.push(index);
			}
		})
		this.tableEditConfig.fieldDef.datas = datas;
		this.tableEditConfig.fieldDef.selectedData = selectedData;
		this._feildDefSaveable = datas.length === 0;
		if (datas.length === 0) {
			// this.initData();
		} else
			this.refreshFeildDef = new Date().getTime()
	}

	@action onFieldDefRowSelect = (sRowKeys, rows, dataIndex, selectedDatas) => {
		if (dataIndex == null) {
			this.feildDefTableSelectedRows = sRowKeys;
			this.tableEditConfig.fieldDef.selectedRowKeys = sRowKeys;
		} else {
			if (selectedDatas != null && selectedDatas.hasOwnProperty(dataIndex)) {
				const arr = selectedDatas[dataIndex];
				this.tableEditConfig.fieldDef.datas.map((data, index) => {
					if (dataIndex === 'enable') {
						data[dataIndex] = indexOf(arr, index) >= 0 ? '1' : '0';
						if (data[dataIndex] === '0') {
							data['required'] = '0';
							remove(selectedDatas['required'], v => v === index);
							data['isModify'] = '0';
							remove(selectedDatas['isModify'], v => v === index);
						}
					} else if (dataIndex === 'required') {
						data[dataIndex] = indexOf(arr, index) >= 0 ? '1' : '0';
						if (data[dataIndex] === '1') {
							data['enable'] = '1';
							if (selectedDatas['enable'].indexOf(index) < 0)
								selectedDatas['enable'].push(index);
						}
					} else if (dataIndex === 'isModify') {
						data[dataIndex] = indexOf(arr, index) >= 0 ? '1' : '0';
						if (data[dataIndex] === '1') {
							data['enable'] = '1';
							if (selectedDatas['enable'].indexOf(index) < 0)
								selectedDatas['enable'].push(index);
						}

					} else
						data[dataIndex] = indexOf(arr, index) >= 0 ? '1' : '0';
				})

				this.tableEditConfig.fieldDef.selectedData = selectedDatas;
			}
		}
		this.processLinkage(selectedDatas);
		this.refreshFeildDef = new Date().getTime()
	}

	//处理账号类型和主账号的联动（允许个人修改）：账号类型选中，主账号也会选中，反之亦然。
	processLinkage = (selectedDatas) => {
		const { datas } = this.tableEditConfig.fieldDef;

		const target = datas.find(data => data.fieldname === 'accounttype');

		if (!target) return;

		const accounttype = target.isModify;

		const belongto = datas.find(data => data.fieldname === 'belongto').isModify;

		if (belongto !== accounttype) {
			datas.find(data => data.fieldname === 'belongto').isModify = accounttype;

			const belongtoIndex = datas.findIndex(data => data.fieldname === 'belongto');

			if (accounttype === '1') {
				selectedDatas['isModify'].push(belongtoIndex);
			} else {
				remove(selectedDatas['isModify'], v => v === belongtoIndex);
			}
		}

	}

	@action onFieldDefRowSelection = (rowSelection) => {
		let sel = {
			...rowSelection
		}
		sel.getCheckboxProps = (record) => {
			let disabled = false;
			switch (this.dropdownSelectedKey) {
				case '2':
					disabled = false;//复制时，checkbox全部启用
					break;
				case '3':
					disabled = record.id == null || record.checkProps.enable.viewAttr === 1;//移动到组时，checkbox根据id是否为空或是否引用启用按钮状态赋值
					break;
				default:
					disabled = record.viewAttr === 1;//删除时，checkbox根据record.viewAttr赋值
					break
			}
			return {
				disabled
			};
		}
		return sel;
	}

	@action onFieldDefDeleteOpr = (ks, ds) => {
		let ids = [];
		ds.map(d => {
			if (has(d, 'id'))
				ids.push(d.id)
		});
		let params = {
			id: ids.join(',')
		}
		if (this.selectedTreeNodeInfo != null)
			params.groupType = this.selectedTreeNodeInfo.key;
		params.groupId = this.activeTabInfo.tabInfo.groupid;
		if (ids.length > 0) {
			api.removeFieldDefinedInfo(this.moduleName, params).then(data => {
				if (data.status === '1') {
					// this.initData();
					this.tableEditConfig.fieldDef.selectedRowKeys.length = 0;
					message.success(i18n.message.deleteSuccess());
				} else
					message.error(data.message);
			}, error => {

			})
		} else {
			this.tableEditConfig.fieldDef.selectedRowKeys.length = 0;
		}

		this.feildDefTableSelectedRows.length = 0;
	}

	@action onGroupSettingChange = (datas, type) => {
		this.tableEditConfig[type === 'group' ? 'groupSetting' : 'childInfoSetting'].datas = datas;
	}

	@action onGroupSettingRowSelect = (sRowKeys, rows, dataIndex, selectedDatas, type) => {
		if (dataIndex == null) {
			this.groupSettingTableSelectedRows = sRowKeys;
		} else {
			if (selectedDatas != null && selectedDatas.hasOwnProperty(dataIndex)) {
				const arr = selectedDatas[dataIndex];
				this.tableEditConfig[type === 'group' ? 'groupSetting' : 'childInfoSetting'].datas.map((data, index) => {
					data[dataIndex] = indexOf(arr, index) >= 0 ? '1' : '0';
				})
			}
		}
	}

	@action onGroupSettingRowSelection = (rowSelection) => {
		let sel = {
			...rowSelection
		}
		sel.getCheckboxProps = (record) => {
			return {
				disabled: record.editable === false // ? true : has(record, 'editable') ? !record.editable : false
			};
		}
		return sel;
	}

	@action("分组维护保存") doSaveGroupSetting = () => {
		this.recordOP(this.editTable['groupSetting'], 'valid');
		let groupNameArr = [],
			tabArr = [];
		const invalidEmpty = this.tableEditConfig.groupSetting.datas.some(group => {
			groupNameArr.push(getCurrentLabel(group.groupName));
			tabArr.push({
				id: group.id,
				isShow: group.isShow == null ? '0' : group.isShow,
				groupName: group.groupName
			})
			return group.groupName === '';
		})
		if (invalidEmpty) {
			// message.error(i18n.confirm.groupNameIsEmpty());
			return;
		} else if (uniq(groupNameArr).length === this.tableEditConfig.groupSetting.datas.length) {
			let dataObj = {
				records: tabArr
			}
			let params = {}
			if (this.selectedTreeNodeInfo != null) {
				dataObj.groupType = this.selectedTreeNodeInfo.key;
				params.groupType = this.selectedTreeNodeInfo.key;
			}
			params.data = dataObj;

			api.saveGroupSettingInfo(this.moduleName, params).then(response => {
				return response.json()
			}).then(data => {
				if (data.code === 200) {
					this.setDialogVisible('groupInfoSetting', false, '');
					this.getTabInfoByTreeNode(false, true);
					message.success(i18n.message.saveSuccess());
				} else {
					message.warning(data.msg);
				}
			}).catch(error => {
				message.warning(error.msg);
			})

		} else {
			message.error(i18n.confirm.groupNameExist());
		}
	}

	@action("分组维护中删除") onGroupSettingDeleteOpr = (ks, ds, type) => {
		
		let ids = [];
		ds.map(d => {
			if (has(d, 'id'))
				ids.push(d.id)
		});
		let params = {
			id: ids.join(',')
		}
		if (this.selectedTreeNodeInfo != null)
			params.groupType = this.selectedTreeNodeInfo.key;
		if (type === 'group') {
			ids.length > 0 && api.removeGroupInfo(this.moduleName, params).then(data => {
				if (data.status === '1') {
					message.success(i18n.message.deleteSuccess());
					// if (this.moduleName.indexOf('resource') >= 0)
					this.getTabInfoByTreeNode(false, true);
					// else
					// 	this.initData(false, true);
				} else {
					message.error(data.message);
				}
			})
		} else { }
	}

	//字段定义部分
	@observable refreshTree = new Date().getTime();
	@observable treeConfig = {
		data: [],
		selectedKeys: [],
		treeExpandKeys: [],
		onExpand: (keys) => {
			this.treeConfig.treeExpandKeys = keys;
		},
		onSelectedTreeNode: (key, count, countType) => {
			this.treeConfig.selectedKeys = [key];
			this.selectedTreeNodeInfo = countType.node.props.data;
			this.getTabInfoByTreeNode(null, true);
		}
	}
	//选中树节点的信息
	@observable selectedTreeNodeInfo;

	//计算【工作信息】树节点以及子节点的domid
	@computed get jobTreeNodeDomids() {
		const {
			data
		} = this.treeConfig;
		const domids = ['3'];
		data && data.forEach(obj => {
			const {
				key,
				childs
			} = obj;
			if (key === '3') {
				childs.forEach(child => {
					const {
						domid
					} = child;
					domids.push(domid);
				})
			}
		});
		return domids;
	}

	//当前树节点是否为【工作信息】
	@computed get isJobTreeNode() {
		if (this.selectedTreeNodeInfo) {
			const {
				domid,
			} = this.selectedTreeNodeInfo;

			return this.jobTreeNodeDomids.includes(domid);
		}
	}

	@computed get childInfoOperability() {
		return this.selectedTreeNodeInfo && this.selectedTreeNodeInfo.domid == '-1';
	}

	@action initResourceData = (module) => {
		this.selectedTreeNodeInfo = null;
		this.dropdownSelectedKey = '1';
		this.moduleName = module;
		this.treeConfig.treeExpandKeys.length = 0;
		api.getTree(this.moduleName).then(res => {
			if (res.code === 200) {
				// this.containerInitFinished = {
				// 	...this.containerInitFinished,
				// 	init: true
				// }
				if (res.data.length > 0) {
					this.treeConfig.data = res.data;
					this.treeConfig.selectedKeys = [res.data[0].key];
					this.selectedTreeNodeInfo = res.data[0];
					this.getTabInfoByTreeNode(null, true);
				}
			} else {
				message.error(res.msg);
			}
		}, error => { })
	}

	getTree = (callback) => {
		this.treeConfig.data.length = 0;
		this.refreshTree = new Date().getTime();
		api.getTree(this.moduleName).then(res => {
			if (res.code === 200) {
				this.treeConfig.data = res.data;
				this.treeConfig.data.map(p => {
					if (p.domid === this.treeConfig.selectedKeys[0])
						this.selectedTreeNodeInfo = p;
					p.childs && p.childs.map(c => {
						if (c.domid === this.treeConfig.selectedKeys[0])
							this.selectedTreeNodeInfo = c;
					})
				})
				callback && callback();
			} else {
				message.error(res.msg);
			}
			this.refreshTree = new Date().getTime();
		}, error => { })
	}

	setBtn = (t) => {
		if (!this.selectedTreeNodeInfo.hasGroup) {
			t.topButtonDef.splice(1, 3);
		}
		t.topButtonDef.push({
			comType: 'button',
			type: 'primary',
			onClickHandle: () => this.editTypeInfo(false, {
				name: this.selectedTreeNodeInfo.name,
			}),
			label: i18n.button.editTypeInfo(),
			icon: this.menuIconCollection.setting
		})
		if (this.selectedTreeNodeInfo.addChild) { //非子节点
			this.tableEditConfig.childInfoSetting.showTitle = true;
			this.tableEditConfig.childInfoSetting.showAdd = true;
			this.tableEditConfig.childInfoSetting.showDelete = true;
			let domid = this.selectedTreeNodeInfo.domid;
			
			let defaultType = domid != '1' && domid != '2' && domid != '3' && domid != '4'

			defaultType && t.topButtonDef.push({
				comType: 'button',
				type: 'primary',
				onClickHandle: this.doChildInfoSetting,
				label: i18n.button.childInfoMaintain(),
				icon: this.menuIconCollection.setting
				//checkAction: 'childInfoOperability'
			});
		} else {
			this.tableEditConfig.childInfoSetting.showTitle = false;
			this.tableEditConfig.childInfoSetting.showAdd = false;
			this.tableEditConfig.childInfoSetting.showDelete = false;
			t.topButtonDef.push({
				comType: 'button',
				type: 'primary',
				onClickHandle: this.removeTypeInfo,
				label: i18n.button.delete(),
				icon: this.menuIconCollection.setting
			})
		}


		if (this.selectedTreeNodeInfo.domid === '-1' || this.selectedTreeNodeInfo.addChild) {
			this.tableEditConfig.fieldDef.columns[2].com[0].options = remove(this.tableEditConfig.fieldDef.columns[1].com[0].options, (v) => v != 'upload');
		} else {
			this.tableEditConfig.fieldDef.columns[2].com[0].options.push('upload');
		}
	}

	addEmptyTab = (groupid) => {
		let tabArr = [];
		let t = cloneDeep(this.tabDef);
		this.setBtn(t);
		tabArr.push({
			...t,
			groupid,
			viewCondition: '1'
		});
		this.tabConfig.tabs = [...tabArr];
	}

	@action getTabInfoByTreeNode = (create = false, init = false, isLeaf) => {
		api.getTabInfo(this.moduleName, {
			groupType: this.treeConfig.selectedKeys[0]
		}).then(res => {
			if (res.code === 200) {
				this._groupInfoOperability = res.data.tabs.length === 0;
				let tabArr = [];
				this.tabRecord = res.data.tabs;
				res.data.tabs && res.data.tabs.map((tabInfo, index) => {
					let t = cloneDeep(this.tabDef);
					this.setBtn(t);
					tabArr.push({
						...t,
						...tabInfo,
						viewCondition: `${tabArr.length + 1}`
					});
				});
				this.tabConfig.tabs = [...tabArr];
				if (tabArr.length > 0) {
					this.setActiveTab(this.tabConfig, init ? '1' : !create ? this.tabConfig.activeTabKey : `${tabArr.length}`);
				} else {
					this.addEmptyTab(this.treeConfig.selectedKeys[0]);
					this.setActiveTab(this.tabConfig, '1');
					this.refreshMainTabComponent = new Date().getTime();
				}
			} else {
				message.error(res.message);
			}
		})
	}

	isCreateChildInfo = false;
	@action createChildInfo = (create = true, data = {}) => {
		this.isCreateChildInfo = create;
		this.editChildInfoFormFields.map(f => {
			if (typeof (f.title) == 'function')
				f.title = f.title();
			f.items.map(item => {
				if (typeof (item.label) == 'function')
					item.label = item.label();
				if (item.conditionType === 'INPUT')
					item.otherParams = { ...window.inputType };
			})
		})
		let fields = [...this.editChildInfoFormFields],
			dialogTitle = create ? i18n.button.createChildInfo() : i18n.button.editChildInfo();
		if (create) {
			this.dialogParams.createChildInfo.height = 110;
		} else {
			fields[0].items.splice(1, 1);
			this.dialogParams.createChildInfo.height = 70;
		}
		this.setFormData('childInfoForm', fields);
		if (!create) {
			this.formTarget.childInfoForm.updateFields({
				name: {
					value: data.multiName || data.name || ''
				},
				infoOrder: {
					value: data.infoOrder
				}
			})
		}
		this.setDialogVisible('createChildInfo', true, dialogTitle);
	}

	@action("编辑子信息保存(f)") doSaveChildInfo = () => {
		this.formTarget.childInfoForm.validateForm().then(f => {
			if (f.isValid) {
				let record = {
					...this.formTarget.childInfoForm.getFormParams(),
					isShow: 1
				}

				let cloneTree = cloneDeep(this.toJS(this.treeConfig.data));
				let parentId;
				let nameArr = [];
				if (this.isCreateChildInfo) {
					this.selectedTreeNodeInfo.childs.map(c => {
						nameArr.push(getCurrentLabel(c.name));
					})
					nameArr.push(getCurrentLabel(record.name));
					if (uniq(nameArr).length != nameArr.length) {
						f.showError('name', i18n.confirm.childInfoNameExist());
						this.showError = new Date().getTime();
						return;
					}
					const i = findIndex(cloneTree, {
						key: this.selectedTreeNodeInfo.key
					});
					cloneTree[i].childs.push(record)
					parentId = this.selectedTreeNodeInfo.domid;
				} else {
					let checked = true;
					cloneTree.map(p => {
						p.childs && p.childs.map(c => {
							if (c.domid === this.selectedTreeNodeInfo.domid) {
								p.childs.map(child => {
									if (child.domid != c.domid)
										nameArr.push(getCurrentLabel(child.name));
									else
										nameArr.push(getCurrentLabel(record.name));
								})

								if (uniq(nameArr).length != nameArr.length) {
									f.showError('name', i18n.confirm.childInfoNameExist());
									this.showError = new Date().getTime();
									checked = false;
									return;
								} else {
									Object.assign(c, {
										name: record.name
									});
									parentId = p.domid;
								}
							} else {
								Object.assign(c, {
									name: c.multiName
								});
							}
						})
					})
					if (!checked)
						return;
				}
				const params = {
					data: JSON.stringify({
						records: this.convertAttr(cloneTree)
					}),
					parentId
				}
				api.saveTree(params).then(data => {
					if (data.status === '1') {
						this.setDialogVisible('createChildInfo', false, '');
						this.getTree();
						message.success(i18n.message.saveSuccess());
					} else
						message.error(data.message);
				}, error => {
					message.error(i18n.message.actionError());
				});


			} else {
				f.showErrors();
				this.showError = new Date().getTime();
			}
		});
	}

	@action("子信息维护") doChildInfoSetting = () => {
		this.tableEditConfig.childInfoSetting.datas.length = 0;
		let arr = [];
		
		if (!this.selectedTreeNodeInfo.addChild) {
			arr.push({
				"record": {
					"id": this.selectedTreeNodeInfo.key,
					"viewAttr": this.selectedTreeNodeInfo.viewAttr,
					"isShow": this.selectedTreeNodeInfo.isShow,
					"name": this.selectedTreeNodeInfo.multiName || this.selectedTreeNodeInfo.name || ''
				},
				"props": {
					"checkProps": {
						"isShow": {
							"viewAttr": this.selectedTreeNodeInfo.viewAttr
						}
					}
				}
			})
		} else {
			this.selectedTreeNodeInfo.childs = this.selectedTreeNodeInfo.childs ? this.selectedTreeNodeInfo.childs : [];
			this.selectedTreeNodeInfo.childs.map(child => {
				let viewAttr = child.viewAttr;
				if (viewAttr != 1 && has(child, 'editable')) {
					viewAttr = !child.editable ? 1 : 2;
				}
				arr.push({
					"record": {
						"id": child.key,
						"viewAttr": child.viewAttr,
						"isShow": child.isShow,
						"name": child.multiName || child.name || ''
					},
					"props": {
						"checkProps": {
							"isShow": {
								viewAttr
							}
						}
					}
				})
			})
		}

		Object.assign(this.tableEditConfig.childInfoSetting, {
			...this.convertData(arr, 'childInfoSetting')
		});
		this.tableEditConfig.childInfoSetting.columns = this.childInfoDefColumns();
		this.tableEditConfig.childInfoSetting.datas.map(d => {
			Object.assign(d, {
				com: {
					name: [{
						label: '',
						type: 'INPUT',
						key: 'name',
						viewAttr: d.viewAttr,
						otherParams: {
							...window.inputType
						}
					}]
				}
			})
		})
		this.setDialogVisible('childInfoSetting', true, i18n.button.childInfoMaintain());
	}


	convertAttr = (cloneTree) => {
		let arr = [];
		cloneTree.map(root => {
			let parent = {
				id: root.key,
				infoOrder: root.infoOrder,
				name: root.name,
				isShow: root.isShow
			}
			if (root.childs) {
				parent.childs = [];
				root.childs.map(c => {
					parent.childs.push({
						id: c.key || c.id,
						name: c.name,
						isShow: c.isShow,
						infoOrder: c.infoOrder
					})
				})
			}
			arr.push(parent);
		})
		return arr;
	}

	@action("删除树信息") removeTypeInfo = () => {
		this.confirmInfo({
			content: i18n.confirm.deleteSelected(),
			onOk: () => {
				// let parentId;
				// let cloneTree = cloneDeep(this.toJS(this.treeConfig.data));
				// cloneTree.map(p => {
				// 	p.childs && p.childs.map((c, i) => {
				// 		if (c.domid === this.selectedTreeNodeInfo.domid) {
				// 			parentId = p.domid;
				// 			p.childs.splice(i, 1);
				// 		}
				// 	})
				// })
				// const params = {
				// 	data: JSON.stringify({
				// 		records: this.convertAttr(cloneTree)
				// 	}),
				// 	parentId
				// }
				const params = {
					id: this.selectedTreeNodeInfo.domid
				}

				api.deleteTree(this.moduleName, params).then(response => {
					return response.json()
				}).then(data => {
					if (data.code === 200) {
						message.success(i18n.message.deleteSuccess());
						this.getTree(() => {
							this.treeConfig.selectedKeys = ['1'];
							this.selectedTreeNodeInfo = this.treeConfig.data[0];
							this.getTabInfoByTreeNode(null, true);
						});
						// this.treeConfig.selectedKeys = [this.treeConfig.data[0].key];
						// this.selectedTreeNodeInfo = this.treeConfig.data[0];
						// this.getTabInfoByTreeNode(null, true);
					} else {
						message.warning(data.msg);
					}
				}).catch(error => {
					message.error(i18n.message.actionError());
				})


			}
		});
	}

	@action("保存子信息维护") doSaveChildInfoSetting = () => {
		this.recordOP(this.editTable['childInfoSetting'], 'valid');
		let infoNameArr = [],
			infoArr = [];
		const invalidEmpty = this.tableEditConfig.childInfoSetting.datas.some(group => {
			infoNameArr.push(getCurrentLabel(group.name));
			infoArr.push({
				id: group.id,
				isShow: group.isShow == null ? '0' : group.isShow,
				groupName: group.name
			})
			return group.name === '';
		})
		if (invalidEmpty) {
			return;
		} else if (uniq(infoNameArr).length === this.tableEditConfig.childInfoSetting.datas.length) {
			let parentId;
			let cloneTree = cloneDeep(this.toJS(this.treeConfig.data));
			if (!this.selectedTreeNodeInfo.addChild) {
				cloneTree.map(p => {
					p.childs && p.childs.map(c => {
						if (c.domid === infoArr[0].id) {
							Object.assign(c, infoArr[0]);
							parentId = p.domid;
						}
					})
				})
			} else {
				parentId = this.selectedTreeNodeInfo.key;
				const i = findIndex(cloneTree, {
					key: this.selectedTreeNodeInfo.key
				});
				cloneTree[i].childs = [];
				infoArr.map(info => {
					cloneTree[i].childs.push({
						...info
					})
				})
			}
			const params = {
				data: JSON.stringify(infoArr),
				parentId
			}

			api.saveTree(this.moduleName, params).then(response => {
				return response.json()
			}).then(data => {
				if (data.code === 200) {
					this.setDialogVisible('childInfoSetting', false, '');
					this.getTree();
					this.getTabInfoByTreeNode(null, true);
					message.success(i18n.message.saveSuccess());
				} else {
					message.warning(data.msg);
				}
			}).catch(error => {
				message.error(i18n.message.actionError());
			})

		} else {
			message.error(i18n.confirm.groupNameExist());
		}
	}

	@action("移动到组") dropdownClick = (e) => {
		switch (e.key) {
			case 'createAndMove':
				this.editGroup(null, true);
				break;
			default:
				const groupid = e.key;
				const tabInfo = this.tabConfig.tabs[findIndex(this.tabConfig.tabs, {groupid })];
				let moveFieldConfirm = i18n.confirm.moveFieldConfirm().replace('{params}', tabInfo.title);
				this.changeGroup(moveFieldConfirm, groupid);
		}
	}

	@action changeGroup = (moveFieldConfirm, groupid) => {
		const params = {};
		let ids = [];
		let names = [];
		this.tableEditConfig.fieldDef.selectedRowKeys.map(idx => {
			try {
				ids.push(this.tableEditConfig.fieldDef.datas[idx].id);
				names.push(this.tableEditConfig.fieldDef.datas[idx].fieldname);
			} catch (e) {

			}
		});
		if (this.moduleName.indexOf('resource') > -1) {
			Object.assign(params, {
				fieldids: ids.join(','),
				fieldnames: names.join(','),
				groupid,
				scopeid: this.selectedTreeNodeInfo.domid
			})
		} else {
			Object.assign(params, {
				fieldids: ids.join(','),
				groupid
			});
		}
		moveFieldConfirm == null ?
			this.doChangeGroup(params) :
			this.confirmInfo({
				content: moveFieldConfirm,
				onOk: () => {
					this.doChangeGroup(params)
				}
			});
	}

	@action doChangeGroup = (params) => {
		api.changeGroup(this.moduleName, params).then(response => {
			return response.json()
		}).then(data => {
			if (data.code === 200) {
				message.success(i18n.message.moveSuccess());
				this.getTabInfoByTreeNode();
			} else {
				message.warning(data.msg);
			}
		}).catch(error => {
			message.error(i18n.message.actionError());
		})
	}

	@observable encryptDialogVisible = false;
	@observable encryptDialogTitle = "";
	get encryptDialogButtons() {
		const buttonDef = [
			{
				content: getLabel(30986, '保存'),
				icon: 'icon-coms-Preservation',
				onClickHandle: this.saveEncryptFieldSettingForm
			}
		]
		const buttons = [], moreBtnData = [];
		buttonDef.map((btn, index) => {
			const { content, icon, onClickHandle } = btn;
			buttons.push(
				(<Button ecId={`${this && this.props && this.props.ecId || ''}_Button@jyb1jz@${index}`} type='primary' onClick={onClickHandle}>{content}</Button>)
			);

			moreBtnData.push({
				key: index.toString(),
				content,
				icon: <i className={icon} />,
				onClick: onClickHandle
			});
		})
		const { scopeId } = this.opParams;
		let arr = [];
		if (scopeId == '-1') {
			arr = this.generateLogMenu('38', 'HRM_RSOURCE_RESOURCEBASE', this.encryptParams.encryptId);
		} else if (scopeId == '1') {
			arr = this.generateLogMenu('38', 'HRM_RSOURCE_RESOURCEPERSONAL', this.encryptParams.encryptId);
		} else if (scopeId == '3') {
			arr = this.generateLogMenu('38', 'HRM_RSOURCE_RESOURCEWORK', this.encryptParams.encryptId);
		} else if (scopeId == 'subcompany') {
			arr = this.generateLogMenu('38', 'HRM_RSOURCE_SUBCOMPANY', this.encryptParams.encryptId);
		} else if (scopeId == 'department') {
			arr = this.generateLogMenu('38', 'HRM_RSOURCE_DEPARTEMENT', this.encryptParams.encryptId);
		} else if (scopeId == 'salary') {
			arr = this.generateLogMenu('38', 'HRM_RSOURCE_SALARY');
		} else { }
		moreBtnData.push(...arr);
		return { buttons, moreBtn: { datas: moreBtnData } };
	}

	@computed get encryptDialogProps() {
		return {
			title: this.encryptDialogTitle,
			style: {
				width: 600,
				height: 350
			},
			...ecCom.WeaTools.getIconBGC('currency'),
			...this.encryptDialogButtons,
			visible: this.encryptDialogVisible,
			onCancel: this.onEncryptDialogClose
		}
	}

	@computed get encryptFormItemRender() {
		return {
			desensitization: (field, textAreaProps, form, formParams) => {
				return (
					<WeaSwitch ecId={`${this && this.props && this.props.ecId || ''}_WeaSwitch@v2n5at`} fieldConfig={{ ...field, textAreaProps }} form={form} formParams={formParams} onChange={this.onDesensitizationChangeHandle} />
				)
			},
			secondauth: (field, textAreaProps, form, formParams) => {
				return (
					<WeaSwitch ecId={`${this && this.props && this.props.ecId || ''}_WeaSwitch@rdlc6m`} fieldConfig={{ ...field, textAreaProps, disabled: formParams.desensitization != '1' }} form={form} formParams={formParams} />
				)
			},
			viewscope: (field, textAreaProps, form, formParams) => {
				if (formParams.desensitization == '1')
					return (
						<div>
							<div style={{ width: '70%', float: 'left' }}>
								<WeaSwitch ecId={`${this && this.props && this.props.ecId || ''}_WeaSwitch@0wzv1t`} fieldConfig={{ ...field, textAreaProps }} form={form} formParams={formParams} />
							</div>
							{
								formParams.viewscope == '1' &&
								<span style={{ color: '#00A9FF', cursor: 'pointer', paddingLeft: '8px', lineHeight: '30px' }} onClick={this.showSettingDialog}>{getLabel(30747, '设置')}</span>
							}
						</div>
					)
				return null;
			},
		}
	}

	@action onDesensitizationChangeHandle = data => {
		const desensitization = data.desensitization.value;
		desensitization == '0' && this.formTarget.encryptForm.updateFields({
			secondauth: {
				value: '0'
			}
		})
	}

	@action onEncryptDialogClose = () => this.encryptDialogVisible = false;

	encryptParams = {};
	@action onEncryptHandle = async record => {
		const { fieldname, tablename, fieldlabel, encryptId } = record;
		this.encryptParams = { fieldname, tablename, encryptId };
		const label = getCurrentLabel(fieldlabel);
		const data = await api.getEncryptFieldSettingForm({ ...this.encryptParams, ...this.opParams });
		if (data.status == '1') {
			this.setFormData('encryptForm', data.conditions);
			if (this.formTarget.encryptForm.isFormInit) {
				this.encryptDialogTitle = `${getLabel('526997', '加密设置')}(${getLabel('261', '字段')}:${label})`;
				this.encryptDialogVisible = true;
			}
		} else {
			message.error(data.message);
		}
	}

	@observable needInitData = '1';
	get encrypt() {
		const { isencrypt } = this.formTarget.encryptForm.getFormParams();
		const fields = this.formTarget.encryptFormFields;
		const col = find(fields[0].items, { domkey: ['isencrypt'] });
		const { otherParams } = col || {};
		const { disabled } = otherParams || {};
		return isencrypt == '1' && !disabled;
	}
	@action saveEncryptFieldSettingForm = async () => {
		const f = await this.formTarget.encryptForm.validateForm();
		if (f.isValid) {
			if (this.encrypt) {
				this.confirmInfo({
					width: 500,
					content: (
						<div>
							<div>1.{getLabel('524355', '提示: 字段一旦加密后无法取消，同时加密后的字段不支持查询，请谨慎操作！')}</div><br />
							<div>
								<span>2.{getLabel('531157', '历史数据量可能较大， 此操作可能需要较长时间，对系统性能也可能会造成一定影响，请确认是否处理历史数据：')}</span>
								<span>
									<WeaSelect style={{ display: 'inline' }} ecId='bs_hrm_fielddefine_confirm_select'
										options={[
											{
												key: '1',
												selected: false,
												showname: getLabel('553', '处理')
											}, {
												key: '0',
												selected: false,
												showname: getLabel('529752', '不处理')
											},
										]}
										detailtype={3}
										value={this.needInitData}
										supportCancel
										onChange={(v, showname) => {
											this.needInitData = v;
										}}
									/>
								</span>
							</div>
						</div>
					),
					onOk: this.doSaveEncryptFieldSettingForm
				})
			} else {
				this.needInitData = '0';
				this.doSaveEncryptFieldSettingForm();
			}
		} else {
			f.showErrors();
			this.showError = new Date().getTime();
		}
	}

	@action doSaveEncryptFieldSettingForm = async () => {
		if (this.spinning)
			return;
		this.spinning = true;
		const params = { ...this.formTarget.encryptForm.getFormParams(), ...this.encryptParams, needInitData: this.needInitData, ...this.opParams }
		if (this.selectedTreeNodeInfo != null) {
			Object.assign(params, {
				scopeid: this.selectedTreeNodeInfo.key
			})
		}
		try {
			const data = await api.saveEncryptFieldSettingForm(params);
			if (data.status == '1') {
				this.encryptDialogVisible = false;
				message.success(i18n.message.saveSuccess());
				// if (this.moduleName.indexOf('resource') >= 0)
				this.getTabInfoByTreeNode();
				// else
				// 	this.initData();
			} else {
				message.error(data.message);
			}
			this.spinning = false;
		} catch (e) {
			this.spinning = false;
		}
	}

	//#region 查看范围设置
	target = {};
	@observable dialogVisible = false;
	@observable table = new TableStore();
	@observable canAdd = false;
	@observable canDel = false;

	@computed get tableMultiDelete() {
		return this.table.selectedRowKeys.length === 0 || !this.canDel;
	}

	@computed get rangeViewTabProps() {
		return {
			datas: [],
			buttons: [
				<WeaButtonIcon ecId={`${this && this.props && this.props.ecId || ''}_WeaButtonIcon@yj28no@${'add'}`} buttonType='add' type='primary' onClick={this.getViewRangeForm} disabled={!this.canAdd} />,
				<WeaButtonIcon ecId={`${this && this.props && this.props.ecId || ''}_WeaButtonIcon@ru7ee8@${'del'}`} buttonType='del' type='primary' onClick={this.doMultiDel} disabled={this.tableMultiDelete} />,
			]
		}
	}

	@action onDialogCancleHandle = () => this.dialogVisible = false;

	get dialogButtons() {
		const buttonDef = [
			{
				content: getLabel(30986, '保存'),
				icon: 'icon-coms-Preservation',
				onClickHandle: this.saveViewRange
			}
		]
		const buttons = [], moreBtnData = [];
		buttonDef.map((btn, index) => {
			const { content, icon, onClickHandle } = btn;
			buttons.push(
				(<Button ecId={`${this && this.props && this.props.ecId || ''}_Button@lq21or@${index}`} type='primary' onClick={onClickHandle}>{content}</Button>)
			);

			moreBtnData.push({
				key: index.toString(),
				content,
				icon: <i className={icon} />,
				onClick: onClickHandle
			});
		})

		const { scopeId } = this.opParams;
		let arr = [];
		if (scopeId == '-1') {
			arr = this.generateLogMenu('38', 'HRM_RSOURCE_RESOURCEBASE', this.encryptParams.encryptId);
		} else if (scopeId == '1') {
			arr = this.generateLogMenu('38', 'HRM_RSOURCE_RESOURCEPERSONAL', this.encryptParams.encryptId);
		} else if (scopeId == '3') {
			arr = this.generateLogMenu('38', 'HRM_RSOURCE_RESOURCEWORK', this.encryptParams.encryptId);
		} else if (scopeId == 'subcompany') {
			arr = this.generateLogMenu('38', 'HRM_RSOURCE_SUBCOMPANY', this.encryptParams.encryptId);
		} else if (scopeId == 'department') {
			arr = this.generateLogMenu('38', 'HRM_RSOURCE_DEPARTEMENT', this.encryptParams.encryptId);
		} else if (scopeId == 'salary') {
			arr = this.generateLogMenu('38', 'HRM_RSOURCE_SALARY');
		} else { }
		moreBtnData.push(...arr);
		return { buttons, moreBtn: { datas: moreBtnData } };
	}

	@computed get dialogProps() {
		return {
			title: getLabel('125012', '查看范围设置'),
			style: {
				width: 800,
				height: 600
			},
			...ecCom.WeaTools.getIconBGC('currency'),
			...this.dialogButtons,
			visible: this.dialogVisible,
			onCancel: this.onDialogCancleHandle,
		}
	}

	@computed get rangeViewTableProps() {
		return {
			comsWeaTableStore: this.table,
			hasOrder: true,
			needScroll: true,
			scroll: {
				y: 550
			},
			onOperatesClick: this.onOperatesClickHandle
		}
	}

	@action showSettingDialog = async () => {
		if (this.encryptParams.encryptId == null || this.encryptParams.encryptId == '') {
			this.confirmInfo({
				content: getLabel('524355', '提示: 字段一旦加密后无法取消，同时加密后的字段不支持查询，请谨慎操作！'),
				onOk: async () => {
					const rs = await api.saveEncryptFieldSettingForm({ ...this.formTarget.encryptForm.getFormParams(), ...this.encryptParams, ...this.opParams });
					if (rs.status == '1') {
						this.encryptParams.encryptId = rs.encryptId;
						// if (this.moduleName.indexOf('resource') >= 0)
						this.getTabInfoByTreeNode();
						// else
						// 	this.initData();
						this.dialogVisible = this.getEncryptFieldScopeList();
					} else {
						message.error(data.message);
					}
				}
			});
		} else
			this.dialogVisible = this.getEncryptFieldScopeList();
	}

	@action getEncryptFieldScopeList = async () => {
		const d = await api.getEncryptFieldScopeList({ id: this.encryptParams.encryptId });
		if (d.status == '1') {
			const { canAdd, canDel, sessionkey } = d;
			this.canAdd = canAdd;
			this.canDel = canDel;
			this.table = new TableStore();
			this.table.getDatas(sessionkey);
			return true;
		} else {
			message.error(d.message);
			return false;
		}
	}

	@action onOperatesClickHandle = (record, index, operate) => {
		const func = operate.href ? operate.href.split(':')[1].split('(')[0] : '';
		const id = record.id || '';
		this[func] && this[func](id, record);
	}

	@action doMultiDel = () => this.doDel();

	@action doDel = ids => {
		const params = {
			fieldid: this.encryptParams.encryptId,
			ids: ids || this.table.selectedRowKeys
		};
		let content = isEmpty(ids) ? getLabel(385625, '确定要删除选择的记录吗？') : getLabel(83877, '确定要删除吗？');
		this.confirmInfo({
			content,
			onOk: async () => {
				const data = await api.delEncryptFieldScopeSetting({ ...params, ...this.opParams });
				if (data.status === "1") {
					message.success(getLabel(83472, '删除成功！'));
					this.table.getDatas(null, 1);
				} else {
					message.error(data.message);
				}
			}
		});
	}

	@action saveViewRange = async () => {
		this.onDialogCancleHandle();
	}
	//#endregion

	//#region 范围form
	@observable conditions = [];

	@observable viewRangeAuthVisible = false;

	@computed get viewRangeAuthProps() {
		return {
			title: getLabel('383694', '添加人员'),
			conditions: this.toJS(this.conditions),
			...ecCom.WeaTools.getIconBGC('currency'),
			visible: this.viewRangeAuthVisible,
			onOk: this.onOKHandle,
			onCancel: this.onViewRangeAuthCancleHandle,
		}
	}

	@action getViewRangeForm = async () => {
		const data = await api.getEncryptFieldScopeForm();
		if (data.status == "1") {
			this.conditions = data.conditions;
			this.viewRangeAuthVisible = true;
		}
	}

	@action onOKHandle = async data => {
		const d = await api.saveEncryptFieldScopeSetting({ id: this.encryptParams.encryptId, ...data, ...this.opParams });
		if (d.status == '1') {
			message.success(getLabel(83551, '保存成功！'));
			this.getEncryptFieldScopeList();
		} else {
			message.error(d.message);
		}
		this.viewRangeAuthVisible = false;
	}

	@action onViewRangeAuthCancleHandle = () => {
		this.viewRangeAuthVisible = !this.viewRangeAuthVisible;
	}

	get opParams() {
		const obj = {
			fieldname: this.encryptParams.fieldname
		}
		const name = (this.moduleName || '').toLocaleLowerCase();
		if (name.indexOf('subcompany') > -1) {
			Object.assign(obj, {
				scopeId: 'subcompany'
			});
		} else if (name.indexOf('department') > -1) {
			Object.assign(obj, {
				scopeId: 'department'
			});
		}
		this.selectedTreeNodeInfo != null && Object.assign(obj, {
			scopeId: this.selectedTreeNodeInfo.key
		});

		return obj;
	}
	//#endregion
	/********************* action list *********************/


}