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

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

// const store = ["outterStore"];


// @inject("outterStore")
// @observer
// export default class NewForm extends React.Component {
//     constructor (props) {
//         super(props);
//         this.state = {
//             selectedKey:'0',
//             shareSelectedId:[],
//         }
//     }

//     componentDidMount() {
//         this.props.outterStore.refreshParamColumns();
//     }

//     componentWillReceiveProps(nextProps) {
//         this.props.outterStore.refreshParamColumns();
//     }
//     getBtns = () => {
//         const {selectedKey} = this.state;
//         const {outterStore} = this.props;
//         const {isEdit} = outterStore.newFormStatus;

//         let btns = [];
//         if (selectedKey == 0) {
//             btns = [
//             <Button ecId={`${this && this.props && this.props.ecId || ''}_Button@nfz5kp@${diffKey}`} type='primary' onClick={() => this.onRightMenuClick('BTN_SAVE')}>{getLabel(86,'保存')}</Button>
//             ];
//             if (isEdit) {
//                 btns.push(<Button ecId={`${this && this.props && this.props.ecId || ''}_Button@uwvii9@${diffKey}`} type='primary' onClick={() => this.onRightMenuClick('BTN_DELETE')}>{getLabel(91,'删除')}</Button>);
//                 btns.push(<Button ecId={`${this && this.props && this.props.ecId || ''}_Button@0n1nrw@${diffKey}`} type='primary' onClick={() => this.onRightMenuClick('BTN_TEST')}>{getLabel(25496,'测试')}</Button>);
//             }
//         } else {
//             btns.push(<Button ecId={`${this && this.props && this.props.ecId || ''}_Button@qnezob@${diffKey}`} type='primary' onClick={() => this.onRightMenuClick('SHARE_ADD')}>{getLabel(18645,'添加共享')}</Button>);
//             btns.push(<Button ecId={`${this && this.props && this.props.ecId || ''}_Button@faoep0@${diffKey}`} type='primary' onClick={() => this.onRightMenuClick('SHARE_DELETE')}>{getLabel(32136,'批量删除')}</Button>);
//         }

//         return btns;
//     }
//     getRightMenu() {
//         const {selectedKey} = this.state;
//         const {outterStore} = this.props;
//         const {isEdit} = outterStore.newFormStatus;
//         let btnArr = [];
//         if (selectedKey == 0) {
//             btnArr.push({
//                 key: 'BTN_SAVE',
//                 icon: <i className='icon-coms-Preservation'/>,
//                 content : `${getLabel(86,'保存')}`,
//                 onClick : () => this.onRightMenuClick('BTN_SAVE')
//             });
//             if (isEdit) {
//                 btnArr.push({
//                     key: 'BTN_DELETE',
//                     icon: <i className='icon-coms-delete'/>,
//                     content : `${getLabel(91,'删除')}`,
//                     onClick : () => this.onRightMenuClick('BTN_DELETE')
//                 });
//                 btnArr.push({
//                     key: 'BTN_TEST',
//                     icon: <i className='icon-coms-Journal'/>,
//                     content : `${getLabel(25496,'测试')}`,
//                     onClick : () => this.onRightMenuClick('BTN_TEST')
//                 });
//             }
//         } else {
//             btnArr.push({
//                 key: 'SHARE_ADD',
//                 icon: <i className='icon-coms-Preservation'/>,
//                 content : `${getLabel(18645,'添加共享')}`,
//                 onClick : () => this.onRightMenuClick('SHARE_ADD')
//             });
//             btnArr.push({
//                 key: 'SHARE_DELETE',
//                 icon: <i className='icon-coms-Batch-delete'/>,
//                 content : `${getLabel(32136,'批量删除')}`,
//                 onClick : () => this.onRightMenuClick('SHARE_DELETE')
//             });
//         }
        
//         return btnArr;
//     }
//     onRightMenuClick = (type,recordId) => {
//         const {shareSelectedId} = this.state;
//         const {outterStore} = this.props;
//         const {sysid} = outterStore.newFormData;
//         const {shareDatas} = outterStore.sysShareStatus;

//         if(type == 'BTN_SAVE'){//保存
//             //验证数据
//             if (this.validate()) {
//                 //上传文件
//                 window.startUploadAll();
//                 this.submitData();
//             }
//         } else if (type == 'BTN_DELETE') {//删除
//             outterStore.confirmModal(`${getLabel(15097,'确定要删除吗?')}`, outterStore.operateOutterSys , {operation:'delete',sysid: sysid});
//         } else if (type == 'BTN_TEST') {//测试
            
//         } else if (type == 'SHARE_ADD') {//添加共享
//             outterStore.setSysShareStatus({showAddShare:true});
//         } else if (type == 'SHARE_DELETE') {//批量删除
//             // console.log("shareSelectedId",shareSelectedId);
//             if (!shareSelectedId || shareSelectedId.length == 0) {
//                 Modal.info({
//                     title: getLabel(15172,'系统提示'),
//                     content: getLabel(22686,'请选择需要删除的数据'),
//                     okText: getLabel(826,'确定'),
//                     onOk() {},
//                 });
//             } else if (shareDatas && shareSelectedId) {
//                 outterStore.confirmModal(`${getLabel(15097,'确定要删除吗?')}`, this.deleteShareData , {});
                
//             }
            
//         }
//     }

//     deleteShareData =() => {
//         const {shareSelectedId} = this.state;
//         const {outterStore} = this.props;
//         const {shareDatas} = outterStore.sysShareStatus;

//         let newShareDatas = [];
//         let ids = '';
//         for (let i = 0; i < shareDatas.length; i++) {
//             let isDelete = false;
//             for (let j = 0; j < shareSelectedId.length; j++) {
//                 if (i == shareSelectedId[j]) {
//                     isDelete = true;
//                     break;
//                 }
//             }
//             if (isDelete) {
//                 newShareDatas.push(shareDatas[i]);
//                 ids = ids + shareDatas[i].id + ",";
//             }
//         }
//         outterStore.operateOutterSys({operation:"delShare", ids: ids});
//         this.setState({shareSelectedId: []});
//     }

//     /**
//      * 验证数据
//      */
//     validate = () => {
//         const {outterStore} = this.props;
//         const {newFormData} = outterStore;
//         const {typename, sysid, name, iurl, ourl, entranceurl, accountcode, client_id, client_secret} = newFormData;
//         const {email263_domain, email263_cid, email263_key, imagewidth, imageheight} = newFormData;
        
//         if (this.checkPwdAndIv() == false) {
//             return false;
//         }
//         if (typename == 0) {
//             if (!sysid || !name || !iurl || !ourl || !entranceurl) {
//                 Modal.info({
//                     title: getLabel(15172,'系统提示'),
//                     content: getLabel(384146,'必要信息不完整，红色*为必填项') + "!",
//                     okText: getLabel(826,'确定'),
//                     onOk() {},
//                 });
//                 return false;
//             }
//         } else if (typename == 1 || typename == 5) {
//             if (!sysid || !name || !iurl || !ourl || !accountcode) {
//                 Modal.info({
//                     title: getLabel(15172,'系统提示'),
//                     content: getLabel(384146,'必要信息不完整，红色*为必填项') + "!",
//                     okText: getLabel(826,'确定'),
//                     onOk() {},
//                 });
//                 return false;
//             }
//         } else if (typename == 6) {
//             if (!sysid || !name || !client_id || !client_secret) {
//                 Modal.info({
//                     title: getLabel(15172,'系统提示'),
//                     content: getLabel(384146,'必要信息不完整，红色*为必填项') + "!",
//                     okText: getLabel(826,'确定'),
//                     onOk() {},
//                 });
//                 return false;
//             }
//         } else if (typename == 7) {
//             if (!sysid || !name || !iurl || !ourl || email263_domain || email263_cid || email263_key) {
//                 Modal.info({
//                     title: getLabel(15172,'系统提示'),
//                     content: getLabel(384146,'必要信息不完整，红色*为必填项') + "!",
//                     okText: getLabel(826,'确定'),
//                     onOk() {},
//                 });
//                 return false;
//             }
//         } else {
//             if (!sysid || !name || !iurl || !ourl) {
//                 Modal.info({
//                     title: getLabel(15172,'系统提示'),
//                     content: getLabel(384146,'必要信息不完整，红色*为必填项') + "!",
//                     okText: getLabel(826,'确定'),
//                     onOk() {},
//                 });
//                 return false;
//             }
//         }
//         if (!imagewidth || !imageheight) {
//             Modal.info({
//                 title: getLabel(15172,'系统提示'),
//                 content: getLabel(384146,'必要信息不完整，红色*为必填项') + "!",
//                 okText: getLabel(826,'确定'),
//                 onOk() {},
//             });
//             return false;
//         }
//         //检查其他参数中参数名是否重复
//         if (this.checkParamNames() == false) {
//             return false;
//         }

