From 6e174be3b2e2090c4bd578abbff192cc717059fc Mon Sep 17 00:00:00 2001
From: wwz <114797966@qq.com>
Date: Tue, 24 Dec 2024 17:41:28 +0800
Subject: [PATCH] =?UTF-8?q?=E6=89=AB=E7=A0=81=E6=88=96=E5=A4=8D=E5=88=B6?=
 =?UTF-8?q?=E9=93=BE=E6=8E=A5=E8=87=B3=E6=B5=8F=E8=A7=88=E5=99=A8=E4=B8=8B?=
 =?UTF-8?q?=E8=BD=BD?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 pages/electric/Invoicedgoods.vue |  21 +++--
 pages/electric/auditrecords.vue  |   4 +-
 pages/electric/orderinquiry.vue  | 155 +++++++++++++++++++++++++------
 pages/electric/toexamine.vue     | 152 +++++++++++++++++++++++++-----
 4 files changed, 273 insertions(+), 59 deletions(-)

diff --git a/pages/electric/Invoicedgoods.vue b/pages/electric/Invoicedgoods.vue
index 4e719db..93d750b 100644
--- a/pages/electric/Invoicedgoods.vue
+++ b/pages/electric/Invoicedgoods.vue
@@ -101,8 +101,10 @@
 						<view class="addshowboxinput_inp flex-between">
 							<view class="listinput_leftrelative">
 								<text class="leftrelativetext">{{addform.lslbsname}}</text>
-								<u-icon style="padding-right: 16rpx;" :name="selectshowlslbs?'arrow-up':'arrow-down'"
-									color="#999999" size="14"></u-icon>
+								<view style="padding-right: 16rpx;">
+									<u-icon :name="selectshowlslbs?'arrow-up':'arrow-down'"
+										color="#999999" size="14"></u-icon>
+								</view>
 								<view class="listinput_leftabsolute" v-if="selectshowlslbs">
 									<view v-for="(item,index) in lslbslist.lslbs" :key="index"
 										:class="addform.lslbs == item.id?'class':''" @click="taxexempttype(item,index)">
@@ -118,9 +120,11 @@
 						<view class="addshowboxinput_inp flex-between">
 							<view class="listinput_leftrelative">
 								<text class="leftrelativetext">{{addform.tax_ratename}}</text>
-								<u-icon style="padding-right: 16rpx;"
-									:name="taxrateselectionshow?'arrow-up':'arrow-down'" color="#999999"
-									size="14"></u-icon>
+									<view style="padding-right: 16rpx;">
+										<u-icon style="padding-right: 16rpx;"
+											:name="taxrateselectionshow?'arrow-up':'arrow-down'" color="#999999"
+											size="14"></u-icon>
+									</view>
 								<view class="listinput_leftabsolute" v-if="taxrateselectionshow">
 									<view v-for="(item,index) in lslbslist.taxrateselection" :key="index"
 										:class="addform.tax_rate == item.id?'class':''"
@@ -136,8 +140,11 @@
 						<view class="addshowboxinput_inp flex-between">
 							<view class="listinput_leftrelative">
 								<text class="leftrelativetext">{{addform.zzstsgl}}</text>
-								<u-icon style="padding-right: 16rpx;" :name="zzstsglshow?'arrow-up':'arrow-down'"
-									color="#999999" size="14"></u-icon>
+								<view style="padding-right: 16rpx;">
+									<u-icon :name="zzstsglshow?'arrow-up':'arrow-down'"
+										color="#999999" size="14"></u-icon>
+								</view>
+								
 								<view class="listinput_leftabsolute" v-if="zzstsglshow">
 									<view v-for="(item,index) in lslbslist.zzstsgl" :key="index"
 										:class="addform.zzstsgl == item.id?'class':''" @click="zzstsgltype(item,index)">
diff --git a/pages/electric/auditrecords.vue b/pages/electric/auditrecords.vue
index a8f8320..f2c1159 100644
--- a/pages/electric/auditrecords.vue
+++ b/pages/electric/auditrecords.vue
@@ -7,7 +7,7 @@
 			</view>
 			<view class="contenttopbox flex-center">
 				<text @click="form.type = '-1',form.page = '1',form.user_name = '',invoicingrecordsthatneed()"
