// import React from "react";
// import {inject, observer} from "mobx-react";
// import {Button, message, Modal} from "antd";
// import {toJS} from "mobx";
// import {WeaDialog, WeaLocaleProvider, WeaRightMenu, WeaTableEditable, WeaSelect } from "ecCom";
// const getLabel = WeaLocaleProvider.getLabel;

// const store = ["todoCenterStore"];
// const {confirm} = Modal;

// @inject(...store)
// @observer
// export default class OfsInfoAddNetworkIPDialog extends React.Component {
//   constructor (props) {
//     super(props);
//     this.state = {
//       networkDialogVisible: false,
//       key: ''
//     };
//   }

//   closeDialog() {
//     const {todoCenterStore} = this.props;
//     todoCenterStore.setState({ofsInfoAddNetworkIPDialogVisible: false})
//   }

//   getBtns = () => {
//     let btns = []
//     btns = [
//       <Button ecId={`${this && this.props && this.props.ecId || ''}_Button@tenqei@integrationTodoCenterAddNetworkIpButtonSave`} type='primary' onClick={() => this.onRightMenuClick('BTN_SAVE')}>{getLabel(16631,'确认')}</Button>
//       ,<Button ecId={`${this && this.props && this.props.ecId || ''}_Button@t1rf6w@integrationTodoCenterAddNetworkIpButtonNETWORK`} type='primary' onClick={() => this.onRightMenuClick('BTN_NETWORK')}>{getLabel(21384,'网段策略')}</Button>
//     ];

//     return btns;
//   }

//   getRightMenu() {
//     let btnArr = [
//       {
//         key: 'BTN_SAVE',
//         icon: <i className='icon-coms-Approval'/>,
//         content : `${getLabel(16631,'确认')}`,
//         onClick : () => this.onRightMenuClick('BTN_SAVE')
//       },
//       {
//         key: 'BTN_NETWORK',
//         icon: <i className='icon-coms-Headquarters'/>,
//         content : `${getLabel(21384,'网段策略')}`,
//         onClick : () => this.onRightMenuClick('BTN_NETWORK')
//       },
//     ]
//     return btnArr;
//   }

//   getRightMenu2() {
//     let btnArr = [
//       {
//         key: 'BTN_SAVE',
//         icon: <i className='icon-coms-go-back'/>,
//         content : `${getLabel(309,'关闭')}`,
//         onClick : () => this.setState({networkDialogVisible:false})
//       },
//     ]
//     return btnArr;
//   }

//   onRightMenuClick = (type,recordId) => {
//     const {todoCenterStore} = this.props;
//     const {ofsInfoAddForm, status, openNetworkSegmentStrategy} = todoCenterStore;
//     const { ofsInfoAddFormHiddenFields } = toJS(todoCenterStore.status);

//     if(type == 'BTN_SAVE'){
//       this.closeDialog();
//     }

//     if(type == 'BTN_NETWORK'){
//       openNetworkSegmentStrategy();
//       // this.setState({networkDialogVisible:true});
//     }

//   }

//   getNetworkDialog(){
//     // let url = "/spa/hrm/engine.html#/hrmengine/securitySetting?single=1";
//     let url = "/spa/hrm/engine.html#/hrmengine/securitySetting?single=1&type=network";
//     return <WeaDialog ecId={`${this && this.props && this.props.ecId || ''}_WeaDialog@peygta`}
//       // title={getLabel(83726,'网段策略')}
//       visible={this.state.networkDialogVisible}
//       closable={false}
//       draggable={true}
//       hasScroll
//       style={{width: 800, height: 500}}
//       buttons={[
//         <Button ecId={`${this && this.props && this.props.ecId || ''}_Button@kgmmw7@integrationTodoCenterAddNetworkIpButtonClose`} type='primary' onClick={() => this.setState({networkDialogVisible:false})}>{getLabel(309,'关闭')}</Button>
//       ]}
//       url={url}
//       onCancel={()=> this.setState({networkDialogVisible:false})}
//       moreBtn={{
//         datas: this.getRightMenu2(),
//         collectParams: []
//       }}
//     >
//     </WeaDialog>
//   }

//   willDelete = (datas, keys) => new Promise((resolve, reject) => {
//     confirm({
//       content: getLabel(385625, '确定要删除选择的记录吗？'),
//       onOk: () => resolve(true),
//       onCancle: () => resolve(false),
//     })
//   }) 
  
