// 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 } from "comsMobx";
// import {
//     WeaTableEdit,
//     WeaSearchGroup,
//     WeaInput,
//     WeaDropdown,
//     WeaTag,
//     WeaFormItem,
//     WeaBrowser,
//     WeaButton,
//     WeaTools,
//     WeaRightMenu,
//     WeaDialog,
//     WeaSelect,
//     WeaCheckbox,
//     WeaHelpfulTip,
//     WeaUpload,
//     WeaInputNumber,
//     WeaTextarea,
//     WeaLocaleProvider
// } from "ecCom";

// const getLabel = WeaLocaleProvider.getLabel;

// @inject("outterStore")
// @observer
// export default class EncryptClassTest extends React.Component {
//     constructor (props) {
//         super(props);
//         this.state = {
//             encryptname: '',
//             encryptclass: '',
//             encryptmethod:'',
//             decryptmethod:'',
//             isneedpwd:'0',
//             password:'',
//             isneediv:'0',
//             ivparam:'',
//         };
//     }

//     getBtns = () => {
//         let btns = []
//         btns.push(<Button ecId={`${this && this.props && this.props.ecId || ''}_Button@bxldrw@${diffKey}`} type='primary' onClick={() => this.onRightMenuClick('BTN_TEST')}>{getLabel(25496,'测试')}</Button>);
//         return btns;
//     }
//     getRightMenu() {
//         let btnArr = [
//             {
//                 key: 'BTN_TEST',
//                 icon: <i className='icon-coms-Journal'/>,
//                 content : `${getLabel(25496,'测试')}`,
//                 onClick : () => this.onRightMenuClick('BTN_TEST')
//             },
//         ];
//         return btnArr;
//     }

//     onRightMenuClick = (type,recordId) => {
//         const {outterStore} = this.props;
//         const {id, datatype} = toJS(outterStore.encryptClassStatus);

//         //保存动作
//         if (type == 'BTN_TEST') {
//             outterStore.testOutterEncryptClass();
//         }
//     }

//     getContent = () => {
        
//         const {outterStore} = this.props;

//         const {plaintext,encryptclass,isneedpwd, password, isneediv, ivparam,datatype,testResult,encryptSpan,decryptSpan,flag} = toJS(outterStore.encryptClassTestStatus);
//         const {setEncryptClassTestStatus} = outterStore;

//         let group = [];

//         //规范性测试
//         let items1 = [];
//         //功能性测试
//         let items2 = [];
//         //说明
//         let items3 = [];
        
//         let labelCol = 4;
//         let fieldCol = 20;  

