weaver_trunk_cli/pc4mobx/prj/components/dialog/SaveTemplateDialog.js

66 lines
2.7 KiB
JavaScript

import React from 'react';
import { Button, Modal } from 'antd';
import { inject, observer } from 'mobx-react';
import { WeaLocaleProvider ,WeaDialog,WeaInput,WeaFormItem,WeaError} from "ecCom"
const getLabel = WeaLocaleProvider.getLabel;
@observer
export default class SvaeTemplateDialog extends React.Component {
constructor(props) {
super(props);
this.state = {
date: ""
}
}
componentDidMount() {
}
onCheck(){
const { prjCardStore } = this.props;
const {doSaveTemplet,templatename} = prjCardStore;
if(templatename.trim()===""){
this.refs.weaError.showError();
}else{
doSaveTemplet();
}
}
render() {
const { prjCardStore } = this.props;
const {prjname,setVisiable,saveTemplateName,doSaveVisible } = prjCardStore;
return <div>
<WeaDialog ecId={`${this && this.props && this.props.ecId || ''}_WeaDialog@rtq7vb`}
title={getLabel(19468,'另存为模板')}
visible={doSaveVisible}
onCancel={() => { setVisiable(false) }}
icon='icon-coms-project'
iconBgcolor='#217346'
style={{width: 380, height: 80}}
buttons={ [
<Button ecId={`${this && this.props && this.props.ecId || ''}_Button@vdw755@save`} type="primary" onClick={()=>this.onCheck()}>{getLabel(86,"保存")}</Button>,
<Button ecId={`${this && this.props && this.props.ecId || ''}_Button@ck17pe@cancel`} type="primary" onClick={()=>setVisiable(false)}>{getLabel(201,"取消")}</Button>]}
>
<WeaFormItem ecId={`${this && this.props && this.props.ecId || ''}_WeaFormItem@h13bkr`} label={getLabel('18151',"模板名称")} labelCol={{span: 6}} wrapperCol={{span: 12}} style={{top: 25, left: 40}} >
<WeaError ecId={`${this && this.props && this.props.ecId || ''}_WeaError@ddh1fk`} tipPosition='bottom'
ref='weaError'
error={getLabel('127697',"模板名称不能为空")}>
<WeaInput ecId={`${this && this.props && this.props.ecId || ''}_WeaInput@rmfvry`}
style={{width: 200}}
value={prjname}
viewAttr="3"
stringLength={90}
onChange={v =>{
saveTemplateName(v);
}}
/>
</WeaError>
</WeaFormItem>
</WeaDialog>
</div>
}
}