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

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

// @inject("outterStore")
// @observer
// export default class Expression extends React.Component {
//     constructor (props) {
//         super(props);
//         this.state = {
//             visible: false,
//             expression: '',
//             mark:'',
//         };
//     }

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

//         return btns;
//     }
//     getRightMenu() {
//         const {outterStore} = this.props;
//         let btnArr = [
//             {
//                 key: 'BTN_SAVE',
//                 icon: <i className='icon-coms-Preservation'/>,
//                 content : `${getLabel(86,'保存')}`,
//                 onClick : () => this.onRightMenuClick('BTN_SAVE')
//             },
//         ]
//         return btnArr;
//     }
//     onRightMenuClick = (type,recordId) => {
//         const {expression}=this.state;
//         const {index, outterStore} = this.props;
//         let paramDatas = toJS(outterStore.newFormData.paramDatas);
        
//         if(type == 'BTN_SAVE') {
//             if (paramDatas && index && paramDatas[index.index]) {
//                 let item = paramDatas[index.index];
//                 if (item.paramtypes && item.paramtypes.length == 3) {
//                     item.paramtypes[2] = expression;
//                     outterStore.setNewFormData({paramDatas: paramDatas});
//                 }
//             }
//             this.setState({visible: false});
//         }
//     }

//     getFieldItems = () => {
//         const {outterStore, record} = this.props;
//         let paramDatas = toJS(outterStore.newFormData.paramDatas);
//         let {baseparam1, baseparam2} = outterStore.newFormData;

//         let items = [];
//         //账号参数名
//         if (baseparam1) {
//             items.push(
//                 <div id={baseparam1}><a onClick={() => this.insertFieldValue(baseparam1)}>{baseparam1}</a></div>
//             );
//         }
//         //密码参数名
//         if (baseparam2) {
//             items.push(
//                 <div id={baseparam2}><a onClick={() => this.insertFieldValue(baseparam2)}>{baseparam2}</a></div>
//             );
//         }
//         if (paramDatas && paramDatas.length > 0) {
//             paramDatas.map((row) => {
//                 if (row.paramnames && (record.record.paramnames == "" || row.paramnames != record.record.paramnames)) {
//                     items.push(
//                         <div id={row.paramnames}><a onClick={() => this.insertFieldValue(row.paramnames)}>{row.paramnames}</a></div>
//                     );
//                 }
//             });
//         }
//         return items;
//     }

//     setMarkValue = (value) => {
//         value=value.replace(/[\w\/]/ig,'');
//         this.setState({
//             mark: value
//         });
//     }

//     insertMark  =() => {
//         const {expression, mark}=this.state;
//         let newExpression = expression;
//         if (mark) {
//             if (newExpression) {
//                 newExpression = newExpression + "+\"" + mark + "\"";
//             } else {
//                 newExpression = "\"" + mark + "\"";
//             }
            
//             this.setState({expression: newExpression});
//         }
//     }

//     insertFieldValue = (value) => {
//         const {expression}=this.state;
//         let newExpression = expression;
//         if (value) {
//             if (newExpression) {
//                 newExpression = newExpression + "+" + value;
//             } else {
//                 newExpression = value;
//             }
            
//             this.setState({expression: newExpression});
//         }
//     }

//     getSearchs = () => {

//         const {expression, mark}=this.state;

//         let group = [];

//         //基本信息
//         let expressionItems = [];
//         let markItems = [];
//         let fieldItems = [];
//         let items = [];
//         let infoItems = [];