//         items1.push({
//             com:(
//                 <Row ecId={`${this && this.props && this.props.ecId || ''}_Row@zgy9wz@${diffKey}`} style={{height:'30px'}}>
//                     <Col ecId={`${this && this.props && this.props.ecId || ''}_Col@o6va66@${diffKey}`} span={14}>
//                         <label style={{top:'5px',left:'25px'}}>{getLabel(433,'描述')}</label>
//                     </Col>
//                     <Col ecId={`${this && this.props && this.props.ecId || ''}_Col@y4od9k@${diffKey}`} span={4}>
//                         <img src="/images/plugin/line_2_wev8.gif" width="2" height="14" align="absmiddle" />
//                     </Col>
//                     <Col ecId={`${this && this.props && this.props.ecId || ''}_Col@ukzv1w@${diffKey}`} span={6}>
//                         <label style={{top:'5px'}}>{getLabel(602,'状态')}</label>
//                     </Col>
//                 </Row>),
//             colSpan:1
//         });
//         for (let [key, value] of Object.entries(testResult)) {
//             if (datatype == 1 || key == 129530) {
//                 if (value == 0 && flag != 0) {
//                     setEncryptClassTestStatus({flag:0});
//                 }
//                 items1.push({
//                     com:(
//                         <Row ecId={`${this && this.props && this.props.ecId || ''}_Row@x0eik9@${diffKey}`} style={{height:'30px'}}>
//                             <Col ecId={`${this && this.props && this.props.ecId || ''}_Col@cco0qv@${diffKey}`} span={14}>
//                                 <label style={{top:'5px',left:'25px'}}>{key}</label>
//                             </Col>
//                             <Col ecId={`${this && this.props && this.props.ecId || ''}_Col@xelfdd@${diffKey}`} span={4}>
//                             </Col>
//                             {value == 1 &&
//                             <Col ecId={`${this && this.props && this.props.ecId || ''}_Col@cm2foy@${diffKey}`} span={6}>
//                                 <img src="/images/plugin/hook_wev8.png" width="18" height="18" align="absmiddle" />
//                             </Col>
//                             }
//                             {value == 0 &&
//                             <Col ecId={`${this && this.props && this.props.ecId || ''}_Col@9quw8p@${diffKey}`} span={6}>
//                                 <img src="/images/plugin/cha_wev8.png" width="18" height="18" align="absmiddle" />
//                             </Col>
//                             }
//                         </Row>),
//                     colSpan:1
//                 });
//             }
//         }
//         items2.push({
//             com:(
//                 <WeaFormItem ecId={`${this && this.props && this.props.ecId || ''}_WeaFormItem@ypcj7w@${diffKey}`} 
//                     label={getLabel(129538,'明文')}
//                     labelCol={{span:labelCol}}
//                     wrapperCol={{span:fieldCol}}>
//                     <Row ecId={`${this && this.props && this.props.ecId || ''}_Row@ob3rkc@${diffKey}`}>
//                         <Col ecId={`${this && this.props && this.props.ecId || ''}_Col@ftq3fu@${diffKey}`} span={18}>
//                             <WeaInput ecId={`${this && this.props && this.props.ecId || ''}_WeaInput@x9cpum@${diffKey}`}
//                                 id='plaintext'
//                                 value={plaintext}
//                                 viewAttr={3}
//                                 onChange={v=> {
//                                     setEncryptClassTestStatus({plaintext:v});
//                                 }}
//                             />
//                         </Col>
//                     </Row>
//                 </WeaFormItem>),
//             colSpan:1
//         });
//         if (datatype == 1) {
//             if (isneedpwd == 1) {
//                 items2.push({
//                     com:(
//                         <WeaFormItem ecId={`${this && this.props && this.props.ecId || ''}_WeaFormItem@88qswt@${diffKey}`} 
//                             label={getLabel(32348,'加密密钥')}
//                             labelCol={{span:labelCol}}
//                             wrapperCol={{span:fieldCol}}>
//                             <Row ecId={`${this && this.props && this.props.ecId || ''}_Row@hjip2k@${diffKey}`}>
//                                 <Col ecId={`${this && this.props && this.props.ecId || ''}_Col@ajko82@${diffKey}`} span={12}>
//                                     <WeaInput ecId={`${this && this.props && this.props.ecId || ''}_WeaInput@zaa7uf@${diffKey}`} type="password" value={password} viewAttr={3}
//                                         onChange={v=> {
//                                             setEncryptClassTestStatus({password:v});
//                                         }}/>
//                                 </Col>
//                             </Row>
//                         </WeaFormItem>),
//                     colSpan:1
//                 });
//             }
//             if (isneediv == 1) {
//                 items2.push({
//                     com:(
//                         <WeaFormItem ecId={`${this && this.props && this.props.ecId || ''}_WeaFormItem@pexzlc@${diffKey}`} 
//                             label={getLabel(129315,'加密向量')}
//                             labelCol={{span:labelCol}}
//                             wrapperCol={{span:fieldCol}}>
//                             <Row ecId={`${this && this.props && this.props.ecId || ''}_Row@37ek7r@${diffKey}`}>
//                                 <Col ecId={`${this && this.props && this.props.ecId || ''}_Col@0er7av@${diffKey}`} span={12}>
//                                     <WeaInput ecId={`${this && this.props && this.props.ecId || ''}_WeaInput@kfgvqn@${diffKey}`} type="password" value={ivparam} viewAttr={3}
//                                         onChange={v=> {
//                                             setEncryptClassTestStatus({ivparam:v});
//                                         }}/>
//                                 </Col>
//                             </Row>
//                         </WeaFormItem>),
//                     colSpan:1
//                 });
//             }
//             items2.push({
//                 com:(
//                     <WeaFormItem ecId={`${this && this.props && this.props.ecId || ''}_WeaFormItem@45bu58@${diffKey}`} 
//                         label={getLabel(129536,'加密后')}
//                         labelCol={{span:labelCol}}
//                         wrapperCol={{span:fieldCol}}>
//                         <Row ecId={`${this && this.props && this.props.ecId || ''}_Row@xsrkgc@${diffKey}`}>
//                             <Col ecId={`${this && this.props && this.props.ecId || ''}_Col@pc8bnj@${diffKey}`} span={12}>
//                                 <label>{encryptSpan}</label>
//                             </Col>
//                         </Row>
//                     </WeaFormItem>),
//                 colSpan:1
//             });
//             if (datatype == 1) {
//                 items2.push({
//                     com:(
//                         <WeaFormItem ecId={`${this && this.props && this.props.ecId || ''}_WeaFormItem@qku4fc@${diffKey}`} 
//                             label={getLabel(129537,'解密后')}
//                             labelCol={{span:labelCol}}
//                             wrapperCol={{span:fieldCol}}>
//                             <Row ecId={`${this && this.props && this.props.ecId || ''}_Row@2go80c@${diffKey}`}>
//                                 <Col ecId={`${this && this.props && this.props.ecId || ''}_Col@7wycwb@${diffKey}`} span={12}>
//                                     <label>{decryptSpan}</label>
//                                 </Col>
//                             </Row>
//                         </WeaFormItem>),
//                     colSpan:1
//                 });
//             }
//         }

