From 4e2bb29096ac63837f8d2c5e25766ee094f45d6c Mon Sep 17 00:00:00 2001 From: zouyu <2723363702@qq.com> Date: 星期三, 27 十二月 2023 14:35:49 +0800 Subject: [PATCH] modified: src/page/index/top/index.vue modified: src/views/common/part.vue modified: src/views/equipment/equipment/index.vue modified: src/views/equipment/metering/index.vue modified: src/views/plan/manufacturingorder/auto-operationtask.vue modified: src/views/plan/operationtask/operationtask-form.vue modified: src/views/quality/Packaging_ledger/index.vue modified: src/views/quality/packageinspect/index.vue modified: src/views/quality/processconfiguration/index.vue modified: src/views/quality/teststandard/index.vue modified: vue.config.js --- src/views/equipment/equipment/index.vue | 146 ++++++++++++++++++++++++++++++++++++++---------- 1 files changed, 115 insertions(+), 31 deletions(-) diff --git a/src/views/equipment/equipment/index.vue b/src/views/equipment/equipment/index.vue index f65ac9d..462fdcc 100644 --- a/src/views/equipment/equipment/index.vue +++ b/src/views/equipment/equipment/index.vue @@ -19,6 +19,36 @@ @refreshDataList="getData" ></table-form> </basic-container> + <el-dialog title="鏍囩鍒楄〃" :visible.sync="diaPrintTab" width="500px" top="5vh"> + <div style="width:100%;height:400px;overflow-y: auto;"> + <div class="dia_body" id="printRaw"> + <el-card class="box-card" v-for="(tem, i) in multipleSelection" :key="i" style="margin-bottom: 10px; font-size: 16px !important;"> + <el-row> + <el-col :span="8" :offset="1">搴忓彿锛�</el-col> + <el-col :span="7" style="font-weight: bold;">{{ tem.id }}</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> + </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> </div> </template> @@ -29,6 +59,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 +71,7 @@ isShow: true, url: '/mes/equipment/upload' }, + diaPrintTab: false, prelang: 'workstation', options: { height: 300, // 榛樿楂樺害-涓轰簡琛ㄥご鍥哄畾 @@ -192,35 +225,8 @@ searchInfoType: 'text' } ], - toolbar: [ - { - text: '鏂板', - type: 'primary', - fun: this.addOrUpdateHandle - }, - // { - // text: '鍚屾', - // type: 'primary', - // loading: false, - // fun: this.pullEquipFun - // } - ], - operator: [ - { - text: '淇敼', - icon: 'el-icon-edit', - type: 'text', - size: 'small', - fun: this.addOrUpdateHandle - }, - { - text: '鍒犻櫎', - icon: 'el-icon-delete', - type: 'text', - size: 'small', - fun: this.deleteHandle - } - ], + toolbar: [], + operator: null, operatorConfig: { fixed: 'right', label: '鎿嶄綔', @@ -234,12 +240,56 @@ }, components: { ttable, - TableForm + TableForm, + vueQr }, computed: { ...mapGetters(['permissions']) }, created() { + this.uploadInfo.isShow = this.permissions.equipment_equipment_upload + if(this.permissions.equipment_equipment_add){ + this.table.toolbar.push({ + text: '鏂板', + type: 'primary', + fun: this.addOrUpdateHandle + }) + } + if(this.permissions.equipment_equipment_labelprint){ + this.table.toolbar.push({ + text: '鏍囩鎵撳嵃', + type: 'primary', + fun: this.labelPrint + }) + } + if(this.permissions.equipment_equipment_sync){ + this.table.toolbar.push({ + text: '鍚屾', + type: 'primary', + loading: false, + fun: this.pullEquipFun + }) + } + let arr = [] + if(this.permissions.equipment_equipment_edit){ + arr.push({ + text: '淇敼', + icon: 'el-icon-edit', + type: 'text', + size: 'small', + fun: this.addOrUpdateHandle + }) + } + if(this.permissions.equipment_equipment_del){ + arr.push({ + text: '鍒犻櫎', + icon: 'el-icon-delete', + type: 'text', + size: 'small', + fun: this.deleteHandle + }) + } + this.table.operator = arr.length>0 ? arr : null remote('work_shop').then((response) => { if (response.data.code === 0) { this.workshopList = response.data.data @@ -249,6 +299,33 @@ }) }, methods: { + printFun() { + // this.printDialogVisible = false; + this.diaPrintTab = false; + PrintJS({ + printable: 'printRaw',//椤甸潰 + type: "html",//鏂囨。绫诲瀷 + maxWidth:450, + targetStyles:['*'], + style: `@page { + margin:0; + padding: 0; + size: 360px 170px; + } + html{ + zoom:100%; + } + @media print{ + width: 360px; + height: 170px; + margin:0; + padding: 0; + }`, + onPrintDialogClose: this.erexcel=false, + targetStyles: ["*"], // 浣跨敤dom鐨勬墍鏈夋牱寮忥紝寰堥噸瑕� + font_size: '', + }); + }, pullEquipFun(){ this.table.toolbar.find((e) => e.text === '鍚屾').loading = true pullEquip().then(res=>{ @@ -300,7 +377,14 @@ this.$message.success('鍒犻櫎鎴愬姛') this.getData() }) - } + }, + labelPrint(){ + if(this.multipleSelection.length==0){ + this.$message.warning('璇烽�夋嫨涓�鏉℃暟鎹�') + return + } + this.diaPrintTab = true + } } } </script> -- Gitblit v1.9.3