From d51599d19653dba1adfbae2b23a6c1332db5a0b2 Mon Sep 17 00:00:00 2001 From: zss <zss@example.com> Date: 星期三, 22 十一月 2023 16:44:42 +0800 Subject: [PATCH] 质量字段添加 --- src/views/quality/finishedProductInspection/index.vue | 236 +++++++++++++++++++++++++++------------------------------- 1 files changed, 109 insertions(+), 127 deletions(-) diff --git a/src/views/quality/finishedProductInspection/index.vue b/src/views/quality/finishedProductInspection/index.vue index 1ab2496..602aa4b 100644 --- a/src/views/quality/finishedProductInspection/index.vue +++ b/src/views/quality/finishedProductInspection/index.vue @@ -12,27 +12,42 @@ <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> - <script> import ttable from '@/views/common/ztt-table.vue' import * as fecha from 'element-ui/lib/utils/date' - import finishedProductInspectionAdd from './finishedProductInspectionAdd' - import finishedProductInspectionUp from './finishedProductInspectionUp' - import finishedProductInspectionLook from './finishedProductInspectionLook' - import { page } 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 './finishedProducter-print.vue' + import PrintJS from 'print-js' +import { title } from 'process' export default { components: { finishedProductInspectionAdd, - finishedProductInspectionUp, - finishedProductInspectionLook, - ttable + ttable, + printTemplate }, data() { return { + printFormData: null, + printDialogVisible: false, result:[{label:'鍏ㄩ儴',value: ''},{label:'鍚堟牸',value: '1'},{label:'涓嶅悎鏍�',value: '0'}], type: [1], prelang: 'finishedProduct', @@ -58,14 +73,22 @@ data: [], // 鏍囬 column: [ + { + minWidth: '120', + prop: 'finInsNo', + label: '浜у搧妫�楠岀紪鍙�', + isTrue: true, + isSearch: true, + searchInfoType: 'text', + render: { fun: this.addOrUpdateHandle } + }, { minWidth: '120', prop: 'orderNumber', label: '璁㈠崟鍙�', isTrue: true, isSearch: true, - searchInfoType: 'text', - render: { fun: this.addOrUpdateHandle } + searchInfoType: 'text' }, { minWidth: '120', @@ -155,16 +178,23 @@ fun: this.addOrUpdateHandle }, { - text: '鍒犻櫎', - }, - { text: '瀵煎嚭', + type: 'primary', + fun: this.exportExcel } ], operator: [{ text: '鎵撳嵃', type: 'text', size: 'small', + fun: this.showPrint, + show: { + val: [ + '1', + '0' + ], + key: 'result' + } },{ text: '浣滃簾', type: 'text', @@ -178,73 +208,76 @@ 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){ + // console.log("pData鍙樺寲--",newVal); + this.printFormData = newVal + } + } + }, methods: { + //鎵撳嵃鎸夐挳 + printFun() { + const style = '@page {margin: 10mm 5mm; margin-bottom: 0;margin-top:0;} ' +'@media print {.title{font-size:30pt;font-weight: 400;font-family: 榛戜綋;!important;}' ; + PrintJS({ + printable: "printRaw", + type: "html", + // scanStyles: false, + maxWidth: 1000, + // header: "浜у搧妫�娴嬫姤鍛�", + style:style, + 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) + this.$confirm('纭鍒犻櫎璇ユ暟鎹悧锛�', '鎻愮ず', { + confirmButtonText: '纭畾', + cancelButtonText: '鍙栨秷', + type: 'warning', + }).then(()=>{ + deletePro(row.id).then(res=>{ + if(res.data.code == 0){ + this.$message.success("鍒犻櫎鎴愬姛") + }else{ + this.$message.error("鍒犻櫎澶辫触") + } + this.getData() + }) + }) + }, // 鏂板 / 淇敼 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){ @@ -259,61 +292,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 + handleSelectionChange(){ }, + getData() { + this.$refs.finishedProduct.getDataList() }, - // 褰撳墠椤垫敼鍙樻椂瑙﹀彂 璺宠浆鍏朵粬椤� - handleCurrentChange(val) { - console.log(`褰撳墠椤�: ${val}`) - this.currentPage = val - }, - handleAddNew() { - this.showAdd = true - }, - // async getInspectionTableData() { - // const { - // data: { - // row, - // total - // } - // } = await this.$axios.get(this.$api.url.finishedInsListPage, { - // params: { - // ...this.pageParams, - // ...this.searchData - // } - // }) - // this.inspectionTable = row - // this.pageParams.total = total - // }, - 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