From d389d02439b024f7ca6d993ce156eef702840524 Mon Sep 17 00:00:00 2001 From: 86134 <aa> Date: 星期三, 08 十一月 2023 11:29:25 +0800 Subject: [PATCH] Merge branch 'master' of http://114.132.189.42:9002/r/mes-ocea-before --- src/views/quality/rawMaterial/index.vue | 64 +++++++++++++++++++++++++++---- 1 files changed, 55 insertions(+), 9 deletions(-) diff --git a/src/views/quality/rawMaterial/index.vue b/src/views/quality/rawMaterial/index.vue index 297bd4e..4765239 100644 --- a/src/views/quality/rawMaterial/index.vue +++ b/src/views/quality/rawMaterial/index.vue @@ -37,17 +37,34 @@ ref="addOrUpdate" @refreshDataList="getData" ></RawMaterialForm> + <el-dialog + top="10vh" + title="鎵撳嵃棰勮" + :visible.sync="printDialogVisible" + width="60%"> + <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;this.printFormData=null}">鍙� 娑�</el-button> + <el-button type="primary" @click="printFun()">鎵� 鍗�</el-button> + </span> + </el-dialog> </div> </template> <script> import ttable from '@/views/common/ztt-table.vue' -import { getRawInspectList,delObj,exportRawMaterial } from '@/api/quality/rawMaterial' +import { getRawInspectList,delObj,exportRawMaterial,getObj } from '@/api/quality/rawMaterial' import RawMaterialForm from './rawMaterial-form' import * as fecha from 'element-ui/lib/utils/date' import { mapGetters } from 'vuex' +import PrintJS from 'print-js' +import printTemplate from './rawMaterial-print.vue' export default { data() { return { + printFormData: null, + printDialogVisible: false, queryParam: {}, resultData:[], addOrUpdateVisible: false, @@ -194,6 +211,12 @@ fun: this.addOrUpdateHandle }], operator: [{ + text: '鎵撳嵃', + type: 'text', + size: 'small', + fun: this.previewFun + }, + { text: '浣滃簾', type: 'text', size: 'small', @@ -210,17 +233,10 @@ StateList: [{label:'鍏ㄩ儴',value:''},{label:'宸插悎鏍�',value:'1'},{label:'涓嶅悎鏍�',value:'0'}], } }, - // props:{ - // queryParam:{ - // type: Object, - // default: ()=>{ - // return {} - // } - // } - // }, components: { ttable, RawMaterialForm, + printTemplate, }, created() { @@ -228,7 +244,37 @@ computed: { ...mapGetters(['permissions']) }, + watch:{ + printFormData(newVal){ + if(newVal){ + this.printFormData = newVal + } + } + }, methods:{ + //鏌ョ湅鎶ュ憡鎸夐挳 + previewFun(row){ + getObj(row.id).then(res=>{ + this.printFormData = res.data.data + this.printDialogVisible = true + }).catch(error=>{ + console.log(error); + }) + }, + //鎵撳嵃鎸夐挳 + printFun() { + this.printDialogVisible = false; + PrintJS({ + printable: "printRaw", + type: "html", + maxWidth: 1200, + // header: "鍘熸潗鏂欐娴嬫姤鍛�", + style: '@page {margin: 0 5mm}', + targetStyles: ["*"], + ignoreElements: ["no-ignore"], + orientation: 'portrait' + }); + }, getQueryParam(data){ this.queryParam = data }, -- Gitblit v1.9.3