From 943e43fac9e2fefabaeffb20445361d5d02cea25 Mon Sep 17 00:00:00 2001 From: 86134 <aa> Date: 星期一, 20 十一月 2023 10:24:45 +0800 Subject: [PATCH] 11 --- src/views/quality/finishedProductInspection/index.vue | 85 +++++++++++++++++++++++++++++++++++++++++- 1 files changed, 82 insertions(+), 3 deletions(-) diff --git a/src/views/quality/finishedProductInspection/index.vue b/src/views/quality/finishedProductInspection/index.vue index 674a317..808f453 100644 --- a/src/views/quality/finishedProductInspection/index.vue +++ b/src/views/quality/finishedProductInspection/index.vue @@ -12,6 +12,19 @@ <template #toolbar></template> </ttable> </basic-container> + <el-dialog + top="10vh" + title="鎵撳嵃棰勮" + :visible.sync="printDialogVisible" + width="70%"> + <div style="width:100%;height: 60vh;overflow-y: scroll;"> + <printTemplate id="printRaw" :formData="printFormData"></printTemplate> + </div> + <span slot="footer" class="dialog-footer"> + <el-button @click="()=>{printDialogVisible = false;printFormData=null}">鍙� 娑�</el-button> + <el-button type="primary" @click="printFun()">鎵� 鍗�</el-button> + </span> + </el-dialog> </div> </div> </template> @@ -20,14 +33,20 @@ import ttable from '@/views/common/ztt-table.vue' import * as fecha from 'element-ui/lib/utils/date' import finishedProductInspectionAdd from './finishedProduct-form' - import { page,deletePro } from '@/api/quality/finishedProduct' + import { page,deletePro,exportExaminationProducts,queryById } from '@/api/quality/finishedProduct' + import { transform } from '@/util/fileTransform' + import printTemplate from './finishedProducter-print.vue' + import PrintJS from 'print-js' export default { components: { finishedProductInspectionAdd, - ttable + ttable, + printTemplate }, data() { return { + printFormData: null, + printDialogVisible: false, result:[{label:'鍏ㄩ儴',value: ''},{label:'鍚堟牸',value: '1'},{label:'涓嶅悎鏍�',value: '0'}], type: [1], prelang: 'finishedProduct', @@ -151,12 +170,22 @@ }, { text: '瀵煎嚭', + type: 'primary', + fun: this.exportExcel } ], operator: [{ text: '鎵撳嵃', type: 'text', size: 'small', + fun: this.showPrint, + show: { + val: [ + '1', + '0' + ], + key: 'result' + } },{ text: '浣滃簾', type: 'text', @@ -173,9 +202,59 @@ } }, created() { }, + watch:{ + printFormData(newVal){ + if(newVal){ + // console.log("pData鍙樺寲--",newVal); + this.printFormData = newVal + } + } + }, methods: { + closedown(){ + // this.printFormData = [] + this.printDialogVisible = false; + }, + //鎵撳嵃鎸夐挳 + printFun() { + // const printSettings = { + // paper: { + // width: 827, // A4绾哥殑瀹藉害锛堝崟浣嶏細鍍忕礌锛� + // height: 595, // A4绾哥殑楂樺害锛堝崟浣嶏細鍍忕礌锛� + // orientation: 'portrait', // 绔栧悜鎵撳嵃 + // }} + + PrintJS({ + printable: "printRaw", + type: "html", + maxWidth: 1000, + // printSettings, + style: '@page {margin: 10mm 5mm;size:A4;}', + targetStyles: ["*"], + ignoreElements: ["no-ignore"], + orientation: 'portrait' + }); + }, + //鏌ョ湅鎶ュ憡鎸夐挳 + showPrint(row){ + queryById(row.id).then(res=>{ + this.printFormData = res.data.data + this.printFormData.createTime = row.createTime + this.printFormData.updateTime = row.updateTime + this.printDialogVisible = true + }).catch(error=>{ + }) + }, + exportExcel(){ + let queryParam=this.$refs.finishedProduct.getQueryParam(); + delete queryParam.criteria + // console.log(queryParam); + exportExaminationProducts(queryParam).then((res)=>{ + transform(res) + }) + }, deleteHandle(row){ - console.log(row.id) + // console.log(row.id) this.$confirm('纭鍒犻櫎璇ユ暟鎹悧锛�', '鎻愮ず', { confirmButtonText: '纭畾', cancelButtonText: '鍙栨秷', -- Gitblit v1.9.3