// import React from "react";
// import { inject, observer } from "mobx-react";
// import { Button,Badge,Row,Col } from "antd";
// import { toJS } from "mobx";
// import { WeaForm, WeaSwitch } from "comsMobx";
// import {
//     WeaTableEdit,
//     WeaSearchGroup,
//     WeaInput,
//     WeaDropdown,
//     WeaTag,
//     WeaFormItem,
//     WeaBrowser,
//     WeaButton,
//     WeaTools,
//     WeaRightMenu,
//     WeaDialog,
//     WeaSelect,
//     WeaCheckbox,
//     WeaHelpfulTip,
//     WeaUpload,
//     WeaScope,
//     WeaInputNumber,
//     WeaTextarea,
//     WeaLocaleProvider
// } from "ecCom";

// const { getKey } = WeaTools;
// const getLabel = WeaLocaleProvider.getLabel;

// @inject("outterStore")
// @observer
// export default class AddShare extends React.Component {
//     constructor (props) {
//         super(props);
//         this.state = {
//             permissiontype:"1",
//             seclevel:[0,100],
//             rolelevel:"0",
//             jobtitlelevel:"1",
//             sharevalue1:"",sharevalue6:"",sharevalue5:"",sharevalue2:"",sharevalue7:"",
//             jobtitlesharevalue2:"", jobtitlesharevalue3:""
//         };
//     }

//     getBtns = () => {
//         let btns = []
//         btns = [
//           <Button ecId={`${this && this.props && this.props.ecId || ''}_Button@i0uhrn@${diffKey}`} type='primary' onClick={() => this.onRightMenuClick('BTN_SAVE')}>{getLabel(86,'保存')}</Button>
//         ];

//         return btns;
//     }
//     getRightMenu() {
//         let btnArr = [
//             {
//                 key: 'BTN_SAVE',
//                 icon: <i className='icon-coms-Preservation'/>,
//                 content : `${getLabel(86,'保存')}`,
//                 onClick : () => this.onRightMenuClick('BTN_SAVE')
//             },
//         ]
//         return btnArr;
//     }
//     onRightMenuClick = (type,recordId) => {
//         const {outterStore} = this.props;
//         const {permissiontype, rolelevel, seclevel, jobtitlelevel, jobtitlesharevalue}=this.state;
//         let sysid = toJS(outterStore.newFormData.sysid);
//         const {sharevalue1,sharevalue6,sharevalue5,sharevalue2,sharevalue7} = this.state;
//         const {jobtitlesharevalue2, jobtitlesharevalue3} = this.state;
        
//         if(type == 'BTN_SAVE') {
//             if (this.validate()) {
//                 let sharetype = permissiontype;
//                 let sharevalue = "";
//                 if (sharetype == 1) {
//                     sharevalue = sharevalue1;
//                 } else if (sharetype == 6) {
//                     sharevalue = sharevalue6;
//                 } else if (sharetype == 5) {
//                     sharevalue = sharevalue5;
//                 } else if (sharetype == 2) {
//                     sharevalue = sharevalue2;
//                 } else if (sharetype == 7) {
//                     sharevalue = sharevalue7;
//                 }
//                 let formrolelevel = rolelevel;
//                 let formseclevel = seclevel[0] + "-" + seclevel[1];
//                 let formjobtitlelevel = jobtitlelevel;
//                 let formjobtitlesharevalue = "";
//                 if (formjobtitlelevel == 2) {
//                     formjobtitlesharevalue = jobtitlesharevalue2;
//                 } else if (formjobtitlelevel == 3) {
//                     formjobtitlesharevalue = jobtitlesharevalue3;
//                 }

//                 let params = {};
//                 params.operation = 'addShare';
//                 params.sharetype = sharetype;
//                 params.sharevalue = sharevalue;
//                 params.formrolelevel = formrolelevel;
//                 params.formseclevel = formseclevel;
//                 params.formjobtitlelevel = formjobtitlelevel;
//                 params.formjobtitlesharevalue = formjobtitlesharevalue;
//                 params.sysid = sysid;

//                 outterStore.operateOutterSys(params);
//                 this.resetState();
//             }
//         }
//     }

//     validate = () => {
//         const {permissiontype, rolelevel, seclevel, jobtitlelevel, jobtitlesharevalue}=this.state;
//         const {sharevalue1,sharevalue6,sharevalue5,sharevalue2,sharevalue7} = this.state;
//         const {jobtitlesharevalue2, jobtitlesharevalue3} = this.state;