//         items3.push({
//             com:(
//                 <label style={{top:'5px',left:'25px'}}>{getLabel(129543,'1、规范性测试全部通过，才能进行功能性测试。')}</label>
//             ),
//             colSpan:1
//         });
//         items3.push({
//             com:(
//                 <label style={{top:'5px',left:'25px'}}>{getLabel(129548,'2、请注意加密算法的密钥长度和向量长度要求。')}</label>
//             ),
//             colSpan:1
//         });

//         //规范性测试
//         group.push(<WeaSearchGroup ecId={`${this && this.props && this.props.ecId || ''}_WeaSearchGroup@yg1z91@${diffKey}`} col={1}  needTigger={true} title={getLabel(129528,'规范性测试')}  showGroup={true} items={items1}/>);
//         //功能性测试
//         group.push(<WeaSearchGroup ecId={`${this && this.props && this.props.ecId || ''}_WeaSearchGroup@uzaru4@${diffKey}`} col={1}  needTigger={true} title={getLabel(129529,'功能性测试')}  showGroup={true} items={items2}/>);
//         //说明
//         group.push(<WeaSearchGroup ecId={`${this && this.props && this.props.ecId || ''}_WeaSearchGroup@d8byru@${diffKey}`} col={1}  needTigger={true} title={getLabel(85,'说明')}  showGroup={true} items={items3}/>);

//         return group;
//     }

//     render() {
//         const {outterStore} = this.props;
        
//         const { showTest } = toJS(outterStore.encryptClassTestStatus);
//         const {setEncryptClassTestStatus} = outterStore;

//         return (
//             <div className='wea-integration-single'>
//                 <WeaDialog ecId={`${this && this.props && this.props.ecId || ''}_WeaDialog@9itlgn`}
//                     title={getLabel(25496,'测试') + getLabel(32344,'加密算法')}
//                     icon='icon-coms-integration'
//                     iconBgcolor='#1a57a0'
//                     visible={showTest}
//                     hasScroll={true}
//                     style={{width: 600, height: 570}}
//                     onCancel={()=> {
//                         setEncryptClassTestStatus({showTest : false});
//                         outterStore.resetEncryptClassTest();
//                     }}
//                     buttons={this.getBtns()}
//                     moreBtn={{
//                         datas : this.getRightMenu(),
//                         collectParams: []
//                     }}
//                 >
//                     <WeaRightMenu ecId={`${this && this.props && this.props.ecId || ''}_WeaRightMenu@zkvqvs`}
//                         datas={this.getRightMenu()}
//                         collectParams={[]}>
//                         {this.getContent()}

//                     </WeaRightMenu>
//                 </WeaDialog>
//             </div>
//         );
//     }
// }