| | |
| | | |
| | | class MainSearch extends Component { |
| | | static propTpyes = { |
| | | dict: PropTypes.object, // 字典项 |
| | | config: PropTypes.object, |
| | | updateConfig: PropTypes.func |
| | | } |
| | | |
| | | changeFirstCount = (val) => { |
| | | if (typeof(val) !== 'number') { |
| | | val = '' |
| | | } |
| | | this.props.updateConfig({...this.props.config, firstCount: val}) |
| | | } |
| | | |
| | | changeCount = (val) => { |
| | |
| | | this.props.updateConfig({...this.props.config, printHeight: val}) |
| | | } |
| | | |
| | | changeLastCount = (val) => { |
| | | if (typeof(val) !== 'number') { |
| | | val = '' |
| | | } |
| | | this.props.updateConfig({...this.props.config, lastCount: val}) |
| | | onPrintPageChange = (val) => { |
| | | this.props.updateConfig({...this.props.config, printPage: val}) |
| | | } |
| | | |
| | | pageSizeChange = (val) => { |
| | |
| | | } |
| | | |
| | | render() { |
| | | const { dict, config } = this.props |
| | | const { config } = this.props |
| | | const { getFieldDecorator } = this.props.form |
| | | const formItemLayout = { |
| | | labelCol: { |
| | |
| | | <Form {...formItemLayout}> |
| | | <Row> |
| | | <Col span={24}> |
| | | <Form.Item label="菜单名称"> |
| | | <span style={{display: 'inline-block', wordBreak: 'break-all', lineHeight: 1.5}}> |
| | | {config.MenuName} |
| | | </span> |
| | | </Form.Item> |
| | | </Col> |
| | | <Col span={24}> |
| | | <Form.Item label="菜单参数"> |
| | | <span style={{display: 'inline-block', wordBreak: 'break-all', lineHeight: 1.5}}> |
| | | {config.MenuNo} |
| | | </span> |
| | | </Form.Item> |
| | | </Col> |
| | | <Col span={24}> |
| | | <Form.Item label="打印尺寸"> |
| | | {getFieldDecorator('pageSize', { |
| | | initialValue: config.pageSize || 'A4', |
| | | rules: [ |
| | | { |
| | | required: true, |
| | | message: dict['mob.required.input'] + '打印尺寸!' |
| | | message: '请选择打印尺寸!' |
| | | } |
| | | ] |
| | | })( |
| | |
| | | rules: [ |
| | | { |
| | | required: true, |
| | | message: dict['mob.required.select'] + '打印布局!' |
| | | message: '请选择打印布局!' |
| | | } |
| | | ] |
| | | })( |
| | |
| | | rules: [ |
| | | { |
| | | required: true, |
| | | message: dict['mob.required.select'] + '打印边距!' |
| | | message: '请选择打印边距!' |
| | | } |
| | | ] |
| | | })( |
| | |
| | | </Form.Item> |
| | | </Col> |
| | | <Col span={24}> |
| | | <Form.Item label="页面布局"> |
| | | {getFieldDecorator('printPage', { |
| | | initialValue: config.printPage || 'auto' |
| | | })( |
| | | <Radio.Group onChange={(e) => {this.onPrintPageChange(e.target.value)}}> |
| | | <Radio value="auto">自适应</Radio> |
| | | <Radio value="page">分页</Radio> |
| | | </Radio.Group> |
| | | )} |
| | | </Form.Item> |
| | | </Col> |
| | | {/* <Col span={24}> |
| | | <Form.Item label="首页数(条)"> |
| | | {getFieldDecorator('firstCount', { |
| | | initialValue: config.firstCount, |
| | | rules: [ |
| | | { |
| | | required: true, |
| | | message: dict['mob.required.input'] + '首页数!' |
| | | message: '请输入首页数!' |
| | | } |
| | | ] |
| | | })(<InputNumber min={1} max={1000} precision={0} onChange={this.changeFirstCount}/>)} |
| | | })(<InputNumber min={1} max={1000} precision={1} onChange={this.changeFirstCount}/>)} |
| | | </Form.Item> |
| | | </Col> |
| | | <Col span={24}> |
| | | </Col> */} |
| | | {config.printPage === 'page' ? <Col span={24}> |
| | | <Form.Item label="每页数(条)"> |
| | | {getFieldDecorator('everyPCount', { |
| | | initialValue: config.everyPCount, |
| | | initialValue: config.everyPCount || 15, |
| | | rules: [ |
| | | { |
| | | required: true, |
| | | message: dict['mob.required.input'] + '每页数!' |
| | | message: '请输入每页数!' |
| | | } |
| | | ] |
| | | })(<InputNumber min={1} max={1000} precision={0} onChange={this.changeCount}/>)} |
| | | })(<InputNumber min={1} max={1000} precision={1} onChange={this.changeCount}/>)} |
| | | </Form.Item> |
| | | </Col> |
| | | <Col span={24}> |
| | | </Col> : null} |
| | | {/* <Col span={24}> |
| | | <Form.Item label="尾页数(条)"> |
| | | {getFieldDecorator('lastCount', { |
| | | initialValue: config.lastCount |
| | | })(<InputNumber min={1} max={1000} precision={0} onChange={this.changeLastCount}/>)} |
| | | })(<InputNumber min={1} max={1000} precision={1} onChange={this.changeLastCount}/>)} |
| | | </Form.Item> |
| | | </Col> |
| | | </Col> */} |
| | | <Col span={24}> |
| | | <Form.Item label={ |
| | | <Tooltip placement="topLeft" title="针对不规则纸张,可自定义设置打印高度和宽度,注:同时设置打印宽度和高度后方可生效。"> |