From 9a1433b0ff2754d9c11f98a654af44ec7d5ab992 Mon Sep 17 00:00:00 2001
From: admin <15939171744@163.com>
Date: 星期六, 11 五月 2024 13:50:40 +0800
Subject: [PATCH] -打印
---
jcdm-ui/package.json | 2 +
jcdm-ui/src/views/main/bs/workshop/index.vue | 86 ++++++++++++++++++++++++++++++------------
2 files changed, 63 insertions(+), 25 deletions(-)
diff --git a/jcdm-ui/package.json b/jcdm-ui/package.json
index 0c53b8e..d1f482d 100644
--- a/jcdm-ui/package.json
+++ b/jcdm-ui/package.json
@@ -49,6 +49,7 @@
"js-cookie": "3.0.1",
"jsencrypt": "3.0.0-rc.1",
"nprogress": "0.2.0",
+ "qrcode": "^1.5.3",
"quill": "1.3.7",
"screenfull": "5.0.2",
"sortablejs": "1.10.2",
@@ -56,6 +57,7 @@
"vue-count-to": "1.0.13",
"vue-cropper": "0.5.5",
"vue-meta": "2.4.0",
+ "vue-qr": "^4.0.9",
"vue-router": "3.4.9",
"vuedraggable": "2.24.3",
"vuex": "3.6.0"
diff --git a/jcdm-ui/src/views/main/bs/workshop/index.vue b/jcdm-ui/src/views/main/bs/workshop/index.vue
index 44c0311..531e5ec 100644
--- a/jcdm-ui/src/views/main/bs/workshop/index.vue
+++ b/jcdm-ui/src/views/main/bs/workshop/index.vue
@@ -1,31 +1,39 @@
<template>
<div class="app-container">
<el-card class="box-card">
- <el-form :model="queryParams" ref="queryForm" size="small" :inline="true" v-show="showSearch" label-width="68px">
- <el-form-item label="杞﹂棿缂栫爜" prop="workshopCode">
- <el-input
- v-model="queryParams.workshopCode"
- placeholder="璇疯緭鍏ヨ溅闂寸紪鐮�"
- clearable
- @keyup.enter.native="handleQuery"
- />
- </el-form-item>
- <el-form-item label="杞﹂棿鍚嶇О" prop="workshopName">
- <el-input
- v-model="queryParams.workshopName"
- placeholder="璇疯緭鍏ヨ溅闂村悕绉�"
- clearable
- @keyup.enter.native="handleQuery"
- />
- </el-form-item>
- <el-form-item style="float: right">
- <el-button type="primary" icon="el-icon-search" size="mini" @click="handleQuery">鎼滅储</el-button>
-<!-- <el-button type="warning" icon="el-icon-copy-document" size="mini" @click="advancedQuery">楂樼骇鏌ヨ</el-button>-->
- <el-button icon="el-icon-refresh" size="mini" @click="resetQuery">閲嶇疆</el-button>
- </el-form-item>
- </el-form>
- <el-form :model="queryParams" ref="queryParams" size="small" :inline="true" v-show="advancedShowSearch" label-width="68px">
- </el-form>
+<!-- <el-form :model="queryParams" ref="queryForm" size="small" :inline="true" v-show="showSearch" label-width="68px">-->
+<!-- <el-form-item label="杞﹂棿缂栫爜" prop="workshopCode">-->
+<!-- <el-input-->
+<!-- v-model="queryParams.workshopCode"-->
+<!-- placeholder="璇疯緭鍏ヨ溅闂寸紪鐮�"-->
+<!-- clearable-->
+<!-- @keyup.enter.native="handleQuery"-->
+<!-- />-->
+<!-- </el-form-item>-->
+<!-- <el-form-item label="杞﹂棿鍚嶇О" prop="workshopName">-->
+<!-- <el-input-->
+<!-- v-model="queryParams.workshopName"-->
+<!-- placeholder="璇疯緭鍏ヨ溅闂村悕绉�"-->
+<!-- clearable-->
+<!-- @keyup.enter.native="handleQuery"-->
+<!-- />-->
+<!-- </el-form-item>-->
+<!-- <el-form-item style="float: right">-->
+<!-- <el-button type="primary" icon="el-icon-search" size="mini" @click="handleQuery">鎼滅储</el-button>-->
+<!--<!– <el-button type="warning" icon="el-icon-copy-document" size="mini" @click="advancedQuery">楂樼骇鏌ヨ</el-button>–>-->
+<!-- <el-button icon="el-icon-refresh" size="mini" @click="resetQuery">閲嶇疆</el-button>-->
+<!-- </el-form-item>-->
+<!-- </el-form>-->
+<!-- <el-form :model="queryParams" ref="queryParams" size="small" :inline="true" v-show="advancedShowSearch" label-width="68px">-->
+<!-- </el-form>-->
+ <div>
+ <div id="printMe">
+ <div ref="canvasWrapper"></div>
+ <p>1111</p>
+ </div>
+ <button @click="print">鎵撳嵃</button>
+ <button @click="test1">鐢熸垚浜岀淮鐮�</button>
+ </div>
</el-card>
<el-card style="margin-top: 10px" class="box-card">
@@ -168,6 +176,7 @@
</template>
<script>
+import QRCode from 'qrcode'
import { listWorkshop, getWorkshop, delWorkshop, addWorkshop, updateWorkshop } from "@/api/main/bs/workshop/workshop";
export default {
@@ -175,6 +184,7 @@
dicts: ['sys_normal_disable'],
data() {
return {
+ text: '1234',
select: '',
// 閬僵灞�
loading: true,
@@ -224,8 +234,34 @@
},
created() {
this.getList();
+ this.test1();
},
methods: {
+ print() {
+
+ let printMe = document.querySelector('#printMe');
+ let printWindow = window.open('', '_blank');
+ printWindow.document.write(printMe.innerHTML);
+ printWindow.document.close();
+ printWindow.focus();
+ printWindow.print();
+ printWindow.close();
+ },
+ test1(){
+ QRCode.toCanvas(this.text, {
+ width: 40,
+ // height: 40,
+ margin: 1,
+
+ }, (error, canvas) => {
+ if (error) {
+ console.error(error)
+ return
+ }
+ // 鍦╟anvas鐨勭埗鍏冪礌涓彃鍏anvas鍏冪礌
+ this.$refs.canvasWrapper.appendChild(canvas)
+ })
+ },
advancedQuery(){
this.advancedShowSearch = (this.advancedShowSearch) ? this.advancedShowSearch = false : this.advancedShowSearch = true;
},
--
Gitblit v1.9.3