From a2b5d58d080bd399b8b41c2290573015785d684f Mon Sep 17 00:00:00 2001 From: king <18310653075@163.com> Date: 星期二, 22 二月 2022 15:09:38 +0800 Subject: [PATCH] 2022-02-22 --- src/tabviews/custom/components/module/voucher/index.jsx | 40 ++++++++++++++++++++++++++++++++++++++-- 1 files changed, 38 insertions(+), 2 deletions(-) diff --git a/src/tabviews/custom/components/module/voucher/index.jsx b/src/tabviews/custom/components/module/voucher/index.jsx index 0abd8f6..59ea03c 100644 --- a/src/tabviews/custom/components/module/voucher/index.jsx +++ b/src/tabviews/custom/components/module/voucher/index.jsx @@ -1,6 +1,7 @@ import React, {Component} from 'react' import PropTypes from 'prop-types' import { is, fromJS } from 'immutable' +import { Button, Select, Input, DatePicker } from 'antd' // import { EditOutlined, ToolOutlined, DeleteOutlined, FontColorsOutlined } from '@ant-design/icons' // import MKEmitter from '@/utils/events.js' @@ -19,6 +20,9 @@ loading: false, // 鏁版嵁鍔犺浇鐘舵�� data: null, // 鏁版嵁 searchkey: null, // 杩囨护鏉′欢 + disableAdd: true, + disableSave: true, + typeOptions: [] } UNSAFE_componentWillMount () { @@ -53,12 +57,44 @@ } + triggeradd = () => { + + } + + triggersave = () => { + + } + + triggerprint = () => { + + } + render() { - const { config } = this.state + const { config, disableSave, disableAdd, typeOptions } = this.state return ( <div className="menu-voucher-wrap" style={config.style}> - + <div className="voucher-header"> + <Button className="system-background header-btn" disabled={disableAdd} onClick={this.triggeradd}>鏂板</Button> + <Button className="system-background header-btn" disabled={disableSave} onClick={this.triggersave}>淇濆瓨</Button> + <Button className="system-background header-btn" disabled={disableSave} onClick={this.triggerprint}>鎵撳嵃</Button> + </div> + <div className="voucher-body"> + <div className="pre-wrap"> + <div className="voucher-code"> + <Select> + {typeOptions.map(option => + <Select.Option value={option.value}>{option.label}</Select.Option> + )} + </Select> + <Input autoComplete="off" />鍙� + </div> + <div className="voucher-date"> + 鏃ユ湡锛�<DatePicker onChange={this.onChange}/> + </div> + </div> + + </div> </div> ) } -- Gitblit v1.8.0