新增二维码查看功能

api/my.js

@@ -95,4 +95,16 @@ export function getGlMineUpdate(data = {}) {
     data,
     timeout: 20000
   })
+}
+
+export function getGlMineQrcode(data = {}) {
+  return request({
+    url: '/app/mine/qrcode',
+    headers: {
+      isToken: true
+    },
+    method: 'post',
+    data,
+    timeout: 20000
+  })
 }

common/styles/global/components.scss

@@ -481,5 +481,5 @@ margin-right: 18rpx;display: inline-block;vertical-align: middle;}
 	.not-confirm-btn,.confirm-btn{height: 90rpx;line-height: 90rpx;flex:1;text-align: center;font-size: 30rpx;}
 	.not-confirm-btn{color: #666;}
 	.confirm-btn{border-left-color: #f0f0f0;border-left-style: solid;border-left-width: 1px;color: #3fd2a1;}
-	
+	.code-img{width: 500rpx;height: 500rpx;display: block;margin: 0 auto;}
 }	

common/styles/global/pages.scss

@@ -502,6 +502,7 @@
 		.list-icon{width: 42rpx;height: 42rpx;@include ezy-no-repeat-cover;margin-right: 32rpx;}
 		.user-icon{background-image: url("@/static/images/my/my-editor-icon.png");}
 		.mm-icon{background-image: url("@/static/images/login/login-lock-icon.png");}
+		.code-icon{background-image: url("@/static/images/my/two-code-icon.png");}
 		.score-icon{background-image: url("@/static/images/my/my-score-icon.png");}
 		.login-out-icon{background-image: url("@/static/images/my/login-out-icon.png");}
 		.sxtcs-icon{background-image: url("@/static/images/my/my-sxtcs-icon.png");}

pages/admin/my/imageDialog.vue

@@ -0,0 +1,46 @@
+<template>
+	<uni-popup ref="passwordPopup" :animation="false" :is-mask-click="false"
+	 mask-background-color="rgba(0, 0, 0, 0.4)">
+	 <view class="phone-common-dialog">
+		<view class="common-body-box">
+			<view class="common-title">二维码</view>
+			<img :src="imgSrc" class="code-img"/>
+			<view class="common-btn-box">
+				<view class="confirm-btn" @click="handleClose">关闭</view>
+			</view>
+		</view>
+	 </view>
+	</uni-popup>
+</template>
+
+<script setup>
+	import * as myApi from "@/api/my.js";
+	import {ref,reactive} from "vue"
+	const passwordPopup = ref(null); // 索引
+	const imgSrc = ref('');
+	// const $emit = defineEmits(['confirm-btn'])
+	
+	function init(){
+		myApi.getGlMineQrcode().then(res => {
+			imgSrc.value = res.data;
+		})
+	}
+	
+	// 打开弹窗
+	function handleShow() {
+		init();
+		passwordPopup.value.open();
+	}
+	// 取消
+	function handleClose() {
+		passwordPopup.value.close();
+	}
+	
+	defineExpose({
+			handleShow,
+			handleClose
+		})
+</script>
+
+<style>
+</style>

pages/admin/my/index.vue

@@ -26,6 +26,10 @@
 				<icon class="list-icon mm-icon"></icon>
 				<text>修改密码</text>
 			</view>
+			<view class="list-row" @click="ewmBtn">
+				<icon class="list-icon code-icon"></icon>
+				<text>二维码</text>
+			</view>
 			<view class="list-row" @click="exitLogin">
 				<icon class="list-icon login-out-icon"></icon>
 				<text>退出登录</text>
@@ -36,6 +40,7 @@
 		<common-dialog ref="commonDialogRef" :title="exitTitle" :content="exitContent" @confirm-btn="exitBtn"></common-dialog>
 		<shexiangDialogVue ref="shexiangRef" title="摄像头说明"></shexiangDialogVue>
 		<password-dialog ref="passwordDialogRef" @confirm-btn="passwordBtn"></password-dialog>
+		<image-dialog ref="imageDialogRef"></image-dialog>
 		<!-- 摄像头确认 -->
 		<zhuapaiConfrimVue ref="zpRef" @error="zpConfirmError" title="摄像头测试"></zhuapaiConfrimVue>
 	</view>
@@ -50,6 +55,7 @@
 	import customTabbarClient from "@/components/custom-tabbar/custom-tabbar-admin.vue"
 	import commonDialog from '@/components/dialog/commonDialog.vue';
 	import passwordDialog from './passwordDialog.vue';
+	import imageDialog from './imageDialog.vue';
 	import shexiangDialogVue from "@/components/dialog/shexiangDialog.vue";
 	import zhuapaiConfrimVue from "@/components/zhuapaiConfirm/index.vue";
 	import {useIsCanBack} from "@/store/isCanBack.js"
@@ -63,6 +69,7 @@
 	});
 	const commonDialogRef = ref(null);
 	const passwordDialogRef = ref(null);
+	const imageDialogRef = ref(null);
 	const shexiangRef = ref(null);
 	const zpRef = ref(null);
 	const exitContent = '你确定要执行这个操作吗？';
@@ -99,6 +106,11 @@
 	function xgmmBtn(){
 		passwordDialogRef.value.handleShow();
 	}
+	
+	function ewmBtn(){
+		imageDialogRef.value.handleShow();
+	}
+	
 	function passwordBtn(data){
 		console.log(data,'data');
 		const opt = {