//         expressionItems.push({
//             com:(
//                 <Row ecId={`${this && this.props && this.props.ecId || ''}_Row@wsunw6@${diffKey}`}>
//                     <Col ecId={`${this && this.props && this.props.ecId || ''}_Col@v1gk2e@${diffKey}`} span={6}>
//                         <label style={{position:'absolute',top:'130px',left:'10px'}}>{getLabel(15636,'表达式')}</label>
//                     </Col>
//                     <Col ecId={`${this && this.props && this.props.ecId || ''}_Col@klu23g@${diffKey}`} span={18}>
//                         <WeaTextarea ecId={`${this && this.props && this.props.ecId || ''}_WeaTextarea@6wk6tu@${diffKey}`}
//                             id='expression'
//                             viewAttr={2}
//                             value={expression}
//                             style={{display: 'inline-block'}}
//                             minRows={14}
//                             maxRows={14}
//                             onChange={value => {
//                                 this.setState({
//                                     expression: value
//                                 });
//                             }}
//                         />
//                     </Col>
//                 </Row>
//                 ),
//             colSpan:1
//         });

//         markItems.push({
//             com:(
//                 <Row ecId={`${this && this.props && this.props.ecId || ''}_Row@y4vh17@${diffKey}`}>
//                     <Col ecId={`${this && this.props && this.props.ecId || ''}_Col@20yxwz@${diffKey}`} span={16}>
//                         <WeaInput ecId={`${this && this.props && this.props.ecId || ''}_WeaInput@du36ez@${diffKey}`}
//                             id='mark'
//                             viewAttr={2}
//                             value={mark}
//                             onChange={value => {
//                                 this.setMarkValue(value);
//                             }}
//                             stringLength={1}
//                         />
//                     </Col>
//                     <Col ecId={`${this && this.props && this.props.ecId || ''}_Col@zhm9nj@${diffKey}`} span={8}>
//                         <a style={{position:'absolute',margin:'5px'}} 
//                             onClick={() => this.insertMark()} >
//                             {getLabel(30615,'插入')}
//                         </a>
//                     </Col>
//                 </Row>
//                 ),
//             colSpan:1
//         });

//         fieldItems.push({
//             com:(
//                 <div style={{border:'3px',width:'170px',height:'150px',overflow:'scroll'}}>
//                     {this.getFieldItems()}
//                 </div>
//                 ),
//             colSpan:1
//         });

//         infoItems.push({
//             com:(
//                 <Row ecId={`${this && this.props && this.props.ecId || ''}_Row@8myomf@${diffKey}`}>
//                     <Col ecId={`${this && this.props && this.props.ecId || ''}_Col@8n6l77@${diffKey}`}>
//                         <Row ecId={`${this && this.props && this.props.ecId || ''}_Row@gb839e@${diffKey}`}>
//                         <label>{getLabel(125413,'表达式语法，即使用java字符串拼接语法') + ":"}</label>
//                         </Row>
//                         <Row ecId={`${this && this.props && this.props.ecId || ''}_Row@71jlm0@${diffKey}`}>
//                         <label>{"1." + getLabel(125414,'变量：用户参数名、密码参数名、其他参数名')}</label>
//                         </Row>
//                         <Row ecId={`${this && this.props && this.props.ecId || ''}_Row@709q4t@${diffKey}`}>
//                         <label>{"2." + getLabel(125415,'字符串拼接采用加号')}</label>
//                         </Row>
//                         <Row ecId={`${this && this.props && this.props.ecId || ''}_Row@g06z0t@${diffKey}`}>
//                         <label>{"3." + getLabel(125416,'常量：双引号包含的字符串')}</label>
//                         </Row>
//                         <Row ecId={`${this && this.props && this.props.ecId || ''}_Row@skoodj@${diffKey}`}>
//                         <label>{"4." + getLabel(82159,'示例')+":loginid+\"|\"+userpassword（loginid"+getLabel(125417,'代表之前定义的用户参数名')+",userpassword"+getLabel(125418,'代表之前定义的密码参数名')+",\"|\""+getLabel(125419,'代表字符串常量')}</label>
//                         </Row>
//                     </Col>
//                 </Row>

//             ),
//             colSpan:1
//         });