-					:class="form.type == '-1'?'classtext':''">待处理</text>
+					:class="form.type == '-1'?'classtext':''">待审核</text>
 				<text @click="form.type = '1',form.page = '1',form.user_name = '',invoicingrecordsthatneed()"
 					:class="form.type == '1'?'classtext':''">已处理</text>
 
@@ -38,7 +38,7 @@
 					<text>开票凭证</text>
 					<image :src="item.img" mode="aspectFill"></image>
 				</view>
-				<view v-if="item.status == '-1'" class="contentboxitembutton flex-center">
+				<view v-if="item.status == '待审核'" class="contentboxitembutton flex-center">
 					<view class="buttonone" @click="storereviewandinvoicing(item,1)">
 						通过
 					</view>
diff --git a/pages/electric/orderinquiry.vue b/pages/electric/orderinquiry.vue
index 183e0a4..83a2d4c 100644
--- a/pages/electric/orderinquiry.vue
+++ b/pages/electric/orderinquiry.vue
@@ -159,17 +159,36 @@
 				</view>
 			</view>
 		</u-popup>
+		<u-popup :show="qrcodeshow" @close="qrcodeshow = !qrcodeshow" :round="10" mode="center">
+			<view class="qrcodeclass">
+				<view class="content_boxt_towtext">
+					扫码或复制链接至浏览器下载
+				</view>
+				<view class="content_boxt_towrelative" style="242px;height: 242px;">
+					<canvas id="qrcode" style="242px;height: 242px;" ref="qrcode" canvas-id="qrcode"></canvas>
+					<image class="content_boxt_towabsolute"
+						src="https://czg-invoicing.oss-cn-beijing.aliyuncs.com/static/icons.png" mode=""></image>
+				</view>
+				<view class="content_boxt_towtexts" @click="setClipboardData">
+					复制
+				</view>
+			</view>
+		</u-popup>
 		<u-datetime-picker :show="showpicker" mode="date" @cancel="showpicker = !showpicker"
 			@confirm="confirmpicker"></u-datetime-picker>
 	</view>
 </template>
 
 <script>
+	import uQRCode from '@/uni_modules/Sansnn-uQRCode/js_sdk/uqrcode/uqrcode.js'; // npm install uqrcodejs
 	export default {
 		data() {
 			return {
+				uqrCodeurl: '',
+				size: 242,
 				detailsshow: false, //详情
 				popupshow: false,
+				qrcodeshow: false,
 				showpicker: false, //选择时间
 				showpickerbox: false, //是否显示这个盒子
 				clickshowpicker: '',
@@ -224,33 +243,62 @@
 					this.detailsshow = true
 				}
 			},
-			// 下载
-			downloadFile(url) {
-				// uni.downloadFile({
-				// 	url: url, //仅为示例，并非真实的资源
-				// 	success: (res) => {
-				// 		if (res.statusCode === 200) {
-				// 			console.log('下载成功');
-				// 		}
-				// 	}
-				// });
-				uni.downloadFile({
-					url: url,
-					success: res => {
-						console.log(res)
-						if (res.statusCode === 200) {
-							// 预览pdf文件
-							uni.openDocument({
-								filePath: res.tempFilePath,
-								showMenu: true, // 右上角菜单，可以进行分享保存pdf
-								success: function(file) {
-									console.log("文件打开成功", file)
-								}
-							})
-						}
+			// 复制
+			setClipboardData() {
+				uni.setClipboardData({
+					data: this.uqrCodeurl,
+					success: () => {
+						uni.showToast({
+							title: '复制成功'
+						})
+						this.qrcodeshow = false
 					}
 				})
 			},
+			// 下载
+			downloadFile(url) {
+				uni.showLoading({
+					title: '加载中',
+					mask: true
+				})
+				try {
+					this.uqrCodeurl = url
+					// 获取uQRCode实例
+					var qr = new uQRCode();
+					// 设置二维码内容
+					qr.data = url;
+					// 设置二维码大小，必须与canvas设置的宽高一致
+					qr.size = this.size;
+					// 调用制作二维码方法
+					qr.make();
+					// 获取canvas上下文
+					var canvasContext = uni.createCanvasContext('qrcode', this); // 如果是组件，this必须传入
+					// 设置uQRCode实例的canvas上下文
+					qr.canvasContext = canvasContext;
+					// 调用绘制方法将二维码图案绘制到canvas上
+					qr.drawCanvas();
+					this.qrcodeshow = true
+				} catch (error) {
+					//TODO handle the exceptio
+				}
+				uni.hideLoading()
+				// uni.downloadFile({
+				// 	url: url,
+				// 	success: res => {
+				// 		console.log(res)
+				// 		if (res.statusCode === 200) {
+				// 			// 预览pdf文件
+				// 			uni.openDocument({
+				// 				filePath: res.tempFilePath,
+				// 				showMenu: true, // 右上角菜单，可以进行分享保存pdf
+				// 				success: function(file) {
+				// 					console.log("文件打开成功", file)
+				// 				}
+				// 			})
+				// 		}
+				// 	}
+				// })
+			},
 			clickdatastatuslist(item, index) {
 				this.datastatuslistshow = item.id
 			},
@@ -350,8 +398,7 @@
 						} else {
 							this.form.list = [...this.form.list, ...res.data]
 						}
-						if (res.data.length < 10) this.form.status = 'nomore';
-						else this.form.status = 'loadmore';
+						this.form.status = res.data.length < 10 ? 'nomore' : 'loadmore'
 					}, 500)
 				}
 			}
