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