//         return true;
//     }

//     checkPwdAndIv = () => {
//         const {newFormData} = this.props.outterStore;
//         const {encrypttypeOption,paramDatas,
//              urlparaencrypt1,encryptcode1,encryptiv1,
//              urlparaencrypt2,encryptcode2,encryptiv2} = newFormData;

//         if (encrypttypeOption && encrypttypeOption.showname) {
//             if (encrypttypeOption.showname.indexOf("DES") > -1) {
//                 if ((urlparaencrypt1 == 1 && encryptcode1 && encryptcode1.length != 8) 
//                     || (urlparaencrypt2 == 1 && encryptcode2 && encryptcode2.length != 8)) {
//                     Modal.info({
//                         title: getLabel(15172,'系统提示'),
//                         content: encrypttypeOption.showname + getLabel(129654,'密钥长度必须为8位！'),
//                         okText: getLabel(826,'确定'),
//                         onOk() {},
//                     });
//                     return false;
//                 }
//                 if ((urlparaencrypt1 == 1 && encryptiv1 && encryptiv1.length != 8)
//                     || (urlparaencrypt2 == 1 && encryptiv2 && encryptiv2.length != 8)) {
//                     Modal.info({
//                         title: getLabel(15172,'系统提示'),
//                         content: encrypttypeOption.showname + getLabel(129655,'向量长度必须为8位！'),
//                         okText: getLabel(826,'确定'),
//                         onOk() {},
//                     });
//                     return false;
//                 }
//                 if (paramDatas) {
//                     for (let i = 0; i < paramDatas.length; i++) {
//                         let item = paramDatas[i];
//                         if (item.paraencrypts && item.encryptcodes && item.encryptcodes.length != 8) {
//                             Modal.info({
//                                 title: getLabel(15172,'系统提示'),
//                                 content: encrypttypeOption.showname + getLabel(129654,'密钥长度必须为8位！'),
//                                 okText: getLabel(826,'确定'),
//                                 onOk() {},
//                             });
//                             return false;
//                         }
//                         if (item.paraencrypts && item.encryptivs && item.encryptivs.length != 8) {
//                             Modal.info({
//                                 title: getLabel(15172,'系统提示'),
//                                 content: encrypttypeOption.showname + getLabel(129655,'向量长度必须为8位！'),
//                                 okText: getLabel(826,'确定'),
//                                 onOk() {},
//                             });
//                             return false;
//                         }
//                     }
//                 }
//             } else if (encrypttypeOption.showname.indexOf("AES") > -1) {
//                 if ((urlparaencrypt1 == 1 && encryptiv1 && encryptiv1.length != 16)
//                     || (urlparaencrypt2 ==1 && encryptiv2 && encryptiv2.length != 16)) {
//                     Modal.info({
//                         title: getLabel(15172,'系统提示'),
//                         content: encrypttypeOption.showname + getLabel(129656,'向量长度必须为16位！'),
//                         okText: getLabel(826,'确定'),
//                         onOk() {},
//                     });
//                     return false;
//                 }
//                 if (paramDatas) {
//                     for (let i = 0; i < paramDatas.length; i++) {
//                         let item = paramDatas[i];
//                         if (item.paraencrypts && item.encryptivs && item.encryptivs.length != 16) {
//                             Modal.info({
//                                 title: getLabel(15172,'系统提示'),
//                                 content: encrypttypeOption.showname + getLabel(129656,'向量长度必须为16位！'),
//                                 okText: getLabel(826,'确定'),
//                                 onOk() {},
//                             });
//                             return false;
//                         }
//                     }
//                 }
//             }
//         }
//         return true;
//     }

//     /**
//      * 检查其他参数中参数名是否重复
//      */
//     checkParamNames = (params) => {
//         const {newFormData, setNewFormData} = this.props.outterStore;
//         const {typename, paramDatas} = newFormData;
//         let datas = paramDatas;
//         if (params) {
//             datas = params;
//         }
//         if (typename != 6 && typename != 7 && typename != 8 && datas) {
//             for (let i = 0; i < datas.length; i++) {
//                 for (let j = i + 1; j < datas.length; j++) {
//                     let itemi = datas[i];
//                     let itemj = datas[j];
//                     if (i != j && itemi.paramnames && itemi.paramnames == itemj.paramnames) {
//                         Modal.info({
//                             title: getLabel(15172,'系统提示'),
//                             content: getLabel(132214,'其他参数中，参数名重复！'),
//                             okText: getLabel(826,'确定'),
//                             onOk() {},
//                         });
//                         datas[j].paramnames = "";
//                         setNewFormData({paramDatas:datas});
//                         return false;
//                     }
//                 }
//             }
//         }
//         return true;
//     }

//     /**
//      * 提交数据
//      */
//     submitData =() => {
//         const {outterStore} = this.props;
//         const {newFormData, newFormStatus} = outterStore;
//         const {paramDatas, requesttype, outternetworks} = newFormData;
//         const {isEdit, isneedpwd, isneediv} = newFormStatus;

//         let params = {...newFormData};
//         params.requesttype = requesttype.showname;
//         params.isneedpwd = isneedpwd;
//         params.isneediv = isneediv;

//         params.outternetworks = outternetworks;

//         let paramnames = [];
//         let labelnames = [];
//         let paramtypes = [];
//         let paramvalues = [];
//         let paraencrypts = [];
//         let encryptcodes = [];
//         let encryptivs = [];
//         if (paramDatas) {
//             paramDatas.map((item) => {
//                 paramnames.push(item.paramnames);
//                 labelnames.push(item.labelnames ? item.labelnames : "");
//                 if (item.paramtypes && item.paramtypes.length > 0) {
//                     if (item.paramtypes[0] == 0) {//固定值
//                         paramtypes.push(item.paramtypes[0]);
//                         paramvalues.push(item.paramtypes[1]);
//                     } else if (item.paramtypes[0] == 4) {//表达式
//                         paramtypes.push(item.paramtypes[0]);
//                         paramvalues.push(item.paramtypes[2]);
//                     } else if (item.paramtypes[0] == 5) {//表达式参数
//                         paramtypes.push(item.paramtypes[0]);
//                         paramvalues.push(item.paramtypes[1]);
//                     } else {//用户录入、分部、部门
//                         paramtypes.push(item.paramtypes[0]);
//                         paramvalues.push("");
//                     }
//                 } else {
//                     paramtypes.push("");
//                     paramvalues.push("");
//                 }
//                 paraencrypts.push(item.paraencrypts ? item.paraencrypts : "");
//                 encryptcodes.push(item.encryptcodes ? item.encryptcodes : "");
//                 encryptivs.push(item.encryptivs ? item.encryptivs : "");
//             });
//         }
//         params.paramnames = paramnames;
//         params.labelnames = labelnames;
//         params.paramtypes = paramtypes;
//         params.paramvalues = paramvalues;
//         //是否加密
//         params.paraencrypts = paraencrypts;
//         params.encryptcodes = encryptcodes;
//         params.encryptivs = encryptivs;
        
//         if (isEdit) {
//             params.operation = "edit";
//         } else {
//             params.operation = "add";
//         }
//         outterStore.operateOutterSys(params);
//     }

//     getShowListDatas(listT,listB){
//         const {setNewFormData} = this.props.outterStore;

//         listB = listB[listB.length-1];
//         let filename = '';
//         if(listB ){
//             filename = listB.name;
//         }
//         setNewFormData({filename:filename});
//     }

//     /**
//      * 【内外网自动登录】添加网段
//      */
//     addtr = () => {
//         const {setNewFormData} = this.props.outterStore;
//         const {sysIpAddress,outternetworks}  = this.props.outterStore.newFormData;
//         let myNetworkTable = [...outternetworks];
//         let isExist = false;
//         if (sysIpAddress) {
//             myNetworkTable.map(item => {
//                 if (item == sysIpAddress.showname) {
//                     isExist = true;
//                     Modal.info({
//                         title: getLabel(15172,'系统提示'),
//                         content: getLabel(125425,'不能重复添加此网段')+"!",
//                         okText: getLabel(826,'确定'),
//                         maskClosable:false,
//                         onOk() {},
//                     });
//                     return;
//                 }
//             });
//             if (isExist == false) {
//                 myNetworkTable.push(sysIpAddress.showname);
//                 setNewFormData({outternetworks:myNetworkTable});
//             }
//         }
//     }

//     /**
//      * 【内外网自动登录】删除网段
//      */
//     deltr = (ipAddress) => {
//         const {setNewFormData} = this.props.outterStore;
//         const {outternetworks}  = this.props.outterStore.newFormData;
//         if (outternetworks) {
//             for (let i = 0; i < outternetworks.length; i++) {
//                 if (outternetworks[i] == ipAddress) {
//                     outternetworks.splice(i, 1);
//                 }
//             }
//             setNewFormData({outternetworks: outternetworks});
//         }
//     }