//         if (permissiontype == 1) {
//             if (!sharevalue1) {
//                 Modal.info({
//                     title: getLabel(15172,'系统提示'),
//                     content: getLabel(384146,'必要信息不完整，红色*为必填项') + "!",
//                     okText: getLabel(826,'确定'),
//                     onOk() {},
//                 });
//                 return false;
//             }
//             if (this.checkSecLevel() == false) {
//                 return false;
//             }
//         } else if (permissiontype == 6) {
//             if (!sharevalue6) {
//                 Modal.info({
//                     title: getLabel(15172,'系统提示'),
//                     content: getLabel(384146,'必要信息不完整，红色*为必填项') + "!",
//                     okText: getLabel(826,'确定'),
//                     onOk() {},
//                 });
//                 return false;
//             }
//             if (this.checkSecLevel() == false) {
//                 return false;
//             }
//         } else if (permissiontype == 3) {
//             if (this.checkSecLevel() == false) {
//                 return false;
//             }
//         } else if (permissiontype == 5) {
//             if (!sharevalue5) {
//                 Modal.info({
//                     title: getLabel(15172,'系统提示'),
//                     content: getLabel(384146,'必要信息不完整，红色*为必填项') + "!",
//                     okText: getLabel(826,'确定'),
//                     onOk() {},
//                 });
//                 return false;
//             }
//         } else if (permissiontype == 2) {
//             if (!sharevalue2 || !rolelevel) {
//                 Modal.info({
//                     title: getLabel(15172,'系统提示'),
//                     content: getLabel(384146,'必要信息不完整，红色*为必填项') + "!",
//                     okText: getLabel(826,'确定'),
//                     onOk() {},
//                 });
//                 return false;
//             }
//             if (this.checkSecLevel() == false) {
//                 return false;
//             }
//         } else if (permissiontype == 7) {
//             if (!sharevalue7 || !jobtitlelevel || 
//                 (jobtitlelevel == 2 && !jobtitlesharevalue2) ||
//                 (jobtitlelevel == 3 && !jobtitlesharevalue3)) {
//                 Modal.info({
//                     title: getLabel(15172,'系统提示'),
//                     content: getLabel(384146,'必要信息不完整，红色*为必填项') + "!",
//                     okText: getLabel(826,'确定'),
//                     onOk() {},
//                 });
//                 return false;
//             }
//         }
//         return true;
//     }

//     checkSecLevel = () => {
//         const {seclevel} = this.state;
//         if (seclevel && seclevel.length == 2) {
//             return true;
//         } else {
//             return false;
//         }
//     }

//     onChangePermissionType = () => {

//     }
    
//     getSearchs = () => {

//         const {permissiontype, seclevel, rolelevel, jobtitlelevel}=this.state;

//         let group = [];
//         let items = [];

//         let labelCol = 4;
//         let fieldCol = 20;

//         //对象类型
//         let permissiontypeOptions = [];
//         permissiontypeOptions.push({key:'1', showname:getLabel(124,'部门')});
//         permissiontypeOptions.push({key:'6', showname:getLabel(141,'分部')});
//         permissiontypeOptions.push({key:'3', showname:getLabel(1340,'所有人')});
//         permissiontypeOptions.push({key:'5', showname:getLabel(179,'人力资源')});
//         permissiontypeOptions.push({key:'2', showname:getLabel(122,'角色')});
//         permissiontypeOptions.push({key:'7', showname:getLabel(6086,'岗位')});

//         //级别
//         let rolelevelOptions = [];
//         rolelevelOptions.push({key:'0', showname:getLabel(124,'部门')});
//         rolelevelOptions.push({key:'1', showname:getLabel(141,'分部')});
//         rolelevelOptions.push({key:'2', showname:getLabel(140,'总部')});

//         //岗位级别
//         let jobtitlelevelOptions = [];
//         jobtitlelevelOptions.push({key:'1', showname:getLabel(140,'总部')});
//         jobtitlelevelOptions.push({key:'2', showname:getLabel(19438,'指定部门')});
//         jobtitlelevelOptions.push({key:'3', showname:getLabel(19437,'指定分部')});

//         let minSecLevel = [0];
//         let maxSecLevel = [0];

//         let browserWidth = 230;