@@ -429,6 +476,62 @@
 			}
 		}
 
+		.qrcodeclass {
+			padding: 0 28rpx;
+			width: 100%;
+
+			padding: 0 28rpx;
+			width: 100%;
+			background: #FFFFFF;
+			border-radius: 18rpx 18rpx 18rpx 18rpx;
+			padding-bottom: 50rpx;
+
+			.content_boxt_towtext {
+				padding-top: 32rpx;
+				text-align: center;
+				width: 100%;
+				font-family: Source Han Sans CN, Source Han Sans CN;
+				font-weight: 500;
+				font-size: 28rpx;
+				color: #333;
+			}
+
+			.content_boxt_towtexts {
+				margin: 50rpx auto 0 auto;
+				width: 558rpx;
+				height: 84rpx;
+				background: #288EFB;
+				border-radius: 50rpx 50rpx 50rpx 50rpx;
+				font-family: Source Han Sans CN, Source Han Sans CN;
+				font-weight: 400;
+				font-size: 36rpx;
+				color: #FFFFFF;
+				line-height: 84rpx;
+				text-align: center;
+				font-style: normal;
+
+			}
+
+			.content_boxt_towrelative {
+				position: relative;
+				width: 242px;
+				height: 242px;
+				margin: 32rpx auto;
+
+				.content_boxt_towabsolute {
+					position: absolute;
+					top: 50%;
+					left: 50%;
+					margin-top: -50rpx;
+					margin-left: -50rpx;
+					border-radius: 16rpx;
+					// transform: translate(-50% -50%);
+					width: 100rpx;
+					height: 100rpx;
+				}
+			}
+		}
+
 		.popupshow {
 			padding: 0 28rpx;
 
diff --git a/pages/electric/toexamine.vue b/pages/electric/toexamine.vue
index e06c9ff..58b3a3b 100644
--- a/pages/electric/toexamine.vue
+++ b/pages/electric/toexamine.vue
@@ -147,15 +147,34 @@
 				</view>
 			</view>
 		</u-popup>
+		<u-popup :show="qrcodeshow" @close="qrcodeshow = !qrcodeshow" :round="10" mode="center">
+			<view class="qrcodeclass">
+				<view class="content_boxt_towtext">
+					扫码或复制链接至浏览器下载
+				</view>
+				<view class="content_boxt_towrelative" style="242px;height: 242px;">
+					<canvas id="qrcode" style="242px;height: 242px;" ref="qrcode" canvas-id="qrcode"></canvas>
+					<image class="content_boxt_towabsolute"
+						src="https://czg-invoicing.oss-cn-beijing.aliyuncs.com/static/icons.png" mode=""></image>
+				</view>
+				<view class="content_boxt_towtexts" @click="setClipboardData">
+					复制
+				</view>
+			</view>
+		</u-popup>
 		<u-datetime-picker :show="showpicker" mode="date" @cancel="showpicker = !showpicker"
 			@confirm="confirmpicker"></u-datetime-picker>
 	</view>
 </template>
 
 <script>
+	import uQRCode from '@/uni_modules/Sansnn-uQRCode/js_sdk/uqrcode/uqrcode.js'; // npm install uqrcodejs
 	export default {
 		data() {
 			return {
+				uqrCodeurl: '',
+				size: 242,
+				qrcodeshow: false,
 				detailsshow: false, //详情
 				popupshow: false,
 				showpicker: false, //选择时间
@@ -302,32 +321,61 @@
 					}, 500)
 				}
 			},