//     getNetworkTable = () => {
//         const {outternetworks}  = this.props.outterStore.newFormData;

//         let group = [];

//         outternetworks.map((item) => {
//             group.push(
//                 <Row ecId={`${this && this.props && this.props.ecId || ''}_Row@difsoa@${diffKey}`} style={{position:'relative',top:'10px',height:'30px'}}>
//                     <Col ecId={`${this && this.props && this.props.ecId || ''}_Col@lalikt@${diffKey}`} span={10}>
//                         <label >    {item}</label>
//                     </Col>
//                     <Col ecId={`${this && this.props && this.props.ecId || ''}_Col@swdqnt@${diffKey}`} span={1}>
//                         <a onClick={() => {this.deltr(item);}}>{getLabel(91,'删除')}</a>
//                     </Col>
//                 </Row>
//             )
//         });
//         return group;
//     }

//     /**
//      * 基础设置
//      */
//     getBaseContent = () => {
//         const {outterStore} = this.props;
        
//         const {newFormData, setNewFormStatus, setNewFormData,setShowEncryptPwdAndIV,setDefaultEntranceUrl} = outterStore;
//         //界面状态
//         const {sysTypeNameOptions, sysIpAddressOptions,sysEncryptTypeOptions,isEdit, isneedpwd, isneediv, sysEncryptClassOptions, paramColumns} = toJS(outterStore.newFormStatus);
//         //界面数据
//         const {typename, sysid, name, filename, urllinkimagid, imagewidth, imageheight, autologin, sysIpAddress} = newFormData;
//         const {iurl, ourl, requesttype,urlencodeflag, encodeflag, encrypttype,encryptclassId,result} = newFormData;
//         //账号参数名
//         const {baseparam1, basetype1, urlparaencrypt1, encryptcode1, encryptiv1} = newFormData;
//         //密码参数名
//         const {baseparam2, basetype2, urlparaencrypt2, encryptcode2, encryptiv2} = newFormData;
//         const {client_id, client_secret, accountcode, entranceurl, showorder} = newFormData;
//         //263邮箱参数
//         const {email263_domain, email263_cid, email263_key} = newFormData;
//         //参数列表
//         const {paramDatas} = newFormData;

//         const requestTypeLinkageDatas = {
//           '1': {
//             conditionType: 'INPUT',
//             domkey: ['INPUT'],
//           },
//           '2': {
//             conditionType: 'CHECKBOX',
//             domkey: ['CHECKBOX'],
//           },
//           '6': {
//             conditionType: 'RANGEPICKER',
//             domkey: ['start', 'end'],
//           }
//         }
//         const labelCol = 5;
//         const fieldCol = 19;
//         let group = [];
//         let items = [];
//         // console.log(sysTypeNameOptions, this.props.source)
//         let newSysTypeNameOptions = [];
//         if (this.props.source === "coremail") {
//             // console.log(sysTypeNameOptions[8])
//             if (sysTypeNameOptions[8]) {
//                 sysTypeNameOptions[8].selected = true;
//             }
//             newSysTypeNameOptions = [sysTypeNameOptions[8]]
//         } else {
//             newSysTypeNameOptions = sysTypeNameOptions;
//         }
//         items.push({
//             com:(
//                 <WeaFormItem ecId={`${this && this.props && this.props.ecId || ''}_WeaFormItem@u3aw9s@${diffKey}`}
//                     label={getLabel(63,'类型')}
//                     labelCol={{span:labelCol}}
//                     wrapperCol={{span:fieldCol}}>
//                     <Row ecId={`${this && this.props && this.props.ecId || ''}_Row@hfydl6@${diffKey}`} align={"middle"}>
//                         <Col ecId={`${this && this.props && this.props.ecId || ''}_Col@yg1ijm@${diffKey}`} span={6}>
//                         <WeaSelect ecId={`${this && this.props && this.props.ecId || ''}_WeaSelect@vl5n57@${diffKey}`}
//                             options={newSysTypeNameOptions}
//                             value={typename}
//                             viewAttr={isEdit ? 1 : 3}
//                             onChange={(v, showname)=> {
//                                 setNewFormData({typename:v});
//                                 setDefaultEntranceUrl(v);
//                                 if (v == 1 || v == 5) {
//                                     //类型为NC或NC6时，账号参数名和密码参数名设置默认值
//                                     setNewFormData({baseparam1:"username",baseparam2:"password"});
//                                 } else if (v == 7) {
//                                     setNewFormData({baseparam1:"uid",baseparam2:""});
//                                 } else if (v == 8) {
//                                     setNewFormData({baseparam1:"",baseparam2:"password"});
//                                 }
//                             }}
//                         />
//                         </Col>
//                     </Row>
//                 </WeaFormItem>),
//             colSpan:1
//         });
//         if (isEdit == false) {
//             items.push({
//                 com:(
//                     <WeaFormItem ecId={`${this && this.props && this.props.ecId || ''}_WeaFormItem@din61i@${diffKey}`} 
//                         label={getLabel(84,'标识')}
//                         labelCol={{span:labelCol}}
//                         wrapperCol={{span:fieldCol}}>
//                         <Row ecId={`${this && this.props && this.props.ecId || ''}_Row@d0gzjx@${diffKey}`} align={"middle"}>
//                             <Col ecId={`${this && this.props && this.props.ecId || ''}_Col@gawjly@${diffKey}`} span={9}>
//                             <WeaInput ecId={`${this && this.props && this.props.ecId || ''}_WeaInput@91ktal@${diffKey}`}
//                                 id='sysid'
//                                 value={sysid}
//                                 viewAttr={3}
//                                 onChange={v=> {
//                                     setNewFormData({sysid:v});
//                                 }}
//                                 regExp={"^[0-9A-Za-z_]*$"}
//                             />
//                             </Col>
//                         </Row>
//                     </WeaFormItem>),
//                 colSpan:1
//             });
//         }
//         items.push({
//             com:(
//                 <WeaFormItem ecId={`${this && this.props && this.props.ecId || ''}_WeaFormItem@we3jlp@${diffKey}`} 
//                     label={getLabel(195,'名称')}
//                     labelCol={{span:labelCol}}
//                     wrapperCol={{span:fieldCol}}>
//                     <Row ecId={`${this && this.props && this.props.ecId || ''}_Row@v1wsuj@${diffKey}`} align={"middle"}>
//                         <Col ecId={`${this && this.props && this.props.ecId || ''}_Col@2ssrv9@${diffKey}`} span={9}>
//                         <WeaInput ecId={`${this && this.props && this.props.ecId || ''}_WeaInput@fdymru@${diffKey}`}
//                             id='name'
//                             inputType={"multilang"}
//                             value={name}
//                             viewAttr={3}
//                             onChange={v=> {
//                                 setNewFormData({name:v});
//                             }}
//                         />
//                         </Col>
//                     </Row>
//                 </WeaFormItem>),
//             colSpan:1
//         });
//         if (urllinkimagid && urllinkimagid != 0) {
//             items.push({
//                 com:(
//                     <WeaFormItem ecId={`${this && this.props && this.props.ecId || ''}_WeaFormItem@lzo6r6@${diffKey}`} 
//                         label={getLabel(82627,'链接图标')}
//                         labelCol={{span:labelCol}}
//                         wrapperCol={{span:fieldCol}}>
//                         <Row ecId={`${this && this.props && this.props.ecId || ''}_Row@dctxlq@${diffKey}`}>
//                             <Col ecId={`${this && this.props && this.props.ecId || ''}_Col@1jq6i3@${diffKey}`} span={9}>
//                                 <Button ecId={`${this && this.props && this.props.ecId || ''}_Button@qpfvct@${diffKey}`} type="primary">{getLabel(82746,'删除图标')}</Button>
//                             </Col>
//                         </Row>
//                     </WeaFormItem>),
//                 colSpan:1
//             });
//         } else {
//             items.push({
//                 com:(
//                     <WeaFormItem ecId={`${this && this.props && this.props.ecId || ''}_WeaFormItem@839rv4@${diffKey}`} 
//                         label={getLabel(82627,'链接图标')}
//                         labelCol={{span:labelCol}}
//                         wrapperCol={{span:fieldCol}}>
//                         <Row ecId={`${this && this.props && this.props.ecId || ''}_Row@8wxvvl@${diffKey}`}>
//                             <Col ecId={`${this && this.props && this.props.ecId || ''}_Col@lf9wvq@${diffKey}`} span={9}>
//                             <WeaUpload ecId={`${this && this.props && this.props.ecId || ''}_WeaUpload@dss560@${diffKey}`}
//                                 uploadUrl='/api/integration/Outter/uploadFile'
//                                 category='0' 
//                                 limitType="gif,png,jpg,jpeg,ico,bmp"
//                                 filename={filename}
//                                 autoUpload={false}
//                                 onChange={(ids, list) => {
//                                     setNewFormData({urllinkimagid: ids});
//                                 }}
//                                 getShowListDatas={(listT,listB)=>this.getShowListDatas(listT,listB)}
//                                 multiSelection={false} 
//                             >
//                                 <div>
//                                     <Button ecId={`${this && this.props && this.props.ecId || ''}_Button@db53b7@${diffKey}`}>{getLabel(125333,'选择文件')}</Button>{filename || getLabel(132240,'未选择任何文件')}
//                                 </div>
//                             </WeaUpload>
//                             </Col>
//                             <Col ecId={`${this && this.props && this.props.ecId || ''}_Col@ug1dox@${diffKey}`} span={9}>
//                                 <label style={{top:'10px'}}>{getLabel(82744,'图片类型必须是') + " gif,png,jpg,jpeg,ico,bmp"}</label>
//                             </Col>
//                         </Row>
//                     </WeaFormItem>),
//                 colSpan:1
//             });
//         }
//         if (urllinkimagid && urllinkimagid != 0 && urllinkimagid.length > 0) {
//             items.push({
//                 com:(
//                     <WeaFormItem ecId={`${this && this.props && this.props.ecId || ''}_WeaFormItem@b3nerk@${diffKey}`} 
//                         label={getLabel(82747,'原图标')}
//                         labelCol={{span:labelCol}}
//                         wrapperCol={{span:fieldCol}}>
//                         <Row ecId={`${this && this.props && this.props.ecId || ''}_Row@v13o2o@${diffKey}`}>
//                             <Col ecId={`${this && this.props && this.props.ecId || ''}_Col@z1g5bs@${diffKey}`} span={9}>
//                             </Col>
//                         </Row>
//                     </WeaFormItem>),
//                 colSpan:1
//             });
//         }
        
