/*
 * Author: 黎永顺
 * name: 规则配置
 * Description:
 * Date: 2022-09-19 18:15:32
 */
import React, { Component } from "react";
import { WeaFormItem, WeaNewScroll, 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: [],
      declareItems: [],
      loading: {
        order: false,
        employee: false,
        encry: false,
        declare: false
      },
      saveParams: {
        orderRule: "",
        ascOrDesc: "",
        rule: "",
        enctry: "",
        operateTaxDeclaration: ""
      },
      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: (data) => this.handleChane({ type: "加密设置", selected: data })
            })
          }
        ],
        declareItems: [
          {
            com: CheckBox({
              label: "个税申报",
              value: queryAppsetting.data.isOpenTaxDeclaration,
              onChange: (data) => this.handleChane({ type: "个税申报", selected: data })
            })
          }
        ],
        saveParams: {
          ...this.state.saveParams,
          orderRule: sysOrderRule.data.orderRule,
          ascOrDesc: sysOrderRule.data.ascOrDesc,
          rule: sysConfCodeRule.data,
          enctry: queryAppsetting.data.isOpenEncrypt,
          operateTaxDeclaration: queryAppsetting.data.isOpenTaxDeclaration
        }
      });
    }
  };
  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") {
      Modal.confirm({
        title: "信息确认",
        content: "开启/关闭加密前请做好数据库备份！！！逆向解密会花费几分钟时间，请耐心等待！！！",
        onOk: () => {
          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,
                progress: 0
              }, () => {
                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({
                        progress: 100
                      }, () => {
                        this.setState({
                          progressVisible: false
                        });
                      });
                      message.success("保存成功");
                    } else if (progress_statue === "in_progress" && this.timer) {
                      if (this.state.progress >= 90) {
                        this.setState({
                          progress: this.state.progress + (0.001 * this.state.progress)
                        });
                      } else {
                        this.setState({
                          progress: 10 * number
                        }, () => number++);
                      }
                    } else if (!status || (progress_statue === "fail" && this.timer)) {
                      clearInterval(this.timer);
                      this.timer = null;
                      number = 1;
                      this.setState({
                        progress: 100
                      }, () => {
                        this.setState({
                          progressVisible: false
                        });
                      });
                      message.error(errormsg || "保存失败!");
                    }
                  });
                }, 1000);
              });
            }
          });
        },
        onCancel: () => {
        }
      });
    } else if (type === "DECLARATION") {
      this.setState({ loading: { ...this.state.loading, declare: true } });
      API.operateTaxDeclarationFunction(_.pick(saveParams, ["operateTaxDeclaration"])).then(({ status, errormsg }) => {
        this.setState({ loading: { ...this.state.loading, declare: false } });
        if (status) {
          message.success("保存成功!");
          let sysSetting = this.getSysSetting();
        } else {
          message.error(errormsg || "保存失败!");
        }
      });
    }
  };

  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 if (type === "加密设置") {
      this.setState({
        saveParams: { ...this.state.saveParams, enctry: selected }
      });
    } else if (type === "个税申报") {
      this.setState({
        saveParams: { ...this.state.saveParams, operateTaxDeclaration: selected }
      });
    }
  };

  render() {
    const { items, importItems, enctryItems, declareItems, loading } = this.state;
    return (
      <div className="ruleWrapper">
        <WeaTop
          title={<span>规则配置</span>}
          icon={<i className="icon-coms-Flow-setting"/>}
          iconBgcolor="#F14A2D"
          buttons={[]}
        />
        <WeaNewScroll height={`calc(100% - 46px)`}>
          <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}/>
          <WeaSearchGroup
            title={
              <div className="titleWrapper">
                <span>报税规则</span>
                <Button type="primary" onClick={() => this.handleSave("DECLARATION")}
                        loading={loading.declare}>保存</Button>
              </div>
            } showGroup center items={declareItems}/>
          {
            this.state.progressVisible &&
            <ProgressModal
              title="加密/解密中..."
              visible={this.state.progressVisible}
              onCancel={() => {
                this.setState({ progressVisible: false, progress: 0 });
              }}
              progress={this.state.progress}
            />
          }
        </WeaNewScroll>
      </div>
    );
  }
}

export default Index;

export const Select = payload => {
  const {
    label,
    onChange,
    value,
    options = [],
    viewAttr = 3,
    detailtype = 1,
    multiple = false,
    showSearch = false
  } = payload;
  return (
    <WeaFormItem label={label} labelCol={{ span: 6 }} wrapperCol={{ span: 18 }}>
      <WeaSelect options={multiple ? options : [{ key: "", showname: "" }, ...options]} viewAttr={viewAttr}
                 detailtype={detailtype}
                 value={value}
                 multiple={multiple}
                 showSearch={showSearch}
                 optionFilterProp="children"
                 style={multiple ? { width: 600 } : {}}
                 onChange={(selected, showName) => onChange({ type: label, selected, showName })}/>
    </WeaFormItem>
  );
};