//         items.push({
//             com:(
//                 <WeaFormItem ecId={`${this && this.props && this.props.ecId || ''}_WeaFormItem@6i48de@${diffKey}`} 
//                     label={getLabel(21956,'对象类型')}
//                     labelCol={{span:labelCol}}
//                     wrapperCol={{span:fieldCol}}>
//                     <Row ecId={`${this && this.props && this.props.ecId || ''}_Row@rdvs3p@${diffKey}`} align={"middle"}>
//                         <Col ecId={`${this && this.props && this.props.ecId || ''}_Col@cdo7p0@${diffKey}`} span={8}>
//                         <WeaSelect ecId={`${this && this.props && this.props.ecId || ''}_WeaSelect@vyan09@${diffKey}`}
//                             options={permissiontypeOptions}
//                             value={permissiontype}
//                             viewAttr={3}
//                             onChange={(v, showname)=> {
//                                 this.setState({permissiontype: v});
//                             }}
//                         />
//                         </Col>
//                     </Row>
//                 </WeaFormItem>
//                 ),
//             colSpan:1
//         });

//         if (permissiontype == 1) {
//             //部门
//             items.push({
//                 com:(
//                     <WeaFormItem ecId={`${this && this.props && this.props.ecId || ''}_WeaFormItem@21ruje@${diffKey}`} 
//                         label={getLabel(106,'对象')}
//                         labelCol={{span:labelCol}}
//                         wrapperCol={{span:fieldCol}}>
//                         <Row ecId={`${this && this.props && this.props.ecId || ''}_Row@o5d5h6@${diffKey}`} align={"middle"}>
//                             <Col ecId={`${this && this.props && this.props.ecId || ''}_Col@xrv28b@${diffKey}`} span={18}>
//                             <WeaBrowser ecId={`${this && this.props && this.props.ecId || ''}_WeaBrowser@fs4o2j@${diffKey}`}
//                                 type={4}
//                                 isSingle={false}
//                                 isMultCheckbox={true}
//                                 textDecoration={true}
//                                 replaceDatas={[]}
//                                 inputStyle={{width: browserWidth}}
//                                 viewAttr={3}
//                                 onChange={(ids, names, datas)=> {
//                                     this.setState({sharevalue1: ids});
//                                 }}
//                             />
//                             </Col>
//                         </Row>
//                     </WeaFormItem>
//                     ),
//                 colSpan:1
//             });
//         } else if (permissiontype == 6) {
//             //分部
//             items.push({
//                 com:(
//                     <WeaFormItem ecId={`${this && this.props && this.props.ecId || ''}_WeaFormItem@ix5lnv@${diffKey}`} 
//                         label={getLabel(106,'对象')}
//                         labelCol={{span:labelCol}}
//                         wrapperCol={{span:fieldCol}}>
//                         <Row ecId={`${this && this.props && this.props.ecId || ''}_Row@kq8gor@${diffKey}`} align={"middle"}>
//                             <Col ecId={`${this && this.props && this.props.ecId || ''}_Col@d3sk3g@${diffKey}`} span={18}>
//                             <WeaBrowser ecId={`${this && this.props && this.props.ecId || ''}_WeaBrowser@uixpw8@${diffKey}`}
//                                 type={164}
//                                 isMultCheckbox={true}
//                                 isSingle={false}
//                                 replaceDatas={[]}
//                                 inputStyle={{width: browserWidth}}
//                                 viewAttr={3}
//                                 onChange={(ids, names, datas)=> {
//                                     this.setState({sharevalue6: ids});
//                                 }}
//                             />
//                             </Col>
//                         </Row>
//                     </WeaFormItem>
//                     ),
//                 colSpan:1
//             });
//         } else if (permissiontype == 5) {
//             //人力资源
//             items.push({
//                 com:(
//                     <WeaFormItem ecId={`${this && this.props && this.props.ecId || ''}_WeaFormItem@trz1mm@${diffKey}`} 
//                         label={getLabel(106,'对象')}
//                         labelCol={{span:labelCol}}
//                         wrapperCol={{span:fieldCol}}>
//                         <Row ecId={`${this && this.props && this.props.ecId || ''}_Row@xw2itf@${diffKey}`} align={"middle"}>
//                             <Col ecId={`${this && this.props && this.props.ecId || ''}_Col@gneppd@${diffKey}`} span={18}>
//                             <WeaBrowser ecId={`${this && this.props && this.props.ecId || ''}_WeaBrowser@ckr28t@${diffKey}`}
//                                 type={1}
//                                 isMultCheckbox={true}
//                                 isSingle={false}
//                                 textDecoration={true}
//                                 inputStyle={{width: browserWidth}}
//                                 viewAttr={3}
//                                 onChange={(ids, names, datas)=> {
//                                     this.setState({sharevalue5: ids});
//                                 }}
//                             />
//                             </Col>
//                         </Row>
//                     </WeaFormItem>
//                     ),
//                 colSpan:1
//             });
//         } else if (permissiontype == 2) {
//             //角色
//             items.push({
//                 com:(
//                     <WeaFormItem ecId={`${this && this.props && this.props.ecId || ''}_WeaFormItem@u56pv2@${diffKey}`} 
//                         label={getLabel(106,'对象')}
//                         labelCol={{span:labelCol}}
//                         wrapperCol={{span:fieldCol}}>
//                         <Row ecId={`${this && this.props && this.props.ecId || ''}_Row@60mx3m@${diffKey}`} align={"middle"}>
//                             <Col ecId={`${this && this.props && this.props.ecId || ''}_Col@03agdb@${diffKey}`} span={14}>
//                                 <WeaBrowser ecId={`${this && this.props && this.props.ecId || ''}_WeaBrowser@07a0t3@${diffKey}`}
//                                     type={267}
//                                     isMultCheckbox={true}
//                                     isSingle={false}
//                                     textDecoration={true}
//                                     inputStyle={{width: browserWidth}}
//                                     viewAttr={3}
//                                     onChange={(ids, names, datas)=> {
//                                         this.setState({sharevalue2: ids});
//                                     }}
//                                 />
//                             </Col>
//                             <Col ecId={`${this && this.props && this.props.ecId || ''}_Col@zd62fm@${diffKey}`} span={2} style={{top:'5px'}}>
//                                 <label> {getLabel(139,'级别') + ":"}</label>
//                             </Col>
//                             <Col ecId={`${this && this.props && this.props.ecId || ''}_Col@u7g4mh@${diffKey}`} span={5}>
//                                 <WeaSelect ecId={`${this && this.props && this.props.ecId || ''}_WeaSelect@r4lpyd@${diffKey}`}
//                                     options={rolelevelOptions}
//                                     value={rolelevel}
//                                     viewAttr={3}
//                                     onChange={(v, showname)=> {
//                                         this.setState({rolelevel: v});
//                                     }}
//                                 />
//                             </Col>
//                         </Row>
//                     </WeaFormItem>
//                     ),
//                 colSpan:1
//             });
//         } else if (permissiontype == 7) {
//             //岗位
//             items.push({
//                 com:(
//                     <WeaFormItem ecId={`${this && this.props && this.props.ecId || ''}_WeaFormItem@nby3xs@${diffKey}`} 
//                         label={getLabel(106,'对象')}
//                         labelCol={{span:labelCol}}
//                         wrapperCol={{span:fieldCol}}>
//                         <Row ecId={`${this && this.props && this.props.ecId || ''}_Row@ddm3hl@${diffKey}`} align={"middle"}>
//                             <Col ecId={`${this && this.props && this.props.ecId || ''}_Col@yhgmfm@${diffKey}`} span={14}>
//                                 <WeaBrowser ecId={`${this && this.props && this.props.ecId || ''}_WeaBrowser@17do4i@${diffKey}`}
//                                     type={24}
//                                     isSingle={false}
//                                     textDecoration={true}
//                                     inputStyle={{width: browserWidth}}
//                                     viewAttr={3}
//                                     onChange={(ids, names, datas)=> {
//                                         this.setState({sharevalue7: ids});
//                                     }}
//                                 />
//                             </Col>
//                         </Row>
//                     </WeaFormItem>
//                     ),
//                 colSpan:1
//             });
//             items.push({
//                 com:(
//                     <WeaFormItem ecId={`${this && this.props && this.props.ecId || ''}_WeaFormItem@dmaylr@${diffKey}`} 
//                         label={getLabel(28169,'岗位级别')}
//                         labelCol={{span:labelCol}}
//                         wrapperCol={{span:fieldCol}}>
//                         <Row ecId={`${this && this.props && this.props.ecId || ''}_Row@846rrs@${diffKey}`} align={"middle"}>
//                             <Col ecId={`${this && this.props && this.props.ecId || ''}_Col@6ww2ix@${diffKey}`} span={6}>
//                                 <WeaSelect ecId={`${this && this.props && this.props.ecId || ''}_WeaSelect@2bgguh@${diffKey}`}
//                                     options={jobtitlelevelOptions}
//                                     value={jobtitlelevel}
//                                     viewAttr={3}
//                                     onChange={(v, showname)=> {
//                                         this.setState({jobtitlelevel: v});
//                                     }}
//                                 />
//                             </Col>
//                             {jobtitlelevel == 2 &&
//                             <Col ecId={`${this && this.props && this.props.ecId || ''}_Col@sxafvd@${diffKey}`} span={14} style={{left: '10px'}}>
//                                 <WeaBrowser ecId={`${this && this.props && this.props.ecId || ''}_WeaBrowser@orp87n@${diffKey}`}
//                                     type={4}
//                                     isSingle={false}
//                                     isMultCheckbox={true}
//                                     inputStyle={{width: browserWidth}}
//                                     viewAttr={3}
//                                     onChange={(ids, names, datas)=> {
//                                         this.setState({jobtitlesharevalue2: ids});
//                                     }}
//                                 />
//                             </Col>
//                             }
//                             {jobtitlelevel == 3 &&
//                             <Col ecId={`${this && this.props && this.props.ecId || ''}_Col@rjstrl@${diffKey}`} span={14} style={{left: '10px'}}>
//                                 <WeaBrowser ecId={`${this && this.props && this.props.ecId || ''}_WeaBrowser@6z38p2@${diffKey}`}
//                                     type={164}
//                                     isMultCheckbox={true}
//                                     isSingle={false}
//                                     replaceDatas={[]}
//                                     inputStyle={{width: browserWidth}}
//                                     viewAttr={3}
//                                     onChange={(ids, names, datas)=> {
//                                         this.setState({jobtitlesharevalue3: ids});
//                                     }}
//                                 />
//                             </Col>
//                             }
//                         </Row>
//                     </WeaFormItem>
//                     ),
//                 colSpan:1
//             });
//         }
        
