From 7ffc7991a25e19c913b382a2245bd97a40511718 Mon Sep 17 00:00:00 2001 From: zss <zss@example.com> Date: 星期五, 24 十一月 2023 13:44:29 +0800 Subject: [PATCH] 货盘运输修改 --- src/views/equipment/equipment/index.vue | 74 +++++++++++++++++++++++++++++++++--- 1 files changed, 67 insertions(+), 7 deletions(-) diff --git a/src/views/equipment/equipment/index.vue b/src/views/equipment/equipment/index.vue index 59fead3..2b59511 100644 --- a/src/views/equipment/equipment/index.vue +++ b/src/views/equipment/equipment/index.vue @@ -18,6 +18,34 @@ ref="addOrUpdate" @refreshDataList="getData" ></table-form> + <el-dialog title="鏍囩鍒楄〃" :visible.sync="diaPrintTab" width="500px"> + <div class="dia_body"> + <el-card class="box-card" id="printRaw" v-for="(tem, i) in multipleSelection" :key="i" style="margin-bottom: 30px;"> + <el-row> + <el-col :span="8" :offset="1">搴忓彿锛�</el-col> + <el-col :span="7" style="font-weight: bold;">{{ i + 1 }}</el-col> + </el-row> + <el-row> + <el-col :span="8" :offset="1">缂栧彿锛�</el-col> + <el-col :span="10" style="font-weight: bold;">{{ tem.number }}</el-col> + </el-row> + <el-row> + <el-col :span="8" :offset="1">璁惧鍚嶇О锛�</el-col> + <el-col :span="7" style="font-weight: bold;">{{ tem.name }}</el-col> + </el-row> + <el-row> + <el-col :span="8" :offset="1">璁惧浜岀淮鐮侊細</el-col> + <el-col :span="7"> + <vueQr :text="tem.number" :size="80" :margin="2"></vueQr> + </el-col> + </el-row> + </el-card> + </div> + <span slot="footer" class="dialog-footer"> + <el-button @click="diaPrintTab = false">鍙� 娑�</el-button> + <el-button type="primary" @click="printFun()">鎵� 鍗�</el-button> + </span> + </el-dialog> </basic-container> </div> </template> @@ -29,6 +57,8 @@ import { mapGetters } from 'vuex' import * as fecha from 'element-ui/lib/utils/date' import { remote } from '../../../api/admin/dict' +import vueQr from 'vue-qr' +import PrintJS from 'print-js' export default { data() { return { @@ -39,6 +69,7 @@ isShow: true, url: '/mes/equipment/upload' }, + diaPrintTab: false, prelang: 'workstation', options: { height: 300, // 榛樿楂樺害-涓轰簡琛ㄥご鍥哄畾 @@ -199,11 +230,16 @@ fun: this.addOrUpdateHandle }, { - text: '鍚屾', - type: 'primary', - loading: false, - fun: this.pullEquipFun - } + text: '鏍囩鎵撳嵃', + type: 'primary', + fun: this.labelPrint + }, + // { + // text: '鍚屾', + // type: 'primary', + // loading: false, + // fun: this.pullEquipFun + // } ], operator: [ { @@ -234,7 +270,8 @@ }, components: { ttable, - TableForm + TableForm, + vueQr }, computed: { ...mapGetters(['permissions']) @@ -249,6 +286,21 @@ }) }, methods: { + printFun() { + // this.printDialogVisible = false; + this.diaPrintTab = false; + console.log(printRaw); + PrintJS({ + printable: "printRaw",//椤甸潰 + type: "html",//鏂囨。绫诲瀷 + maxWidth:450, + targetStyles:['*'], + style:"@page {margin:0 ;resolution: 300dpi;portrait}", + onPrintDialogClose: this.erexcel=false, + targetStyles: ["*"], // 浣跨敤dom鐨勬墍鏈夋牱寮忥紝寰堥噸瑕� + font_size: '', + }); + }, pullEquipFun(){ this.table.toolbar.find((e) => e.text === '鍚屾').loading = true pullEquip().then(res=>{ @@ -277,6 +329,7 @@ }, handleSelectionChange(val) { this.multipleSelection = val + console.log(this.multipleSelection); }, // 鏂板 / 淇敼 addOrUpdateHandle(row) { @@ -300,7 +353,14 @@ this.$message.success('鍒犻櫎鎴愬姛') this.getData() }) - } + }, + labelPrint(){ + if(this.multipleSelection.length==0){ + this.$message.warning('璇烽�夋嫨涓�鏉℃暟鎹�') + return + } + this.diaPrintTab = true + } } } </script> -- Gitblit v1.9.3