From 7b0dbecd1d6155d26ec67be0a47a16264c738c85 Mon Sep 17 00:00:00 2001
From: king <18310653075@163.com>
Date: 星期二, 09 五月 2023 14:48:10 +0800
Subject: [PATCH] 2023-05-09
---
src/tabviews/custom/components/group/normal-group/index.jsx | 98 +------------------------------------------------
1 files changed, 2 insertions(+), 96 deletions(-)
diff --git a/src/tabviews/custom/components/group/normal-group/index.jsx b/src/tabviews/custom/components/group/normal-group/index.jsx
index 631caf0..6cbc3cb 100644
--- a/src/tabviews/custom/components/group/normal-group/index.jsx
+++ b/src/tabviews/custom/components/group/normal-group/index.jsx
@@ -1,7 +1,7 @@
import React, {Component} from 'react'
import PropTypes from 'prop-types'
import { is, fromJS } from 'immutable'
-import { Col, notification, Button, Row } from 'antd'
+import { Col, notification, Row } from 'antd'
import Api from '@/api'
import asyncComponent from '@/utils/asyncComponent'
@@ -44,7 +44,7 @@
state = {
mainSearch: [],
- printing: false,
+ // printing: false,
data: null
}
@@ -296,101 +296,8 @@
})
}
- canvasToImage(canvas) {
- let image = new Image()
- image.src = canvas.toDataURL('image/jpg')
- image.style = 'width:100%;height:100%;position:absolute;z-index:1;left:0px;top:0px;'
- return image
- }
-
- print = () => {
- const { config } = this.props
- const { printing } = this.state
-
- if (printing) return
- this.setState({printing: true})
-
- let qrcodes = document.getElementsByClassName('qrcode-box')
-
- for (let i = 0; i < qrcodes.length; i++) {
- let canvas = qrcodes[i].getElementsByTagName('canvas')[0]
-
- if (canvas) {
- let img = this.canvasToImage(canvas)
-
- canvas.remove()
- qrcodes[i].append(img)
- }
- }
-
- let pageSize = ['A4', 'A3', 'A5'].includes(config.setting.pageSize) ? config.setting.pageSize : 'A4'
- let pageLayout = config.setting.pageLayout !== 'horizontal' ? 'vertical' : 'horizontal'
- let hides = config.setting.hide || []
-
- let pageParam = {
- A4: {
- vertical: 980,
- horizontal: 1200,
- },
- A3: {
- vertical: 1200,
- horizontal: 1600,
- },
- A5: {
- vertical: 700,
- horizontal: 1000,
- }
- }
-
- let width = pageParam[pageSize][pageLayout]
-
- try {
- let jubuData = document.getElementById(config.uuid).innerHTML
-
- let iframe = document.createElement('IFRAME')
- let linkList = document.getElementsByTagName('link') // 鑾峰彇鐖剁獥鍙ink鏍囩瀵硅薄鍒楄〃
- let styleList = document.getElementsByTagName('style') // 鑾峰彇鐖剁獥鍙tyle鏍囩瀵硅薄鍒楄〃
-
- document.body.appendChild(iframe)
- let doc = iframe.contentWindow.document
-
- doc.open()
- doc.write(`<!DOCTYPE html><html lang="en"><head>`)
- for (let i = 0;i < linkList.length;i++) {
- if (linkList[i].type === 'text/css') {
- doc.write(`<LINK rel="stylesheet" type="text/css" href="${linkList[i].href}">`)
- }
- }
- doc.write(`<style>body{width: ${width}px!important;} *{border-style: solid;border-width: 0;} .print-button{display: none!important;} ${hides.includes('search') ? '.top-search{display: none!important;}' : ''} ${hides.includes('button') ? '.ant-btn{opacity: 0!important;}' : ''}</style>`)
- for (let i = 0;i < styleList.length;i++) {
- doc.write('<style>' + styleList[i].innerHTML + '</style>')
- }
- doc.write(`</head><body>`)
- doc.write(jubuData)
- doc.write(`</body></html>`)
- doc.close()
-
- setTimeout(() => {
- iframe.contentWindow.focus()
- iframe.contentWindow.print()
-
- document.body.removeChild(iframe)
-
- this.setState({printing: false})
- }, 500)
- } catch (e) {
- this.setState({printing: false})
- notification.warning({
- top: 92,
- message: '鎵撳嵃寮傚父锛�',
- duration: 5
- })
- }
- }
-
render() {
const { config } = this.props
- const { printing } = this.state
if (!config.components || config.components.length === 0) return (<div style={config.style}></div>)
@@ -399,7 +306,6 @@
{config.setting && config.setting.title ? <div className="group-header" style={config.headerStyle}>
<span className="title">{config.setting.title}</span>
</div> : null}
- {config.setting && config.setting.print === 'true' ? <Button className="print-button" icon="printer" loading={printing} onClick={this.print}></Button> : null}
<Row className="component-wrap">{this.getComponents()}</Row>
</div>
)
--
Gitblit v1.8.0