From f904bd0c38237262f2f2fcee4ed8d2291d533c30 Mon Sep 17 00:00:00 2001
From: tanghaolin <1723298894@qq.com>
Date: 星期四, 01 九月 2022 11:00:13 +0800
Subject: [PATCH] 添加 系列详细界面生成二维码分享
---
src/views/Detail/byParas/Index.vue | 78 ++++++++++++++++++++++++++++++++++++++-
1 files changed, 76 insertions(+), 2 deletions(-)
diff --git a/src/views/Detail/byParas/Index.vue b/src/views/Detail/byParas/Index.vue
index 8cfccf1..0428cc7 100644
--- a/src/views/Detail/byParas/Index.vue
+++ b/src/views/Detail/byParas/Index.vue
@@ -3,13 +3,20 @@
<!-- 澶撮儴瀵艰埅鏍� -->
<van-nav-bar style="position: fixed; top: 0px; width: 100%">
<template #left>
- <van-icon @click="pageBack" name="arrow-left" size="18" />
+ <van-icon @click="pageBack" v-if="isVisibleBackBtn" name="arrow-left" size="18" />
</template>
<template #title>
<label>{{ pagetitle }}</label>
</template>
<template #right>
<!-- <van-icon name="search" size="18" /> -->
+ <van-icon
+ size="16"
+ style="line-height: 24px;margin-right: 16px;"
+ name="share-o"
+ @click="showShare = true"
+ >
+ </van-icon>
<van-icon
@click="popupShow = true"
size="16"
@@ -140,6 +147,7 @@
:title="$t('detailPage.Model.TR')"
>
<model3D
+ :isMobile="true"
style="width: 100%; height: 560px"
ref="model3dCtrl"
></model3D>
@@ -224,6 +232,21 @@
</van-cell>
</div>
</van-popup>
+ <!-- 鍒嗕韩闈㈡澘 -->
+ <van-share-sheet
+ v-model:show="showShare"
+ title="绔嬪嵆鍒嗕韩缁欏ソ鍙�"
+ :options="shareOptions"
+ @select="onShareSelect"
+ />
+ <!-- 浜岀淮鐮佸脊妗� -->
+ <van-dialog v-model:show="qrCodeShow" :show-confirm-button="false" cancel-button-text="鍏抽棴" title="浜岀淮鐮�" show-cancel-button>
+ <div
+ id="qrCode"
+ ref="qrCodeCtrl"
+ style="display: flex; justify-content: center;margin: 10px 0;"
+ />
+ </van-dialog>
</div>
<div
class="compare_icon"
@@ -234,6 +257,9 @@
</div>
<div class="compare_icon" v-else @click.stop="deleteCompareLocalStorage">
<van-icon style="font-size: 28px" name="delete-o" />
+ </div>
+ <div v-if="compareList.length>1" class="compare_icon" style="bottom: 168px" @click.stop="toCompareList">
+ <i class="iconfont iconplus-listview" />
</div>
<div class="backTop" v-show="backtopshow" @click="backTop">
<div class="iconfont iconfanhuidingbu3"></div>
@@ -255,7 +281,7 @@
import waterMarkHelper from "@/utils/waterMarkHelper";
import model3D from "@/components/model3DContainer.vue";
import languageMixin from "@/mixin/language";
-
+import QRCode from "qrcodejs2";//鏍规嵁閾炬帴鐢熸垚浜岀淮鐮�
import spumpCorpHelper from "@/utils/spumpCorp";
export default {
@@ -274,6 +300,12 @@
propList4Disp: [], //灞炴�у垪琛ㄦ暟鎹�
propList4DispOld: [], //灞炴�у垪琛ㄦ暟鎹�
backtopshow: false, //杩斿洖椤堕儴鎸夐挳鏄惁鏄剧ず
+ showShare:false,//鍒嗕韩闈㈡澘鐨勬樉闅�
+ shareOptions:[
+ { name: '浜岀淮鐮�', icon: 'qrcode',tag:"qrcord" },
+ { name: '澶嶅埗閾炬帴', icon: 'link',tag:"link"},
+ ],
+ qrCodeShow:false,//浜岀淮鐮佸脊妗�
images: [],
PumpStyle: 0, //褰撳墠娉电殑绫诲瀷 0琛ㄧず绂诲績娉� 1 琛ㄧず杞存祦娉�
m_pumpBaseInfo: {},
@@ -336,6 +368,8 @@
popupActiveNames: ["1", "2"], //鎶樺彔闈㈡澘灞曞紑鍒楄〃
collectList: [], //鏀惰棌鍒楄〃
compareList: [], //姣旇緝鍒楄〃
+
+ isVisibleBackBtn:true,//鏄惁鏄剧ず杩斿洖涓婁竴椤垫寜閽�
};
},
components: {
@@ -378,6 +412,12 @@
// return;
// }
// }
+
+ console.log(this.$route)
+ let navType =this.$route.query.navType
+ if(navType == "share"){
+ this.isVisibleBackBtn = false
+ }
//浠庢湰鍦板瓨鍌ㄨ鍙栨敹钘忔暟鎹�
let collectList = localStorage.getItem("collectList");
collectList = collectList != null ? JSON.parse(collectList) : [];
@@ -631,7 +671,15 @@
// path: `/${this.$getCurrentLanguageUrl()}/SelectReport`
// });
},
+ //鐩戝惉鍒嗕韩閫夋嫨
+ onShareSelect(e){
+ if(e.tag== "qrcord"){
+ this.showShare = false
+ this.clickQRCodeCmd()
+ }else if(e.tag == "link"){
+ }
+ },
//鑾峰彇鏁翠釜椤甸潰鍒濆鐨勮鎯呮暟鎹�
intialPageDetailData() {
// console.log(this.$route.query,242)
@@ -1228,6 +1276,32 @@
}
}
},
+ //鎵撳紑鍒嗕韩浜岀淮鐮佺殑鐣岄潰
+ clickQRCodeCmd() {
+ this.qrCodeShow = true;
+ this.$nextTick(function () {
+ if (
+ this.$globalConfig.CorpInfo.WeChatUrl == null ||
+ this.$globalConfig.CorpInfo.WeChatUrl == ""
+ )
+ return;
+ let url =
+ this.$globalConfig.CorpInfo.WeChatUrl +
+ "#" +
+ this.$route.fullPath +
+ "&navType=share";
+ document.getElementById("qrCode").innerHTML = "";
+ // console.log(url, 858);
+ new QRCode(this.$refs.qrCodeCtrl, {
+ text: url,
+ width: 200,
+ height: 200,
+ colorDark: "#333333", //浜岀淮鐮侀鑹�
+ colorLight: "#ffffff", //浜岀淮鐮佽儗鏅壊
+ correctLevel: QRCode.CorrectLevel.L, //瀹归敊鐜囷紝L/M/H
+ });
+ });
+ },
backTop() {
let timer = setInterval(function () {
//鑾峰彇婊氬姩鏉＄殑婊氬姩楂樺害
--
Gitblit v1.9.3