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