//         items.push({
//             com:(
//                 <WeaFormItem ecId={`${this && this.props && this.props.ecId || ''}_WeaFormItem@szi4kz@${diffKey}`} 
//                     label={getLabel(125422,'图标大小')}
//                     labelCol={{span:labelCol}}
//                     wrapperCol={{span:fieldCol}}>
//                     <div>
//                         <label >{getLabel(33818, "宽度")}：</label>
//                         <WeaInput ecId={`${this && this.props && this.props.ecId || ''}_WeaInput@vo0fsy@${diffKey}`}
//                             id='imagewidth'
//                             value={imagewidth}
//                             style={{width: 30, size:30, maxlength:30}}
//                             onChange={v => {
//                                 setNewFormData({imagewidth:v});
//                             }}
//                         />
//                         <label >{getLabel(33819, "高度")}：</label>
//                         <WeaInput ecId={`${this && this.props && this.props.ecId || ''}_WeaInput@75xt9e@${diffKey}`}
//                             id='imageheight'
//                             value={imageheight}
//                             style={{width: 30, size:30, maxlength:30}}
//                             onChange={v=> {
//                                 setNewFormData({imageheight:v});
//                             }}
//                         />
//                     </div>
//                 </WeaFormItem>),
//             colSpan:1
//         });
//         if (typename != 6) {
//             items.push({
//                 com:(
//                     <WeaFormItem ecId={`${this && this.props && this.props.ecId || ''}_WeaFormItem@eld7js@${diffKey}`} 
//                         label={getLabel(125423,'内外网自动登录')}
//                         labelCol={{span:labelCol}}
//                         wrapperCol={{span:fieldCol}}>
//                         <Row ecId={`${this && this.props && this.props.ecId || ''}_Row@hr9c96@${diffKey}`} align={"middle"}>
//                             <Col ecId={`${this && this.props && this.props.ecId || ''}_Col@49quxg@${diffKey}`} span={2}>
//                             <WeaCheckbox ecId={`${this && this.props && this.props.ecId || ''}_WeaCheckbox@vsvdcb@${diffKey}`}
//                                 display="switch"
//                                 value={autologin}
//                                 onChange={v=> {
//                                     setNewFormData({autologin:v});
//                                 }}
//                             />
//                             </Col>
//                             {autologin == 1 &&
//                             <Col ecId={`${this && this.props && this.props.ecId || ''}_Col@6v4mp5@${diffKey}`} span={10}>
//                                 <WeaSelect ecId={`${this && this.props && this.props.ecId || ''}_WeaSelect@gwty5y@${diffKey}`}
//                                     options={sysIpAddressOptions}
//                                     viewAttr={2}
//                                     onChange={(key,showname)=> {
//                                         setNewFormData({sysIpAddress:{key:key,showname:showname}});
//                                     }}
//                                 />
//                             </Col>
//                             }
//                             {autologin == 1 &&
//                             <Col ecId={`${this && this.props && this.props.ecId || ''}_Col@5iyk77@${diffKey}`} span={1}>
//                                 <a onClick={() => {this.addtr();}} style={{position:'relative',left: '5px',top:'5px'}}>
//                                     {getLabel(83476,'添加')}
//                                 </a>
//                             </Col>
//                             }
//                             {autologin == 1 &&
//                             <Col ecId={`${this && this.props && this.props.ecId || ''}_Col@rtp9eq@${diffKey}`} span={1}>
//                                 <WeaHelpfulTip ecId={`${this && this.props && this.props.ecId || ''}_WeaHelpfulTip@4zka6a@${diffKey}`}
//                                     width =  {230} 
//                                     style={{position:'relative',left:'5px',top:'5px'}}
//                                     title={getLabel(18890,'点击')+"["+getLabel(83726,'网段策略')+"]"+getLabel(125421,'可进入网段策略设置页面')+"."}
//                                 />
//                             </Col>
//                             }
//                             {autologin == 1 &&
//                             <Col ecId={`${this && this.props && this.props.ecId || ''}_Col@gg1wy8@${diffKey}`} span={2}>
//                                 <a onClick={() => {this.setState({networkVisible: true});}} style={{position:'relative',top:'5px'}}>{getLabel(83726,'网段策略')}</a>
//                             </Col>
//                             }
//                         </Row>
//                         {this.getNetworkTable()}
//                     </WeaFormItem>),
//                 colSpan:1
//             });
//             items.push({
//                 com:(
//                     <WeaFormItem ecId={`${this && this.props && this.props.ecId || ''}_WeaFormItem@hxywex@${diffKey}`} 
//                         label={getLabel(20963,'内网地址')}
//                         labelCol={{span:labelCol}}
//                         wrapperCol={{span:fieldCol}}>
//                         <Row ecId={`${this && this.props && this.props.ecId || ''}_Row@nipgj9@${diffKey}`} align={"middle"}>
//                             <Col ecId={`${this && this.props && this.props.ecId || ''}_Col@n03zrk@${diffKey}`} span={16}>
//                             <WeaInput ecId={`${this && this.props && this.props.ecId || ''}_WeaInput@8ws9n5@${diffKey}`}
//                                 id='iurl'
//                                 value={iurl}
//                                 viewAttr={3}
//                                 onChange={v=> {
//                                     setNewFormData({iurl:v});
//                                 }}
//                             />
//                             </Col>
//                         </Row>
//                     </WeaFormItem>),
//                 colSpan:1
//             });
//             items.push({
//                 com:(
//                     <WeaFormItem ecId={`${this && this.props && this.props.ecId || ''}_WeaFormItem@7pvi24@${diffKey}`} 
//                         label={getLabel(20964,'外网地址')}
//                         labelCol={{span:labelCol}}
//                         wrapperCol={{span:fieldCol}}>
//                         <Row ecId={`${this && this.props && this.props.ecId || ''}_Row@84xpn5@${diffKey}`} align={"middle"}>
//                             <Col ecId={`${this && this.props && this.props.ecId || ''}_Col@1oc7do@${diffKey}`} span={16}>
//                             <WeaInput ecId={`${this && this.props && this.props.ecId || ''}_WeaInput@y5dbkt@${diffKey}`}
//                                 id='ourl'
//                                 value={ourl}
//                                 viewAttr={3}
//                                 onChange={v=> {
//                                     setNewFormData({ourl:v});
//                                 }}
//                             />
//                             </Col>
//                         </Row>
//                     </WeaFormItem>),
//                 colSpan:1
//             });
//             if (typename != 7 && typename != 8) {
//                 items.push({
//                     com:(
//                         <WeaFormItem ecId={`${this && this.props && this.props.ecId || ''}_WeaFormItem@432l13@${diffKey}`} 
//                             label={getLabel(32343,'请求方式')}
//                             labelCol={{span:labelCol}}
//                             wrapperCol={{span:fieldCol}}>
//                             <Row ecId={`${this && this.props && this.props.ecId || ''}_Row@2ohgi2@${diffKey}`}>
//                                 <Col ecId={`${this && this.props && this.props.ecId || ''}_Col@9h2jw0@${diffKey}`} span={6}>
//                                     <WeaSelect ecId={`${this && this.props && this.props.ecId || ''}_WeaSelect@4cpx2g@${diffKey}`}
//                                         options={[{ key: "0",showname: "POST"},{key: "1",showname: "GET"}]}
//                                         value={requesttype.key}
//                                         viewAttr={3}
//                                         onChange={(v, showname)=> {
//                                             setNewFormData({requesttype:{key:v,showname:showname}});
//                                         }}
//                                     />
//                                 </Col>
//                                 {requesttype.key=="1" &&
//                                 <Col ecId={`${this && this.props && this.props.ecId || ''}_Col@9kwf0p@${diffKey}`} span={6}>
//                                     <WeaSelect ecId={`${this && this.props && this.props.ecId || ''}_WeaSelect@j53a6m@${diffKey}`}
//                                         options={[{ key: "1",showname: getLabel(82628,'地址编码')},{key: "0",showname: getLabel(82631,'不编码')}]}
//                                         value={urlencodeflag}
//                                         viewAttr={2}
//                                         detailtype={3}
//                                         onChange={(v, showname)=> {
//                                             setNewFormData({urlencodeflag:v});
//                                         }}
//                                     />
//                                 </Col>
//                                 }
//                             </Row>
//                         </WeaFormItem>),
//                     colSpan:1
//                 });

