94 lines
2.3 KiB
JavaScript
94 lines
2.3 KiB
JavaScript
/*
|
|
* 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>
|
|
);
|
|
}
|
|
}
|