pc-master #208
Binary file not shown.
|
Before Width: | Height: | Size: 6.3 MiB After Width: | Height: | Size: 3.7 MiB |
BIN
src/assets/img/map7.png
Normal file
BIN
src/assets/img/map7.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 2.7 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|| item.id == 10|| item.id == 11);
|
||||
if (!foundObject) {
|
||||
this.$message('您当前没有权限查看!')
|
||||
return
|
||||
|
||||
@ -193,6 +193,11 @@
|
||||
<img class="axis_shimen6" src="../../assets/img/axis1.png" alt="" @click="handlerAxis_5" />
|
||||
<img class="axis_shimen7" src="../../assets/img/axis1.png" alt="" @click="handlerAxis_5" />
|
||||
</div>
|
||||
<!-- 镇海欣丰农场 -->
|
||||
<div class="drag_box11" ref="drag_box11" v-show="limitUserId == 11">
|
||||
<img class="drag_img" src="../../assets/img/map7.png" alt="" />
|
||||
<img class="axis_shimen" src="../../assets/img/axis1.png" alt="" @click="handlerAxis_5" />
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
@ -365,7 +370,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|| limitUserId == 10|| limitUserId == 11">
|
||||
<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="" />
|
||||
@ -490,361 +495,6 @@ export default {
|
||||
// 自动跳转和手动跳转切换
|
||||
//autoPlay: false, //false 手动切换 true 自动切换
|
||||
|
||||
typeList: [
|
||||
{
|
||||
label: "无意义的传感器",
|
||||
value: 0,
|
||||
countType: 0,
|
||||
},
|
||||
{
|
||||
label: "空气温度",
|
||||
value: 1,
|
||||
countType: 3,
|
||||
unit: "℃",
|
||||
},
|
||||
{
|
||||
label: "空气湿度",
|
||||
value: 2,
|
||||
countType: 2,
|
||||
unit: "%",
|
||||
},
|
||||
{
|
||||
label: "光亮度",
|
||||
value: 3,
|
||||
countType: 2,
|
||||
unit: "Klux",
|
||||
},
|
||||
{
|
||||
label: "二氧化碳",
|
||||
value: 4,
|
||||
countType: 0,
|
||||
unit: "ppm",
|
||||
},
|
||||
{
|
||||
label: "土壤温度",
|
||||
value: 5,
|
||||
countType: 3,
|
||||
unit: "℃",
|
||||
},
|
||||
{
|
||||
label: "土壤湿度",
|
||||
value: 6,
|
||||
countType: 2,
|
||||
unit: "%",
|
||||
},
|
||||
{
|
||||
label: "水温",
|
||||
value: 7,
|
||||
countType: 3,
|
||||
unit: "℃",
|
||||
},
|
||||
{
|
||||
label: "水肥PH",
|
||||
value: 8,
|
||||
countType: 2,
|
||||
unit: "",
|
||||
},
|
||||
{
|
||||
label: "水肥EC",
|
||||
value: 9,
|
||||
countType: 2,
|
||||
unit: "mS/cm",
|
||||
},
|
||||
{
|
||||
label: "压差",
|
||||
value: 10,
|
||||
countType: 0,
|
||||
unit: "Pa",
|
||||
},
|
||||
{
|
||||
label: "风速",
|
||||
value: 11,
|
||||
countType: 2,
|
||||
unit: "m/s",
|
||||
},
|
||||
{
|
||||
label: "风向",
|
||||
value: 12,
|
||||
countType: 0,
|
||||
unit: "°",
|
||||
},
|
||||
{
|
||||
label: "雨雪信号",
|
||||
value: 13,
|
||||
countType: 0,
|
||||
unit: "",
|
||||
},
|
||||
{
|
||||
label: "降雨量",
|
||||
value: 14,
|
||||
countType: 2,
|
||||
unit: "mm",
|
||||
},
|
||||
{
|
||||
label: "光合有效辐射",
|
||||
value: 15,
|
||||
countType: 2,
|
||||
unit: "umol/m2.s",
|
||||
},
|
||||
{
|
||||
label: "太阳总辐射",
|
||||
value: 16,
|
||||
countType: 0,
|
||||
unit: "W/m2",
|
||||
},
|
||||
{
|
||||
label: "流量",
|
||||
value: 17,
|
||||
countType: 0,
|
||||
unit: "L/H",
|
||||
},
|
||||
{
|
||||
label: "大气压强",
|
||||
value: 18,
|
||||
countType: 2,
|
||||
unit: "KPa",
|
||||
},
|
||||
{
|
||||
label: "土壤PH",
|
||||
value: 19,
|
||||
countType: 2,
|
||||
unit: "",
|
||||
},
|
||||
{
|
||||
label: "土壤EC",
|
||||
value: 20,
|
||||
countType: 0,
|
||||
unit: "uS/cm",
|
||||
},
|
||||
{
|
||||
label: "叶面温度",
|
||||
value: 21,
|
||||
countType: 3,
|
||||
unit: "℃",
|
||||
},
|
||||
{
|
||||
label: "叶面湿度",
|
||||
value: 22,
|
||||
countType: 2,
|
||||
unit: "%",
|
||||
},
|
||||
{
|
||||
label: "果实直径",
|
||||
value: 23,
|
||||
countType: 0,
|
||||
unit: "mm",
|
||||
},
|
||||
{
|
||||
label: "茎秆直径",
|
||||
value: 24,
|
||||
countType: 0,
|
||||
unit: "mm",
|
||||
},
|
||||
{
|
||||
label: "流速",
|
||||
value: 25,
|
||||
countType: 2,
|
||||
unit: "m/s",
|
||||
},
|
||||
{
|
||||
label: "瞬时流量",
|
||||
value: 26,
|
||||
countType: 2,
|
||||
unit: "m3",
|
||||
},
|
||||
{
|
||||
label: "当日流量",
|
||||
value: 27,
|
||||
countType: 2,
|
||||
unit: "T",
|
||||
},
|
||||
{
|
||||
label: "累计流量",
|
||||
value: 28,
|
||||
countType: 0,
|
||||
unit: "T",
|
||||
},
|
||||
{
|
||||
label: "无线气象站电池电压",
|
||||
value: 29,
|
||||
countType: 2,
|
||||
unit: "V",
|
||||
},
|
||||
{
|
||||
label: "无线气象站无线信号强度",
|
||||
value: 30,
|
||||
countType: 1,
|
||||
unit: "dBm",
|
||||
},
|
||||
{
|
||||
label: "无线气象站信噪比（SNR）",
|
||||
value: 31,
|
||||
countType: 1,
|
||||
unit: "dB",
|
||||
},
|
||||
{
|
||||
label: "PM1.0",
|
||||
value: 32,
|
||||
countType: 0,
|
||||
unit: "μg/m2",
|
||||
},
|
||||
{
|
||||
label: "PM2.5",
|
||||
value: 33,
|
||||
countType: 0,
|
||||
unit: "μg/m2",
|
||||
},
|
||||
{
|
||||
label: "PM10",
|
||||
value: 34,
|
||||
countType: 0,
|
||||
unit: "μg/m2",
|
||||
},
|
||||
{
|
||||
label: "紫外辐射",
|
||||
value: 35,
|
||||
countType: 0,
|
||||
unit: "W/m2",
|
||||
},
|
||||
{
|
||||
label: "蒸发量",
|
||||
value: 36,
|
||||
countType: 2,
|
||||
unit: "mm",
|
||||
},
|
||||
{
|
||||
label: "负氧离子",
|
||||
value: 37,
|
||||
countType: 0,
|
||||
unit: "个/cm3",
|
||||
},
|
||||
{
|
||||
label: "露点温度",
|
||||
value: 38,
|
||||
countType: 3,
|
||||
unit: "℃",
|
||||
},
|
||||
{
|
||||
label: "设备电压",
|
||||
value: 39,
|
||||
countType: 2,
|
||||
unit: "V",
|
||||
},
|
||||
{
|
||||
label: "设备电流",
|
||||
value: 40,
|
||||
countType: 2,
|
||||
unit: "A",
|
||||
},
|
||||
{
|
||||
label: "土壤氮含量",
|
||||
value: 41,
|
||||
countType: 0,
|
||||
unit: "mg/kg",
|
||||
},
|
||||
{
|
||||
label: "土壤磷含量",
|
||||
value: 42,
|
||||
countType: 0,
|
||||
unit: "mg/kg",
|
||||
},
|
||||
{
|
||||
label: "土壤钾含量",
|
||||
value: 43,
|
||||
countType: 0,
|
||||
unit: "mg/kg",
|
||||
},
|
||||
{
|
||||
label: "管道压力",
|
||||
value: 44,
|
||||
countType: 0,
|
||||
unit: "Kpa",
|
||||
},
|
||||
{
|
||||
label: "一氧化碳",
|
||||
value: 45,
|
||||
countType: 0,
|
||||
unit: "ppm",
|
||||
},
|
||||
{
|
||||
label: "氨气",
|
||||
value: 46,
|
||||
countType: 0,
|
||||
unit: "ppm",
|
||||
},
|
||||
{
|
||||
label: "硫化氢",
|
||||
value: 47,
|
||||
countType: 0,
|
||||
unit: "ppm",
|
||||
},
|
||||
{
|
||||
label: "氧气",
|
||||
value: 48,
|
||||
countType: 2,
|
||||
unit: "%vol",
|
||||
},
|
||||
{
|
||||
label: "甲烷",
|
||||
value: 49,
|
||||
countType: 2,
|
||||
unit: "%vol",
|
||||
},
|
||||
{
|
||||
label: "铜（CU）",
|
||||
value: 50,
|
||||
countType: 0,
|
||||
unit: "mg/kg",
|
||||
},
|
||||
{
|
||||
label: "镉（CD）",
|
||||
value: 51,
|
||||
countType: 2,
|
||||
unit: "mg/kg",
|
||||
},
|
||||
{
|
||||
label: "铅（PB）",
|
||||
value: 52,
|
||||
countType: 0,
|
||||
unit: "mg/kg",
|
||||
},
|
||||
{
|
||||
label: "噪声",
|
||||
value: 53,
|
||||
countType: 0,
|
||||
unit: "dB",
|
||||
},
|
||||
{
|
||||
label: "叶面面积",
|
||||
value: 54,
|
||||
countType: 0,
|
||||
unit: "mm",
|
||||
},
|
||||
{
|
||||
label: "虫数量",
|
||||
value: 55,
|
||||
countType: 0,
|
||||
unit: "个",
|
||||
},
|
||||
{
|
||||
label: "无线传感器电池电压",
|
||||
value: 56,
|
||||
countType: 2,
|
||||
unit: "V",
|
||||
},
|
||||
{
|
||||
label: "无线传感器无线信号强度",
|
||||
value: 57,
|
||||
countType: 1,
|
||||
unit: "dBm",
|
||||
},
|
||||
{
|
||||
label: "无线传感器信噪比（SNR）",
|
||||
value: 58,
|
||||
countType: 1,
|
||||
unit: "dB",
|
||||
},
|
||||
],
|
||||
|
||||
limitUserId: "",
|
||||
|
||||
@ -986,7 +636,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||limitUserId == 10||limitUserId == 11) {
|
||||
// 获取控制器第一个Id
|
||||
const list = []
|
||||
this.$store.state.equipmentList.forEach((el, index) => {
|
||||
@ -1271,7 +921,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|| el.id == 10|| el.id == 11))[0].id;
|
||||
if (this.limitUserId == 1) {
|
||||
this.drag_boxHandler();
|
||||
this.dataInit(userId, this.limitUserId);
|
||||
@ -1293,6 +943,9 @@ export default {
|
||||
}else if (this.limitUserId == 10) {
|
||||
this.drag_boxHandler10();
|
||||
this.dataInit(userId, this.limitUserId);
|
||||
}else if (this.limitUserId == 11) {
|
||||
this.drag_boxHandler11();
|
||||
this.dataInit(userId, this.limitUserId);
|
||||
}
|
||||
|
||||
}
|
||||
@ -1390,7 +1043,7 @@ 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.limitUserId == 9||this.limitUserId == 10||this.limitUserId == 11) {
|
||||
this.get_readControl_getState(list[0].deviceId);
|
||||
}
|
||||
|
||||
@ -1531,6 +1184,63 @@ export default {
|
||||
}
|
||||
};
|
||||
},
|
||||
drag_boxHandler11() {
|
||||
let demo = this.$refs.drag_box11;
|
||||
demo = document.querySelector(".drag_box11"); //待拖拽元素
|
||||
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_boxHandler10() {
|
||||
let demo = this.$refs.drag_box10;
|
||||
demo = document.querySelector(".drag_box10"); //待拖拽元素
|
||||
@ -2465,6 +2175,39 @@ export default {
|
||||
cursor: pointer;
|
||||
}
|
||||
}
|
||||
.drag_box11 {
|
||||
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: 18%;
|
||||
left: 42%;
|
||||
z-index: 99;
|
||||
cursor: pointer;
|
||||
}
|
||||
}
|
||||
.drag_box10 {
|
||||
width: 100%;
|
||||
height: auto;
|
||||
|
||||
File diff suppressed because it is too large
Load Diff
Loading…
x
Reference in New Issue
Block a user