//                 items.push({
//                     com:(
//                         <WeaFormItem ecId={`${this && this.props && this.props.ecId || ''}_WeaFormItem@o9fbn7@${diffKey}`} 
//                             label={getLabel(127225,'登录系统编码')}
//                             labelCol={{span:labelCol}}
//                             wrapperCol={{span:fieldCol}}>
//                             <Row ecId={`${this && this.props && this.props.ecId || ''}_Row@wou2yq@${diffKey}`}>
//                                 <Col ecId={`${this && this.props && this.props.ecId || ''}_Col@7vp5ov@${diffKey}`} span={6}>
//                                     <WeaSelect ecId={`${this && this.props && this.props.ecId || ''}_WeaSelect@g0fyh9@${diffKey}`}
//                                         options={[{ key: "0",showname: "UTF-8"},{key: "1",showname: "GBK"}]}
//                                         value={encodeflag}
//                                         viewAttr={2}
//                                         onChange={(v, showname)=> {
//                                             setNewFormData({encodeflag:v});
//                                         }}
//                                     />
//                                 </Col>
//                             </Row>
//                         </WeaFormItem>),
//                     colSpan:1
//                 });

//                 items.push({
//                     com:(
//                         <WeaFormItem ecId={`${this && this.props && this.props.ecId || ''}_WeaFormItem@yjhyw0@${diffKey}`} 
//                             label={getLabel(32344,'加密算法')}
//                             labelCol={{span:labelCol}}
//                             wrapperCol={{span:fieldCol}}>
//                             <Row ecId={`${this && this.props && this.props.ecId || ''}_Row@gpe9nz@${diffKey}`}>
//                                 <Col ecId={`${this && this.props && this.props.ecId || ''}_Col@8rydar@${diffKey}`} span={6}>
//                                     <WeaSelect ecId={`${this && this.props && this.props.ecId || ''}_WeaSelect@4wi51k@${diffKey}`}
//                                         options={sysEncryptTypeOptions}
//                                         value={encrypttype}
//                                         viewAttr={2}
//                                         onChange={(v, showname)=> {
//                                             setNewFormData({encrypttype:v, encrypttypeOption:{key:v, showname:showname}});
//                                             if (v == 2) {//自定义加密算法
//                                                 setShowEncryptPwdAndIV(encryptclassId,'cus');
//                                             } else {//系统预置加密算法
//                                                 setShowEncryptPwdAndIV(v,'sys');
//                                             }
//                                             this.props.outterStore.refreshParamColumns();
//                                         }}
//                                     />
//                                 </Col>
//                                 {encrypttype=="2" &&
//                                 <Col ecId={`${this && this.props && this.props.ecId || ''}_Col@hj8fbj@${diffKey}`} span={6} style={{left: 5}}>
//                                     <WeaSelect ecId={`${this && this.props && this.props.ecId || ''}_WeaSelect@834ndk@${diffKey}`}
//                                         options={sysEncryptClassOptions}
//                                         value={encryptclassId}
//                                         viewAttr={2}
//                                         onChange={(v, showname)=> {
//                                             setNewFormData({encryptclassId:v});
//                                             setShowEncryptPwdAndIV(v,'cus');
//                                             this.props.outterStore.refreshParamColumns();
//                                         }}
//                                     />
//                                 </Col>
//                                 }
//                                 {encrypttype=="2" &&
//                                 <Col ecId={`${this && this.props && this.props.ecId || ''}_Col@mrfb3j@${diffKey}`} span={1} style={{left: 10}}>
//                                     <a style={{position:'relative',top:'5px'}}
//                                         onClick={() => {
//                                             outterStore.setState({showNewFormDialog_encrypt : true});
//                                         }} 
//                                     >{getLabel(83981,'新建')}</a>
//                                     <EncryptClass ecId={`${this && this.props && this.props.ecId || ''}_EncryptClass@tmosh3@${diffKey}`}/>
//                                 </Col>
//                                 }
//                                 <Col ecId={`${this && this.props && this.props.ecId || ''}_Col@gowmf3@${diffKey}`} span={4} style={{left: 5}}>
//                                     <WeaSelect ecId={`${this && this.props && this.props.ecId || ''}_WeaSelect@79id65@${diffKey}`}
//                                         options={[{ key: "0",showname: getLabel(6056,'原值')},{key: "-1",showname: getLabel(129376,'加密后小写')},{key: "1",showname: getLabel(129377,'加密后大写')}]}
//                                         value={result}
//                                         viewAttr={2}
//                                         onChange={(v, showname)=> {
//                                             setNewFormData({result:v});
//                                         }}
//                                     />
//                                 </Col>
//                             </Row>
//                         </WeaFormItem>),
//                     colSpan:1
//                 });
//             }
//             if (typename != 8) {
//                 items.push({
//                     com:(
//                         <WeaFormItem ecId={`${this && this.props && this.props.ecId || ''}_WeaFormItem@da5wve@${diffKey}`} 
//                             label={getLabel(20965,'账号参数名')}
//                             labelCol={{span:labelCol}}
//                             wrapperCol={{span:fieldCol}}>
//                             <Row ecId={`${this && this.props && this.props.ecId || ''}_Row@9t0n0e@${diffKey}`}>
//                                 <Col ecId={`${this && this.props && this.props.ecId || ''}_Col@tbrn2f@${diffKey}`} span={11}>
//                                     <Row ecId={`${this && this.props && this.props.ecId || ''}_Row@vlrkm7@${diffKey}`} align="middle">
//                                         <Col ecId={`${this && this.props && this.props.ecId || ''}_Col@ybn9nj@${diffKey}`} span={8}>
//                                             <WeaInput ecId={`${this && this.props && this.props.ecId || ''}_WeaInput@wqnwip@${diffKey}`}
//                                                 id='baseparam1'
//                                                 value={baseparam1}
//                                                 viewAttr={(typename == 1 || typename == 5 || typename == 7) ? 1 : 2}
//                                                 onChange={v=> {
//                                                     setNewFormData({baseparam1:v});
//                                                 }}
//                                             />
//                                         </Col>
//                                         <Col ecId={`${this && this.props && this.props.ecId || ''}_Col@umumw4@${diffKey}`} span={16} style={{left: 10}}>
//                                             <WeaSelect ecId={`${this && this.props && this.props.ecId || ''}_WeaSelect@7smqs7@${diffKey}`}
//                                                 options={[{ key: "1",showname: getLabel(20974,'使用ecology账号')},{key: "0",showname: getLabel(20976,'用户录入')}]}
//                                                 value={basetype1 == 1 ? "1" : "0"}
//                                                 viewAttr={3}
//                                                 detailtype={3}
//                                                 onChange={(v, showname)=> {
//                                                     setNewFormData({basetype1:v});
//                                                 }}
//                                             />
//                                         </Col>
//                                     </Row>
//                                 </Col>
//                                 {encrypttype!="0" &&
//                                 <Col ecId={`${this && this.props && this.props.ecId || ''}_Col@wf06f9@${diffKey}`} span={2} style={{left: -5}}>
//                                     <Row ecId={`${this && this.props && this.props.ecId || ''}_Row@344z1u@${diffKey}`} align="middle">
//                                         <Col ecId={`${this && this.props && this.props.ecId || ''}_Col@39bsie@${diffKey}`} span={20}>
//                                             <label style={{top:'5px'}}>{getLabel(28640,'是否加密')}</label>
//                                         </Col>
//                                         <Col ecId={`${this && this.props && this.props.ecId || ''}_Col@bidyly@${diffKey}`} span={4}>
//                                             <WeaCheckbox ecId={`${this && this.props && this.props.ecId || ''}_WeaCheckbox@gwvtde@${diffKey}`}
//                                                 display="switch"
//                                                 value={urlparaencrypt1}
//                                                 onChange={value => {
//                                                     setNewFormData({urlparaencrypt1: value});
//                                                 }}
//                                             />
//                                         </Col>
//                                     </Row>
//                                 </Col>
//                                 }
//                                 {encrypttype!="0" && isneedpwd == 1 && urlparaencrypt1 == 1 &&
//                                 <Col ecId={`${this && this.props && this.props.ecId || ''}_Col@gf7qi1@${diffKey}`} span={4} style={{left: 25}}>
//                                     <Row ecId={`${this && this.props && this.props.ecId || ''}_Row@pvyhip@${diffKey}`} align="middle">
//                                         <Col ecId={`${this && this.props && this.props.ecId || ''}_Col@1vh3l5@${diffKey}`} span={12}>
//                                             <label style={{top:'5px'}}>{getLabel(32348,'加密密钥')+":"}</label>
//                                         </Col>
//                                         <Col ecId={`${this && this.props && this.props.ecId || ''}_Col@uzcuug@${diffKey}`} span={12}>
//                                             <WeaInput ecId={`${this && this.props && this.props.ecId || ''}_WeaInput@fbucpv@${diffKey}`}
//                                                 id='encryptcode1'
//                                                 type="password"
//                                                 style={{width: 70}}
//                                                 value={encryptcode1}
//                                                 onChange={v=> {
//                                                     setNewFormData({encryptcode1:v});
//                                                 }}
//                                             />
//                                         </Col>
//                                     </Row>
//                                 </Col>
//                                 }
//                                 {encrypttype!="0" && isneedpwd == 1 && urlparaencrypt1 == 1 && isneediv == 1 &&
//                                 <Col ecId={`${this && this.props && this.props.ecId || ''}_Col@jfx0nq@${diffKey}`} span={4} style={{left: 40}}>
//                                     <Row ecId={`${this && this.props && this.props.ecId || ''}_Row@jbxqxh@${diffKey}`} align="middle">
//                                         <Col ecId={`${this && this.props && this.props.ecId || ''}_Col@uswa7l@${diffKey}`} span={12}>
//                                             <label style={{top:'5px'}}>{getLabel(129315,'加密向量')+":"}</label>
//                                         </Col>
//                                         <Col ecId={`${this && this.props && this.props.ecId || ''}_Col@kk2tfx@${diffKey}`} span={12}>
//                                             <WeaInput ecId={`${this && this.props && this.props.ecId || ''}_WeaInput@2zaoyo@${diffKey}`}
//                                                 id='encryptiv1'
//                                                 type="password"
//                                                 style={{width: 70}}
//                                                 value={encryptiv1}
//                                                 onChange={v=> {
//                                                     setNewFormData({encryptiv1:v});
//                                                 }}
//                                             />
//                                         </Col>
//                                     </Row>
//                                 </Col>
//                                 }
//                                 {encrypttype!="0" && isneedpwd == 1 && urlparaencrypt1 == 1 &&
//                                 <Col ecId={`${this && this.props && this.props.ecId || ''}_Col@m2dvkl@${diffKey}`} span={1} style={{left: isneediv == 1 ? 55 : 40}}>
//                                     <Row ecId={`${this && this.props && this.props.ecId || ''}_Row@uz233f@${diffKey}`} align="middle">
//                                         <Col ecId={`${this && this.props && this.props.ecId || ''}_Col@s1emtl@${diffKey}`} span={2}>
//                                             <WeaHelpfulTip ecId={`${this && this.props && this.props.ecId || ''}_WeaHelpfulTip@ci0r3f@${diffKey}`}
//                                                 width =  {230} 
//                                                 style={{position:'relative',top:'5px'}}
//                                                 title={getLabel(129590,'如果此处没有填写密钥和向量，则使用加密算法设置中的密钥和向量对参数进行加密，以下规则均如此！')}
//                                             />
//                                         </Col>
//                                     </Row>
//                                 </Col>
//                                 }
//                             </Row>
//                         </WeaFormItem>),
//                     colSpan:1
//                 });
//             }

