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

init
gongdi 4 years ago
parent 813997c68c
commit 8666942a2b

@ -19,21 +19,18 @@
data(){ data(){
return { return {
modelTypes: [ modelTypes: [
{id: 1, value: "中心模式"}, {id: 1, value: "立体校园"},
{id: 2, value: "三维模式"}, {id: 2, value: "中心模式"},
{id: 3, value: "导航模式"} {id: 3, value: "驾驶舱模式"}
], ],
currentModel: { currentModel: {
id: 1, value: "中心模式" id: 1, value: "立体校园"
} }
} }
}, },
watch:{ watch:{
$route:{ $route:{
handler(val,oldval){ handler(val,oldval){
console.log("111路由监听......")
console.log(val);//
console.log(oldval);//
let path = val.path; 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"; //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"; //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(){ mounted(){
console.log("zouzheleme",this.$route.path)
this.$emit("modelChange",this.currentModel.id) this.$emit("modelChange",this.currentModel.id)
}, },
methods: { methods: {

@ -31,9 +31,6 @@
watch:{ watch:{
$route:{ $route:{
handler(val,oldval){ handler(val,oldval){
console.log("路由监听......")
console.log(val);//
console.log(oldval);//
let path = val.path; 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"; //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"; //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) { modelChange: function (modelId) {
switch (modelId) { switch (modelId) {
case 1: case 1:
// //
this.changeBackGround(modelId); this.changeBackGround(modelId);
this.$router.replace({path:"/dynamic"}); this.$router.replace({path:"/threeDimensionalSchool"});
break; break;
case 2: case 2:
// //
this.changeBackGround(modelId); this.changeBackGround(modelId);
this.$router.replace({path:"/threeDimensionalSchool"}); this.$router.replace({path:"/dynamic"});
break; break;
case 3: case 3:
// //
this.changeBackGround(modelId); this.changeBackGround(modelId);
this.$router.replace({path:"/traditional"}); this.$router.replace({path:"/traditional"});
break; break;
@ -73,12 +70,11 @@
* 改变div背景图 以及事件穿透属性值 * 改变div背景图 以及事件穿透属性值
* */ * */
changeBackGround:function (modelId) { changeBackGround:function (modelId) {
console.log("3d:",modelId)
if(modelId !== 3){ if(modelId !== 3){
if(modelId == 1){ 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"; 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"; this.pointerEvents = "none";
document.getElementById("screenContent").style.backgroundImage = ""; document.getElementById("screenContent").style.backgroundImage = "";

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

Loading…
Cancel
Save