-			// 下载
-			downloadFile(url) {
-				// uni.downloadFile({
-				// 	url: url, //仅为示例，并非真实的资源
-				// 	success: (res) => {
-				// 		if (res.statusCode === 200) {
-				// 			console.log('下载成功');
-				// 		}
-				// 	}
-				// });
-				uni.downloadFile({
-					url: url,
-					success: res => {
-						console.log(res)
-						if (res.statusCode === 200) {
-							// 预览pdf文件
-							uni.openDocument({
-								filePath: res.tempFilePath,
-								showMenu: true, // 右上角菜单，可以进行分享保存pdf
-								success: function(file) {
-									console.log("文件打开成功", file)
-								}
-							})
-						}
+			// 复制
+			setClipboardData() {
+				uni.setClipboardData({
+					data: this.uqrCodeurl,
+					success: () => {
+						uni.showToast({
+							title: '复制成功'
+						})
+						this.qrcodeshow = false
 					}
 				})
+			},
+			// 下载
+			downloadFile(url) {
+				uni.showLoading({
+					title: '加载中',
+					mask: true
+				})
+				try {
+					this.uqrCodeurl = url
+					// 获取uQRCode实例
+					var qr = new uQRCode();
+					// 设置二维码内容
+					qr.data = url;
+					// 设置二维码大小，必须与canvas设置的宽高一致
+					qr.size = this.size;
+					// 调用制作二维码方法
+					qr.make();
+					// 获取canvas上下文
+					var canvasContext = uni.createCanvasContext('qrcode', this); // 如果是组件，this必须传入
+					// 设置uQRCode实例的canvas上下文
+					qr.canvasContext = canvasContext;
+					// 调用绘制方法将二维码图案绘制到canvas上
+					qr.drawCanvas();
+					this.qrcodeshow = true
+				} catch (error) {
+					//TODO handle the exceptio
+				}
+				uni.hideLoading()
+				// uni.downloadFile({
+				// 	url: url,
+				// 	success: res => {
+				// 		console.log(res)
+				// 		if (res.statusCode === 200) {
+				// 			// 预览pdf文件
+				// 			uni.openDocument({
+				// 				filePath: res.tempFilePath,
+				// 				showMenu: true, // 右上角菜单，可以进行分享保存pdf
+				// 				success: function(file) {
+				// 					console.log("文件打开成功", file)
+				// 				}
+				// 			})
+				// 		}
+				// 	}
+				// })
 			}
 		}
 	}
@@ -469,6 +517,62 @@
 			}
 		}
 
+		.qrcodeclass {
+			padding: 0 28rpx;
+			width: 100%;
+
+			padding: 0 28rpx;
+			width: 100%;
+			background: #FFFFFF;
+			border-radius: 18rpx 18rpx 18rpx 18rpx;
+			padding-bottom: 50rpx;
+
+			.content_boxt_towtext {
+				padding-top: 32rpx;
+				text-align: center;
+				width: 100%;
+				font-family: Source Han Sans CN, Source Han Sans CN;
+				font-weight: 500;
+				font-size: 28rpx;
+				color: #333;
+			}
+
+			.content_boxt_towtexts {
+				margin: 50rpx auto 0 auto;
+				width: 558rpx;
+				height: 84rpx;
+				background: #288EFB;
+				border-radius: 50rpx 50rpx 50rpx 50rpx;
+				font-family: Source Han Sans CN, Source Han Sans CN;
+				font-weight: 400;
+				font-size: 36rpx;
+				color: #FFFFFF;
+				line-height: 84rpx;
+				text-align: center;
+				font-style: normal;
+
+			}
+
+			.content_boxt_towrelative {
+				position: relative;
+				width: 242px;
+				height: 242px;
+				margin: 32rpx auto;
+
+				.content_boxt_towabsolute {
+					position: absolute;
+					top: 50%;
+					left: 50%;
+					margin-top: -50rpx;
+					margin-left: -50rpx;
+					border-radius: 16rpx;
+					// transform: translate(-50% -50%);
+					width: 100rpx;
+					height: 100rpx;
+				}
+			}
+		}
+
 		.popupshow {
 			padding: 0 28rpx;