//             if (typename != 7) {
//                 items.push({
//                     com:(
//                         <WeaFormItem ecId={`${this && this.props && this.props.ecId || ''}_WeaFormItem@e54y6s@${diffKey}`} 
//                             label={getLabel(20966,'密码参数名')}
//                             labelCol={{span:labelCol}}
//                             wrapperCol={{span:fieldCol}}>
//                             <Row ecId={`${this && this.props && this.props.ecId || ''}_Row@v0h7yb@${diffKey}`}>
//                                 <Col ecId={`${this && this.props && this.props.ecId || ''}_Col@isyix8@${diffKey}`} span={11}>
//                                     <Row ecId={`${this && this.props && this.props.ecId || ''}_Row@kyohr8@${diffKey}`} align="middle">
//                                         <Col ecId={`${this && this.props && this.props.ecId || ''}_Col@nccqfu@${diffKey}`} span={8}>
//                                             <WeaInput ecId={`${this && this.props && this.props.ecId || ''}_WeaInput@wtjyk0@${diffKey}`}
//                                                 id='baseparam2'
//                                                 value={baseparam2}
//                                                 viewAttr={(typename == 1 || typename == 5 || typename == 8) ? 1 : 2}
//                                                 onChange={v=> {
//                                                     setNewFormData({baseparam2:v});
//                                                 }}
//                                             />
//                                         </Col>
//                                         <Col ecId={`${this && this.props && this.props.ecId || ''}_Col@1fn01e@${diffKey}`} span={16} style={{left: 10}}>
//                                             <WeaSelect ecId={`${this && this.props && this.props.ecId || ''}_WeaSelect@zmd9wh@${diffKey}`}
//                                                 options={[{ key: "1",selected: true,showname: getLabel(20974,'使用ecology账号')},{key: "0",showname: getLabel(20976,'用户录入')}]}
//                                                 value={basetype2 == 1 ? "1" : "0"}
//                                                 viewAttr={2}
//                                                 detailtype={3}
//                                                 onChange={(v, showname)=> {
//                                                     setNewFormData({basetype2:v});
//                                                 }}
//                                             />
//                                         </Col>
//                                     </Row>
//                                 </Col>
//                                 {encrypttype!="0" &&
//                                 <Col ecId={`${this && this.props && this.props.ecId || ''}_Col@cq844d@${diffKey}`} span={2} style={{left: -5}}>
//                                     <Row ecId={`${this && this.props && this.props.ecId || ''}_Row@dv55lt@${diffKey}`} align="middle">
//                                         <Col ecId={`${this && this.props && this.props.ecId || ''}_Col@vta9h4@${diffKey}`} span={20}>
//                                             <label style={{top:'5px'}}>{getLabel(28640,'是否加密')}</label>
//                                         </Col>
//                                         <Col ecId={`${this && this.props && this.props.ecId || ''}_Col@4s36hd@${diffKey}`} span={4}>
//                                             <WeaCheckbox ecId={`${this && this.props && this.props.ecId || ''}_WeaCheckbox@neylk8@${diffKey}`}
//                                                 display="switch"
//                                                 value={urlparaencrypt2}
//                                                 onChange={value => {
//                                                     setNewFormData({urlparaencrypt2: value});
//                                                 }}
//                                             />
//                                         </Col>
//                                     </Row>
//                                 </Col>
//                                 }
//                                 {encrypttype!="0" && isneedpwd == 1 && urlparaencrypt2 == 1 &&
//                                 <Col ecId={`${this && this.props && this.props.ecId || ''}_Col@qv8il2@${diffKey}`} span={4} style={{left: 25}}>
//                                     <Row ecId={`${this && this.props && this.props.ecId || ''}_Row@2ncxzo@${diffKey}`} align="middle">
//                                         <Col ecId={`${this && this.props && this.props.ecId || ''}_Col@s8oqmy@${diffKey}`} span={12}>
//                                             <label style={{top:'5px'}}>{getLabel(32348,'加密密钥')+":"}</label>
//                                         </Col>
//                                         <Col ecId={`${this && this.props && this.props.ecId || ''}_Col@9oyazl@${diffKey}`} span={12}>
//                                             <WeaInput ecId={`${this && this.props && this.props.ecId || ''}_WeaInput@cpp1ne@${diffKey}`}
//                                                 id='encryptcode2'
//                                                 type="password"
//                                                 style={{width: 70}}
//                                                 value={encryptcode2}
//                                                 onChange={v=> {
//                                                     setNewFormData({encryptcode2:v});
//                                                 }}
//                                             />
//                                         </Col>
//                                     </Row>
//                                 </Col>
//                                 }
//                                 {encrypttype!="0" && isneedpwd == 1 && urlparaencrypt2 == 1 && isneediv == 1 &&
//                                 <Col ecId={`${this && this.props && this.props.ecId || ''}_Col@k24afj@${diffKey}`} span={4} style={{left: 40}}>
//                                     <Row ecId={`${this && this.props && this.props.ecId || ''}_Row@bsc0u2@${diffKey}`} align="middle">
//                                         <Col ecId={`${this && this.props && this.props.ecId || ''}_Col@tvpes1@${diffKey}`} span={12}>
//                                             <label style={{top:'5px'}}>{getLabel(129315,'加密向量')+":"}</label>
//                                         </Col>
//                                         <Col ecId={`${this && this.props && this.props.ecId || ''}_Col@48sno6@${diffKey}`} span={12}>
//                                             <WeaInput ecId={`${this && this.props && this.props.ecId || ''}_WeaInput@sgrofj@${diffKey}`}
//                                                 id='encryptiv2'
//                                                 type="password"
//                                                 style={{width: 70}}
//                                                 value={encryptiv2}
//                                                 onChange={v=> {
//                                                     setNewFormData({encryptiv2:v});
//                                                 }}
//                                             />
//                                         </Col>
//                                     </Row>
//                                 </Col>
//                                 }
//                                 {encrypttype!="0" && isneedpwd == 1 && urlparaencrypt2 == 1 &&
//                                 <Col ecId={`${this && this.props && this.props.ecId || ''}_Col@93hprq@${diffKey}`} span={1} style={{left: isneediv == 1 ? 55 : 40}}>
//                                     <Row ecId={`${this && this.props && this.props.ecId || ''}_Row@zywhw3@${diffKey}`} align="middle">
//                                         <Col ecId={`${this && this.props && this.props.ecId || ''}_Col@zovfot@${diffKey}`} span={2}>
//                                             <WeaHelpfulTip ecId={`${this && this.props && this.props.ecId || ''}_WeaHelpfulTip@athi9h@${diffKey}`}
//                                                 style={{position:'relative',top:'5px'}}
//                                                 title={getLabel(129590,'如果此处没有填写密钥和向量，则使用加密算法设置中的密钥和向量对参数进行加密，以下规则均如此！')}
//                                             />
//                                         </Col>
//                                     </Row>
//                                 </Col>
//                                 }
//                             </Row>
//                         </WeaFormItem>),
//                     colSpan:1
//                 });
//             }
//         }
//         if (typename == 1 || typename == 5) {
//             items.push({
//                 com:(
//                     <WeaFormItem ecId={`${this && this.props && this.props.ecId || ''}_WeaFormItem@iaaqw7@${diffKey}`} 
//                         label={getLabel(24427,'账套')}
//                         labelCol={{span:labelCol}}
//                         wrapperCol={{span:fieldCol}}>
//                         <Row ecId={`${this && this.props && this.props.ecId || ''}_Row@t0vllu@${diffKey}`} align={"middle"}>
//                             <Col ecId={`${this && this.props && this.props.ecId || ''}_Col@mtwdec@${diffKey}`} span={9}>
//                             <WeaInput ecId={`${this && this.props && this.props.ecId || ''}_WeaInput@79futv@${diffKey}`}
//                                 id='accountcode'
//                                 value={accountcode}
//                                 viewAttr={3}
//                                 onChange={v=> {
//                                     setNewFormData({accountcode:v});
//                                 }}
//                             />
//                             </Col>
//                         </Row>
//                     </WeaFormItem>),
//                 colSpan:1
//             });
//         }
//         if (typename == 6) {
//             items.push({
//                 com:(
//                     <WeaFormItem ecId={`${this && this.props && this.props.ecId || ''}_WeaFormItem@5vjz5o@${diffKey}`} 
//                         label={getLabel(129950,'企业id')+"(corpid)"}
//                         labelCol={{span:labelCol}}
//                         wrapperCol={{span:fieldCol}}>
//                         <Row ecId={`${this && this.props && this.props.ecId || ''}_Row@8m9dru@${diffKey}`} align={"middle"}>
//                             <Col ecId={`${this && this.props && this.props.ecId || ''}_Col@hylj1g@${diffKey}`} span={9}>
//                             <WeaInput ecId={`${this && this.props && this.props.ecId || ''}_WeaInput@8l7fds@${diffKey}`}
//                                 id='client_id'
//                                 value={client_id}
//                                 viewAttr={3}
//                                 onChange={v=> {
//                                     setNewFormData({client_id:v});
//                                 }}
//                             />
//                             </Col>
//                         </Row>
//                     </WeaFormItem>),
//                 colSpan:1
//             });
//             items.push({
//                 com:(
//                     <WeaFormItem ecId={`${this && this.props && this.props.ecId || ''}_WeaFormItem@62hhoq@${diffKey}`} 
//                         label={getLabel(129951,'应用的凭证密钥')+"(corpsecret)"}
//                         labelCol={{span:labelCol}}
//                         wrapperCol={{span:fieldCol}}>
//                         <Row ecId={`${this && this.props && this.props.ecId || ''}_Row@3xz1e0@${diffKey}`} align={"middle"}>
//                             <Col ecId={`${this && this.props && this.props.ecId || ''}_Col@wwh267@${diffKey}`} span={9}>
//                             <WeaInput ecId={`${this && this.props && this.props.ecId || ''}_WeaInput@g6wood@${diffKey}`}
//                                 id='client_secret'
//                                 value={client_secret}
//                                 viewAttr={3}
//                                 onChange={v=> {
//                                     setNewFormData({client_secret:v});
//                                 }}
//                             />
//                             </Col>
//                         </Row>
//                     </WeaFormItem>),
//                 colSpan:1
//             });
//         }
//         if (typename == 7) {
//             items.push({
//                 com:(
//                     <WeaFormItem ecId={`${this && this.props && this.props.ecId || ''}_WeaFormItem@vwmyg8@${diffKey}`} 
//                         label={getLabel(128624,'邮箱域名')}
//                         labelCol={{span:labelCol}}
//                         wrapperCol={{span:fieldCol}}>
//                         <Row ecId={`${this && this.props && this.props.ecId || ''}_Row@wsrbeh@${diffKey}`} align={"middle"}>
//                             <Col ecId={`${this && this.props && this.props.ecId || ''}_Col@gme6ci@${diffKey}`} span={9}>
//                             <WeaInput ecId={`${this && this.props && this.props.ecId || ''}_WeaInput@4xhwh0@${diffKey}`}
//                                 id='email263_domain'
//                                 value={email263_domain}
//                                 viewAttr={3}
//                                 onChange={v=> {
//                                     setNewFormData({email263_domain:v});
//                                 }}
//                             />
//                             </Col>
//                         </Row>
//                     </WeaFormItem>),
//                 colSpan:1
//             });
//             items.push({
//                 com:(
//                     <WeaFormItem ecId={`${this && this.props && this.props.ecId || ''}_WeaFormItem@kptldc@${diffKey}`} 
//                         label={getLabel(128625,'单点登录接口账号')}
//                         labelCol={{span:labelCol}}
//                         wrapperCol={{span:fieldCol}}>
//                         <Row ecId={`${this && this.props && this.props.ecId || ''}_Row@7mloqv@${diffKey}`} align={"middle"}>
//                             <Col ecId={`${this && this.props && this.props.ecId || ''}_Col@6e4tyf@${diffKey}`} span={9}>
//                             <WeaInput ecId={`${this && this.props && this.props.ecId || ''}_WeaInput@u72un2@${diffKey}`}
//                                 id='email263_cid'
//                                 value={email263_cid}
//                                 viewAttr={3}
//                                 onChange={v=> {
//                                     setNewFormData({email263_cid:v});
//                                 }}
//                             />
//                             </Col>
//                         </Row>
//                     </WeaFormItem>),
//                 colSpan:1
//             });
//             items.push({
//                 com:(
//                     <WeaFormItem ecId={`${this && this.props && this.props.ecId || ''}_WeaFormItem@9dssik@${diffKey}`} 
//                         label={getLabel(386980,'单点登录接口密钥')}
//                         labelCol={{span:labelCol}}
//                         wrapperCol={{span:fieldCol}}>
//                         <Row ecId={`${this && this.props && this.props.ecId || ''}_Row@emjhgn@${diffKey}`} align={"middle"}>
//                             <Col ecId={`${this && this.props && this.props.ecId || ''}_Col@c3p5ac@${diffKey}`} span={9}>
//                             <WeaInput ecId={`${this && this.props && this.props.ecId || ''}_WeaInput@4xxxqm@${diffKey}`}
//                                 id='email263_key'
//                                 type='password'
//                                 value={email263_key}
//                                 viewAttr={3}
//                                 onChange={v=> {
//                                     setNewFormData({email263_key:v});
//                                 }}
//                             />
//                             </Col>
//                         </Row>
//                     </WeaFormItem>),
//                 colSpan:1
//             });
//         }
//         items.push({
//             com:(
//                 <WeaFormItem ecId={`${this && this.props && this.props.ecId || ''}_WeaFormItem@26qfqb@${diffKey}`} 
//                     label={getLabel(129236,'单点登录地址')}
//                     labelCol={{span:labelCol}}
//                     wrapperCol={{span:fieldCol}}>
//                     <Row ecId={`${this && this.props && this.props.ecId || ''}_Row@6btg9h@${diffKey}`} align={"middle"}>
//                         <Col ecId={`${this && this.props && this.props.ecId || ''}_Col@x6p2ce@${diffKey}`} span={16}>
//                         <WeaInput ecId={`${this && this.props && this.props.ecId || ''}_WeaInput@dkm21v@${diffKey}`}
//                             id='entranceurl'
//                             value={entranceurl}
//                             viewAttr={typename == 0 ? 3 : 1}
//                             onChange={v=> {
//                                 setNewFormData({entranceurl:v});
//                             }}
//                         />
//                         </Col>
//                     </Row>
//                 </WeaFormItem>),
//             colSpan:1
//         });
//         items.push({
//             com:(
//                 <WeaFormItem ecId={`${this && this.props && this.props.ecId || ''}_WeaFormItem@7g37ap@${diffKey}`} 
//                     label={getLabel(15513,'显示顺序')}
//                     labelCol={{span:labelCol}}
//                     wrapperCol={{span:fieldCol}}>
//                     <Row ecId={`${this && this.props && this.props.ecId || ''}_Row@05r22j@${diffKey}`} align={"middle"}>
//                         <Col ecId={`${this && this.props && this.props.ecId || ''}_Col@c8qgqn@${diffKey}`} span={6}>
//                         <WeaInputNumber ecId={`${this && this.props && this.props.ecId || ''}_WeaInputNumber@fqgzr6@${diffKey}`}
//                             id='showorder'
//                             value={showorder}
//                             viewAttr={3}
//                             max={999999999}
//                             min={-999999999}
//                             onChange={v => {
//                                 setNewFormData({showorder:v});
//                             }}
//                         />
//                         </Col>
//                     </Row>
//                 </WeaFormItem>),
//             colSpan:1
//         });

