From 04519262eda541e49799cb5188b62603240b0d33 Mon Sep 17 00:00:00 2001
From: loulijun2021 <1694218219@qq.com>
Date: 星期三, 27 七月 2022 09:07:42 +0800
Subject: [PATCH] 1.提交
---
src/views/kb/index.vue | 431 +++++++++++++++++++++++++++++++++++++++++++++++++++--
1 files changed, 413 insertions(+), 18 deletions(-)
diff --git a/src/views/kb/index.vue b/src/views/kb/index.vue
index b6835c0..d3dee41 100644
--- a/src/views/kb/index.vue
+++ b/src/views/kb/index.vue
@@ -1,42 +1,437 @@
<template>
<div>
- <div style="margin: 100px;">
- <el-button type="primary" @click="click">璇风偣鍑绘垜</el-button>
- <import-picker ref="importPickerFunc" :shows.sync="shows" :title="title_value" :colos="colos" :code="code" />
- </div>
+
+ <el-button type="primary" @click="clickMe">鐐瑰嚮鎴�</el-button>
+
+ <el-dialog
+ title="棰勮"
+ :visible.sync="dialogVisible"
+ width="1140"
+ >
+ <!-- 瑕佹墦鍗扮殑鍖哄煙 -->
+ <div id="printMe" style="padding: 30px">
+
+ <div style="display: flex;justify-content: space-around;">
+ <!-- 浜岀淮鐮侀儴鍒�-->
+ <div>
+ <div id="qrCode" ref="qrCodeDiv" />
+ <!-- <img :src="QRImgUrl">-->
+
+ <div style="font-size: 18px;width: 100px;text-align: center;margin-top: 10px">MO-79601</div>
+ </div>
+ <!-- 鍏徃鍚嶇О鍙婃墦鍗板崟绫诲瀷-->
+ <div
+ style="height: 100px;display: flex;justify-content:space-between;align-items: center;flex-direction: column;font-weight: bolder"
+ >
+ <div style="font-size: 26px;">姘稿悍鏂板嚡杩伐涓氫簰鑱旀湁闄愬叕鍙�</div>
+ <div style="font-size: 22px;">濮斿娲惧崟</div>
+ </div>
+ <!--鍙充晶姘村嵃鍙婂鍚嶆棩鏈�-->
+ <div>
+ <!-- <div ref="watermark" style="width: 100px;height:100px;" />-->
+ <div style="color:#0f0f0f;;width: 100px;margin-top:40px;height: 50px;text-align: center">鍑开鍒堕��</div>
+ <div style="font-weight: bolder">
+ <div>濮撳悕锛氬紶涓�</div>
+ <div>鏃ユ湡锛�2022-07-05</div>
+ </div>
+ </div>
+ </div>
+ <!-- <el-divider />-->
+ <div style="width:100%;height: 30px;border-bottom: 1px solid #eee;margin-bottom: 20px" />
+ <el-table
+ id="table"
+ :data="tableData"
+ border
+ class="elTable"
+ style="width: 100%;"
+ >
+ <el-table-column
+ id="column0"
+ prop="date"
+ label="鏃ユ湡"
+ width="100"
+ />
+ <el-table-column
+ id="column1"
+ prop="name"
+ label="濮撳悕"
+ width="100"
+ />
+ <el-table-column
+ id="column2"
+ prop="address"
+ label="鍦板潃"
+ width="150"
+ />
+ <el-table-column
+ id="column3"
+ prop="address"
+ label="鍦板潃"
+ width="150"
+ />
+ <el-table-column
+ id="column4"
+ prop="address"
+ width="150"
+
+ label="鍦板潃"
+ />
+ <el-table-column
+ id="column5"
+ width="150"
+
+ prop="address"
+ label="鍦板潃"
+ />
+ <el-table-column
+ id="column6"
+ prop="address"
+ width="120"
+
+ label="鍦板潃"
+ />
+ <el-table-column
+ id="column7"
+ width="119"
+
+ prop="address"
+ label="鍦板潃"
+ />
+ </el-table>
+ </div>
+
+ <!-- <vue-easy-print ref="printRef" :button-show="true">-->
+ <!-- x-->
+ <!-- </vue-easy-print>-->
+
+ <!-- 鎵撳嵃鐨勬寜閽紝鏄剧ず鎵撳嵃棰勮 -->
+ <!-- <el-button v-print="'#printMe'">鎵撳嵃</el-button>-->
+ <el-button v-print="printObj">鎵撳嵃</el-button>
+
+ <span slot="footer" class="dialog-footer">
+ <el-button @click="dialogVisible = false">鍙� 娑�</el-button>
+ <el-button type="primary" @click="dialogVisible = false">纭� 瀹�</el-button>
+ </span>
+ </el-dialog>
+
+ <!--2222-->
+ <el-dialog
+ title="棰勮"
+ :visible.sync="dialogVisible2"
+ width="1140"
+ >
+ <!-- 瑕佹墦鍗扮殑鍖哄煙 -->
+ <div id="printMe2" style="padding: 30px;">
+ <!-- <div style="width: 500px; height: 300px;">-->
+
+ <div
+ style="display: flex;width: 300px;height: 200px;border: 1px solid #000;text-align: center;font-size: 16px;"
+ >
+ <div style="width: 100px;display: flex;flex-direction: column;border-right: 1px solid #000">
+ <div
+ style="display: flex;height: 75%;border-bottom:1px solid #000;justify-content: center;align-items: center "
+ >
+ <div id="qrCode2" ref="qrCodeDiv2" />
+ </div>
+ <div style="display: flex;height: 25%;justify-content: center;align-items: center">
+ 鏁伴噺锛�100
+ </div>
+ </div>
+ <div style="width:200px;display: flex;flex-direction: column">
+ <div
+ style="display: flex;height: 25%;border-bottom:1px solid #000;justify-content: center;align-items: center "
+ >
+ 宸ュ崟缂栧彿锛�1403-001-0001
+ </div>
+ <div
+ style="display: flex;height: 25%;border-bottom:1px solid #000;justify-content: center;align-items: center "
+ >
+ 宸ュ崟缂栧彿锛�1403-001-0001
+ </div>
+ <div
+ style="display: flex;height: 25%;border-bottom:1px solid #000 ;justify-content: center;align-items: center"
+ >
+ 宸ュ崟缂栧彿锛�1403-001-0001
+ </div>
+ <div style="display: flex;height: 25%;justify-content: center;align-items: center">
+ 宸ュ崟缂栧彿锛�1403-001-0001
+ </div>
+
+ </div>
+
+ </div>
+
+ <!-- </div>-->
+ </div>
+
+ <!-- <vue-easy-print ref="printRef" :button-show="true">-->
+ <!-- x-->
+ <!-- </vue-easy-print>-->
+
+ <!-- 鎵撳嵃鐨勬寜閽紝鏄剧ず鎵撳嵃棰勮 -->
+ <!-- <el-button v-print="'#printMe'">鎵撳嵃</el-button>-->
+ <el-button v-print="printObj2">鎵撳嵃</el-button>
+
+ <span slot="footer" class="dialog-footer">
+ <el-button @click="dialogVisible2 = false">鍙� 娑�</el-button>
+ <el-button type="primary" @click="dialogVisible2 = false">纭� 瀹�</el-button>
+ </span>
+ </el-dialog>
+
+ <el-button type="text" @click="outerVisible = true">鐐瑰嚮鎵撳紑澶栧眰 Dialog</el-button>
+
+ <el-button type="primary" @click="ws_ajax_preview">jhjhjh</el-button>
+
</div>
</template>
<script>
-import ImportPicker from '@/components/ImportPicker'
+// import vueEasyPrint from 'vue-easy-print'
+import QRCode from 'qrcodejs2'
+import { MesOrderPrintSearch, MesOrderPrintSearch1 } from '@/api/utils'
+import { urlAddRandomNo, webapp_ws_ajax_run, webapp_urlprotocol_startup } from '@/utils/grwebapp'
+import { getCookie } from '@/utils/auth'
+// import QRCode from 'qrcode'
export default {
- name: 'Wljy',
- components: {
- ImportPicker
- },
+ name: 'Gdpg',
+ // components: {
+ // vueEasyPrint
+ // },
data() {
return {
- title_value: '鏁版嵁瀵煎叆 / 鐢ㄦ埛瑙掕壊',
- code: '2',
- shows: false
+ outerVisible: false,
+ innerVisible: false,
+ dialogVisible2: false,
+ printObj2: {
+ id: 'printMe2',
+ beforeOpenCallback(vue) {
+ vue.printLoading = true
+ console.log('鎵撳紑涔嬪墠')
+ console.log()
+ },
+ openCallback(vue) {
+ vue.printLoading = false
+ console.log('鎵ц浜嗘墦鍗�')
+ },
+ closeCallback(vue) {
+ console.log('鍏抽棴浜嗘墦鍗板伐鍏�')
+ }
+
+ },
+ firstWatermark: true, // 绗竴娆℃樉绀烘按鍗�
+ firstbindQRCode: true, // 绗竴娆℃樉绀轰簩缁寸爜
+ form: {
+ describle: ''
+ },
+ QRImgUrl: '',
+ QRlink: 'www.xxx.com',
+ dialogVisible: false,
+ printObj: {
+ id: 'printMe',
+ popTitle: '鎵撳嵃妯℃澘',
+ preview: false,
+ extraHead: '<meta http-equiv="Content-Language" content="zh-cn"/>',
+ previewBeforeOpenCallback() {
+ }, // 棰勮绐楀彛鎵撳紑涔嬪墠鐨刢allback锛堝紑鍚瑙堟ā寮忚皟鐢級
+ previewOpenCallback() {
+ }, // 棰勮绐楀彛鎵撳紑涔嬪悗鐨刢allback锛堝紑鍚瑙堟ā寮忚皟鐢級
+ beforeEntryIframe() {
+ const widthArr = ['10%', '10%', '15%', '15%', '15%', '15%', '10%', '10%']
+ // const tables = document.getElementById('table').getElementsByTagName('el-table') // 鑾峰彇鎵撳嵃鐨勮〃鏍�
+ const tables = document.getElementById('table') // 鑾峰彇鎵撳嵃鐨勮〃鏍�
+ // const headcolgroupCol0 = tables[0].getElementsByTagName('colgroup')[0].getElementsByTagName('col')
+ // const headcolgroupCol0 = document.getElementById('column0').style.width = '400px'
+ // const headcolgroupCol1 = document.getElementById('column1')
+ // const headcolgroupCol2 = document.getElementById('column2')
+ // const headcolgroupCol3 = document.getElementById('column3')
+ // const headcolgroupCol4 = document.getElementById('column4')
+ // const headcolgroupCol5 = document.getElementById('column5')
+ // const headcolgroupCol6 = document.getElementById('column6')
+ // const headcolgroupCol7 = document.getElementById('column7')
+ // const headcolgroupCol1 = tables[1].getElementsByTagName('colgroup')[0].getElementsByTagName('col')
+ // widthArr.forEach((val, index) => {
+ // headcolgroupCol0[index].width = val
+ // headcolgroupCol1[index].width = val
+ // headcolgroupCol2[index].width = val
+ // headcolgroupCol3[index].width = val
+ // headcolgroupCol4[index].width = val
+ // headcolgroupCol5[index].width = val
+ // headcolgroupCol6[index].width = val
+ // headcolgroupCol7[index].width = val
+ // })
+ },
+ openCallback() {
+
+ }, // 璋冪敤鎵撳嵃涔嬪悗鐨勫洖璋冧簨浠�
+ closeCallback() {
+ } // 鍏抽棴鎵撳嵃鐨勫洖璋冧簨浠讹紙鏃犳硶纭畾鐐瑰嚮鐨勬槸纭杩樻槸鍙栨秷锛�
+
+ // id: 'printMe',
+ // popTitle: '鎵撳嵃', // 鎵撳嵃閰嶇疆椤典笂鏂规爣棰�
+ // extraHead: '', // 鏈�涓婃柟鐨勫ご閮ㄦ枃瀛楋紝闄勫姞鍦╤ead鏍囩涓婄殑棰濆鏍囩,浣跨敤閫楀彿鍒嗛殧
+ // preview: '', // 鏄惁鍚姩棰勮妯″紡锛岄粯璁ゆ槸false锛堝紑鍚瑙堟ā寮忥紝鍙互鍏堥瑙堝悗鎵撳嵃锛�
+ // previewTitle: '', // 鎵撳嵃棰勮鐨勬爣棰橈紙寮�鍚瑙堟ā寮忓悗鍑虹幇锛�,
+ // previewPrintBtnLabel: '', // 鎵撳嵃棰勮鐨勬爣棰樼殑涓嬫柟鎸夐挳鏂囨湰锛岀偣鍑诲彲杩涘叆鎵撳嵃锛堝紑鍚瑙堟ā寮忓悗鍑虹幇锛�
+ // zIndex: '', // 棰勮鐨勭獥鍙ｇ殑z-index锛岄粯璁ゆ槸 20002锛堟鍊艰楂樹竴浜涳紝杩欐秹鍙婂埌棰勮妯″紡鏄惁鏄剧ず鍦ㄦ渶涓婇潰锛�
+ // previewBeforeOpenCallback() {}, // 棰勮绐楀彛鎵撳紑涔嬪墠鐨刢allback锛堝紑鍚瑙堟ā寮忚皟鐢級
+ // previewOpenCallback() {}, // 棰勮绐楀彛鎵撳紑涔嬪悗鐨刢allback锛堝紑鍚瑙堟ā寮忚皟鐢級
+ // beforeOpenCallback() {}, // 寮�鍚墦鍗板墠鐨勫洖璋冧簨浠�
+ // openCallback() {}, // 璋冪敤鎵撳嵃涔嬪悗鐨勫洖璋冧簨浠�
+ // closeCallback() {}, // 鍏抽棴鎵撳嵃鐨勫洖璋冧簨浠讹紙鏃犳硶纭畾鐐瑰嚮鐨勬槸纭杩樻槸鍙栨秷锛�
+ // url: '',
+ // standard: '',
+ // extraCss: ''
+ },
+ tableData: [{
+ date: '2016-05-02',
+ name: '鐜嬪皬铏�',
+ address: '涓婃捣甯傛櫘闄�鍖洪噾娌欐睙璺� 1518 寮�'
+ }, {
+ date: '2016-05-04',
+ name: '鐜嬪皬铏�',
+ address: '涓婃捣甯傛櫘闄�鍖洪噾娌欐睙璺� 1517 寮�'
+ }, {
+ date: '2016-05-01',
+ name: '鐜嬪皬铏�',
+ address: '涓婃捣甯傛櫘闄�鍖洪噾娌欐睙璺� 1519 寮�'
+ }, {
+ date: '2016-05-03',
+ name: '鐜嬪皬铏�',
+ address: '涓婃捣甯傛櫘闄�鍖洪噾娌欐睙璺� 1516 寮�'
+ }],
+ printContentObj: {}
}
},
mounted() {
+ // this.TestClick()
+ // function window_onload() {
+ //* 杩欏彞鐗瑰埆閲嶈*锛氬彧鏈夊湪WEB鎶ヨ〃瀹㈡埛绔▼搴忓悗锛屾墠鑳借繘琛學ebSocket閫氳
+ // 濡傛灉WEB鎶ヨ〃瀹㈡埛绔▼搴忎负寮�鏈鸿嚜鍚姩锛屼互涓嬭皟鐢ㄥ簲璇ュ幓鎺夈�傛洿澶氳鏄庤鍙傝�冨府鍔┾�淲EB鎶ヨ〃(B/S鎶ヨ〃)->WEB鎶ヨ〃瀹㈡埛绔�->閮ㄧ讲涓庡畨瑁呪�濋儴鍒嗕腑涓庤胺姝孋hrome娴忚鍣ㄧ殑鐩稿叧璇存槑
+ webapp_urlprotocol_startup() // 鍚姩WEB鎶ヨ〃瀹㈡埛绔▼搴忥紝浠ヤ究渚﹀惉鎺ュ彈 WebSocket 鏁版嵁
+ // }
+ // this.$nextTick(() => {
+ // this.bindQRCode()
+ // })
},
methods: {
- click() {
- this.shows = true
- this.$refs.importPickerFunc.newDataFunc()
+ // addWatermark() {
+ // if (this.firstWatermark) {
+ // console.log(this.firstWatermark)
+ // this.$watermark.set('鍑开鍒堕��', this.$refs.watermark)
+ // this.firstWatermark = false
+ // }
+ // },
+ clickMe() {
+ // this.dialogVisible = true
+ // this.$nextTick(() => {
+ // this.bindQRCode()
+ // this.addWatermark()
+ // console.log(document.getElementById('column0').style.width = '200px', 0)
+ // console.log(document.getElementById('column7'), 7)
+ // console.log(document.getElementById('table'), 2)
+ // console.log(document.getElementById('table').getElementsByTagName('el-table'), 1)
+ // })
+ this.dialogVisible = true
},
- colos() {
- this.shows = false
+ // bindQRCode() {
+ // if (this.firstbindQRCode) {
+ // const text = 'PO202206280001;Step02'
+ // new QRCode(this.$refs.qrCodeDiv2, {
+ // // text: 'Vue瀹炵幇鐢熸垚浜岀淮鐮侊紒',
+ // text: text,
+ // width: 80,
+ // height: 80,
+ // colorDark: '#333333', // 浜岀淮鐮侀鑹�
+ // colorLight: '#ffffff', // 浜岀淮鐮佽儗鏅壊
+ // correctLevel: QRCode.CorrectLevel.L// 瀹归敊鐜囷紝L/M/H
+ // })
+ // this.firstbindQRCode = false
+ // }
+ // },
+ async TestClick() {
+ const data = {
+ mesordercode: 'PO202206280001_4',
+ username: getCookie('admin')
+ }
+ // const res = await MesOrderPrintSearch(data)
+ const res = await MesOrderPrintSearch1(data)
+ console.log(res, 1)
+ },
+ ws_ajax_preview() {
+ // 鍙傛暟鍏蜂綋璇存槑璇峰弬鑰冨府鍔╂枃妗ｄ腑鐨勨�淲EB鎶ヨ〃(B/S鎶ヨ〃)->WEB鎶ヨ〃瀹㈡埛绔�->鍚姩鍙傛暟璇存槑鈥濋儴鍒�
+ var args = {
+ type: 'preview',
+ showOptionDlg: true,
+ report: urlAddRandomNo('../grf/鎶ュ伐浜у嚭鏍囩.grf'),
+
+ // report: urlAddRandomNo('https://www.gridreport.cn/demos/grf/1a.grf'),
+ // data: 'http://www.gridreport.cn/demos/data/DataCenter.ashx?data=Customer'
+ data:
+ {
+ 'recordset': [
+ {
+ 'wo_code': 'PO202206280001_1',
+ 'partcode': '1403-001-0001',
+ 'partname': '鍦嗛挗F45MnVS蠁20',
+ 'qty': '100',
+ 'next_stepname': '娴嬭瘯宸ュ簭2',
+ 'qrcode': 'PO202206280001_1;Step02'
+ },
+ {
+ 'wo_code': 'PO202206280001_1',
+ 'partcode': '1403-001-0001',
+ 'partname': '鍦嗛挗F45MnVS蠁20',
+ 'qty': '100',
+ 'next_stepname': '娴嬭瘯宸ュ簭2',
+ 'qrcode': 'PO202206280001_1;Step02'
+ }
+ ]
+ }
+
+ }
+ console.log(args)
+ webapp_ws_ajax_run(args)
}
+
}
}
</script>
-<style scoped>
+<style media="print">
+/*@media print {*/
+@page {
+ /*size: auto;*/
+ size: auto;
+ margin: 3mm;
+ /*margin: 0mm;*/
+ /*padding: 0;*/
+}
+/*}*/
+/*.elTable {*/
+
+/*::v-deep .el-table {*/
+/* margin-top: 10px;*/
+/*}*/
+/*table {*/
+/* width: 100% !important;*/
+/*}*/
+
+/*.el-table__body,*/
+/*.el-table__header {*/
+/* width: 100% !important;*/
+/*}*/
+
+/*.el-table__body {*/
+/* width: 100% !important;*/
+/*}*/
+
+/*}*/
+
+/*/deep/.el-table__body-wrapper::-webkit-scrollbar{*/
+/* width: 0;*/
+/*}*/
</style>
+
--
Gitblit v1.9.3