From d5ce81026882ada34e5d49411be7c90ee96cc102 Mon Sep 17 00:00:00 2001 From: king <18310653075@163.com> Date: 星期二, 17 一月 2023 18:20:11 +0800 Subject: [PATCH] 2023-01-17 --- src/menu/components/module/voucher/index.jsx | 38 ++++++++++++++++++++++++++++++-------- 1 files changed, 30 insertions(+), 8 deletions(-) diff --git a/src/menu/components/module/voucher/index.jsx b/src/menu/components/module/voucher/index.jsx index 5f13cd1..def62fe 100644 --- a/src/menu/components/module/voucher/index.jsx +++ b/src/menu/components/module/voucher/index.jsx @@ -1,18 +1,17 @@ import React, {Component} from 'react' import PropTypes from 'prop-types' import { is, fromJS } from 'immutable' -import { Popover } from 'antd' -import { EditOutlined, ToolOutlined, DeleteOutlined, FontColorsOutlined } from '@ant-design/icons' +import { Popover, Button } from 'antd' +import { EditOutlined, ToolOutlined, DeleteOutlined, FontColorsOutlined, DownOutlined, CalendarOutlined } from '@ant-design/icons' -// import asyncComponent from '@/utils/asyncComponent' import asyncIconComponent from '@/utils/asyncIconComponent' import MKEmitter from '@/utils/events.js' import getWrapForm from './options' +import VoucherTable from './voucherTable' import './index.scss' const NormalForm = asyncIconComponent(() => import('@/components/normalform')) -// const NormalHeader = asyncComponent(() => import('@/menu/components/share/normalheader')) class Voucher extends Component { static propTpyes = { @@ -39,9 +38,9 @@ width: card.width || 12, name: '鍑瘉', subtype: card.subtype, - setting: { interType: 'system' }, + // setting: { interType: 'system' }, wrap: { name: '鍑瘉', title: '', width: card.width || 12, type: 'edit' }, - style: { marginLeft: '8px', marginRight: '8px', marginTop: '8px', marginBottom: '8px' }, + style: { marginLeft: '8px', marginRight: '8px', marginTop: '8px', marginBottom: '8px', paddingBottom: '20px' }, headerStyle: {}, columns: [], scripts: [], @@ -112,7 +111,6 @@ return ( <div className="menu-voucher-box" style={card.style} id={card.uuid}> - {/* <NormalHeader config={card} updateComponent={this.updateComponent}/> */} <Popover overlayClassName="mk-popover-control-wrap" mouseLeaveDelay={0.2} mouseEnterDelay={0.2} content={ <div className="mk-popover-control"> <NormalForm title="鍩烘湰璁剧疆" width={800} update={this.updateWrap} getForms={this.getWrapForms}> @@ -125,7 +123,31 @@ <ToolOutlined /> </Popover> <div className="voucher-box"> - jjj + <div className="voucher-header"> + <Button className="add-background header-btn">鏂板</Button> + <Button className="add-background header-btn">淇濆瓨</Button> + <Button className="print-background header-btn">鎵撳嵃</Button> + <Button className="system-background header-btn">瀵煎叆</Button> + <Button className="out-background header-btn">瀵煎嚭</Button> + </div> + <div className="voucher-body"> + <div className="pre-wrap"> + <div className="voucher-code"> + <div>璁�<DownOutlined/></div> + <div>1</div> + 鍙� + </div> + <div className="voucher-date"> + 鏃ユ湡锛�<div>璇烽�夋嫨鏃ユ湡 <CalendarOutlined /></div> + </div> + <div className="voucher-affix"> + 闄勫崟鎹� <div>2</div> 寮� + <Button type="link" className="">闄勪欢</Button> + <Button type="link" className="">澶囨敞</Button> + </div> + </div> + <VoucherTable config={card}/> + </div> </div> </div> ) -- Gitblit v1.8.0