289 lines
9.5 KiB
JavaScript
289 lines
9.5 KiB
JavaScript
/*
|
|
* Author: 黎永顺
|
|
* name: 规则配置
|
|
* Description:
|
|
* Date: 2022-09-19 18:15:32
|
|
*/
|
|
import React, { Component } from "react";
|
|
import { WeaFormItem, WeaSearchGroup, WeaSelect, WeaTop } from "ecCom";
|
|
import { CheckBox } from "../appConfig";
|
|
import { Button, message, Modal } from "antd";
|
|
import * as API from "../../apis/ruleconfig";
|
|
import "./index.less";
|
|
import ProgressModal from "../../components/progressModal";
|
|
|
|
class Index extends Component {
|
|
constructor(props) {
|
|
super(props);
|
|
this.state = {
|
|
items: [],
|
|
importItems: [],
|
|
enctryItems: [],
|
|
loading: {
|
|
order: false,
|
|
employee: false,
|
|
encry: false
|
|
},
|
|
saveParams: {
|
|
orderRule: "",
|
|
ascOrDesc: "",
|
|
rule: "",
|
|
enctry: ""
|
|
},
|
|
progressVisible: false,
|
|
progress: 50
|
|
};
|
|
}
|
|
|
|
componentDidMount() {
|
|
let sysSetting = this.getSysSetting();
|
|
}
|
|
|
|
getSysSetting = async () => {
|
|
const [orderRuleEnum, ascOrDescEnum, matchEmployeeModeEnum, sysOrderRule, sysConfCodeRule, queryAppsetting] = await Promise.all([this.orderRuleEnum(), this.ascOrDescEnum(), this.matchEmployeeModeEnum(), this.sysOrderRule(), this.sysConfCodeRule(), this.queryAppsetting()]);
|
|
if (orderRuleEnum.status && ascOrDescEnum.status && matchEmployeeModeEnum.status) {
|
|
const orderOptions = _.map(orderRuleEnum.data, it => ({ key: it.value, showname: it.defaultLabel }));
|
|
const ascOptions = _.map(ascOrDescEnum.data, it => ({ key: it.value, showname: it.defaultLabel }));
|
|
const employeeOptions = _.map(matchEmployeeModeEnum.data, it => ({ key: it.value, showname: it.defaultLabel }));
|
|
this.setState({
|
|
items: [
|
|
{
|
|
com: Select({
|
|
label: "排序字段",
|
|
onChange: this.handleChane,
|
|
value: sysOrderRule.data.orderRule,
|
|
options: orderOptions
|
|
})
|
|
},
|
|
{
|
|
com: Select({
|
|
label: "正序/倒序",
|
|
onChange: this.handleChane,
|
|
value: sysOrderRule.data.ascOrDesc,
|
|
options: ascOptions
|
|
})
|
|
}
|
|
],
|
|
importItems: [
|
|
{
|
|
com: Select({
|
|
label: "人员字段",
|
|
onChange: this.handleChane,
|
|
value: sysConfCodeRule.data,
|
|
options: employeeOptions
|
|
})
|
|
}
|
|
],
|
|
enctryItems: [
|
|
{
|
|
com: CheckBox({
|
|
label: "加密设置",
|
|
value: queryAppsetting.data.isOpenEncrypt,
|
|
onChange: this.handleChane
|
|
})
|
|
}
|
|
],
|
|
saveParams: {
|
|
...this.state.saveParams,
|
|
orderRule: sysOrderRule.data.orderRule,
|
|
ascOrDesc: sysOrderRule.data.ascOrDesc,
|
|
rule: sysConfCodeRule.data,
|
|
enctry: queryAppsetting.data.isOpenEncrypt
|
|
}
|
|
});
|
|
}
|
|
};
|
|
sysOrderRule = () => {
|
|
return API.sysOrderRule();
|
|
};
|
|
sysConfCodeRule = () => {
|
|
return API.sysConfCodeRule({ code: "matchEmployeeMode" });
|
|
};
|
|
queryAppsetting = () => {
|
|
return API.queryAppsetting();
|
|
};
|
|
orderRuleEnum = () => {
|
|
const payload = {
|
|
enumClass: "com.engine.salary.sys.enums.OrderRuleEnum"
|
|
};
|
|
return API.commonEnumList(payload);
|
|
};
|
|
ascOrDescEnum = () => {
|
|
const payload = {
|
|
enumClass: "com.engine.salary.sys.enums.AscOrDescEnum"
|
|
};
|
|
return API.commonEnumList(payload);
|
|
};
|
|
matchEmployeeModeEnum = () => {
|
|
const payload = {
|
|
enumClass: "com.engine.salary.sys.enums.MatchEmployeeModeEnum"
|
|
};
|
|
return API.commonEnumList(payload);
|
|
};
|
|
handleSave = (type) => {
|
|
const { saveParams } = this.state;
|
|
if (type === "ORDER") {
|
|
if (_.isEmpty(saveParams.orderRule) || _.isEmpty(saveParams.ascOrDesc)) {
|
|
Modal.warning({
|
|
title: "信息确认",
|
|
content: "必要信息不完整，红色*为必填项！"
|
|
});
|
|
return;
|
|
}
|
|
this.setState({ loading: { ...this.state.loading, order: true } });
|
|
API.updateOrderRule(_.pick(saveParams, ["orderRule", "ascOrDesc"])).then(({ status, errormsg }) => {
|
|
this.setState({ loading: { ...this.state.loading, order: false } });
|
|
if (status) {
|
|
message.success("保存成功!");
|
|
let sysSetting = this.getSysSetting();
|
|
} else {
|
|
message.error(errormsg || "保存失败!");
|
|
}
|
|
});
|
|
} else if (type === "EMPLOYEE") {
|
|
if (_.isEmpty(saveParams.rule)) {
|
|
Modal.warning({
|
|
title: "信息确认",
|
|
content: "必要信息不完整，红色*为必填项！"
|
|
});
|
|
return;
|
|
}
|
|
this.setState({ loading: { ...this.state.loading, employee: true } });
|
|
API.saveMatchEmployeeModeRule(_.pick(saveParams, ["rule"])).then(({ status, errormsg }) => {
|
|
this.setState({ loading: { ...this.state.loading, employee: false } });
|
|
if (status) {
|
|
message.success("保存成功!");
|
|
let sysSetting = this.getSysSetting();
|
|
} else {
|
|
message.error(errormsg || "保存失败!");
|
|
}
|
|
});
|
|
} else if (type === "ENCRYTION") {
|
|
this.setState({ loading: { ...this.state.loading, encry: true } });
|
|
API.saveEncryptSetting({ isOpenEncrypt: saveParams.enctry }).then(({ data, status, errormsg }) => {
|
|
this.setState({ loading: { ...this.state.loading, encry: false } });
|
|
if (status) {
|
|
const { isSuccess, progressId, msg } = data;
|
|
if(!isSuccess){
|
|
message.error(errormsg || msg || "保存失败!");
|
|
return
|
|
}
|
|
this.setState({
|
|
progressVisible: true
|
|
}, () => {
|
|
let number=1 ;
|
|
this.timer && clearInterval(this.timer);
|
|
this.timer = setInterval(() => {
|
|
API.getEncryptProgress({ progressId }).then(({status, data, errormsg}) => {
|
|
const { progress_statue }= data;
|
|
if (progress_statue === "success" && this.timer) {
|
|
clearInterval(this.timer);
|
|
this.timer = null;
|
|
number=1;
|
|
this.setState({
|
|
progressVisible: false,
|
|
progress: 100
|
|
});
|
|
message.success("加密成功");
|
|
} else if(progress_statue === "in_progress" && this.timer){
|
|
this.setState({
|
|
progress: 10 * number
|
|
}, ()=> number++ );
|
|
}else if (!status || (progress_statue === "fail" && this.timer)) {
|
|
clearInterval(this.timer);
|
|
this.timer = null;
|
|
number=1;
|
|
this.setState({
|
|
progressVisible: false,
|
|
progress: 100
|
|
});
|
|
message.error(errormsg || "加密失败!");
|
|
}
|
|
});
|
|
}, 1000);
|
|
});
|
|
}
|
|
});
|
|
}
|
|
};
|
|
|
|
handleChane = (data) => {
|
|
const { type, selected } = data;
|
|
if (type === "排序字段") {
|
|
this.setState({
|
|
saveParams: { ...this.state.saveParams, orderRule: selected }
|
|
});
|
|
} else if (type === "正序/倒序") {
|
|
this.setState({
|
|
saveParams: { ...this.state.saveParams, ascOrDesc: selected }
|
|
});
|
|
} else if (type === "人员字段") {
|
|
this.setState({
|
|
saveParams: { ...this.state.saveParams, rule: selected }
|
|
});
|
|
} else {
|
|
this.setState({
|
|
saveParams: { ...this.state.saveParams, enctry: data }
|
|
});
|
|
}
|
|
};
|
|
|
|
render() {
|
|
const { items, importItems, enctryItems, loading } = this.state;
|
|
return (
|
|
<div className="ruleWrapper">
|
|
<WeaTop
|
|
title={<span>规则配置</span>}
|
|
icon={<i className="icon-coms-Flow-setting"/>}
|
|
iconBgcolor="#F14A2D"
|
|
buttons={[]}
|
|
/>
|
|
<WeaSearchGroup
|
|
title={
|
|
<div className="titleWrapper">
|
|
<span>排序规则</span>
|
|
<Button type="primary" onClick={() => this.handleSave("ORDER")} loading={loading.order}>保存</Button>
|
|
</div>
|
|
} showGroup center items={items}/>
|
|
<WeaSearchGroup
|
|
title={
|
|
<div className="titleWrapper">
|
|
<span>人员校验规则</span>
|
|
<Button type="primary" onClick={() => this.handleSave("EMPLOYEE")} loading={loading.employee}>保存</Button>
|
|
</div>
|
|
} showGroup center items={importItems}/>
|
|
{/*<WeaSearchGroup*/}
|
|
{/* title={*/}
|
|
{/* <div className="titleWrapper">*/}
|
|
{/* <span>加密规则</span>*/}
|
|
{/* <Button type="primary" onClick={() => this.handleSave("ENCRYTION")} loading={loading.encry}>保存</Button>*/}
|
|
{/* </div>*/}
|
|
{/* } showGroup center items={enctryItems}/>*/}
|
|
{
|
|
this.state.progressVisible &&
|
|
<ProgressModal
|
|
title="加密/解密中..."
|
|
visible={this.state.progressVisible}
|
|
onCancel={() => {
|
|
this.setState({ progressVisible: false, progress: 0 });
|
|
}}
|
|
progress={this.state.progress}
|
|
/>
|
|
}
|
|
</div>
|
|
);
|
|
}
|
|
}
|
|
|
|
export default Index;
|
|
|
|
export const Select = payload => {
|
|
const { label, onChange, value, options = [], viewAttr=3 } = payload;
|
|
return (
|
|
<WeaFormItem label={label} labelCol={{ span: 6 }} wrapperCol={{ span: 18 }}>
|
|
<WeaSelect options={[{ key: "", showname: "" }, ...options]} viewAttr={viewAttr} value={value}
|
|
onChange={(selected, showName) => onChange({ type: label, selected, showName })}/>
|
|
</WeaFormItem>
|
|
);
|
|
};
|