From b6c698c8833836971184a0a9c2645a15f8174d37 Mon Sep 17 00:00:00 2001
From: king <18310653075@163.com>
Date: 星期四, 08 五月 2025 16:31:18 +0800
Subject: [PATCH] Merge branch 'master' into positec
---
src/views/menudesign/printmenuform/index.jsx | 430 ++++++++++++++++++++++++++++++++++++++---------------
1 files changed, 309 insertions(+), 121 deletions(-)
diff --git a/src/views/menudesign/printmenuform/index.jsx b/src/views/menudesign/printmenuform/index.jsx
index a6de29a..c015b1e 100644
--- a/src/views/menudesign/printmenuform/index.jsx
+++ b/src/views/menudesign/printmenuform/index.jsx
@@ -1,52 +1,103 @@
import React, {Component} from 'react'
import PropTypes from 'prop-types'
-import { Form, Row, Col, InputNumber, Select, Radio } from 'antd'
+import { Form, Row, Col, InputNumber, Select, Radio, Tooltip, Input, Modal } from 'antd'
+import { QuestionCircleOutlined, EditOutlined } from '@ant-design/icons'
-import './index.scss'
+import CodeMirror from '@/templates/zshare/codemirror'
+// import './index.scss'
class MainSearch extends Component {
static propTpyes = {
- dict: PropTypes.object, // 瀛楀吀椤�
config: PropTypes.object,
updateConfig: PropTypes.func
}
- changeFirstCount = (val) => {
- if (typeof(val) !== 'number') {
- val = ''
+ state = {
+ visible: false,
+ printScripts: ''
+ }
+
+ selectChange = (key, value) => {
+ const { config } = this.props
+
+ if (['everyPCount', 'printWidth', 'printHeight'].includes(key)) {
+ if (typeof(value) !== 'number') {
+ value = ''
+ }
+ } else if (key === 'callNo') {
+ if (!/^[a-zA-Z0-9_]+$/.test(value)) {
+ value = ''
+ }
}
- this.props.updateConfig({...this.props.config, firstCount: val})
- }
- changeCount = (val) => {
- if (typeof(val) !== 'number') {
- val = ''
+ this.props.updateConfig({...config, [key]: value})
+
+ if (['pageSize', 'pageLayout', 'pagePadding', 'printCustom'].includes(key)) {
+ this.resetPage()
}
- this.props.updateConfig({...this.props.config, everyPCount: val})
}
- changeLastCount = (val) => {
- if (typeof(val) !== 'number') {
- val = ''
- }
- this.props.updateConfig({...this.props.config, lastCount: val})
- }
-
- pageSizeChange = (val) => {
- this.props.updateConfig({...this.props.config, pageSize: val})
- }
-
- onLayoutChange = (val) => {
- this.props.updateConfig({...this.props.config, pageLayout: val})
- }
+ resetPage = () => {
+ this.setState({}, () => {
+ const { config } = this.props
- onPaddingChange = (val) => {
- this.props.updateConfig({...this.props.config, pagePadding: val})
+ if (config.printCustom !== 'true') return
+
+ let pageSize = config.pageSize || 'A4'
+ let pageLayout = config.pageLayout !== 'horizontal' ? 'vertical' : 'horizontal'
+ let pagePadding = config.pagePadding !== 'without' ? 'default' : 'without'
+
+ let pageParam = {
+ A4: {
+ vertical: 980,
+ horizontal: 1200,
+ verticaldefault: 1.455,
+ verticalwithout: 1.411,
+ horizontaldefault: 0.679,
+ horizontalwithout: 0.701,
+ },
+ A3: {
+ vertical: 1200,
+ horizontal: 1600,
+ verticaldefault: 1.441,
+ verticalwithout: 1.410,
+ horizontaldefault: 0.688,
+ horizontalwithout: 0.703,
+ },
+ A5: {
+ vertical: 700,
+ horizontal: 1000,
+ verticaldefault: 1.478,
+ verticalwithout: 1.413,
+ horizontaldefault: 0.669,
+ horizontalwithout: 0.700,
+ }
+ }
+
+ let width = pageParam[pageSize][pageLayout]
+ let height = Math.floor(width * pageParam[pageSize][pageLayout + pagePadding])
+
+ this.props.updateConfig({...config, printHeight: height, printWidth: width})
+ this.props.form.setFieldsValue({printHeight: height, printWidth: width})
+ })
+ }
+
+ onScriptChange = (val) => {
+ this.setState({printScripts: val})
+ }
+
+ submit = () => {
+ const { config } = this.props
+ const { printScripts } = this.state
+
+ this.setState({visible: false})
+ this.props.updateConfig({...config, printScripts})
}
render() {
- const { dict, config } = this.props
+ const { config } = this.props
const { getFieldDecorator } = this.props.form
+ const { visible, printScripts } = this.state
const formItemLayout = {
labelCol: {
xs: { span: 24 },
@@ -59,98 +110,235 @@
}
return (
- <Form {...formItemLayout} className="print-menu-form">
- <Row>
- <Col span={24}>
- <Form.Item label="鎵撳嵃灏哄">
- {getFieldDecorator('pageSize', {
- initialValue: config.pageSize || 'A4',
- rules: [
- {
- required: true,
- message: dict['mob.required.input'] + '鎵撳嵃灏哄!'
- }
- ]
- })(
- <Select onChange={this.pageSizeChange}>
- <Select.Option value="A3">A3</Select.Option>
- <Select.Option value="A4">A4</Select.Option>
- <Select.Option value="A5">A5</Select.Option>
- </Select>
- )}
- </Form.Item>
- </Col>
- <Col span={24}>
- <Form.Item label="鎵撳嵃甯冨眬">
- {getFieldDecorator('pageLayout', {
- initialValue: config.pageLayout || 'vertical',
- rules: [
- {
- required: true,
- message: dict['mob.required.select'] + '鎵撳嵃甯冨眬!'
- }
- ]
- })(
- <Radio.Group onChange={(e) => {this.onLayoutChange(e.target.value)}}>
- <Radio value="vertical">绾靛悜</Radio>
- <Radio value="horizontal">妯悜</Radio>
- </Radio.Group>
- )}
- </Form.Item>
- </Col>
- <Col span={24}>
- <Form.Item label="鎵撳嵃杈硅窛">
- {getFieldDecorator('pagePadding', {
- initialValue: config.pagePadding || 'default',
- rules: [
- {
- required: true,
- message: dict['mob.required.select'] + '鎵撳嵃杈硅窛!'
- }
- ]
- })(
- <Radio.Group onChange={(e) => {this.onPaddingChange(e.target.value)}}>
- <Radio value="default">榛樿</Radio>
- <Radio value="without">鏃�</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'] + '棣栭〉鏁�!'
- }
- ]
- })(<InputNumber min={1} max={1000} precision={0} onChange={this.changeFirstCount}/>)}
- </Form.Item>
- </Col>
- <Col span={24}>
- <Form.Item label="姣忛〉鏁�(鏉�)">
- {getFieldDecorator('everyPCount', {
- initialValue: config.everyPCount,
- rules: [
- {
- required: true,
- message: dict['mob.required.input'] + '姣忛〉鏁�!'
- }
- ]
- })(<InputNumber min={1} max={1000} precision={0} onChange={this.changeCount}/>)}
- </Form.Item>
- </Col>
- <Col span={24}>
- <Form.Item label="灏鹃〉鏁�(鏉�)">
- {getFieldDecorator('lastCount', {
- initialValue: config.lastCount
- })(<InputNumber min={1} max={1000} precision={0} onChange={this.changeLastCount}/>)}
- </Form.Item>
- </Col>
- </Row>
- </Form>
+ <>
+ <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: '璇烽�夋嫨鎵撳嵃灏哄!'
+ }
+ ]
+ })(
+ <Select onChange={(val) => this.selectChange('pageSize', val)}>
+ <Select.Option value="A3">A3</Select.Option>
+ <Select.Option value="A4">A4</Select.Option>
+ <Select.Option value="A5">A5</Select.Option>
+ </Select>
+ )}
+ </Form.Item>
+ </Col>
+ <Col span={24}>
+ <Form.Item label="鎵撳嵃甯冨眬">
+ {getFieldDecorator('pageLayout', {
+ initialValue: config.pageLayout || 'vertical',
+ rules: [
+ {
+ required: true,
+ message: '璇烽�夋嫨鎵撳嵃甯冨眬!'
+ }
+ ]
+ })(
+ <Radio.Group onChange={(e) => this.selectChange('pageLayout', e.target.value)}>
+ <Radio value="vertical">绾靛悜</Radio>
+ <Radio value="horizontal">妯悜</Radio>
+ </Radio.Group>
+ )}
+ </Form.Item>
+ </Col>
+ <Col span={24}>
+ <Form.Item label="鎵撳嵃杈硅窛">
+ {getFieldDecorator('pagePadding', {
+ initialValue: config.pagePadding || 'default',
+ rules: [
+ {
+ required: true,
+ message: '璇烽�夋嫨鎵撳嵃杈硅窛!'
+ }
+ ]
+ })(
+ <Radio.Group onChange={(e) => this.selectChange('pagePadding', e.target.value)}>
+ <Radio value="default">榛樿</Radio>
+ <Radio value="without">鏃�</Radio>
+ </Radio.Group>
+ )}
+ </Form.Item>
+ </Col>
+ <Col span={24}>
+ <Form.Item label="椤甸潰甯冨眬">
+ {getFieldDecorator('printPage', {
+ initialValue: config.printPage || 'auto'
+ })(
+ <Radio.Group className="mini-radio" onChange={(e) => this.selectChange('printPage', e.target.value)}>
+ <Radio value="auto">鑷�傚簲</Radio>
+ <Radio value="page">鍒嗛〉</Radio>
+ <Radio value="custom">鑷畾涔�</Radio>
+ </Radio.Group>
+ )}
+ </Form.Item>
+ </Col>
+ {config.printPage === 'custom' ? <Col span={24}>
+ <Form.Item label="鑷畾涔夎剼鏈�">
+ <EditOutlined style={{color: '#1890ff'}} onClick={() => this.setState({visible: true, printScripts: config.printScripts || ''})} />
+ </Form.Item>
+ </Col> : null}
+ {config.printPage === 'page' ? <Col span={24}>
+ <Form.Item label="姣忛〉鏁�(鏉�)">
+ {getFieldDecorator('everyPCount', {
+ initialValue: config.everyPCount || 15,
+ rules: [
+ {
+ required: true,
+ message: '璇疯緭鍏ユ瘡椤垫暟!'
+ }
+ ]
+ })(<InputNumber min={1} max={1000} precision={1} onChange={(val) => this.selectChange('everyPCount', val)}/>)}
+ </Form.Item>
+ </Col> : null}
+ <Col span={24}>
+ <Form.Item label={
+ <Tooltip placement="topLeft" title="閽堝涓嶈鍒欑焊寮狅紝鍙嚜瀹氫箟璁剧疆鎵撳嵃楂樺害鍜屽搴︼紝娉細鍚屾椂璁剧疆鎵撳嵃瀹藉害鍜岄珮搴﹀悗鏂瑰彲鐢熸晥銆�">
+ <QuestionCircleOutlined className="mk-form-tip" />
+ 鑷畾涔�
+ </Tooltip>
+ }>
+ {getFieldDecorator('printCustom', {
+ initialValue: config.printCustom || 'false'
+ })(
+ <Radio.Group onChange={(e) => this.selectChange('printCustom', e.target.value)}>
+ <Radio value="false">涓嶅惎鐢�</Radio>
+ <Radio value="true">鍚敤</Radio>
+ </Radio.Group>
+ )}
+ </Form.Item>
+ </Col>
+ {config.printCustom === 'true' ? <Col span={24}>
+ <Form.Item label="鎵撳嵃瀹藉害">
+ {getFieldDecorator('printWidth', {
+ initialValue: config.printWidth || ''
+ })(<InputNumber min={10} max={9999} precision={0} onChange={(val) => this.selectChange('printWidth', val)}/>)}
+ </Form.Item>
+ </Col> : null}
+ {config.printCustom === 'true' ? <Col span={24}>
+ <Form.Item label="鎵撳嵃楂樺害">
+ {getFieldDecorator('printHeight', {
+ initialValue: config.printHeight || ''
+ })(<InputNumber min={10} max={9999} precision={0} onChange={(val) => this.selectChange('printHeight', val)}/>)}
+ </Form.Item>
+ </Col> : null}
+ <Col span={24}>
+ <Form.Item label={
+ <Tooltip placement="topLeft" title="鍚敤鏃讹紝鍦ㄨ彍鍗曞畬鎴愭暟鎹姞杞藉悗鑷姩瑙﹀彂鎵撳嵃棰勮銆�">
+ <QuestionCircleOutlined className="mk-form-tip" />
+ 鑷姩鎵撳嵃
+ </Tooltip>
+ }>
+ {getFieldDecorator('autoExec', {
+ initialValue: config.autoExec || 'false'
+ })(
+ <Radio.Group onChange={(e) => this.selectChange('autoExec', e.target.value)}>
+ <Radio value="false">涓嶅惎鐢�</Radio>
+ <Radio value="true">鍚敤</Radio>
+ </Radio.Group>
+ )}
+ </Form.Item>
+ </Col>
+ {config.autoExec === 'true' ? <Col span={24}>
+ <Form.Item label={
+ <Tooltip placement="topLeft" title="鑷姩瑙﹀彂鎵撳嵃棰勮鐨勫欢杩熸椂闂达紝鍗曚綅姣銆�">
+ <QuestionCircleOutlined className="mk-form-tip" />
+ 寤惰繜鏃堕棿
+ </Tooltip>
+ }>
+ {getFieldDecorator('autoExecSplit', {
+ initialValue: config.autoExecSplit || 500
+ })(<InputNumber min={1} max={9999} precision={0} onChange={(val) => this.selectChange('autoExecSplit', val)}/>)}
+ </Form.Item>
+ </Col> : null}
+ <Col span={24}>
+ <Form.Item label="鍥炶皟">
+ {getFieldDecorator('callback', {
+ initialValue: config.callback || 'false'
+ })(
+ <Radio.Group onChange={(e) => this.selectChange('callback', e.target.value)}>
+ <Radio value="false">涓嶅惎鐢�</Radio>
+ <Radio value="true">鍚敤</Radio>
+ </Radio.Group>
+ )}
+ </Form.Item>
+ </Col>
+ {config.callback === 'true' ? <Col span={24}>
+ <Form.Item label={
+ <Tooltip placement="topLeft" title="鍥炶皟鍑芥暟鎵ц鎴愬姛鍚庨粯璁や細鍒锋柊婧愯彍鍗曢〉锛岃繑鍥炰俊鎭紙@retmsg锛変腑鍚湁锛園no_target_menu@锛夊彲闃绘姝ら」鍒锋柊銆�">
+ <QuestionCircleOutlined className="mk-form-tip" />
+ 鍥炶皟鍑芥暟
+ </Tooltip>
+ }>
+ s_print_proc <EditOutlined style={{cursor: 'pointer'}} onClick={() => {window.open('#/proc/s_print_proc')}}/>
+ </Form.Item>
+ </Col> : null}
+ {config.callback === 'true' ? <Col span={24}>
+ <Form.Item label="鍥炶皟鍙傛暟">
+ {getFieldDecorator('callNo', {
+ initialValue: config.callNo || '',
+ rules: [
+ {
+ required: true,
+ message: '璇峰～鍐欏洖璋冨弬鏁�!'
+ },
+ {
+ pattern: /^[a-zA-Z0-9_]+$/,
+ message: '鍥炶皟鍙傛暟鍙彲浣跨敤瀛楁瘝銆佹暟瀛椾互鍙奯'
+ }
+ ]
+ })(<Input onChange={(e) => this.selectChange('callNo', e.target.value)}/>)}
+ </Form.Item>
+ </Col> : null}
+ <Col span={24}>
+ <Form.Item label={
+ <Tooltip placement="topLeft" title="鍙嚜瀹氫箟鍦ㄦ祻瑙堝櫒鏍囬鏍忎腑鏄剧ず鐨勭綉椤垫爣棰樸��">
+ <QuestionCircleOutlined className="mk-form-tip" />
+ 缃戦〉鏍囬
+ </Tooltip>
+ }>
+ {getFieldDecorator('webTitle', {
+ initialValue: config.webTitle || ''
+ })(<Input onChange={(e) => this.selectChange('webTitle', e.target.value)}/>)}
+ </Form.Item>
+ </Col>
+ </Row>
+ </Form>
+ <Modal
+ title="鑷畾涔夎剼鏈�"
+ wrapClassName="normal-css-modal"
+ visible={visible}
+ width={800}
+ maskClosable={false}
+ onOk={this.submit}
+ onCancel={() => { this.setState({ visible: false })}}
+ destroyOnClose
+ >
+ <CodeMirror mode="text/javascript" theme="cobalt" value={printScripts} onChange={this.onScriptChange} />
+ </Modal>
+ </>
)
}
}
--
Gitblit v1.8.0