Compare commits
No commits in common. "3615ef17a53edd74c7506f8174e90918fb314ce3" and "747cdec56de6b37f7d99102833ee367c2a035be0" have entirely different histories.
3615ef17a5
...
747cdec56d
Binary file not shown.
|
Before Width: | Height: | Size: 1.1 MiB |
|
|
@ -476,7 +476,7 @@ export default {
|
|||
// item.id == 1 丽水;
|
||||
// item.id == 5 石门;
|
||||
// 进入大屏的权限目前是写死的 等于几能进 反之显示没权限
|
||||
const foundObject = this.limitUserId.find(item => item.id == 2 || item.id == 1 || item.id == 5|| item.id == 7|| item.id == 8|| item.id == 9|| item.id == 10);
|
||||
const foundObject = this.limitUserId.find(item => item.id == 2 || item.id == 1 || item.id == 5|| item.id == 7|| item.id == 8|| item.id == 9);
|
||||
if (!foundObject) {
|
||||
this.$message('您当前没有权限查看!')
|
||||
return
|
||||
|
|
|
|||
|
|
@ -3,7 +3,7 @@
|
|||
<div class="park" v-if="limitUserId == 2" @click="handlerOther">{{ other_show ? '后退' : '园区简介' }}</div>
|
||||
<div class="other" v-show="other_show"></div>
|
||||
<div class="kuang">
|
||||
<div class="title"> {{ limitUserId == 9 ? '甘井设施农业大数据云平台' : '温室智慧云数据统计' }}</div>
|
||||
<div class="title"> {{limitUserId == 9 ?'甘井设施农业大数据云平台':'温室智慧云数据统计'}}</div>
|
||||
<!-- <div class="auto_play">
|
||||
<span :class="autoPlay ? '' : 'act'" @click="autoPlay1">手动播放</span>
|
||||
<span :class="autoPlay ? 'act' : ''" @click="autoPlay2">自动播放</span>
|
||||
|
|
@ -181,16 +181,7 @@
|
|||
<img class="axis_shimen8" src="../../assets/img/axis1.png" alt="" @click="handlerAxis_5" />
|
||||
<img class="axis_shimen9" src="../../assets/img/axis1.png" alt="" @click="handlerAxis_5" />
|
||||
</div>
|
||||
<!-- 丽水凤鸣共富葡萄 -->
|
||||
<div class="drag_box10" ref="drag_box10" v-show="limitUserId == 10">
|
||||
<img class="drag_img" src="../../assets/img/map6.jpg" alt="" />
|
||||
<img class="axis_shimen" src="../../assets/img/axis1.png" alt="" @click="handlerAxis_5" />
|
||||
<img class="axis_shimen1" src="../../assets/img/axis1.png" alt="" @click="handlerAxis_5" />
|
||||
<img class="axis_shimen2" src="../../assets/img/axis1.png" alt="" @click="handlerAxis_5" />
|
||||
<img class="axis_shimen3" src="../../assets/img/axis1.png" alt="" @click="handlerAxis_5" />
|
||||
<img class="axis_shimen4" src="../../assets/img/axis1.png" alt="" @click="handlerAxis_5" />
|
||||
<img class="axis_shimen5" src="../../assets/img/axis1.png" alt="" @click="handlerAxis_5" />
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
|
@ -363,7 +354,7 @@
|
|||
</div>
|
||||
</div>
|
||||
<!-- 大冶鑫 -->
|
||||
<div class="content_item" v-if="limitUserId == 7 || limitUserId == 9|| limitUserId == 10">
|
||||
<div class="content_item" v-if="limitUserId == 7|| limitUserId == 9">
|
||||
<div v-for="(item, index) in fiveControlList" :key="index" style="margin-bottom: 0.15rem">
|
||||
<div class="i_title" v-if="item.controlState != 0">
|
||||
<img src="../../assets/img/i_title_img.png" alt="" />
|
||||
|
|
@ -977,7 +968,7 @@ export default {
|
|||
this.get_environmentData(2023120613270120);
|
||||
this.get_readControl_getState(2023120613270120);
|
||||
this.getWeatherData(2023120613270120);
|
||||
} else if (limitUserId == 8||limitUserId == 10) {
|
||||
} else if (limitUserId == 8) {
|
||||
// 获取控制器第一个Id
|
||||
const list = []
|
||||
this.$store.state.equipmentList.forEach((el, index) => {
|
||||
|
|
@ -1105,14 +1096,12 @@ export default {
|
|||
get_sel_eqbyid(userId) {
|
||||
this.api.sel_eqbyid(userId).then((res) => {
|
||||
// console.log("根据用户id查询对应的设备数据 Copy", res);
|
||||
|
||||
res.data.data.forEach((item, index) => {
|
||||
if (
|
||||
item.cameraSerialNumber != null &&
|
||||
(item.deviceId == 2023042214250027 ||
|
||||
item.deviceId == 2023120613270115 ||
|
||||
item.deviceId == 2024070113400048||
|
||||
item.deviceId==2023042214250017)
|
||||
item.deviceId == 2023120613270115||
|
||||
item.deviceId == 2024070113400048)
|
||||
) {
|
||||
this.get_sel_eqbyid_list.push({ ...item, number: index });
|
||||
|
||||
|
|
@ -1262,7 +1251,7 @@ export default {
|
|||
// id == 1 丽水;
|
||||
// id == 5 石门;
|
||||
// id == 5 大冶鑫;
|
||||
this.limitUserId = (res.data.data.filter(el => el.id == 2 || el.id == 1 || el.id == 5 || el.id == 7 || el.id == 8 || el.id == 9|| el.id == 10))[0].id;
|
||||
this.limitUserId = (res.data.data.filter(el => el.id == 2 || el.id == 1 || el.id == 5 || el.id == 7|| el.id == 8|| el.id == 9))[0].id;
|
||||
if (this.limitUserId == 1) {
|
||||
this.drag_boxHandler();
|
||||
this.dataInit(userId, this.limitUserId);
|
||||
|
|
@ -1281,11 +1270,7 @@ export default {
|
|||
} else if (this.limitUserId == 9) {
|
||||
this.drag_boxHandler9();
|
||||
this.dataInit(userId, this.limitUserId);
|
||||
}else if (this.limitUserId == 10) {
|
||||
this.drag_boxHandler10();
|
||||
this.dataInit(userId, this.limitUserId);
|
||||
}
|
||||
|
||||
}
|
||||
});
|
||||
},
|
||||
|
|
@ -1381,7 +1366,9 @@ export default {
|
|||
this.get_readControl_getState(2023042214250070);
|
||||
} else if (this.limitUserId == 7) {
|
||||
this.get_readControl_getState(2023120613270120);
|
||||
} else if (this.limitUserId == 8||this.limitUserId == 9||this.limitUserId == 10) {
|
||||
}else if (this.limitUserId == 8) {
|
||||
this.get_readControl_getState(list[0].deviceId);
|
||||
}else if (this.limitUserId == 9) {
|
||||
this.get_readControl_getState(list[0].deviceId);
|
||||
}
|
||||
|
||||
|
|
@ -1522,63 +1509,6 @@ export default {
|
|||
}
|
||||
};
|
||||
},
|
||||
drag_boxHandler10() {
|
||||
let demo = this.$refs.drag_box10;
|
||||
demo = document.querySelector(".drag_box10"); //待拖拽元素
|
||||
let canMove = false; //拖拽状态
|
||||
let x = 0,
|
||||
y = 0; //鼠标位置
|
||||
//监听按下鼠标事件
|
||||
demo.onmousedown = function (e) {
|
||||
x = e.pageX - demo.offsetLeft;
|
||||
y = e.pageY - demo.offsetTop;
|
||||
canMove = true; //激活拖拽状态
|
||||
};
|
||||
//监听右击鼠标事件
|
||||
demo.oncontextmenu = function (e) {
|
||||
e.preventDefault(); //阻止默认行为
|
||||
};
|
||||
//监听鼠标抬起事件
|
||||
window.onmouseup = function () {
|
||||
canMove = false; //关闭拖拽状态
|
||||
};
|
||||
|
||||
window.onblur = function () {
|
||||
//窗口失去焦点事件
|
||||
canMove = false; //关闭拖拽状态
|
||||
};
|
||||
|
||||
//监听鼠标移动事件
|
||||
window.onmousemove = function (e) {
|
||||
e.preventDefault(); //阻止默认行为(字不能拖走)
|
||||
if (canMove) {
|
||||
//对范围判断
|
||||
let left = e.pageX - x;
|
||||
let top = e.pageY - y;
|
||||
|
||||
demo.style.left = left + "px";
|
||||
demo.style.top = top + "px";
|
||||
}
|
||||
};
|
||||
let scale = 1;
|
||||
demo.onwheel = function (e) {
|
||||
if (e.wheelDelta > 0) {
|
||||
scale += 0.05;
|
||||
if (scale > 4) {
|
||||
scale = 4;
|
||||
}
|
||||
demo.style.transform = `scale(${scale})`;
|
||||
// console.log(scale);
|
||||
} else {
|
||||
scale -= 0.05;
|
||||
if (scale < 1) {
|
||||
scale = 1;
|
||||
}
|
||||
demo.style.transform = `scale(${scale})`;
|
||||
// console.log(scale);
|
||||
}
|
||||
};
|
||||
},
|
||||
drag_boxHandler9() {
|
||||
let demo = this.$refs.drag_box9;
|
||||
demo = document.querySelector(".drag_box9"); //待拖拽元素
|
||||
|
|
@ -2456,90 +2386,6 @@ export default {
|
|||
cursor: pointer;
|
||||
}
|
||||
}
|
||||
.drag_box10 {
|
||||
width: 100%;
|
||||
height: auto;
|
||||
position: absolute;
|
||||
// top: 0.3rem;
|
||||
// left: 0.5rem;
|
||||
z-index: 10;
|
||||
top: -64px;
|
||||
-webkit-mask-image: linear-gradient(90deg,
|
||||
transparent 0%,
|
||||
blue 2%,
|
||||
blue 97%,
|
||||
transparent 99%);
|
||||
|
||||
.drag_img {
|
||||
width: 100%;
|
||||
height: auto;
|
||||
-webkit-mask-image: linear-gradient(transparent 0%,
|
||||
blue 2%,
|
||||
blue 95%,
|
||||
transparent 97%);
|
||||
}
|
||||
|
||||
.axis_shimen {
|
||||
width: 0.3rem;
|
||||
height: auto;
|
||||
position: absolute;
|
||||
top: 19%;
|
||||
left: 46%;
|
||||
z-index: 99;
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
.axis_shimen1 {
|
||||
width: 0.3rem;
|
||||
height: auto;
|
||||
position: absolute;
|
||||
top: 19%;
|
||||
left: 55%;
|
||||
z-index: 99;
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
.axis_shimen2 {
|
||||
width: 0.3rem;
|
||||
height: auto;
|
||||
position: absolute;
|
||||
top: 48%;
|
||||
left: 46%;
|
||||
z-index: 99;
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
.axis_shimen3 {
|
||||
width: 0.3rem;
|
||||
height: auto;
|
||||
position: absolute;
|
||||
top: 48%;
|
||||
left: 56%;
|
||||
|
||||
z-index: 99;
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
.axis_shimen4 {
|
||||
width: 0.3rem;
|
||||
height: auto;
|
||||
position: absolute;
|
||||
top: 73%;
|
||||
left: 46%;
|
||||
z-index: 99;
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
.axis_shimen5 {
|
||||
width: 0.3rem;
|
||||
height: auto;
|
||||
position: absolute;
|
||||
top: 73%;
|
||||
left: 57%;
|
||||
z-index: 99;
|
||||
cursor: pointer;
|
||||
}
|
||||
}
|
||||
.drag_box9 {
|
||||
width: 100%;
|
||||
height: auto;
|
||||
|
|
@ -2572,7 +2418,6 @@ export default {
|
|||
z-index: 99;
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
.axis_shimen1 {
|
||||
width: 0.3rem;
|
||||
height: auto;
|
||||
|
|
@ -2582,7 +2427,6 @@ export default {
|
|||
z-index: 99;
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
.axis_shimen2 {
|
||||
width: 0.3rem;
|
||||
height: auto;
|
||||
|
|
@ -2592,7 +2436,6 @@ export default {
|
|||
z-index: 99;
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
.axis_shimen3 {
|
||||
width: 0.3rem;
|
||||
height: auto;
|
||||
|
|
@ -2602,7 +2445,6 @@ export default {
|
|||
z-index: 99;
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
.axis_shimen4 {
|
||||
width: 0.3rem;
|
||||
height: auto;
|
||||
|
|
@ -2612,7 +2454,6 @@ export default {
|
|||
z-index: 99;
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
.axis_shimen5 {
|
||||
width: 0.3rem;
|
||||
height: auto;
|
||||
|
|
@ -2622,7 +2463,6 @@ export default {
|
|||
z-index: 99;
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
.axis_shimen6 {
|
||||
width: 0.3rem;
|
||||
height: auto;
|
||||
|
|
@ -2632,7 +2472,6 @@ export default {
|
|||
z-index: 99;
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
.axis_shimen7 {
|
||||
width: 0.3rem;
|
||||
height: auto;
|
||||
|
|
@ -2642,7 +2481,6 @@ export default {
|
|||
z-index: 99;
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
.axis_shimen8 {
|
||||
width: 0.3rem;
|
||||
height: auto;
|
||||
|
|
@ -2663,7 +2501,6 @@ export default {
|
|||
cursor: pointer;
|
||||
}
|
||||
}
|
||||
|
||||
.drag_box8 {
|
||||
width: 100%;
|
||||
height: auto;
|
||||
|
|
@ -2696,7 +2533,6 @@ export default {
|
|||
z-index: 99;
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
.axis_shimen1 {
|
||||
width: 0.4rem;
|
||||
height: auto;
|
||||
|
|
@ -2706,7 +2542,6 @@ export default {
|
|||
z-index: 99;
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
.axis_shimen2 {
|
||||
width: 0.4rem;
|
||||
height: auto;
|
||||
|
|
@ -2716,7 +2551,6 @@ export default {
|
|||
z-index: 99;
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
.axis_shimen3 {
|
||||
width: 0.4rem;
|
||||
height: auto;
|
||||
|
|
@ -2726,7 +2560,6 @@ export default {
|
|||
z-index: 99;
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
.axis_shimen4 {
|
||||
width: 0.4rem;
|
||||
height: auto;
|
||||
|
|
@ -2736,7 +2569,6 @@ export default {
|
|||
z-index: 99;
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
.axis_shimen5 {
|
||||
width: 0.4rem;
|
||||
height: auto;
|
||||
|
|
@ -2746,7 +2578,6 @@ export default {
|
|||
z-index: 99;
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
.axis_shimen6 {
|
||||
width: 0.4rem;
|
||||
height: auto;
|
||||
|
|
@ -2756,7 +2587,6 @@ export default {
|
|||
z-index: 99;
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
.axis_shimen7 {
|
||||
width: 0.4rem;
|
||||
height: auto;
|
||||
|
|
@ -2768,7 +2598,6 @@ export default {
|
|||
}
|
||||
|
||||
}
|
||||
|
||||
.drag_box {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
|
|
@ -2977,7 +2806,7 @@ export default {
|
|||
}
|
||||
|
||||
::v-deep .swiper-slide {
|
||||
width: 0.90rem !important;
|
||||
width: 0.84rem !important;
|
||||
}
|
||||
|
||||
.swiper-slide1 {}
|
||||
|
|
|
|||
|
|
@ -682,90 +682,6 @@
|
|||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- 甘井设施农业 -->
|
||||
<div class="content" v-show="limitUserId == 10">
|
||||
<div class="map">
|
||||
<div class="map1">
|
||||
<div class="drag_box10" ref="drag_box10">
|
||||
<img class="drag_img" src="../../assets/img/map6.jpg" alt="" />
|
||||
<div class="popBox" v-for="(item, index) in popContentList" :key="index">
|
||||
<template>
|
||||
<div class="pole_item" :style="getTopOrLeft10(item.id)" @click="handlerPop(item.id)">
|
||||
<div class="p_title">
|
||||
<img src="../../assets/img/wenshi.png" alt="" />
|
||||
<span>{{item.greenhouseName}} </span>
|
||||
</div>
|
||||
<img
|
||||
class="pole1"
|
||||
src="../../assets/img/pole1.png"
|
||||
alt=""
|
||||
/>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<!-- 弹框 -->
|
||||
<template>
|
||||
<div
|
||||
class="pop_content1"
|
||||
v-show="popContentCurrent == item.id ? true : false"
|
||||
:style="getTopOrLeft10_10(item.id)"
|
||||
>
|
||||
<img
|
||||
class="close_img"
|
||||
src="../../assets/img/close.png"
|
||||
alt=""
|
||||
@click="cancelHandler"
|
||||
/>
|
||||
<div class="p_video">
|
||||
<img :src="item.greenhouseImage" alt="" />
|
||||
</div>
|
||||
<div class="text">{{ item.greenhouseName }}</div>
|
||||
<div class="line"></div>
|
||||
<div class="detail">
|
||||
<div class="d_item">
|
||||
<img src="../../assets/img/detail_img.png" alt="" />
|
||||
<span>品种：{{ item.greenhouseVariety }}</span>
|
||||
</div>
|
||||
<div class="d_item">
|
||||
<img src="../../assets/img/detail_img.png" alt="" />
|
||||
<span>数量：{{ item.greenhouseNums }}株</span>
|
||||
</div>
|
||||
</div>
|
||||
<div class="grow">
|
||||
<img src="../../assets/img/grow_img.png" alt="" />
|
||||
<span>生长阶段：</span>
|
||||
<span>{{ item.growthStageName }}</span>
|
||||
</div>
|
||||
<div class="line" style="margin-top: 0.06rem"></div>
|
||||
<div class="icon_item scroll">
|
||||
<div
|
||||
class="icon_item_child"
|
||||
v-for="(item1, index1) in item.childList"
|
||||
:key="index1"
|
||||
>
|
||||
<img
|
||||
:src="
|
||||
require('../../assets/image/real-time-' +
|
||||
item1.formula +
|
||||
'.png')
|
||||
"
|
||||
alt=""
|
||||
/>
|
||||
<div>
|
||||
<span>{{ item1.environmentDataId }}</span>
|
||||
<span>{{
|
||||
item1.environmentData + getTypeList(item1.formula)
|
||||
}}</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</template>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</template>
|
||||
|
|
@ -1411,36 +1327,6 @@ export default {
|
|||
return 'top:16.5%;left:75.5%;transform: translate(54%,0);'
|
||||
}
|
||||
},
|
||||
getTopOrLeft10(id){
|
||||
if(id == 1){
|
||||
return 'top:12.5%;left:43%;z-index:10;'
|
||||
}else if(id == 2){
|
||||
return 'top:12.5%;left:53%;z-index:9;'
|
||||
}else if(id == 3){
|
||||
return 'top:45%;left:43%;z-index:8;'
|
||||
}else if(id == 4){
|
||||
return 'top:45%;left:54%;z-index:7;'
|
||||
}else if(id == 5){
|
||||
return 'top:68%;left:43%;z-index:6;'
|
||||
}else if(id == 6){
|
||||
return 'top:68%;left:54%;z-index:5;'
|
||||
}
|
||||
},
|
||||
getTopOrLeft10_10(id){
|
||||
if(id == 1){
|
||||
return 'top:12.5%;left:43%;transform: translate(54%,0);'
|
||||
}else if(id == 2){
|
||||
return 'top:12.5%;left:53%;transform: translate(54%,0);'
|
||||
}else if(id == 3){
|
||||
return 'top:45%;left:43%;transform: translate(54%,0);'
|
||||
}else if(id == 4){
|
||||
return 'top:45%;left:54%;transform: translate(54%,0%);'
|
||||
}else if(id == 5){
|
||||
return 'top:68%;left:43%;transform: translate(54%,0%);'
|
||||
}else if(id == 6){
|
||||
return 'top:68%;left:54%;transform: translate(54%,0%);'
|
||||
}
|
||||
},
|
||||
getNamePosition(id) {
|
||||
if (id == 1) {
|
||||
return "position: absolute;top: 41%;left: 13%;";
|
||||
|
|
@ -1560,7 +1446,7 @@ export default {
|
|||
get_user_getjurisdiction(userId) {
|
||||
this.api.user_getjurisdiction(userId).then((res) => {
|
||||
if (res.data.code == 200) {
|
||||
this.limitUserId = (res.data.data.filter(el=>el.id == 1 || el.id == 2 || el.id == 5|| el.id == 7|| el.id == 8|| el.id == 9|| el.id == 10))[0].id;
|
||||
this.limitUserId = (res.data.data.filter(el=>el.id == 1 || el.id == 2 || el.id == 5|| el.id == 7|| el.id == 8|| el.id == 9))[0].id;
|
||||
if (this.limitUserId == 1) {
|
||||
this.drag_boxHandler();
|
||||
} else if (this.limitUserId == 2) {
|
||||
|
|
@ -1573,8 +1459,6 @@ export default {
|
|||
this.drag_boxHandler8();
|
||||
} else if (this.limitUserId == 9) {
|
||||
this.drag_boxHandler9();
|
||||
} else if (this.limitUserId == 10) {
|
||||
this.drag_boxHandler10();
|
||||
}
|
||||
}
|
||||
});
|
||||
|
|
@ -1758,73 +1642,6 @@ toHttp(){
|
|||
}
|
||||
};
|
||||
},
|
||||
drag_boxHandler10() {
|
||||
let demo = this.$refs.drag_box10;
|
||||
demo = document.querySelector(".drag_box10"); //待拖拽元素
|
||||
let canMove = false; //拖拽状态
|
||||
let x = 0,
|
||||
y = 0; //鼠标位置
|
||||
//监听按下鼠标事件
|
||||
demo.onmousedown = function (e) {
|
||||
x = e.pageX - demo.offsetLeft;
|
||||
y = e.pageY - demo.offsetTop;
|
||||
canMove = true; //激活拖拽状态
|
||||
};
|
||||
//监听右击鼠标事件
|
||||
demo.oncontextmenu = function (e) {
|
||||
e.preventDefault(); //阻止默认行为
|
||||
};
|
||||
//监听鼠标抬起事件
|
||||
window.onmouseup = function () {
|
||||
canMove = false; //关闭拖拽状态
|
||||
};
|
||||
|
||||
window.onblur = function () {
|
||||
//窗口失去焦点事件
|
||||
canMove = false; //关闭拖拽状态
|
||||
};
|
||||
|
||||
//监听鼠标移动事件
|
||||
window.onmousemove = function (e) {
|
||||
e.preventDefault(); //阻止默认行为(字不能拖走)
|
||||
if (canMove) {
|
||||
//对范围判断
|
||||
let left = e.pageX - x;
|
||||
let top = e.pageY - y;
|
||||
|
||||
//if (left > 0) left = 0 //当距离左边小于0时 让它为0
|
||||
//if (top > 0) top = 0 //当距离上边小于0时 让它为0
|
||||
// //右边距离为 标签距离左边最大距离(页面宽度减去div宽度得到)
|
||||
// let maxLeft = window.innerWidth - demo.offsetWidth
|
||||
// //下边距离为 标签距离上边最大距离(页面高度减去div高度度得到)
|
||||
// let maxTop = window.innerHeight - demo.offsetHeight
|
||||
|
||||
// if (left > maxLeft) left = maxLeft
|
||||
// if (top > maxTop) top = maxTop
|
||||
|
||||
demo.style.left = left + "px";
|
||||
demo.style.top = top + "px";
|
||||
}
|
||||
};
|
||||
let scale = 1;
|
||||
demo.onwheel = function (e) {
|
||||
if (e.wheelDelta > 0) {
|
||||
scale += 0.05;
|
||||
if (scale > 4) {
|
||||
scale = 4;
|
||||
}
|
||||
demo.style.transform = `scale(${scale})`;
|
||||
// console.log(scale);
|
||||
} else {
|
||||
scale -= 0.05;
|
||||
if (scale < 1) {
|
||||
scale = 1;
|
||||
}
|
||||
demo.style.transform = `scale(${scale})`;
|
||||
// console.log(scale);
|
||||
}
|
||||
};
|
||||
},
|
||||
drag_boxHandler9() {
|
||||
let demo = this.$refs.drag_box9;
|
||||
demo = document.querySelector(".drag_box9"); //待拖拽元素
|
||||
|
|
@ -2762,7 +2579,7 @@ toHttp(){
|
|||
}
|
||||
}
|
||||
|
||||
.drag_box7,.drag_box8,.drag_box9,.drag_box10{
|
||||
.drag_box7,.drag_box8,.drag_box9{
|
||||
width: 100%;
|
||||
height: auto;
|
||||
position: absolute;
|
||||
|
|
|
|||
Loading…
Reference in New Issue