//   render() {
//     const {todoCenterStore} = this.props;
//     const {status} = toJS(todoCenterStore);
//     const { networkIPColumnsSet,networkIPData,ofsInfoAddNetworkIPDialogVisible } = toJS(status);
//     const options = networkIPColumnsSet && networkIPColumnsSet[0] && networkIPColumnsSet[0].com && networkIPColumnsSet[0].com[0].options ? networkIPColumnsSet[0].com[0].options : [];
//     let title = getLabel('387179', '网段设置');
//     return <WeaDialog ecId={`${this && this.props && this.props.ecId || ''}_WeaDialog@3wy3zc`}
//       title={title}
//       onCancel={() => this.closeDialog()}
//       visible={ofsInfoAddNetworkIPDialogVisible}
//       style={{width: 650, height: 400}}
//       hasScroll
//       moduleName="integration"
//       buttons={[
//         <Button ecId={`${this && this.props && this.props.ecId || ''}_Button@50q1v4@integrationTodoCenterAddNetworkIpButtonSave`} type="primary" onClick={() => this.onRightMenuClick('BTN_SAVE')}>{getLabel(16631, '确认')}</Button>
//       ]}
//       moreBtn={{
//         datas: this.getRightMenu(),
//         collectParams: []
//       }}
//     >
//       <WeaRightMenu ecId={`${this && this.props && this.props.ecId || ''}_WeaRightMenu@zpu9yj`}
//         datas={this.getRightMenu()}
//         collectParams={[]}>
//         {/*<WeaTop*/}
//           {/*title='WeaTop中自定义按钮操作Table'*/}
//           {/*icon={<i className='icon-coms-Bar' />}*/}
//           {/*iconBgcolor='#55d2d4'*/}
//           {/*buttons={[*/}
//             {/*<Button type="primary" disabled={false} onClick={() => this.tableEdit.refs.edit.doAdd()}>新增</Button>,*/}
//             {/*<Button type="primary" onClick={() => this.tableEdit.refs.edit.doDelete()}>删除</Button>*/}
//           {/*]}*/}
//         {/*/>*/}
//           <WeaTableEditable ecId={`${this && this.props && this.props.ecId || ''}_WeaTableEditable@ewb88b`}
//             ref={el => {this.tableEdit = el}}
//             title={[<nobr>{getLabel(387179, "网段设置")}<WeaSelect ecId={`${this && this.props && this.props.ecId || ''}_WeaSelect@p3n282@integrationTodoCenterAddNetworkIpButtonNetworkSet`} 
//               style={{width: 300, marginLeft: 100}} 
//               options={options}
//               onChange={(key) => this.setState({key})}
//             /></nobr>]}
//             tableProps={{showEmptyText: false}}
//             columns={networkIPColumnsSet}
//             datas={networkIPData}
//             draggable={false}
//             showAdd={true}
//             showDelete={true}
//             showCopy={false}
//             // getRowSelection={a => {return false} }
//             willAdd={(datas, addData) =>{
//                datas && datas.map(data => {
//                   if(data.id === addData.id) {
//                     if(this.state.key == '') {
//                       data.outternetwork = (options[0] && options[0].key) ? options[0].key : '';
//                     }else {
//                       data.outternetwork = this.state.key;
//                     }
//                   }
//                })
//                datas && datas.map(data => {
//                  if(data.outternetwork === addData.outternetwork && data.id != addData.id) {
//                    message.warning(getLabel(125425, '不能重复添加此网段'));
//                    datas.pop();
//                  }
//                })
//                return datas;
//             }}
//             willEdit={(datas, result) => {
//               const {record, index, key} = result;
//               const ip = datas[index].outternetwork;

//               datas && datas.map(data => {
//                 if(data.outternetwork === ip && data.id != record.id) {
//                   message.warning(getLabel(125425, '不能重复添加此网段'));
//                   datas[index].outternetwork = record.outternetwork;
//                 }
//               })
//               return datas;
//             }}
//             willCopy={(ks, ds) => {}}
//             willDelete={this.willDelete}
//             onChange={(datas) =>{todoCenterStore.setState({networkIPData:datas})}}
//           />
//           {/* <WeaTableEdit
//             ref={el => {this.tableEdit = el}}
//             title={`${getLabel(387179, "网段设置")}`}
//             tableProps={{showEmptyText: false}}
//             deleteConfirm="true"
//             columns={networkIPColumnsSet}
//             datas={networkIPData}
//             draggable={false}
//             showAdd={true}
//             showDelete={true}
//             showCopy={false}
//             // getRowSelection={a => {return false} }
//             onAdd={(ks, ds) =>{
//               return false;
//             }}
//             onEdit={(ks, ds) => {}}
//             onCopy={(ks, ds) => {}}
//             onDelete={(ks, ds) => {}}
//             onChange={(datas) =>{todoCenterStore.setState({networkIPData:datas})}}

//           /> */}
//       </WeaRightMenu>
//       {/* {this.getNetworkDialog()} */}
//     </WeaDialog>;
//   }
// }
