|
@@ -1,8 +1,11 @@
|
|
|
<template>
|
|
|
<popup v-if="show">
|
|
|
- <div class="ui-message ui-message-confirm message-material" style="width: 500px">
|
|
|
+ <div
|
|
|
+ class="ui-message ui-message-confirm message-material"
|
|
|
+ style="width: 500px"
|
|
|
+ >
|
|
|
<div class="ui-message-header header-material">
|
|
|
- <span>{{share}}</span>
|
|
|
+ <span>{{ share }}</span>
|
|
|
<span @click="$emit('close')">
|
|
|
<i class="iconfont icon-close"></i>
|
|
|
</span>
|
|
@@ -10,11 +13,19 @@
|
|
|
<div class="ui-message-main">
|
|
|
<ul>
|
|
|
<li>
|
|
|
- <span>{{work_link}}</span>
|
|
|
- <input :title="item.share+`&lang=${$lang}`" class="ui-input" disabled type="text" maxlength="15" v-model="item.share" />
|
|
|
+ <span>{{ work_link }}</span>
|
|
|
+ <input
|
|
|
+ :title="item.share + `&vr=${defaultscenesCode}lang=${$lang}`"
|
|
|
+ class="ui-input"
|
|
|
+ disabled
|
|
|
+ type="text"
|
|
|
+ maxlength="15"
|
|
|
+ v-model="item.share"
|
|
|
+ />
|
|
|
</li>
|
|
|
<li>
|
|
|
- <span>{{work_qrCode}}</span>
|
|
|
+ <span>{{ work_qrCode }} </span>
|
|
|
+
|
|
|
<img :src="item.qrCode + `?${Math.random()}` || $thumb" alt="" />
|
|
|
</li>
|
|
|
</ul>
|
|
@@ -22,10 +33,13 @@
|
|
|
|
|
|
<div class="ui-message-footer footer-material">
|
|
|
<button @click="downloadImg(item)" class="ui-button">
|
|
|
- {{download_qrCode}}
|
|
|
+ {{ download_qrCode }}
|
|
|
</button>
|
|
|
- <button @click="copy(item.share+`&lang=${$lang}`)" class="ui-button submit">
|
|
|
- {{copy_link}}
|
|
|
+ <button
|
|
|
+ @click="copy(item.share + `&vr=${defaultscenesCode}lang=${$lang}`)"
|
|
|
+ class="ui-button submit"
|
|
|
+ >
|
|
|
+ {{ copy_link }}
|
|
|
</button>
|
|
|
</div>
|
|
|
</div>
|
|
@@ -34,9 +48,9 @@
|
|
|
|
|
|
<script>
|
|
|
import Popup from "@/components/shared/popup";
|
|
|
-import {i18n} from "@/lang"
|
|
|
+import { i18n } from "@/lang";
|
|
|
|
|
|
-let dataUrlToBold = function(url) {
|
|
|
+let dataUrlToBold = function (url) {
|
|
|
let arr = url.split(","),
|
|
|
mime = arr[0].match(/:(.*?);/)[1],
|
|
|
bStr = atob(arr[1]),
|
|
@@ -64,10 +78,21 @@ export default {
|
|
|
key: "",
|
|
|
};
|
|
|
},
|
|
|
+ computed: {
|
|
|
+ defaultscenesCode: function () {
|
|
|
+ if (this.item.firstScene) {
|
|
|
+ return this.item.firstScene.sceneCode || "";
|
|
|
+ } else {
|
|
|
+ return Array.from(this.item.scenes).length > 0
|
|
|
+ ? Array.from(this.item.scenes)[0].sceneCode
|
|
|
+ : "";
|
|
|
+ }
|
|
|
+ },
|
|
|
+ },
|
|
|
mounted() {},
|
|
|
methods: {
|
|
|
downloadImg(workItem) {
|
|
|
- let val = workItem.qrCode
|
|
|
+ let val = workItem.qrCode;
|
|
|
// var a = document.createElement("a");
|
|
|
// a.download = 'qrcode';
|
|
|
// a.href = 'https://4dkk.4dage.com/720yun_fd_manage/620/qrCode.jpg';
|
|
@@ -79,7 +104,7 @@ export default {
|
|
|
let image = new Image();
|
|
|
image.setAttribute("crossOrigin", "anonymous"); //消除跨域
|
|
|
image.src = val;
|
|
|
- image.onload = function() {
|
|
|
+ image.onload = function () {
|
|
|
//借助canvas实现 消除 图片地址会先直接窗口打开图片地址
|
|
|
let canvas = document.createElement("canvas");
|
|
|
canvas.width = image.width;
|
|
@@ -116,9 +141,11 @@ export default {
|
|
|
textArea.select();
|
|
|
|
|
|
try {
|
|
|
- document.execCommand("copy") ? this.$msg.success(this.$i18n.t('gather.scene_link_copy_tips')) : this.$msg.error(this.$i18n.t('gather.scene_link_copy_failed'));
|
|
|
+ document.execCommand("copy")
|
|
|
+ ? this.$msg.success(this.$i18n.t("gather.scene_link_copy_tips"))
|
|
|
+ : this.$msg.error(this.$i18n.t("gather.scene_link_copy_failed"));
|
|
|
} catch (err) {
|
|
|
- this.$msg.error(this.$i18n.t('gather.scene_link_copy_failed'));
|
|
|
+ this.$msg.error(this.$i18n.t("gather.scene_link_copy_failed"));
|
|
|
}
|
|
|
|
|
|
document.body.removeChild(textArea);
|