From 4a6cc45c4843b1294d6e0b6b39efabb6dae5544d Mon Sep 17 00:00:00 2001
From: 86134 <aa>
Date: 星期四, 09 十一月 2023 16:09:41 +0800
Subject: [PATCH] 11

---
 src/views/quality/finishedProductInspection/index.vue |  193 +++++++++++++++++++++--------------------------
 1 files changed, 86 insertions(+), 107 deletions(-)

diff --git a/src/views/quality/finishedProductInspection/index.vue b/src/views/quality/finishedProductInspection/index.vue
index e2cccb9..0dfbc01 100644
--- a/src/views/quality/finishedProductInspection/index.vue
+++ b/src/views/quality/finishedProductInspection/index.vue
@@ -12,23 +12,41 @@
                 <template #toolbar></template>
                 </ttable>
             </basic-container>
+            <el-dialog
+            top="10vh"
+            title="鎵撳嵃棰勮"
+            :visible.sync="printDialogVisible"
+            width="65%">
+            <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>
 	</div>
 </template>
 
-
 <script>
     import ttable from '@/views/common/ztt-table.vue'
     import * as fecha from 'element-ui/lib/utils/date'
-	import finishedProductInspectionAdd from './finishedProductInspectionAdd'
-    import { page,deletePro } from '@/api/quality/finishedProduct'
+	import finishedProductInspectionAdd from './finishedProduct-form'
+    import { page,deletePro,exportExaminationProducts,queryById } from '@/api/quality/finishedProduct'
+    import { transform } from '@/util/fileTransform'
+    import printTemplate from './finishedProduct-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,16 +169,22 @@
                         fun: this.addOrUpdateHandle
                     },
                     {
-                        text: '鍒犻櫎',
-                    },
-                    {
                         text: '瀵煎嚭',
+                        type: 'primary',
+                        fun: this.exportExcel
                     }
                     ],
                     operator: [{
                         text: '鎵撳嵃',
                         type: 'text',
                         size: 'small',
+                        fun: this.showPrint,
+                        show: {
+                            val: [
+                                '1',
+                            ],
+                            key: 'result'
+                        }
                     },{
                         text: '浣滃簾',
                         type: 'text',
@@ -174,68 +198,59 @@
                     minWidth: 100
                     },
                 },
-
-
-
-
-
-                
-				searchData: {
-					result: '',
-					material: '',
-				},
-				// 涓绘満宸ヤ笅鎷夋
-				usernameOptions: [],
-				inspectionTable: [],
-				rowInfo: {},
-				pageParams: {
-					countSize: 10, //姣忛〉鏁伴噺
-					pageSize: 1, // 褰撳墠椤电爜
-					total: 0
-				},
-				showAddPage: false,
-				showAdd: false,
-				showLook: false,
-				showUp: false,
-				showDetail: false,
-				addInspectionform: [{
-					number: '',
-					username: '',
-					projectname: '',
-					tracenumber: '',
-					code: '',
-					class: '',
-					specificationmodel: '',
-					unit: '',
-					quantity: '',
-					group: '',
-					worker: '',
-					machine: ''
-				}],
-				inspectionItems: [{
-					project: '甯冮殕杩�',
-					unit: '鍚�',
-					standardVal: '8219384314',
-					controlVal: '9823401',
-					detectionVal: '11111',
-					device: '',
-					conclusion: '鍚堟牸'
-				}],
-				inspectionResultForm: [{
-					id: '274024',
-					name: '111',
-					inspecter: '111',
-					conclusion: '',
-					operation: ''
-				}],
-				finishedInsInfo: {}
 			}
 		},
-		created() {
-			this.init()
-			// this.getInspectionTableData()
-		},
+		created() { },
+        watch:{
+        printFormData(newVal){
+            if(newVal){
+                this.printFormData = newVal
+            }
+        }
+    },
 		methods: {
+            //鏌ョ湅鎶ュ憡鎸夐挳
+            // showPrint(row){
+            //     queryById(row.id).then(res=>{
+            //     console.log(res);
+            //     this.printFormData = res.data.data
+            //     this.printDialogVisible = true
+            // })
+            // .catch(error=>{
+            //     console.log(error);
+            // })
+            // },
+            //鎵撳嵃鎸夐挳
+            printFun() {
+            this.printDialogVisible = false;
+                PrintJS({
+                    printable: "printRaw",
+                    type: "html",
+                    maxWidth: 700,
+                    style: '@page {margin: 0 5mm}',
+                    targetStyles: ["*"],
+                    ignoreElements: ["no-ignore"],
+                    orientation: 'portrait'
+                });
+            },
+            showPrint(row){
+                queryById(row.id).then(res=>{
+                    console.log(res);
+                this.printFormData = res.data.data
+                    this.printDialogVisible = true
+                }).catch(error=>{
+                    console.log(error);
+                })
+            },
+            exportExcel(){
+                console.log("============");
+                let queryParam=this.$refs.finishedProduct.getQueryParam();
+                delete queryParam.criteria
+                console.log(queryParam);
+                exportExaminationProducts(queryParam).then((res)=>{
+                    transform(res)
+                })
+            },
 			deleteHandle(row){
 				console.log(row.id)
 				this.$confirm('纭鍒犻櫎璇ユ暟鎹悧锛�', '鎻愮ず', {
@@ -257,7 +272,10 @@
 			addOrUpdateHandle(row) {
 				this.$router.push({
 					name: 'finishedProductForm',
-					query: { id: row == null ? null : row.id }
+					query: { 
+                        id: row == null ? null : row.id,
+                        resultVal: row == null ? null : row.result 
+                    }
 				})
 			},
             formatResult(row, column, cellValue){
@@ -272,49 +290,10 @@
             formatDateTime(row, column, cellValue) {
                 return cellValue ? fecha.format(new Date(cellValue), 'yyyy-MM-dd') : ''
             },
-            handleSelectionChange(){
-
-            },
-			// 姣忛〉鏉℃暟鏀瑰彉鏃惰Е鍙� 閫夋嫨涓�椤垫樉绀哄灏戣
-			handleSizeChange(val) {
-				console.log(`姣忛〉 ${val} 鏉)
-				this.currentPage = 1
-				this.pageSize = val
-			},
-			// 褰撳墠椤垫敼鍙樻椂瑙﹀彂 璺宠浆鍏朵粬椤�
-			handleCurrentChange(val) {
-				console.log(`褰撳墠椤�: ${val}`)
-				this.currentPage = val
-			},
-			handleAddNew() {
-				this.showAdd = true
-			},
+            handleSelectionChange(){ },
 			getData() {
 				this.$refs.finishedProduct.getDataList()
 			},
-			goToDetail(row) {
-				this.rowInfo = row
-				this.showLook = true
-			},
-			goUp(row) {
-				this.rowInfo = row
-				this.showUp = true
-			},
-			async init() {
-				// const {data} = await this.$axios.get(this.$api.url.finishedInspectUser)
-				// this.usernameOptions = data
-
-			},
-			comBackMain(val) {
-				this.showAdd = false
-				this.showLook = false
-				this.showUp = false
-				this.init()
-				// this.getInspectionTableData()
-				if (val) {
-					this.$parent.removeAllTab()
-				}
-			}
 		}
 
 	}

--
Gitblit v1.9.3