//         items.push({
//             com:(
//                 <Row ecId={`${this && this.props && this.props.ecId || ''}_Row@h1iiys@${diffKey}`}>
//                     <Col ecId={`${this && this.props && this.props.ecId || ''}_Col@ug37jc@${diffKey}`}>
//                         <Row ecId={`${this && this.props && this.props.ecId || ''}_Row@wcfbcp@${diffKey}`}>
//                             <Col ecId={`${this && this.props && this.props.ecId || ''}_Col@izb7ia@${diffKey}`} span={16}>
//                                 <WeaSearchGroup ecId={`${this && this.props && this.props.ecId || ''}_WeaSearchGroup@uut01d@${diffKey}`} 
//                                     col={1}  
//                                     needTigger={false} 
//                                     title={getLabel(81711,'基本信息')}  
//                                     showGroup={true} 
//                                     items={expressionItems}/>
//                             </Col>
//                             <Col ecId={`${this && this.props && this.props.ecId || ''}_Col@5kadu6@${diffKey}`} span={8}>
//                                 <Row ecId={`${this && this.props && this.props.ecId || ''}_Row@neigud@${diffKey}`}>
//                                     <Col ecId={`${this && this.props && this.props.ecId || ''}_Col@w2rlvp@${diffKey}`}>
//                                         <WeaSearchGroup ecId={`${this && this.props && this.props.ecId || ''}_WeaSearchGroup@cxoeq3@${diffKey}`} 
//                                             col={1}  
//                                             needTigger={false} 
//                                             title={getLabel(125411,'插入分隔符')}  
//                                             showGroup={true} 
//                                             items={markItems}/>
//                                     </Col>
//                                 </Row>
//                                 <Row ecId={`${this && this.props && this.props.ecId || ''}_Row@55srbm@${diffKey}`}>
//                                     <Col ecId={`${this && this.props && this.props.ecId || ''}_Col@gplhsl@${diffKey}`}>
//                                         <WeaSearchGroup ecId={`${this && this.props && this.props.ecId || ''}_WeaSearchGroup@fhgbgf@${diffKey}`} 
//                                             col={1}  
//                                             needTigger={false} 
//                                             title={getLabel(125412,'插入参数')}  
//                                             showGroup={true} 
//                                             items={fieldItems}/>
//                                     </Col>
//                                 </Row>
//                             </Col>
//                         </Row>
//                         <Row ecId={`${this && this.props && this.props.ecId || ''}_Row@pceoxr@${diffKey}`}>
//                             <Col ecId={`${this && this.props && this.props.ecId || ''}_Col@ey1z46@${diffKey}`}>
//                                 <WeaSearchGroup ecId={`${this && this.props && this.props.ecId || ''}_WeaSearchGroup@e3p0y7@${diffKey}`} 
//                                     col={1}  
//                                     needTigger={false} 
//                                     title={getLabel(85,'说明')}  
//                                     showGroup={true} 
//                                     items={infoItems}/>
//                             </Col>
//                         </Row>
//                     </Col>
//                 </Row>
//             ),
//             colSpan:1
//         });
//         //插入分隔符
//         group.push(<WeaSearchGroup ecId={`${this && this.props && this.props.ecId || ''}_WeaSearchGroup@g7nwg4@${diffKey}`} col={1}  needTigger={false} title={''}  showGroup={true} items={items}/>);

//         return group;
//     }

//     initData = () => {
//         let record = toJS(this.props.record.record);
//         if (record && record.paramtypes && record.paramtypes.length == 3) {
//             this.setState({expression: record.paramtypes[2]});
//         }
//         this.setState({visible: true});
//     }
//     render() {
//         const {visible} = this.state;

//         return (
//             <span>
//                 <a onClick={(index,b) => {
//                     this.initData()
//                 }}>{getLabel(68,'设置')}</a>
//                 <WeaDialog ecId={`${this && this.props && this.props.ecId || ''}_WeaDialog@rfrypw`} 
//                     title={getLabel(68,'设置') + getLabel(15636,'表达式')}
//                     onCancel={()=> this.setState({visible: false})}
//                     visible={visible} 
//                     style={{width: 700, height: 550}}
//                     buttons={this.getBtns()}>

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