| | |
| | | changePrintMode = (e) => { |
| | | let value = e.target.value |
| | | |
| | | if (value === 'RFID') { |
| | | this.setState({linkType: 'USB', port: 255}, () => { |
| | | this.props.form.setFieldsValue({ |
| | | linkType: 'USB' |
| | | }) |
| | | }) |
| | | } else if (this.state.printMode === 'RFID') { |
| | | this.setState({linkType: 'system'}, () => { |
| | | this.props.form.setFieldsValue({ |
| | | linkType: 'system' |
| | | }) |
| | | }) |
| | | } |
| | | |
| | | this.setState({ |
| | | printMode: value |
| | | }) |
| | |
| | | if (value === 'system') { |
| | | this.props.form.setFieldsValue({ |
| | | linkUrl: '127.0.0.1:13529' |
| | | }) |
| | | } else if (value === 'USB') { |
| | | this.props.form.setFieldsValue({ |
| | | port: '255' |
| | | }) |
| | | } else if (value === 'network') { |
| | | this.props.form.setFieldsValue({ |
| | | port: '9100' |
| | | }) |
| | | } |
| | | }) |
| | |
| | | <Radio.Group onChange={this.changePrintMode}> |
| | | <Radio value="normal">标准</Radio> |
| | | <Radio value="custom">自定义</Radio> |
| | | <Radio value="RFID">RFID</Radio> |
| | | </Radio.Group> |
| | | )} |
| | | </Form.Item> |
| | | </Col> |
| | | <Col span={8}> |
| | | {printMode !== 'RFID' ? <Col span={8}> |
| | | <Form.Item label="链接类型"> |
| | | {getFieldDecorator('linkType', { |
| | | initialValue: linkType || 'system' |
| | |
| | | </Radio.Group> |
| | | )} |
| | | </Form.Item> |
| | | </Col> |
| | | </Col> : |
| | | <Col span={8}> |
| | | <Form.Item label={'链接地址'}> |
| | | <Form.Item label="链接类型"> |
| | | {getFieldDecorator('linkType', { |
| | | initialValue: linkType || 'USB' |
| | | })( |
| | | <Radio.Group onChange={this.changeLinkType}> |
| | | <Radio value="USB">USB</Radio> |
| | | <Radio value="network">网络端口</Radio> |
| | | </Radio.Group> |
| | | )} |
| | | </Form.Item> |
| | | </Col>} |
| | | {printMode !== 'RFID' ? <Col span={8}> |
| | | <Form.Item label="链接地址"> |
| | | {getFieldDecorator('linkUrl', { |
| | | initialValue: verify.linkUrl || '127.0.0.1:13529', |
| | | rules: [ |
| | |
| | | ] |
| | | })(<Input placeholder="" autoComplete="off" disabled={linkType === 'system'} />)} |
| | | </Form.Item> |
| | | </Col> |
| | | </Col> : |
| | | <Col span={8}> |
| | | <Form.Item label={'端口'}> |
| | | {getFieldDecorator('port', { |
| | | initialValue: verify.port || '255', |
| | | rules: [ |
| | | { |
| | | required: true, |
| | | message: '请输入端口!' |
| | | } |
| | | ] |
| | | })(<Input placeholder="" autoComplete="off" />)} |
| | | </Form.Item> |
| | | </Col>} |
| | | {printMode === 'custom' ? <Col span={24}> |
| | | <Form.Item label={'处理函数'} className="printFunc"> |
| | | {getFieldDecorator('printFunc', { |
| | |
| | | )} |
| | | </Form.Item> |
| | | </Col> : null} |
| | | {printMode === 'RFID' ? <Col span={8}> |
| | | <Form.Item label={ |
| | | <Tooltip placement="topLeft" title="用于单位换算。"> |
| | | <QuestionCircleOutlined className="mk-form-tip" /> |
| | | 分辨率 |
| | | </Tooltip> |
| | | }> |
| | | {getFieldDecorator('DPI', { |
| | | initialValue: verify.DPI || '300' |
| | | })( |
| | | <Radio.Group> |
| | | <Radio value="203">203</Radio> |
| | | <Radio value="300">300</Radio> |
| | | <Radio value="600">600</Radio> |
| | | </Radio.Group> |
| | | )} |
| | | </Form.Item> |
| | | </Col> : null} |
| | | {printMode === 'RFID' ? <Col span={8}> |
| | | <Form.Item label={ |
| | | <Tooltip placement="topLeft" title="需要存贮至芯片中的值,请填写对应的字段名,注意大小写。"> |
| | | <QuestionCircleOutlined className="mk-form-tip" /> |
| | | 打印值 |
| | | </Tooltip> |
| | | }> |
| | | {getFieldDecorator('valueField', { |
| | | initialValue: verify.valueField || '', |
| | | rules: [ |
| | | { |
| | | required: true, |
| | | message: '请输入字段名!' |
| | | } |
| | | ] |
| | | })(<Input placeholder="" autoComplete="off" disabled={linkType === 'system'} />)} |
| | | </Form.Item> |
| | | </Col> : null} |
| | | {printMode === 'normal' ? <Col span={8}> |
| | | <Form.Item label={ |
| | | <Tooltip placement="topLeft" title="打印列表为空时,是否提示用户。"> |
| | | <QuestionCircleOutlined className="mk-form-tip" /> |
| | | 空值提示 |
| | | </Tooltip> |
| | | }> |
| | | {getFieldDecorator('emptyTip', { |
| | | initialValue: verify.emptyTip || 'true' |
| | | })( |
| | | <Radio.Group> |
| | | <Radio value="true">是</Radio> |
| | | <Radio value="false">否</Radio> |
| | | </Radio.Group> |
| | | )} |
| | | </Form.Item> |
| | | </Col> : null} |
| | | {printMode !== 'custom' ? <Col span={8}> |
| | | <Form.Item label="打印模板"> |
| | | {getFieldDecorator('Template', { |
| | | initialValue: verify.Template || '', |
| | |
| | | </Select> |
| | | )} |
| | | </Form.Item> |
| | | </Col> : null } |
| | | {printMode === 'normal' ? <Col span={8}> |
| | | <Form.Item label={ |
| | | <Tooltip placement="topLeft" title="打印列表为空时,是否提示用户。"> |
| | | <QuestionCircleOutlined className="mk-form-tip" /> |
| | | 空值提示 |
| | | </Tooltip> |
| | | }> |
| | | {getFieldDecorator('emptyTip', { |
| | | initialValue: verify.emptyTip || 'true' |
| | | })( |
| | | <Radio.Group> |
| | | <Radio value="true">是</Radio> |
| | | <Radio value="false">否</Radio> |
| | | </Radio.Group> |
| | | )} |
| | | </Form.Item> |
| | | </Col> : null} |
| | | {printMode === 'normal' ? <Col span={8}> |
| | | {printMode !== 'custom' ? <Col span={8} offset={printMode === 'RFID' ? 16 : 0}> |
| | | <img className="legend" src={this.state.selectimg} alt=""/> |
| | | </Col> : null } |
| | | </Row> |
| | |
| | | 打印类型 |
| | | {verify.printerTypeList.length ? <span className="count-tip">{verify.printerTypeList.length}</span> : null} |
| | | </span> |
| | | } key="2"> |
| | | } disabled={printMode === 'RFID'} key="2"> |
| | | <Form {...formItemLayout}> |
| | | <Row gutter={24}> |
| | | <Col span={24} className="print-tip"> |