From b55ad726293330d4e30d589e73a3d49a1b363cbb Mon Sep 17 00:00:00 2001
From: king <18310653075@163.com>
Date: 星期四, 05 三月 2020 09:27:24 +0800
Subject: [PATCH] 2020-03-05
---
src/views/printTemplate/index.jsx | 45 +++++++++++++++++++++++++++++++++++++++++++++
1 files changed, 45 insertions(+), 0 deletions(-)
diff --git a/src/views/printTemplate/index.jsx b/src/views/printTemplate/index.jsx
index 323829e..69f6f17 100644
--- a/src/views/printTemplate/index.jsx
+++ b/src/views/printTemplate/index.jsx
@@ -1,5 +1,36 @@
import React, {Component} from 'react'
+import { DndProvider } from 'react-dnd'
+import HTML5Backend from 'react-dnd-html5-backend'
+import { Card } from 'antd'
+import SourceElement from './dragelement/source'
import './index.scss'
+
+const printItems = [
+ {
+ type: 'print',
+ label: '鏂囨湰',
+ subType: 'text',
+ icon: 'file-text'
+ },
+ {
+ type: 'print',
+ label: '鏉″舰鐮�',
+ subType: 'barcode',
+ icon: 'barcode'
+ },
+ {
+ type: 'print',
+ label: '浜岀淮鐮�',
+ subType: 'qrcode',
+ icon: 'qrcode'
+ },
+ {
+ type: 'print',
+ label: '鍥剧墖',
+ subType: 'picture',
+ icon: 'file-image'
+ }
+]
class PrintTemplate extends Component {
state = {
@@ -22,7 +53,21 @@
render () {
return (
<div className="print-template">
+ <DndProvider backend={HTML5Backend}>
+ <header className="print-header-container ant-menu-dark">妯℃澘鍒朵綔</header>
+ <aside className="tools">
+ <Card title="宸ュ叿鏍�">
+ {printItems.map((item, index) => {
+ return (<SourceElement key={index} content={item}/>)
+ })}
+ </Card>
+ </aside>
+ <aside className="setting">
+ <Card title="鐘舵�佹爮">
+ </Card>
+ </aside>
+ </DndProvider>
</div>
)
}
--
Gitblit v1.8.0