//         //基础信息
//         group.push(<WeaSearchGroup ecId={`${this && this.props && this.props.ecId || ''}_WeaSearchGroup@30x17m@${diffKey}`} col={1}  needTigger={true} title={getLabel(82743,'基础信息')}  showGroup={true} items={items}/>);
//         //其他参数
//         if (typename != 6 && typename != 7 && typename != 8) {
//             group.push(
//             <Row ecId={`${this && this.props && this.props.ecId || ''}_Row@7u4yq3@${diffKey}`} align="middle">
//                 <Col ecId={`${this && this.props && this.props.ecId || ''}_Col@jq2yu2@${diffKey}`} span={1}>
//                 </Col>
//                 <Col ecId={`${this && this.props && this.props.ecId || ''}_Col@08pxtw@${diffKey}`} span={22}>
//                     <WeaTableEdit ecId={`${this && this.props && this.props.ecId || ''}_WeaTableEdit@7o7i6u@${diffKey}`}
//                         draggable={false}
//                         showCopy={false}
//                         columns={toJS(paramColumns)}
//                         datas={toJS(paramDatas)}
//                         showCollapse={true}
//                         title={getLabel(20967,'其他参数')}
//                         onChange={data => {
//                             this.onChangeParam(data);
//                         }}
//                     />
//                 </Col>
//             </Row>);
//         }
//         return group;
//     }

