+
+
+
+
+
+ 视频监控
+
+
+
+
+
+
+
+
@@ -140,9 +166,12 @@ import mqtt from "mqtt"; // mqtt协议
import Swiper from "@/components/common/carousel";
import Resize from "../utils/Resize.vue";
import axios from "axios";
+import Video from "./video";
import {getWeatherData} from "@/api/api";
+import Clickoutside from 'element-ui/src/utils/clickoutside'
export default {
name: "report",
+ directives: { Clickoutside },
components: {
mdScreenPie,
BarChart,
@@ -155,12 +184,14 @@ export default {
VideoSurveillanceComponents,
VideoViewingComponents,
Resize,
+ Video
},
data() {
return {
weatherImg: require("@/assets/pic/sun.png"),
videoName: "", //子传父的视频名称
videoId: "", //子传父的视频Id
+ thumbnail:'',
//显示首页
indexShow: true,
//人员管理
@@ -173,6 +204,7 @@ export default {
progressShow: false,
//安全管理
managementShow: false,
+ openTrue:true,
//左上角
titLeftshow: false,
japIndex: "人员管理",
@@ -184,6 +216,7 @@ export default {
weatherItem: {},
tienum: "",
showType: true,
+ dialogShow: false,
boxList: [
{
c1: "开工",
@@ -389,13 +422,14 @@ export default {
],
vdaH: 0,
type: false,
- menuType: null,
+ menuType: 0,
numberList: [5, 5],
boxNone: true,
topicSends:[],
environmentData:[],
closeIndexShow:true,
- exitFullShow:false
+ exitFullShow:false,
+ src:'../static/flv/videoIndex.html'
};
},
created() {
@@ -409,21 +443,26 @@ export default {
window.openBig = this.openBig;
window.closeBig = this.closeBig;
window.createMqtt = this.createMqtt;
+ window.gantDialog = this.gantDialog;
},
methods: {
+ //查看甘特图
+ gantDialog() {
+ this.dialogShow = true
+ },
createMqtt() {
this.topicSends = ["/SC/pub/uwb", "/SC/pub/env"];
window.PubScribe(this.topicSends, this.realInfo);
},
/** 实时数据分类 */
realInfo(topic, message) {
- let time = new Date();
+ // let time = new Date();
// console.log("topic",topic)
switch (topic) {
// 接收托片
case "/SC/pub/uwb":
try {
- // console.log("message", message)
+ console.log("message", message)
const utf8decoder = new TextDecoder()
const u8arr = new Uint8Array(message)
const temp = utf8decoder.decode(u8arr) // 将二进制数据转为字符串
@@ -435,7 +474,7 @@ export default {
break;
case "/SC/pub/env":
try {
- // console.log("环境message", message)
+ console.log("环境message", message)
const utf8decoder = new TextDecoder()
const u8arr = new Uint8Array(message)
const temp = utf8decoder.decode(u8arr) // 将二进制数据转为字符串
@@ -615,6 +654,7 @@ export default {
this.titLeftshow = true;
this.videoName = msg.videoName;
this.videoId = msg.videoId;
+ this.thumbnail = msg.thumbnail;
}
},
tableRowClassName({ row, rowIndex }) {
@@ -628,13 +668,29 @@ export default {
openBig() {
this.exitFullShow = true
this.closeIndexShow = false
+ this.childBoxClick(this.menuType)
document.getElementById("unityModule").contentWindow.fullScreen();
+ this.openTrue =false
},
//关闭放大
closeBig() {
this.exitFullShow = false
this.closeIndexShow = true
+ this.openTrue =true
+ this.childBoxClick(this.menuType)
document.getElementById("unityModule").contentWindow.exitFullScreen();
+
+ },
+ handleClickOutside(){
+ console.log("cscscs")
+ // this.exitFullShow = false
+ // this.closeIndexShow = true
+ // if(this.menuType!=2){
+ // console.log("this.menuType",this.menuType)
+ // this.childBoxClick(this.menuType)
+ // }
+ this.titLeftshow = true;
+ this.type = true;
},
// 菜单点击
childBoxClick(val) {
@@ -703,6 +759,22 @@ export default {
// 俩秒之后让模块消失
this.$refs.switchBtn.style.display = "block";
}, 800);
+ }else if (val === 0) {
+ //人员管理
+ // this.$router.push('/personnel')
+ this.japIndex = "首页";
+ this.indexShow = true;
+ this.personnelShow = false;
+ this.videoSurveillanceShow = false;
+ this.videoViewingShow = false;
+ this.managementShow = false;
+ this.progressShow = false;
+ this.titLeftshow = false;
+ this.type = true;
+ setTimeout(() => {
+ // 俩秒之后让模块消失
+ this.$refs.switchBtn.style.display = "block";
+ }, 800);
}
},
switchDiv() {
@@ -885,7 +957,45 @@ export default {
animation-play-state: paused;
}
}
+.gttBox {
+ // width: 863px;
+ // height: 60%;
+ width: 562px;
+ height: 34%;
+ position: absolute;
+ z-index: 999;
+ top: 582px;
+ // left: 50%;
+ right: -14%;
+ background: url("~@/assets/pic/ggt.png") no-repeat;
+ background-size: 100% 100%;
+ transform: translate(-50%, -50%);
+ @media only screen and (max-height: 1000px) {
+ // top: 522px;
+ top: 27%;
+ }
+
+ .closeIcon {
+ width: 16px;
+ background: url("~@/assets/pic/close.png") no-repeat;
+ background-size: 100% 100%;
+ height: 16px;
+ color: #90F2EB;
+ float: right;
+ font-size: 50px;
+ cursor: pointer;
+ margin-right: 23px;
+ margin-top: 24px;
+ }
+}
+.tabGtBox {
+ position: absolute;
+ top: 50px;
+ width: 90%;
+ height: 80%;
+ padding: 0 40px;
+}
.smallBox {
width: 105px;
height: 28px;
@@ -1298,7 +1408,7 @@ export default {
span:nth-child(2) {
display: inline-block;
position: absolute;
- right: 85px;
+ right: 92px;
width: 18px;
height: 18px;
// background: url("~@/assets/pic/sun.png") no-repeat;
@@ -1324,7 +1434,7 @@ export default {
.header .title {
width: 100%;
height: 168px;
- background: url("~@/assets/pic/title1.png") no-repeat;
+ background: url("~@/assets/pic/title1 (2).png") no-repeat;
background-size: 100% 100%;
position: absolute;
}
diff --git a/src/views/login.vue b/src/views/login.vue
index af11d1e..7e61a02 100644
--- a/src/views/login.vue
+++ b/src/views/login.vue
@@ -10,15 +10,17 @@