From c0c79d9b58705a3c8c13ea9f23b1dd0f724a04af Mon Sep 17 00:00:00 2001
From: hanbaoshan <hanbaoshan@aiotlink.com>
Date: 星期一, 19 十月 2020 19:14:52 +0800
Subject: [PATCH] 搜索集群节点样式更新
---
src/pages/desktop/index/components/ToolsEntry.vue | 107 +++++++++++++++++++++++++++++++++++++++++++++++++++--
1 files changed, 102 insertions(+), 5 deletions(-)
diff --git a/src/pages/desktop/index/components/ToolsEntry.vue b/src/pages/desktop/index/components/ToolsEntry.vue
index 1006a0f..8ffbfc7 100644
--- a/src/pages/desktop/index/components/ToolsEntry.vue
+++ b/src/pages/desktop/index/components/ToolsEntry.vue
@@ -4,17 +4,20 @@
<div class="app-list clearFix">
<div
class="app"
- v-for="dock in this.$store.state.desktop.docks"
+ v-for="dock in stateDocks"
:key="dock.id"
@click="dockClick(dock)"
>
<div class="wrap">
- <div class="app-icon">
+ <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>
@@ -26,20 +29,63 @@
data() {
return {
publicPath: process.env.BASE_URL,
+ loading: true,
+ localApps: []
}
+ },
+ computed:{
+ stateDocks(){
+ return this.$store.state.desktop.docks
+ }
+ },
+ 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) {
- debugger
if (dock.type === '1') {
window.open(dock.url);
} 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);
}
@@ -55,6 +101,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>
@@ -87,6 +161,20 @@
margin-right: -3px;
}
}
+ .el-loading-mask{
+ border-radius: 8px;
+ }
+ .el-loading-spinner{
+ top: 20px;
+ }
+ .el-loading-spinner .path{
+ stroke: #78adf7;
+ }
+ .el-loading-spinner .el-loading-text{
+ line-height: 1;
+ margin-top: -30px;
+ color: #78adf7;
+ }
.app-name {
padding-top: 10px;
text-align: center;
@@ -102,6 +190,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