//     /**
//      * 参数列表事件
//      */
//     onChangeParam(datas) {
//         if (this.checkParamNames(datas)) {
//             this.props.outterStore.refreshDatas(datas);
//         }
//     }

//     render() {
//         const {outterStore} = this.props;
//         const {selectedKey, networkVisible} = this.state;
//         const {sysShareTableStore, getOutterSysIpAddressOperates} = outterStore;
//         const { showNewFormDialog_sys } = toJS(outterStore.status);
//         const {isEdit} = outterStore.newFormStatus;
//         const {shareDatas} = outterStore.sysShareStatus;

//         let topTab = [];
//         if (isEdit) {
//             topTab = [
//                 {
//                     groupid: 'baseinfo',
//                     title: getLabel(16484,'基础设置'),
//                     viewcondition: 0
//                 },
//                 {
//                     groupid: 'share',
//                     title: getLabel(19910,'共享范围'),
//                     viewcondition: 1
//                 }];
//         } else {
//             topTab = [
//                 {
//                     groupid: 'baseinfo',
//                     title: getLabel(16484,'基础设置'),
//                     viewcondition: 0
//                 }];
//         }

//         let shareColumns = [];

//         shareColumns.push({
//             title: getLabel(21956,'对象类型'),
//             dataIndex: 'type',
//             useRecord: true,
//             key: 'type',
//             width: '30%',
//             com: [
//                 { label: '', type: 'INPUT', viewAttr: 1, key: 'type'},
//             ],
//         });

//         shareColumns.push({
//             title: getLabel(106,'对象'),
//             dataIndex: 'content',
//             useRecord: true,
//             key: 'content',
//             width: '50%',
//             com: [
//                 { label: '', type: 'INPUT', viewAttr: 1, key: 'content'},
//             ],
//         });


//         shareColumns.push({
//             title: getLabel(683,'安全级别'),
//             dataIndex: 'seclevel',
//             useRecord: true,
//             key: 'seclevel',
//             width: '20%',
//             com: [
//                 { label: '', type: 'INPUT', viewAttr: 1, key: 'seclevel'},
//             ],
//         });

//         return (

//             <div className='wea-integration-single'>


//             <WeaDialog ecId={`${this && this.props && this.props.ecId || ''}_WeaDialog@kh966s`}
//                   title={isEdit? getLabel(93,'编辑') + getLabel( '20961' ,'集成登录设置'): getLabel(365,'新建') + getLabel( '20961' ,'集成登录设置')}
//                   icon='icon-coms-integration'
//                   iconBgcolor='#1a57a0'
//                   visible={showNewFormDialog_sys}
//                   hasScroll={false}
//                   style={{width: 1000, height: 550}}
//                   onCancel={()=> {
//                       outterStore.setState({showNewFormDialog_sys : false});
//                       outterStore.resetNewFormData();
//                       this.setState({selectedKey:0});
//                   }}
//                   buttons={this.getBtns()}
//                   moreBtn={{
//                       datas : this.getRightMenu(),
//                       collectParams: []
//                   }}
//               >
//                 <WeaRightMenu ecId={`${this && this.props && this.props.ecId || ''}_WeaRightMenu@lui7aw`}
//                     datas={this.getRightMenu()}
//                     collectParams={[]}>
//                     <WeaTab ecId={`${this && this.props && this.props.ecId || ''}_WeaTab@vt0c22`}
//                         datas={topTab}
//                         keyParam="viewcondition"  //主键
//                         countParam="groupid" //数量
//                         selectedKey={selectedKey}
//                         onChange={v => this.setState({selectedKey: v})}
//                     />
//                     <WeaNewScroll ecId={`${this && this.props && this.props.ecId || ''}_WeaNewScroll@se2jou`} height = {500}>
//                     {selectedKey == 0 ? (
//                             this.getBaseContent()
//                         ) : (

//                             <WeaTableEdit ecId={`${this && this.props && this.props.ecId || ''}_WeaTableEdit@fx2jl0`}
//                                 draggable={false}
//                                 showCopy={false}
//                                 showAdd={false}
//                                 showDelete={false}
//                                 showTitle={false}
//                                 columns={toJS(shareColumns)}
//                                 datas={toJS(shareDatas)}
//                                 showCollapse={true}
//                                 selectedRowKeys={this.state.shareSelectedId}
//                                 onRowSelect={v => {
//                                     this.setState({shareSelectedId: v});
//                                 }}
//                             />
//                         )}
                    
//                     </WeaNewScroll>
//                     <AddShare ecId={`${this && this.props && this.props.ecId || ''}_AddShare@u91nq8`}/>
//                     <WeaDialog ecId={`${this && this.props && this.props.ecId || ''}_WeaDialog@7lkxv8`}
//                         onCancel={()=> {
//                             getOutterSysIpAddressOperates();
//                             this.setState({networkVisible: false});
//                         }}
//                         title={getLabel( '129684' ,'网段策略')}
//                         url = {'/spa/hrm/engine.html#/hrmengine/securitySetting?single=1'} // 也支持外部地址
//                         visible={networkVisible}
//                         style={{width: 900, height: 650}}
//                         />
//                 </WeaRightMenu>
//               </WeaDialog>
              
//             </div>
//         )
//     }
// }
