From 21a340c24815a55a07db2dc3d2e5a19e7de440cd Mon Sep 17 00:00:00 2001
From: hanbaoshan <hanbaoshan@aiotlink.com>
Date: 星期六, 29 八月 2020 19:27:57 +0800
Subject: [PATCH] 添加摄像机区域管理应用
---
src/pages/desktop/index/components/ToolsEntry.vue | 93 +++++++++++++++++++++++++++++++++++++++++-----
1 files changed, 82 insertions(+), 11 deletions(-)
diff --git a/src/pages/desktop/index/components/ToolsEntry.vue b/src/pages/desktop/index/components/ToolsEntry.vue
index 164f9c4..36a0fc3 100644
--- a/src/pages/desktop/index/components/ToolsEntry.vue
+++ b/src/pages/desktop/index/components/ToolsEntry.vue
@@ -12,9 +12,12 @@
<div class="app-icon">
<img :src="dock.src" :alt="dock.alt" />
</div>
- <div class="app-name">{{dock.name}}</div>
+ <div class="app-name">{{dock.title}}</div>
</div>
</div>
+ </div>
+ <div class="logo">
+ <img :src="`${publicPath}images/desktop/desk-logo.png`" alt="">
</div>
</div>
</div>
@@ -28,24 +31,55 @@
publicPath: process.env.BASE_URL,
}
},
+ mounted() {
+ window.addEventListener('message', e => {
+ console.log('msg')
+ if (e.data && e.data.msg) {
+ let msg = e.data.msg;
+ // token 涓嶅悎娉�, 閫�鍑�
+ if (msg === "logout") {
+ location.assign("/");
+ return;
+ }
+
+ // 鎵撳紑妫�绱�, toSearch?showType=findByPic&targetId=108ba0bc-b0a1-433d-8e1e-d5d2e712b53b&picSmUrl=192.168.20.10:6700/47628,7cc869f3a9c714&compType=1
+ if (msg.indexOf("toSearch") >= 0) {
+ console.log('msg,search')
+ let params = msg.substring(7);
+ this.addFrameByName("search", params)
+ }
+ }
+ })
+ },
methods: {
dockClick(dock) {
if (dock.type === '1') {
window.open(dock.url);
- } else if (dock.type === '2') {
- let ids = this.$store.getters["desktop/frames"].map(item => item.id);
- if (ids.indexOf(dock.id) > -1) {
- this.$store.commit('desktop/resetMinFrame', dock.id);
- this.resetDockItem();
- return;
- }
-
- let ret = this.$store.dispatch('desktop/addFrame', {
+ } else if (dock.type === '2' && !dock.isOpen) {
+
+ this.$store.dispatch('desktop/addFrame', {
id: dock.id,
icon: dock.src,
- title: dock.name,
+ title: dock.title,
url: dock.url
});
+ this.$store.commit('desktop/addMinDock', {
+ id: dock.id,
+ src: dock.src,
+ alt: dock.title,
+ type: "3",
+ highlight: true,
+ url: dock.url,
+ screenshot: ''
+ });
+ //鎵撳紑搴旂敤鍚庡紓姝ユ姄鎷�,涔嬪悗鐨勬姄鎷嶉噰鐢ㄨ繖寮犲浐瀹氱殑
+ //if(dock.name=='cameraVideo'||dock.name=='search'||dock.name=='library'||dock.name=='cameraAccess'||dock.name=='dataStack'){
+ setTimeout(()=>{
+ this.$parent.screenShot(dock);
+ },1500)
+ //}
+ } else if (dock.type === '2' && dock.isOpen) {
+ this.$store.commit('desktop/resetMinFrame', dock.id);
}
},
resetDockItem() {
@@ -59,6 +93,34 @@
}
dockMask.style.width = dockItems.length * 60 + 40 + 'px';
},
+ addFrameByName(name, params) {
+
+ let dock = null;
+ this.$store.state.desktop.docks.forEach(app => {
+ if (app.name === name) {
+ dock = app;
+ }
+ });
+
+ if (dock.isOpen) {
+ this.$store.dispatch('desktop/closeFrame', dock);
+ }
+ this.$store.dispatch('desktop/addFrame', {
+ id: dock.id,
+ icon: dock.src,
+ title: dock.title,
+ url: dock.url + "?" + params
+ });
+ this.$store.commit('desktop/addMinDock', {
+ id: dock.id,
+ src: dock.src,
+ alt: dock.title,
+ type: "3",
+ highlight: true,
+ url: dock.url,
+ screenshot: ''
+ });
+ }
}
};
</script>
@@ -106,6 +168,15 @@
}
}
}
+ .logo{
+ text-align: right;
+ padding-right: 50px;
+ user-select: none;
+ img{
+ user-select: none;
+ -webkit-user-drag: none;
+ }
+ }
}
}
</style>
\ No newline at end of file
--
Gitblit v1.8.0