//         if (permissiontype == 1 || permissiontype == 6 || permissiontype == 3 || permissiontype == 2) {
//             items.push({
//                 com:(
//                     <WeaFormItem ecId={`${this && this.props && this.props.ecId || ''}_WeaFormItem@aaensj@${diffKey}`} 
//                         label={getLabel(683,'安全级别')}
//                         labelCol={{span:labelCol}}
//                         wrapperCol={{span:fieldCol}}>
//                         <Row ecId={`${this && this.props && this.props.ecId || ''}_Row@2ve7h0@${diffKey}`} align={"middle"}>
//                             <Col ecId={`${this && this.props && this.props.ecId || ''}_Col@6n8p9s@${diffKey}`} span={18}>
//                             <WeaScope ecId={`${this && this.props && this.props.ecId || ''}_WeaScope@xe84qk@${diffKey}`}
//                                 isMobx
//                                 min={minSecLevel}
//                                 max={maxSecLevel}
//                                 value={seclevel}
//                                 viewAttr={3}
//                                 onChange={v=>this.setState({seclevel:v})}
//                             />
//                             </Col>
//                         </Row>
//                     </WeaFormItem>
//                     ),
//                 colSpan:1
//             });
//         }
        

//         //插入分隔符
//         group.push(<WeaSearchGroup ecId={`${this && this.props && this.props.ecId || ''}_WeaSearchGroup@z1ey69@${diffKey}`} col={1}  needTigger={true} title={getLabel(1361,'基本信息')}  showGroup={true} items={items}/>);

