From 844ab0bd95485a8efcb43c74cd832b58b9de14df Mon Sep 17 00:00:00 2001
From: zhangzengfei <zhangzengfei@iotlink.com>
Date: 星期四, 30 七月 2020 13:44:40 +0800
Subject: [PATCH] 添加底库管理
---
src/pages/desktop/index/components/ToolsEntry.vue | 75 ++++++++++++++++++++++++++-----------
1 files changed, 52 insertions(+), 23 deletions(-)
diff --git a/src/pages/desktop/index/components/ToolsEntry.vue b/src/pages/desktop/index/components/ToolsEntry.vue
index adbba7c..c98b1e5 100644
--- a/src/pages/desktop/index/components/ToolsEntry.vue
+++ b/src/pages/desktop/index/components/ToolsEntry.vue
@@ -2,12 +2,12 @@
<div class="tools-entry">
<div class="entry-wrap">
<div class="app-list clearFix">
- <div class="app" v-for="(item,index) in applist" :key="index">
+ <div class="app" v-for="dock in this.$store.state.desktop.docks" :key="dock.id" @click="dockClick(dock)">
<div class="wrap">
<div class="app-icon">
- <img :src="item.src" alt="">
+ <img :src="dock.src" :alt="dock.alt">
</div>
- <div class="app-name">{{item.name}}</div>
+ <div class="app-name">{{dock.name}}</div>
</div>
</div>
</div>
@@ -21,27 +21,56 @@
data(){
return {
publicPath: process.env.BASE_URL,
- applist:[
- {src: `/images/app-mid/camera-access.png`, name:'鎽勫儚鏈烘帴鍏�'},
- {src: `/images/app-mid/datastack-config.png`, name:'鏁版嵁鏍堥厤缃�'},
- {src: `/images/app-mid/DVR-access.png`, name:'纭洏褰曞儚鏈烘帴鍏�'},
- {src: `/images/app-mid/data-push.png`, name:'鏁版嵁鎺ㄩ��'},
- {src: `/images/app-mid/GB-config.png`, name:'GB28281閰嶇疆'},
- {src: `/images/app-mid/scene-config.png`, name:'鍦烘櫙閰嶇疆'},
- {src: `/images/app-mid/library.png`, name:'姣斿搴撶鐞�'},
- {src: `/images/app-mid/poll.png`, name:'杞绠＄悊'},
- {src: `/images/app-mid/algorithm-manage.png`, name:'绠楁硶绠＄悊'},
- {src: `/images/app-mid/algorithm-store.png`, name:'绠楁硶鍟嗗煄'},
- {src: `/images/app-mid/hashrate-manage.png`, name:'绠楀姏绠＄悊'},
- {src: `/images/app-mid/monitor.png`, name:'瀹炴椂鐩戞帶-鍦ㄧ嚎鎾斁'},
- {src: `/images/app-mid/search.png`, name:'妫�绱�-缁熻鏌ヨ'},
- {src: `/images/app-mid/360.png`, name:'鍏ㄦ櫙瑙嗛'},
- {src: `/images/app-mid/log-manage.png`, name:'鏃ュ織绠＄悊'},
- {src: `/images/app-mid/device.png`, name:'璁惧绠＄悊'},
- {src: `/images/app-mid/settings.png`, name:'绯荤粺璁剧疆'},
- {src: `/images/app-mid/vindicate.png`, name:'绯荤粺缁存姢'}
- ]
+ // applist:[
+ // {src: `/images/app-mid/camera-access.png`, name:'鎽勫儚鏈烘帴鍏�'},
+ // {src: `/images/app-mid/datastack-config.png`, name:'鏁版嵁鏍堥厤缃�'},
+ // {src: `/images/app-mid/DVR-access.png`, name:'纭洏褰曞儚鏈烘帴鍏�'},
+ // {src: `/images/app-mid/data-push.png`, name:'鏁版嵁鎺ㄩ��'},
+ // {src: `/images/app-mid/GB-config.png`, name:'GB28281閰嶇疆'},
+ // {src: `/images/app-mid/scene-config.png`, name:'鍦烘櫙閰嶇疆'},
+ // {src: `/images/app-mid/library.png`, name:'姣斿搴撶鐞�'},
+ // {src: `/images/app-mid/poll.png`, name:'杞绠＄悊'},
+ // {src: `/images/app-mid/algorithm-manage.png`, name:'绠楁硶绠＄悊'},
+ // {src: `/images/app-mid/algorithm-store.png`, name:'绠楁硶鍟嗗煄'},
+ // {src: `/images/app-mid/hashrate-manage.png`, name:'绠楀姏绠＄悊'},
+ // {src: `/images/app-mid/monitor.png`, name:'瀹炴椂鐩戞帶-鍦ㄧ嚎鎾斁'},
+ // {src: `/images/app-mid/search.png`, name:'妫�绱�-缁熻鏌ヨ'},
+ // {src: `/images/app-mid/360.png`, name:'鍏ㄦ櫙瑙嗛'},
+ // {src: `/images/app-mid/log-manage.png`, name:'鏃ュ織绠＄悊'},
+ // {src: `/images/app-mid/device.png`, name:'璁惧绠＄悊'},
+ // {src: `/images/app-mid/settings.png`, name:'绯荤粺璁剧疆'},
+ // {src: `/images/app-mid/vindicate.png`, name:'绯荤粺缁存姢'}
+ // ]
}
+ },
+ methods:{
+
+ dockClick(dock) {
+ if (dock.type === '1') {
+ window.open(dock.url);
+ } else if (dock.type === '2') {
+ this.$store.dispatch('desktop/addFrame', {
+ id: dock.id,
+ icon: dock.src,
+ title: dock.name,
+ url: dock.url
+ });
+ } else if (dock.type === '3') {
+ this.$store.commit('desktop/resetMinFrame', dock.id);
+ this.resetDockItem();
+ }
+ },
+ resetDockItem() {
+ const dockItems = document.getElementsByClassName('dock-item');
+ const dockMask = document.getElementsByClassName('dock-mask')[0];
+ for (let i = 0; i < dockItems.length; i++) {
+ dockItems[i].width = 60;
+ if (dockItems[i].parentNode.nextElementSibling) {
+ dockItems[i].parentNode.nextElementSibling.style.marginLeft = "-35px";
+ }
+ }
+ dockMask.style.width = dockItems.length * 60 + 40 + 'px';
+ },
}
};
</script>
--
Gitblit v1.8.0