From fdfc2c66434bdacdd539f228b51a33c8d15e71d5 Mon Sep 17 00:00:00 2001
From: whycq <913841844@qq.com>
Date: 星期六, 20 四月 2024 12:32:15 +0800
Subject: [PATCH] #
---
pages/print/print.vue | 130 ++++++++++++++++++++++++++++++++++++++----
1 files changed, 116 insertions(+), 14 deletions(-)
diff --git a/pages/print/print.vue b/pages/print/print.vue
index 101a7fc..7eace59 100644
--- a/pages/print/print.vue
+++ b/pages/print/print.vue
@@ -2,36 +2,134 @@
<view>
<view class="print-model" :style="style">
<view class="display" :style="">
- <table >
- <tr><td>鏂欏彿</td><td>{{mat.matnr}}</td><td colspan="1" rowspan="2" style="width: 150px;"></td></tr>
- <tr><td>鍟嗗搧</td><td colspan="1">{{mat.matkx}}</td></tr>
- <tr><td>鏃ユ湡</td><td colspan="2">2023-04-24 15:25:32</td></tr>
+ <table>
+ <tr>
+ <td>鏂欏彿</td>
+ <td>{{mat.matnr}}</td>
+ <td colspan="1" rowspan="2" style="width: 150px;">
+ <!-- 浜岀淮鐮� -->
+ <view class="qr-box">
+ <canvas canvas-id="qrcode" v-show="qrShow" style="width: 300rpx;margin: 0 auto;" />
+ </view>
+ </td>
+ </tr>
+ <tr>
+ <td>鍟嗗搧</td>
+ <td colspan="1">{{mat.maktx}}</td>
+ </tr>
+ <tr>
+ <td>鏃ユ湡</td>
+ <td colspan="2">{{time}}</td>
+ </tr>
</table>
</view>
+ </view>
+ <view>
+ <button @click="toPrint">鎵撳嵃</button>
</view>
</view>
</template>
<script>
+ import uQRCode from '@/static/js/uqrcode.js' //寮曞叆uqrcode.js
export default {
data() {
return {
- style: {height:'3px'},
- mat: {matnr: '1200128-10055',matkx: 'X5S-4-M03/333'}
+ style: {
+ height: '3px'
+ },
+ mat: {
+ matnr: '1200128-10055',
+ maktx: 'X5S-4-M03/333'
+ },
+ qrShow: false,
+ time: ''
}
},
onShow() {
let getWindowInfo = uni.getWindowInfo()
- console.log(getWindowInfo.screenHeight); //灞忓箷楂樺害
- console.log(getWindowInfo.screenWidth); //灞忓箷瀹藉害
- console.log(getWindowInfo.windowHeight); //鍙搷浣滈〉闈㈤珮搴�
- console.log(getWindowInfo.windowWidth); //鍙搷浣滈〉闈㈠搴�
- console.log(getWindowInfo);
- console.log('鑾峰彇绐楀彛淇℃伅');
- let height = (getWindowInfo.screenWidth + 10 ) * 48 / 74
- console.log(height);
+ // console.log(getWindowInfo.screenHeight); //灞忓箷楂樺害
+ // console.log(getWindowInfo.screenWidth); //灞忓箷瀹藉害
+ // console.log(getWindowInfo.windowHeight); //鍙搷浣滈〉闈㈤珮搴�
+ // console.log(getWindowInfo.windowWidth); //鍙搷浣滈〉闈㈠搴�
+ // console.log(getWindowInfo);
+ // console.log('鑾峰彇绐楀彛淇℃伅');
+ let height = (getWindowInfo.screenWidth + 10) * 48 / 74
+ // console.log(height);
this.style.height = height + 'px'
+ this.getDate()
+
+ },
+ onLoad(opt) {
+ let that = this
+ const eventChannel = this.getOpenerEventChannel();
+ eventChannel.on('data', function(data) {
+ that.mat = data.data
+ that.qrFun(that.mat.matnr)
+ })
+ },
+ methods: {
+ // 鎵撳嵃
+ toPrint() {
+ let that = this
+ uni.navigateTo({
+ url: "../print/printUNI",
+ success: function(res) {
+ // 閫氳繃eventChannel鍚戣鎵撳紑椤甸潰浼犻�佹暟鎹� 鍚戝彟澶栦竴涓〉闈紶閫掑�肩殑
+ res.eventChannel.emit('data1', {
+ data: that.mat,
+ time: that.time
+ })
+ },
+ events: {
+ // 涓烘寚瀹氫簨浠舵坊鍔犱竴涓洃鍚櫒锛岃幏鍙栬鎵撳紑椤甸潰浼犻�佸埌褰撳墠椤甸潰鐨勬暟鎹� 鍙﹀涓�涓〉闈紶杩囨潵鐨�
+ acceptDataFromOpenedPage: function(data) {
+ that.matnr = data.data
+ },
+ },
+
+
+ });
+ },
+ //**鐢熸垚浜岀淮鐮�**//
+ qrFun(text) {
+ this.qrShow = true
+ uQRCode.make({
+ canvasId: 'qrcode',
+ componentInstance: this,
+ text: text,
+ size: 150,
+ margin: 0,
+ backgroundColor: '#ffffff',
+ foregroundColor: '#000000',
+ fileType: 'jpg',
+ errorCorrectLevel: uQRCode.errorCorrectLevel.H,
+ success: res => {}
+ })
+ },
+ // 鏃ュ巻
+ getDate() {
+ var dt = new Date();
+ var year,month,day,hours,minutes,seconds,weeks
+ year = dt.getFullYear();
+ month = (dt.getMonth()+1) < 10 ? '0'+ (dt.getMonth()+1) : (dt.getMonth()+1);
+ day = dt.getDate() < 10 ? '0'+dt.getDate() : dt.getDate();
+ hours = dt.getHours() < 10 ? '0' + dt.getHours() : dt.getHours();
+ minutes = dt.getMinutes() < 10 ? '0' + dt.getMinutes() : dt.getMinutes();
+ seconds = dt.getSeconds() < 10 ? '0' + dt.getSeconds() : dt.getSeconds();
+ weeks = dt.getDay();
+ switch (weeks) {
+ case 0: weeks = "鏄熸湡鏃�"; break;
+ case 1: weeks = "鏄熸湡涓�"; break;
+ case 2: weeks = "鏄熸湡浜�"; break;
+ case 3: weeks = "鏄熸湡涓�"; break;
+ case 4: weeks = "鏄熸湡鍥�"; break;
+ case 5: weeks = "鏄熸湡浜�"; break;
+ default : weeks = "鏄熸湡鍏�";
+ }
+ this.time = year + "骞�" + month + "鏈�" + day + "鏃� " + hours + ":" + minutes + ":" + seconds + " "
+ },
}
}
</script>
@@ -44,6 +142,7 @@
align-items: center;
justify-content: center;
}
+
.display {
width: 96%;
height: 96%;
@@ -54,17 +153,20 @@
align-items: center;
justify-content: center;
}
+
.display-pak {
margin: 2%;
height: 92%;
border: 1px solid #8a8a8a;
}
+
table {
width: 92%;
height: 92%;
border: 0;
border-collapse: collapse;
}
+
td {
border: 1px solid #8a8a8a;
text-align: center;
--
Gitblit v1.9.1