2020-03-05

king

2020-03-05 b55ad726293330d4e30d589e73a3d49a1b363cbb

 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>
    )
  }