/*
 * Author: 黎永顺
 * Description:
 * Date: 2022-05-19 15:18:09
 * LastEditTime: 2022-06-29 10:06:13
 */
import React from "react";
import { WeaCheckbox, WeaInputSearch, WeaDialog } from "ecCom";
import { Button, Dropdown, Menu, Modal } from "antd";
import "../../pages/dataAcquisition/attendance/index.less"


export const items = [
  {
    key: "1",
    title: "测试",
    checked: false
  },
  {
    key: "2",
    title: "测试2",
    checked: true
  }
];

export default class SelectItemModal extends React.Component {
  constructor(props) {
    super(props);
    this.state = {
      searchValue: ""
    };
  }

  handleShowChecked(value) {
    value = value == 1 ? true : false;
    this.props.onShowChecked(value);
  }

  handleMenuClick(e) {
    if (e.key == "1") { //恢复默认设置
      this.props.onRestoreDefault();
    } else if (e.key == "2") {
      this.props.onSetDefault();
    } else if (e.key == "3") {

    }
  }

  render() {
    const menu = (
      <Menu onClick={(e) => this.handleMenuClick(e)}>
        <Menu.Item key="1">恢复默认设置</Menu.Item>
        <Menu.Item key="2">设置默认设置</Menu.Item>
        {/* <Menu.Item key="3">操作日志</Menu.Item> */}
      </Menu>
    );
    return (
      <WeaDialog
        visible={this.props.visible}
        style={{width:800}}
        onCancel={this.props.onCancel}
        initLoadCss
        className="fieldSetWrapper"
        title="导入字段设置"
        buttons={[
          <Button type="primary" style={{ marginRight: "10px" }} onClick={() => {
            this.props.onSave();
          }}>保存</Button>,
          <Dropdown.Button overlay={menu}>更多</Dropdown.Button>
        ]}
      >
        <div className="searchWrapper">
          <WeaInputSearch
            placeholder={"请输入关键字"}
            value={this.state.searchValue}
            onChange={(value) => {
              this.setState({ searchValue: value });
            }}
            onSearch={(value) => {
              this.props.onSearch(value);
            }}
          />
        </div>
        {this.props.children}
        <div className="allInWrapper">
          <WeaCheckbox content="只显示已选中字段" onChange={(value) => {
            this.handleShowChecked(value);
          }}/>
        </div>
      </WeaDialog>
    );
  }
}