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/src/views/main/bs/workshop/index.vue | 86 ++++++++++++++++++++++++++++++------------ 1 files changed, 61 insertions(+), 25 deletions(-) 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