//         return group;
//     }

//     /**
//      * 重置数据
//      */
//     resetState = () => {
//         this.setState({permissiontype:"1",
//         seclevel:[0,100],
//         rolelevel:"0",
//         jobtitlelevel:"1",
//         sharevalue1:"",sharevalue6:"",sharevalue5:"",sharevalue2:"",sharevalue7:"",
//         jobtitlesharevalue2:"", jobtitlesharevalue3:""});
//     } 

//     render() {
//         const {outterStore} = this.props;
//         const {sysShareStatus, setSysShareStatus} = outterStore;
//         const {showAddShare} = sysShareStatus;

//         return (
//             <span>
//                 <WeaDialog ecId={`${this && this.props && this.props.ecId || ''}_WeaDialog@5hy2bd`} 
//                     title={getLabel(18645,'添加共享')}
//                     onCancel={()=> {
//                         setSysShareStatus({showAddShare:false});
//                         this.resetState();
//                     }}
//                     visible={showAddShare} 
//                     style={{width: 600, height: 300}}
//                     buttons={this.getBtns()}>

//                     <WeaRightMenu ecId={`${this && this.props && this.props.ecId || ''}_WeaRightMenu@u2adfv`}
//                         datas={this.getRightMenu()}
//                         collectParams={[]}>
//                         {this.getSearchs()}
//                     </WeaRightMenu>
//                 </WeaDialog>
//             </span>
//         );
//     }
// }