洋浦智慧大屏阶段代码提交

init
gongdi 4 years ago
parent 813997c68c
commit 8666942a2b

@ -19,21 +19,18 @@
data(){
return {
modelTypes: [
{id: 1, value: "中心模式"},
{id: 2, value: "三维模式"},
{id: 3, value: "导航模式"}
{id: 1, value: "立体校园"},
{id: 2, value: "中心模式"},
{id: 3, value: "驾驶舱模式"}
],
currentModel: {
id: 1, value: "中心模式"
id: 1, value: "立体校园"
}
}
},
watch:{
$route:{
handler(val,oldval){
console.log("111路由监听......")
console.log(val);//
console.log(oldval);//
let path = val.path;
//this.model3DUrl = "https://three-dimensional.obs.myhuaweicloud.com/tech-tools/others/yangpuxuexiaonew/index.html?AccessKeyId=WAFBGJACKDOQZDH1MKZ1&Expires=1668049230&Signature=r4Vs%2BaCdcmsQso6Pq2/luCcJU3U%3D";
//document.getElementById("backIframe").src = "https://three-dimensional.obs.myhuaweicloud.com/tech-tools/others/yangpuxuexiaonew/index.html?AccessKeyId=WAFBGJACKDOQZDH1MKZ1&Expires=1668049230&Signature=r4Vs%2BaCdcmsQso6Pq2/luCcJU3U%3D";
@ -43,7 +40,6 @@
}
},
mounted(){
console.log("zouzheleme",this.$route.path)
this.$emit("modelChange",this.currentModel.id)
},
methods: {

@ -31,9 +31,6 @@
watch:{
$route:{
handler(val,oldval){
console.log("路由监听......")
console.log(val);//
console.log(oldval);//
let path = val.path;
//this.model3DUrl = "https://three-dimensional.obs.myhuaweicloud.com/tech-tools/others/yangpuxuexiaonew/index.html?AccessKeyId=WAFBGJACKDOQZDH1MKZ1&Expires=1668049230&Signature=r4Vs%2BaCdcmsQso6Pq2/luCcJU3U%3D";
//document.getElementById("backIframe").src = "https://three-dimensional.obs.myhuaweicloud.com/tech-tools/others/yangpuxuexiaonew/index.html?AccessKeyId=WAFBGJACKDOQZDH1MKZ1&Expires=1668049230&Signature=r4Vs%2BaCdcmsQso6Pq2/luCcJU3U%3D";
@ -51,17 +48,17 @@
modelChange: function (modelId) {
switch (modelId) {
case 1:
//
//
this.changeBackGround(modelId);
this.$router.replace({path:"/dynamic"});
this.$router.replace({path:"/threeDimensionalSchool"});
break;
case 2:
//
//
this.changeBackGround(modelId);
this.$router.replace({path:"/threeDimensionalSchool"});
this.$router.replace({path:"/dynamic"});
break;
case 3:
//
//
this.changeBackGround(modelId);
this.$router.replace({path:"/traditional"});
break;
@ -73,12 +70,11 @@
* 改变div背景图 以及事件穿透属性值
* */
changeBackGround:function (modelId) {
console.log("3d:",modelId)
if(modelId !== 3){
if(modelId == 1){
this.model3DUrl = "https://three-dimensional.obs.myhuaweicloud.com/tech-tools/others/yangpuxuexiaonew/index.html?AccessKeyId=WAFBGJACKDOQZDH1MKZ1&Expires=1668049230&Signature=r4Vs%2BaCdcmsQso6Pq2/luCcJU3U%3D";
}else {
this.model3DUrl = "https://three-dimensional.obs.myhuaweicloud.com/tech-tools/others/yangpuxuexiao3D/index.html?AccessKeyId=WAFBGJACKDOQZDH1MKZ1&Expires=1667894500&Signature=mE9wpuN1ImyOz3yMGPwiaI0UPaU%3D";
}else {
this.model3DUrl = "https://three-dimensional.obs.myhuaweicloud.com/tech-tools/others/yangpuxuexiaonew/index.html?AccessKeyId=WAFBGJACKDOQZDH1MKZ1&Expires=1668049230&Signature=r4Vs%2BaCdcmsQso6Pq2/luCcJU3U%3D";
}
this.pointerEvents = "none";
document.getElementById("screenContent").style.backgroundImage = "";

@ -25,18 +25,18 @@ let routes = [
name: 'main',
component: Index,
children: [
{
title: "立体校园",
path: "/threeDimensionalSchool",
name: "threeDimensionalSchoolPage",
component: () => import("../pages/homePages/threeDimensionalSchoolModel/threeDimensionalSchoolModel.vue"),
},
{
title: "中心模式",
path: "/dynamic",
name: "dynamicPage",
component: () => import("../pages/homePages/dynamicMode/dynamicMode.vue"),
},
{
title: "三维模式",
path: "/threeDimensionalSchool",
name: "threeDimensionalSchoolPage",
component: () => import("../pages/homePages/threeDimensionalSchoolModel/threeDimensionalSchoolModel.vue"),
},
{
title: "导航模式",
path: "/traditional",

Loading…
Cancel
Save