/*
 * Author: 黎永顺
 * name: 应用设置
 * Description:
 * Date: 2022-09-27 18:17:02
 */
import React, { Component } from "react";
import { WeaCheckbox, WeaDatePicker, WeaFormItem, WeaSearchGroup, WeaTop } from "ecCom";
import * as API from "../../apis/ruleconfig";
import { Button, message } from "antd";

class AppConfig extends Component {
  constructor(props) {
    super(props);
    this.state = {
      openAcctResultSum: "0",
      loading: false
    };
  }

  componentDidMount() {
    this.queryAppsetting();
  }

  queryAppsetting = () => {
    API.queryAppsetting().then(({ status, data }) => {
      if (status) {
        const { openAcctResultSum } = data;
        this.setState({ openAcctResultSum });
      }
    });
  };
  appSettingSave = () => {
    const { openAcctResultSum } = this.state;
    this.setState({ loading: true });
    API.appSettingSave({ openAcctResultSum }).then(({ status }) => {
      this.setState({ loading: false });
      if (status) {
        message.success("设置成功!");
        this.queryAppsetting();
      } else {
        message.error("设置失败!");
      }
    });
  };

  render() {
    const { openAcctResultSum, loading } = this.state;
    const btns = [<Button type="primary" loading={loading} onClick={this.appSettingSave}>保存</Button>];
    const items = [
      {
        com: CheckBox({
          label: "显示薪资核算结果合计列",
          value: openAcctResultSum,
          onChange: (openAcctResultSum) => {
            this.setState({ openAcctResultSum });
          }
        })
      }
    ];
    return (
      <div className="appConfigWrapper">
        <WeaTop
          title={<span>应用设置</span>}
          icon={<i className="icon-coms-Flow-setting"/>}
          iconBgcolor="#F14A2D"
          buttons={btns}
        />
        <WeaSearchGroup title="" showGroup center items={items}/>
      </div>
    );
  }
}

export default AppConfig;

export const CheckBox = payload => {
  const { label, onChange, value } = payload;
  return (
    <WeaFormItem label={label} labelCol={{ span: 8 }} wrapperCol={{ span: 16 }}>
      <WeaCheckbox display="switch" value={value} onChange={onChange}/>
    </WeaFormItem>
  );
};

export const PickDate = payload => {
  const { label, onChange, value, viewAttr, format, labelCol = { span: 8 }, wrapperCol = { span: 16 } } = payload;
  return (
    <WeaFormItem label={label} labelCol={labelCol} wrapperCol={wrapperCol}>
      <WeaDatePicker
        value={value}
        viewAttr={viewAttr}
        format={format}
        onChange={(date) => onChange({ type: label, date })}/>
    </WeaFormItem>
  );
};