From c8645d83855d8cfa1a9fa8578bcbe079a7d47dd8 Mon Sep 17 00:00:00 2001 From: ZengTao <2773468879@qq.com> Date: 星期二, 20 八月 2024 14:04:49 +0800 Subject: [PATCH] 下片界面添加打印标签,对下片清除绑架功能部分字段未重置进行完善 --- UI-Project/src/views/UnLoadGlass/loadmachinerack.vue | 63 +++++++++++++++++++++++++++++-- 1 files changed, 59 insertions(+), 4 deletions(-) diff --git a/UI-Project/src/views/UnLoadGlass/loadmachinerack.vue b/UI-Project/src/views/UnLoadGlass/loadmachinerack.vue index 0327ee2..ec9f524 100644 --- a/UI-Project/src/views/UnLoadGlass/loadmachinerack.vue +++ b/UI-Project/src/views/UnLoadGlass/loadmachinerack.vue @@ -9,6 +9,7 @@ import PrintFlow from "@/views/UnLoadGlass/PrintFlow.vue"; import Landingindication from "./Landingindication.vue"; import Landingindicationtwo from "./Landingindicationtwo.vue"; +import PrintLabel from "@/views/UnLoadGlass/PrintCustomLabelSemi1.vue"; const router = useRouter() const {t} = useI18n() @@ -36,6 +37,7 @@ const selectValuesa = reactive({}); const selectOptionsa = ref([]); const dialogTableVisible = ref(false) +const dialogTableVisible1 = ref(false) const printFlowCardId = ref('') const printLayer = ref('') const now = new Date(); @@ -295,8 +297,16 @@ printFlowCard(); // 鏇挎崲鎴愪綘瑕佹墽琛岀殑鍑芥暟鍚� //dialogTableVisible.value = false; }, 1000); - +} +const open1 = async (row) => { +printFlowCardId.value = row.flowCardId; +printLayer.value = row.layer +dialogTableVisible1.value = true; +// setTimeout(() => { +// printFlowCard1(); // 鏇挎崲鎴愪綘瑕佹墽琛岀殑鍑芥暟鍚� +// //dialogTableVisible1.value = false; +// }, 1000); } const printFlowCard = () => { @@ -342,6 +352,46 @@ }, 20); } +const printFlowCard1 = () => { + // 闇�瑕佹墦鍗扮殑灞�閮ㄥ尯鍩熻祴浜�"print-wrap"鐨刬d + let el = document.getElementById("printFlowCard"); + let doc = document; + let body = doc.body || doc.getElementsByTagName("body")[0]; + let printId = "print-" + Date.now(); + + // 鍒涘缓鏃犲壇浣滅敤鐨勬墦鍗板鍣�(鍥犱笉纭畾椤甸潰鐨勬墦鍗板厓绱犳湁鏃犲叾瀹冩牱寮�) + let content = doc.createElement("div"); + content.id = printId; + + // 鏍峰紡鎺у埗涓庢墦鍗版棤鍏崇殑鍏冪礌闅愯棌 + let style = doc.createElement("style"); + style.innerHTML = + "body>#" + + printId + + "{display:none}@media print{" + + "@page {" + + " size: auto; " + + " margin: 2mm 2mm 2mm 2mm; " + + " }body>:not(#" + + printId + + "){display:none !important}body>#" + + printId + + "{display:block;padding-top:1px}}"; + // + content.innerHTML = el.outerHTML; + // // console.log("el.outerHTML", el.outerHTML); + body.appendChild(style); + + // 涓巗tyle鍏冪礌璁剧疆鐨勬牱寮忕浉閰嶅悎 + // 鎶婃墦鍗板唴瀹圭殑鍏冪礌娣诲姞鍒癰ody(浣滀负body鐨勫瓙鍏冪礌锛屽彲鐢╞ody鐨勫瓙閫夋嫨鍣� '>' 鎺у埗鎵撳嵃鏍峰紡) + body.appendChild(content); + setTimeout(() => { + window.print(); + body.removeChild(content); + body.removeChild(style); + }, 20); +} + @@ -360,7 +410,7 @@ <el-card style="flex: 1;" v-loading="loading"> <el-card style="flex: 1;margin-left: 4px;margin-top: 1px;" v-loading="loading"> <div style="width: 98%; height: calc(100% - 35px); overflow-y: auto;"> - <el-table height="200px" ref="table" @selection-change="handleSelectionChange" :data="tableData" + <el-table height="350px" ref="table" @selection-change="handleSelectionChange" :data="tableData" :header-cell-style="{ background: '#F2F3F5 ', color: '#1D2129' }"> <el-table-column prop="workstationId" align="center" :label="$t('reportWork.lowerbit')" min-width="80"/> <el-table-column prop="workstationId" align="center" :label="$t('reportWork.shelfnumber')" @@ -380,14 +430,15 @@ </el-tag> </template> </el-table-column> - <el-table-column fixed="right" :label="$t('reportWork.operate')" align="center" width="200"> + <el-table-column fixed="right" :label="$t('reportWork.operate')" align="center" width="400"> <template #default="scope"> <el-button size="mini" type="text" plain v-show="scope.row.enableState !== '宸插惎鐢�'" @click="handleBindRack(scope.row)">{{ $t('reportWork.bindingshelves') }} </el-button> <el-button size="mini" type="text" plain @click="handleBindRack2(scope.row)">{{ $t('reportWork.clear') }}</el-button> - <el-button @click="open(scope.row)" :disabled="scope.row.flowCardId == null">鎵撳嵃</el-button> + <el-button @click="open(scope.row)" :disabled="scope.row.flowCardId == null">鎵撳嵃娴佺▼鍗�</el-button> + <el-button @click="open1(scope.row)" :disabled="scope.row.flowCardId == null">鎵撳嵃鏍囩</el-button> </template> </el-table-column> @@ -497,6 +548,10 @@ <print-flow id="child" :printFlowCardId="printFlowCardId" :printLayer="printLayer" style="width: 100%;height: 100%"/> </el-dialog> + <el-dialog id="sizePrintCalrd1" v-model="dialogTableVisible1" destroy-on-close > + <print-label id="printFlowCard" :printFlowCardId="printFlowCardId" :printLayer="printLayer" + style=""/> + </el-dialog> </template> <style scoped> -- Gitblit v1.8.0