From e65c4102f0175d666746936381c3dee278358a72 Mon Sep 17 00:00:00 2001 From: zhangzengfei <zhangzengfei@iotlink.com> Date: 星期二, 27 十月 2020 16:22:00 +0800 Subject: [PATCH] 添加apps.json代理,整理代码 --- src/components/serfDiagram/indexC.vue | 92 ++-- src/pages/cameraAccess/components/SystemInfo.vue | 7 src/pages/cameraAccess/components/scene/Editor.vue | 121 ++-- src/pages/gb28181/index/App.vue | 83 +-- vue.config.js | 8 src/pages/desktop/index/components/ToolsEntry.vue | 43 - src/components/cardWindow.vue | 2 src/pages/desktop/index/App.vue | 37 - src/components/LeftNav.vue | 1 src/components/subComponents/FileUpload/file.vue | 7 src/components/subComponents/FileUpload/btn.vue | 11 public/apps.json | 425 ++++++++++++++---- src/components/serfDiagram/index.vue | 45 - src/pages/ai/index/App.vue | 56 +- /dev/null | 13 src/pages/desktop/index/store/modules/desktop.js | 71 +- src/pages/settings/components/ClusterManagement.vue | 59 +- src/components/treeMenu/index.vue | 3 src/pages/labelMark/components/RightSide.vue | 159 +++--- src/pages/settings/components/BasicSetting.vue | 1 src/components/subComponents/FileUpload/index.vue | 23 src/Pool/TreeData.ts | 11 22 files changed, 709 insertions(+), 569 deletions(-) diff --git a/public/apps.json b/public/apps.json index 762222f..6a9731a 100644 --- a/public/apps.json +++ b/public/apps.json @@ -1,171 +1,398 @@ { - "code": "200", - "success": true, + "code": 200, "data": [ { - "id": "5", - "name": "gb28181", - "src": "../../images/app-mid/GB-config.png", - "alt": "GB28181閰嶇疆", - "type": "2", - "url": "/view/gb28181/", - "title": "GB28181閰嶇疆", - "width": 600, - "height": 670 - }, - { - "id": "12", - "name": "cameraVideo", - "src": "../../images/app-mid/monitor.png", - "alt": "瀹炴椂鐩戞帶", + "id": "a9c4a1ad-0137-4137-acf3-fc293d6c295b", + "name": "瀹炴椂鐩戞帶", + "package": "cameraVideo", "type": "2", "url": "/view/cameraVideo/", "title": "瀹炴椂鐩戞帶", "width": 1328, - "height": 690 + "height": 690, + "iconBlob": "", + "icon": "../../images/app-mid/monitor.png", + "version": "1.0.0", + "create_time": "2020-10-09 14:00:01", + "create_by": "", + "update_time": "", + "update_by": "", + "isDelete": 0, + "isDefault": true, + "remoteVersion": "", + "installed": true, + "isUpgrade": false, + "progressMsg": "" }, { - "id": "9", - "name": "algorithmManage", - "src": "../../images/app-mid/algorithm-store.png", - "alt": "搴旂敤涓績", + "id": "7dea48a4-8294-4914-85d8-c2bbd4caf553", + "name": "搴旂敤涓績", + "package": "algorithmManage", "type": "2", "url": "/view/ai/", "title": "搴旂敤涓績", "width": 1243, - "height": 670 + "height": 670, + "iconBlob": "", + "icon": "../../images/app-mid/algorithm-store.png", + "version": "1.0.0", + "create_time": "2020-10-09 14:00:02", + "create_by": "", + "update_time": "", + "update_by": "", + "isDelete": 0, + "isDefault": true, + "remoteVersion": "", + "installed": true, + "isUpgrade": false, + "progressMsg": "" }, { - "id": "1", - "name": "cameraAccess", - "src": "../../images/app-mid/camera-access.png", - "alt": "camera-access", + "id": "2224a376-5436-4323-ad65-c26d95efaa54", + "name": "鎽勫儚鏈洪厤缃�", + "package": "cameraAccess", "type": "2", "url": "/view/cameraAccess/", "title": "鎽勫儚鏈洪厤缃�", "width": 1200, - "height": 670 + "height": 670, + "iconBlob": "", + "icon": "../../images/app-mid/camera-access.png", + "version": "1.0.0", + "create_time": "2020-10-09 14:00:03", + "create_by": "", + "update_time": "", + "update_by": "", + "isDelete": 0, + "isDefault": true, + "remoteVersion": "", + "installed": true, + "isUpgrade": false, + "progressMsg": "" }, { - "id": "2", - "name": "dataStack", - "src": "../../images/app-mid/datastack-config.png", - "alt": "datastack-config", - "type": "2", - "url": "/view/cameraAccess/?dataStack=1", - "title": "鏁版嵁鏍堥厤缃�", - "width": 1200, - "height": 670 - }, - { - "id": "4", - "name": "datapush", - "src": "../../images/app-mid/data-push.png", - "alt": "data-push", + "id": "6404e04d-f01a-4a6f-9f6b-5d53a7fc9af3", + "name": "鏁版嵁鎺ㄩ��", + "package": "datapush", "type": "2", "url": "/view/datapush/", "title": "鏁版嵁鎺ㄩ��", "width": 1024, - "height": 512 + "height": 512, + "iconBlob": "", + "icon": "../../images/app-mid/data-push.png", + "version": "1.0.0", + "create_time": "2020-10-09 14:00:05", + "create_by": "", + "update_time": "", + "update_by": "", + "isDelete": 0, + "isDefault": true, + "remoteVersion": "", + "installed": true, + "isUpgrade": false, + "progressMsg": "" }, { - "id": "7", - "name": "library", - "src": "../../images/app-mid/library.png", - "alt": "姣斿搴撶鐞�", - "type": "2", - "url": "/view/library/", - "title": "姣斿搴撶鐞�", - "width": 1200, - "height": 670 - }, - { - "id": "11", - "name": "analysisPower", - "src": "../../images/app-mid/hashrate-manage.png", - "alt": "绠楀姏绠$悊", + "id": "d71e7870-016d-4f02-ab24-895a74c713c8", + "name": "绠楀姏绠$悊", + "package": "analysisPower", "type": "2", "url": "/view/analysisPower/", "title": "绠楀姏绠$悊", "width": 1200, - "height": 670 + "height": 670, + "iconBlob": "", + "icon": "../../images/app-mid/hashrate-manage.png", + "version": "1.0.0", + "create_time": "2020-10-09 14:00:07", + "create_by": "", + "update_time": "", + "update_by": "", + "isDelete": 0, + "isDefault": true, + "remoteVersion": "", + "installed": true, + "isUpgrade": false, + "progressMsg": "" }, { - "id": "13", - "name": "search", - "src": "../../images/app-mid/search.png", - "alt": "缁熻鏌ヨ", + "id": "f45474ee-70cf-4ed2-8a06-c17429fbb70a", + "name": "缁熻鏌ヨ", + "package": "search", "type": "2", "url": "/view/search/", "title": "缁熻鏌ヨ", "width": 1344, - "height": 675 + "height": 677, + "iconBlob": "", + "icon": "../../images/app-mid/search.png", + "version": "1.0.0", + "create_time": "2020-10-09 14:00:08", + "create_by": "", + "update_time": "", + "update_by": "", + "isDelete": 0, + "isDefault": true, + "remoteVersion": "", + "installed": true, + "isUpgrade": false, + "progressMsg": "" }, { - "id": "15", - "name": "syslog", - "src": "../../images/app-mid/log-manage.png", - "alt": "鏃ュ織绠$悊", + "id": "850b5e86-dbcf-40f2-8511-745a4d06ec84", + "name": "鏃ュ織绠$悊", + "package": "syslog", "type": "2", "url": "/view/syslog/", "title": "鏃ュ織绠$悊", "width": 1200, - "height": 600 + "height": 600, + "iconBlob": "", + "icon": "../../images/app-mid/log-manage.png", + "version": "1.0.0", + "create_time": "2020-10-09 14:00:09", + "create_by": "", + "update_time": "", + "update_by": "", + "isDelete": 0, + "isDefault": true, + "remoteVersion": "", + "installed": true, + "isUpgrade": false, + "progressMsg": "" }, { - "id": "17", - "name": "settings", - "src": "../../images/app-mid/settings.png", - "alt": "绯荤粺璁剧疆", + "id": "5a5e0610-0a62-4de3-8021-2c6652c29ebf", + "name": "绯荤粺璁剧疆", + "package": "settings", "type": "2", "url": "/view/settings/", "title": "绯荤粺璁剧疆", "width": 1200, - "height": 650 + "height": 650, + "iconBlob": "", + "icon": "../../images/app-mid/settings.png", + "version": "1.0.0", + "create_time": "2020-10-09 14:00:10", + "create_by": "", + "update_time": "", + "update_by": "", + "isDelete": 0, + "isDefault": true, + "remoteVersion": "", + "installed": true, + "isUpgrade": false, + "progressMsg": "" }, { - "id": "18", - "name": "vindicate", - "src": "../../images/app-mid/vindicate.png", - "alt": "绯荤粺缁存姢", + "id": "ee64fe23-7631-4ef9-9aca-ea09673693be", + "name": "绯荤粺缁存姢", + "package": "vindicate", "type": "2", "url": "/view/vindicate/", "title": "绯荤粺缁存姢", "width": 760, - "height": 534 + "height": 534, + "iconBlob": "", + "icon": "../../images/app-mid/vindicate.png", + "version": "1.0.0", + "create_time": "2020-10-09 14:00:11", + "create_by": "", + "update_time": "", + "update_by": "", + "isDelete": 0, + "isDefault": true, + "remoteVersion": "", + "installed": true, + "isUpgrade": false, + "progressMsg": "" }, { - "id": "19", - "name": "heatCamera", - "src": "../../images/app-mid/algorithm-manage.png", - "alt": "鐑姏鍥�", + "id": "1e51abbf-a4dd-4cf9-9eee-2149102d6d62", + "name": "姣斿搴撶鐞�", + "package": "library", "type": "2", - "url": "/view/heatCamera/", - "title": "鐑姏鍥�", - "width": 760, - "height": 600 + "url": "/view/library/", + "title": "姣斿搴撶鐞�", + "width": 1200, + "height": 670, + "iconBlob": "", + "icon": "../../images/app-mid/library.png", + "version": "1.0.0", + "create_time": "2020-10-10 20:39:25", + "create_by": "basic", + "update_time": "", + "update_by": "", + "isDelete": 0, + "isDefault": true, + "remoteVersion": "", + "installed": true, + "isUpgrade": false, + "progressMsg": "" }, { - "id": "20", - "name": "areaManage", - "src": "../../images/app-mid/device.png", - "alt": "鎽勫儚鏈哄尯鍩熺鐞�", + "id": "aaf6875a-2e45-414a-affd-ae0a97420920", + "name": "GB28181閰嶇疆", + "package": "gb28181", + "type": "2", + "url": "/view/gb28181/", + "title": "GB28181閰嶇疆", + "width": 600, + "height": 670, + "iconBlob": "", + "icon": "../../images/app-mid/GB-config.png", + "version": "1.0.2", + "create_time": "2020-10-24 21:47:23", + "create_by": "basic", + "update_time": "", + "update_by": "", + "isDelete": 0, + "isDefault": false, + "remoteVersion": "", + "installed": true, + "isUpgrade": false, + "progressMsg": "" + }, + { + "id": "af412cbe-472e-4dbc-b962-b290483c9ea9", + "name": "鏁版嵁鏍堥厤缃�", + "package": "dataStack", + "type": "2", + "url": "/view/cameraAccess/?dataStack=1", + "title": "鏁版嵁鏍堥厤缃�", + "width": 1200, + "height": 670, + "iconBlob": "", + "icon": "../../images/app-mid/datastack-config.png", + "version": "1.0.1", + "create_time": "2020-10-24 21:47:38", + "create_by": "basic", + "update_time": "", + "update_by": "", + "isDelete": 0, + "isDefault": false, + "remoteVersion": "", + "installed": true, + "isUpgrade": false, + "progressMsg": "" + }, + { + "id": "c60621e5-1147-4f75-8e66-5b695d8d286d", + "name": "鎽勫儚鏈哄尯鍩熺鐞�", + "package": "areaManage", "type": "2", "url": "/view/areaManage/", "title": "鎽勫儚鏈哄尯鍩熺鐞�", "width": 1200, - "height": 600 + "height": 600, + "iconBlob": "", + "icon": "../../images/app-mid/device.png", + "version": "1.0.1", + "create_time": "2020-10-24 21:59:24", + "create_by": "basic", + "update_time": "", + "update_by": "", + "isDelete": 0, + "isDefault": false, + "remoteVersion": "", + "installed": true, + "isUpgrade": false, + "progressMsg": "" }, { - "id": "202", - "name": "visual", - "src": "../../images/app-mid/visual.png", - "alt": "鏁版嵁鍙鍖�", + "id": "70c4eaea-a884-4a7f-a2d3-3d40aa5999bf", + "name": "鏁版嵁鍙鍖�", + "package": "visual", "type": "1", "url": "/view/visual/", "title": "鏁版嵁鍙鍖�", "width": 1200, - "height": 600 + "height": 600, + "iconBlob": "", + "icon": "../../images/app-mid/visual.png", + "version": "1.0.1", + "create_time": "", + "create_by": "", + "update_time": "", + "update_by": "", + "isDelete": 0, + "isDefault": false, + "remoteVersion": "1.0.1", + "installed": true, + "isUpgrade": false, + "progressMsg": "" + }, + { + "id": "f45474ee-70cf-4e22-8a06-c17429fbb70a", + "name": "鐑姏鍥�", + "package": "heatCamera", + "type": "2", + "url": "/view/heatCamera/", + "title": "鐑姏鍥�", + "width": 1344, + "height": 880, + "iconBlob": "", + "icon": "../../images/app-mid/algorithm-manage.png", + "version": "1.0.0", + "create_time": "2020-10-09 14:00:08", + "create_by": "", + "update_time": "", + "update_by": "", + "isDelete": 0, + "isDefault": false, + "remoteVersion": "", + "installed": true, + "isUpgrade": false, + "progressMsg": "" + }, + { + "id": "f454741e-70cf-4e22-8a06-c17429fbb70c", + "name": "缁熻鏌ヨ(闆嗙兢)", + "package": "searchForCluster", + "type": "2", + "url": "/view/searchForCluster/", + "title": "缁熻鏌ヨ(闆嗙兢)", + "width": 1344, + "height": 677, + "iconBlob": "", + "icon": "../../images/app-mid/search.png", + "version": "1.0.0", + "create_time": "2020-10-09 14:00:08", + "create_by": "", + "update_time": "", + "update_by": "", + "isDelete": 0, + "isDefault": false, + "remoteVersion": "", + "installed": true, + "isUpgrade": false, + "progressMsg": "" + }, + { + "id": "fa5434ee-70cf-4e22-8a06-c17429fbb70b", + "name": "鐩告満鏍囧畾", + "package": "labelMark", + "type": "2", + "url": "/view/labelMark/", + "title": "鐩告満鏍囧畾", + "width": 1500, + "height": 750, + "iconBlob": "", + "icon": "../../images/app-mid/360.png", + "version": "1.0.0", + "create_time": "2020-10-09 14:00:08", + "create_by": "", + "update_time": "", + "update_by": "", + "isDelete": 0, + "isDefault": false, + "remoteVersion": "", + "installed": true, + "isUpgrade": false, + "progressMsg": "" } - ] + ], + "msg": "璇锋眰澶勭悊鎴愬姛", + "success": true } \ No newline at end of file diff --git a/src/Pool/TreeData.ts b/src/Pool/TreeData.ts index 02a52ec..98708da 100644 --- a/src/Pool/TreeData.ts +++ b/src/Pool/TreeData.ts @@ -296,13 +296,12 @@ } async fetchLocalTree() { - let params:any = { + let params: any = { searchType: this.searchCamType, cameraName: this.searchInput, //isPlatform: 1 }; - debugger - if(this.searchFrom == 'cluster'){ + if (this.searchFrom == 'cluster') { params.isPlatform = 1 } const rsp: any = await getLocalCameraTree(params); @@ -320,15 +319,15 @@ } } - async fetchClusterTree (){ + async fetchClusterTree() { const rsp: any = await getClusterTree({ searchType: this.searchCamType, cameraName: this.searchInput }); - if(rsp && rsp.success){ + if (rsp && rsp.success) { console.log(rsp.data); this.clusterData = rsp.data ? rsp.data : [] - if(this.clusterData && this.clusterData.length > 0){ + if (this.clusterData && this.clusterData.length > 0) { this.sortTreeData(this.clusterData) } this.clusterDataPure = JSON.parse(JSON.stringify(this.clusterData)); diff --git a/src/components/LeftNav.vue b/src/components/LeftNav.vue index 421a4e1..947c935 100644 --- a/src/components/LeftNav.vue +++ b/src/components/LeftNav.vue @@ -468,7 +468,6 @@ this.TreeDataPool.fetchClusterTree(); findCluster().then(res => { if (res.success) { - debugger this.clusterName = res.data.clusterName; } diff --git a/src/components/cardWindow.vue b/src/components/cardWindow.vue index 55f810d..c41eeb0 100644 --- a/src/components/cardWindow.vue +++ b/src/components/cardWindow.vue @@ -107,8 +107,6 @@ } }, async nextPage(dataInfo, index) { - console.log(this) - debugger let id = dataInfo[0].id let res = this.CardList.getBehindEle(id) if (res) { diff --git a/src/components/serfDiagram/index.vue b/src/components/serfDiagram/index.vue index b07b2bb..945e15d 100644 --- a/src/components/serfDiagram/index.vue +++ b/src/components/serfDiagram/index.vue @@ -33,7 +33,7 @@ startX: Number, isShowHover: Boolean }, - data () { + data() { return { nodeSize: 20, fontSize: 20, @@ -47,7 +47,7 @@ }; }, computed: { - nodes () { + nodes() { let n = new Array(); this.members.forEach((v, i) => { n.push({ @@ -64,7 +64,7 @@ return n; }, - links () { + links() { let arr = new Array(); let dup = new Array(); // Deduplicate to ensure that two nodes have only one line const count = this.members.length; @@ -99,7 +99,7 @@ return arr; }, - options () { + options() { return { force: 3000, nodeSize: this.nodeSize, @@ -118,11 +118,11 @@ }; } }, - created () { + created() { this.reset(); }, methods: { - nodeHover (event, node) { + nodeHover(event, node) { console.log(node); node._opacity = 1; node._size = 28; @@ -133,7 +133,7 @@ this.toolTipStyle.left = node.x + "px"; console.log(this.members[node.id]); let workName = ''; - switch(this.members[node.id].workType){ + switch (this.members[node.id].workType) { case '01': workName = '鍒嗘瀽' break; @@ -154,55 +154,44 @@ } }, - nodeOut (event, node) { + nodeOut(event, node) { node._opacity = node.opacity; node._size = node.size; this.toolTipStyle.display = "none"; }, - dragStart (event) { + dragStart(event) { if (event) { this.movement = event.timeStamp; } }, - nodeClick (event, node) { - // if (this.nodeSelected[node.id]) { - // this.unSelectNode(node.id) - // // is not nodeSelected - // } else { - // this.selectNode(node) - - // } - // this.selectNodesLinks() - // this.$set(this.nodes, node.index, node) - console.log(event, node) - debugger + nodeClick(event, node) { if (event.timeStamp - this.movement < 200) { this.$emit("selected-node", event, this.members[node.id]); } }, - reset () { + reset() { this.nodeSelected = {}; this.linksSelected = {}; (this.toolTipNode = ""), (this.toolTipAddr = ""), (this.movement = 0); }, - unSelectNode (nodeId) { + unSelectNode(nodeId) { if (this.nodeSelected[nodeId]) { delete this.nodeSelected[nodeId]; } this.selectNodesLinks(); }, - unSelectLink (linkId) { + unSelectLink(linkId) { if (this.linksSelected[linkId]) { delete this.linksSelected[linkId]; } }, - selectNode (node) { + selectNode(node) { this.nodeSelected[node.id] = node; }, - selectLink (link) { + selectLink(link) { this.$set(this.linksSelected, link.id, link); }, - selectNodesLinks () { + selectNodesLinks() { for (let link of this.links) { // node is nodeSelected if (this.nodeSelected[link.sid] || this.nodeSelected[link.tid]) { @@ -297,7 +286,7 @@ right: 50%; top: 100%; border: solid transparent; - content: ' '; + content: " "; height: 0; width: 0; position: absolute; diff --git a/src/components/serfDiagram/indexC.vue b/src/components/serfDiagram/indexC.vue index 4a37ec7..7a7e528 100644 --- a/src/components/serfDiagram/indexC.vue +++ b/src/components/serfDiagram/indexC.vue @@ -84,7 +84,7 @@ computed: { //鍒嗙被鑺傜偣 //浜戝唴浜戣竟鑺傜偣 - memberNodes(){ + memberNodes() { let arr = []; let mockMembers = [ { @@ -103,7 +103,7 @@ node_id: "DSVAD010120190623", node_ip: "192.168.20.10:30190", node_name: "寮�鍙戞祴璇�20.10-1", - role:'master' + role: 'master' }, { cluster_id: "b6132bfe-d3af-4710-ba89-436f614c2g", @@ -112,7 +112,7 @@ node_id: "DSVAD010120190624", node_ip: "192.168.20.10:30190", node_name: "娴嬭瘯20.10-1", - role:'pc' + role: 'pc' }, { cluster_id: "b6132bfe-d3af-4710-ba89-436f614c2h", @@ -121,17 +121,17 @@ node_id: "DSVAD010120190625", node_ip: "192.168.20.10:30190", node_name: "娴嬭瘯20.101-1", - role:'server' + role: 'server' }, ] //this.members.forEach(item=>{ - - mockMembers.forEach(item=>{ - if(item.hardwareType=='03'){ + + mockMembers.forEach(item => { + if (item.hardwareType == '03') { arr.push({ - id:item.id, - cluster_id:item.cluster_id, - name:item.nodeName, + id: item.id, + cluster_id: item.cluster_id, + name: item.nodeName, svgSym: RoleIcon[item.role], x: -10, y: -10, @@ -142,11 +142,11 @@ ? "orange" : "" }); - }else{ + } else { arr.push({ - id:item.id, - cluster_id:item.cluster_id, - name:item.nodeName, + id: item.id, + cluster_id: item.cluster_id, + name: item.nodeName, svgSym: RoleIcon[item.role], _color: this.agent === item.nodeName @@ -155,14 +155,14 @@ ? "orange" : "" }); - } - + } + }); - console.log('serf-mem',arr) + console.log('serf-mem', arr) return arr; }, //1.浜戝唴鑺傜偣(瀵瑰簲X86) - innerNodes(){ + innerNodes() { // return this.members.map(item=>{ // if(item.hardwareType == '01'||item.hardwareType == '02'){ // return { @@ -179,12 +179,12 @@ // } // }) let arr = []; - this.members.forEach(item=>{ - if(item.hardwareType == '01'||item.hardwareType == '02'){ + this.members.forEach(item => { + if (item.hardwareType == '01' || item.hardwareType == '02') { arr.push({ - id:item.id, - cluster_id:item.cluster_id, - name:item.nodeName, + id: item.id, + cluster_id: item.cluster_id, + name: item.nodeName, svgSym: RoleIcon[item.role], _color: this.agent === item.nodeName @@ -200,15 +200,14 @@ return arr; }, //2.杈硅妭鐐�(鐜板搴攂it) - outerNodes(){ + outerNodes() { let arr = []; - this.members.forEach(item=>{ - debugger - if(item.hardwareType == '03'){ + this.members.forEach(item => { + if (item.hardwareType == '03') { arr.push({ - id:item.id, - cluster_id:item.cluster_id, - name:item.nodeName, + id: item.id, + cluster_id: item.cluster_id, + name: item.nodeName, svgSym: RoleIcon[item.role], _color: this.agent === item.nodeName @@ -277,7 +276,7 @@ return arr; }, - + options() { return { force: 3000, @@ -293,20 +292,20 @@ }; } }, - watch:{ - searchNodes(n,o){ - console.log(n,o) + watch: { + searchNodes(n, o) { + console.log(n, o) } }, created() { - + this.reset(); }, - mounted(){ - console.log('searchNodes',this.searchNodes) + mounted() { + console.log('searchNodes', this.searchNodes) console.log(this.members) - console.log('innerNodes',this.innerNodes); - console.log('outerNodes',this.outerNodes) + console.log('innerNodes', this.innerNodes); + console.log('outerNodes', this.outerNodes) }, methods: { nodeHover(event, node) { @@ -341,13 +340,12 @@ // } // this.selectNodesLinks() // this.$set(this.nodes, node.index, node) - console.log(event,node) + console.log(event, node) console.log(this.members) console.log(this.members[node.id]) if (event.timeStamp - this.movement < 200) { //this.$emit("selected-node", event, this.members[node.id]); - debugger - let someNode = this.members.find(one=>one.id == node.id) + let someNode = this.members.find(one => one.id == node.id) this.$emit("selected-node", event, someNode); } }, @@ -486,14 +484,14 @@ border-width: 6px; margin-top: -6px; } -.clouds{ +.clouds { height: 100%; - margin:0; - background:rgba(149, 221, 255, 0.322); + margin: 0; + background: rgba(149, 221, 255, 0.322); } -.inner{ +.inner { /* height:300px; margin: 50px auto; */ - background:rgba(152, 183, 251, 0.39); + background: rgba(152, 183, 251, 0.39); } </style> diff --git a/src/components/subComponents/FileUpload/btn.vue b/src/components/subComponents/FileUpload/btn.vue index 45248b8..7638874 100644 --- a/src/components/subComponents/FileUpload/btn.vue +++ b/src/components/subComponents/FileUpload/btn.vue @@ -28,11 +28,10 @@ } } }, - watch:{ - attrs:{ - handler(n,o){ - debugger - this.$nextTick(()=>{ + watch: { + attrs: { + handler(n, o) { + this.$nextTick(() => { this.uploader.uploader.assignBrowse(this.$refs.btn, this.directory, this.single, n) }) }, @@ -41,7 +40,7 @@ }, mounted() { this.$nextTick(() => { - console.log('attrs',this.attrs) + console.log('attrs', this.attrs) this.uploader.uploader.assignBrowse(this.$refs.btn, this.directory, this.single, this.attrs) }) } diff --git a/src/components/subComponents/FileUpload/file.vue b/src/components/subComponents/FileUpload/file.vue index 43034f2..333a547 100644 --- a/src/components/subComponents/FileUpload/file.vue +++ b/src/components/subComponents/FileUpload/file.vue @@ -203,7 +203,6 @@ this._actionCheck() }, processResponse(message) { - debugger let res = message try { res = JSON.parse(message) @@ -238,16 +237,14 @@ this.error = false this.isComplete = true this.isUploading = false - console.log('rootFile, file, message',rootFile, file, message) - debugger + console.log('rootFile, file, message', rootFile, file, message) }, _fileComplete() { this._fileSuccess() }, _fileError(rootFile, file, message) { this._fileProgress() - console.log('rootFile, file, message',rootFile, file, message) - debugger + console.log('rootFile, file, message', rootFile, file, message) this.processResponse(message) this.error = true this.isComplete = false diff --git a/src/components/subComponents/FileUpload/index.vue b/src/components/subComponents/FileUpload/index.vue index 779bebb..1512cf3 100644 --- a/src/components/subComponents/FileUpload/index.vue +++ b/src/components/subComponents/FileUpload/index.vue @@ -88,7 +88,7 @@ // } } }, - data () { + data() { return { fileName: "", fileMd5: "", @@ -105,10 +105,10 @@ } }, computed: { - uploader () { + uploader() { return this.$refs.uploader.uploader; }, - options () { + options() { return { target: this.url, testChunks: true, @@ -119,14 +119,14 @@ } }, methods: { - onFileAdded (file) { + onFileAdded(file) { if (this.single) { this.uploader.fileList = this.uploader.fileList.slice([-1]); this.$emit("file-added") } this.computeMD5(file); }, - computeMD5 (file) { + computeMD5(file) { let fileReader = new FileReader(); let time = new Date().getTime(); let blobSlice = File.prototype.slice || File.prototype.mozSlice || File.prototype.webkitSlice; @@ -155,13 +155,13 @@ this.error(`鏂囦欢${file.name}璇诲彇鍑洪敊锛岃妫�鏌ヨ鏂囦欢`) file.cancel(); }; - function loadNext () { + function loadNext() { let start = currentChunk * chunkSize; let end = ((start + chunkSize) >= file.size) ? file.size : start + chunkSize; fileReader.readAsArrayBuffer(blobSlice.call(file.file, start, end)); } }, - computeMD5Success (md5, file) { + computeMD5Success(md5, file) { // 灏嗚嚜瀹氫箟鍙傛暟鐩存帴鍔犺浇uploader瀹炰緥鐨刼pts涓� // if (this.$route.path.indexOf("VideoManage") >= 0) { // Object.assign(this.uploader.opts, { @@ -184,18 +184,17 @@ file.resume(); this.statusText.paused = "鏆傚仠涓�"; }, - onComplete () { - debugger + onComplete() { this.$emit("complete", { filename: this.fileName, identifier: this.fileMd5 }); }, - fileComplete () { + fileComplete() { // console.log('file complete', arguments) }, - closeHandle () { + closeHandle() { this.$emit("close") } }, - mounted () { + mounted() { this.$nextTick(() => { console.log(this.acptTypes) window.uploader = this.$refs.uploader.uploader diff --git a/src/components/treeMenu/index.vue b/src/components/treeMenu/index.vue index f70db94..48b9547 100644 --- a/src/components/treeMenu/index.vue +++ b/src/components/treeMenu/index.vue @@ -334,8 +334,7 @@ } }, dropNode(node, item, draggedItem, e) { - console.log('dropNode',node, item,draggedItem); - debugger + console.log('dropNode', node, item, draggedItem); this.TreeDataPool.dropNode(draggedItem.id, item.id) } } diff --git a/src/pages/ai/index/App.vue b/src/pages/ai/index/App.vue index fd0c57f..c836d3e 100644 --- a/src/pages/ai/index/App.vue +++ b/src/pages/ai/index/App.vue @@ -505,7 +505,7 @@ // }); // return arr; // }, - isAdmin () { + isAdmin() { if ( sessionStorage.getItem("userInfo") && sessionStorage.getItem("userInfo") !== "" @@ -517,7 +517,7 @@ return false; }, }, - data () { + data() { return { sdkList: [], installedList: [], @@ -568,7 +568,7 @@ } } }, - mounted () { + mounted() { // 鑾峰彇鎵�鏈夊簲鐢� this.getAllSdk(); this.getAllApps(); @@ -577,11 +577,11 @@ this.getUnActivedAppList(); }, methods: { - isShow (authority) { + isShow(authority) { return this.isAdmin || this.buttonAuthority.indexOf("," + authority + ",") > -1 }, //绂荤嚎瀹夎 - offlineInstall () { + offlineInstall() { this.installDialogVisible = false; this.isInstall = true; //瀹夎 @@ -611,7 +611,7 @@ }); }) }, - downloadApp (app, action) { + downloadApp(app, action) { if (action == 'upgrade') { app.upgradeLoading = true; } else { @@ -654,7 +654,7 @@ this.appUpgreading = true; this.startAutoFresh(); }, - async getAllApps () { + async getAllApps() { let iArry = [] let sArry = [] @@ -680,7 +680,7 @@ this.storeApps = sArry; }, //鍗歌浇搴旂敤 - unLoad (app) { + unLoad(app) { app.unloadLoading = true; let _this = this; removeApp({ appId: app.id }).then(res => { @@ -707,7 +707,7 @@ // this.activeCode = ''; // this.activedSdkOrApp = this.newActInfo() // }, - actSdkOrApp (id, type = 'sdk') { + actSdkOrApp(id, type = 'sdk') { this.actType = type; this.actId = id; this.actDrawerShow = true; @@ -715,7 +715,7 @@ this.activeCode = ''; this.activedSdkOrApp = this.newActInfo() }, - newActInfo () { + newActInfo() { return { activateCode: '', productName: '', @@ -725,7 +725,7 @@ devIds: '' } }, - getUnActivedList () { + getUnActivedList() { getUnActivedSdk().then(res => { if (res.code == 200) { this.unActivedSDKList = res.data; @@ -733,14 +733,14 @@ }) }, - getUnActivedAppList () { + getUnActivedAppList() { getUnActivedApp().then(res => { if (res.code == 200) { this.unActivedAppList = res.data; } }); }, - actived () { + actived() { let _this = this; if (this.actType == 'sdk') { //婵�娲荤畻娉� @@ -778,12 +778,12 @@ }); } }, - getCodeDetail () { }, - checkMyAlgorith () { + getCodeDetail() { }, + checkMyAlgorith() { this.actDrawerShow = false; this.activeName = "myAlgorithm"; }, - onFileUpload (file) { + onFileUpload(file) { //this.patchUpdateStatus = `<span style="color:green">涓婁紶鎴愬姛, 鐐瑰嚮鍗囩骇鎸夐挳寮�濮嬪畨瑁�</span>`; this.patchFile = { ...file }; this.fileAdded = true; @@ -794,7 +794,6 @@ _this.installFile = file; if (res.success) { _this.installDialogVisible = true; - debugger if (res.data.apps.length > 0) { _this.installAppPackage = { appId: res.data.apps[0].appId, @@ -821,11 +820,11 @@ }, - onFileAdded (f) { + onFileAdded(f) { this.patchUpdateStatus = ""; }, - async getAllSdk () { + async getAllSdk() { let installedList = []; let unInstalledList = []; let res = await findAllSdk(); @@ -861,8 +860,7 @@ this.notInstalledList = unInstalledList; }, - donwload (item) { - debugger + donwload(item) { item.upgradeLoading = true; //this.downloading = true; this.downloadItem = item.id; @@ -891,14 +889,14 @@ this.appUpgreading = true; this.startAutoFresh(); }, - inputBlur (item) { + inputBlur(item) { // console.log(item, '淇敼鍚嶇О') this.$set(item, "isEdit", false); }, - handleTabClick () { + handleTabClick() { }, - startAutoFresh () { + startAutoFresh() { if (this.freshTimer) { clearTimeout(this.freshTimer) } @@ -981,7 +979,7 @@ .src-title { //color: #bfbfbf; color: #bbcee8; - font-family: 'PingFangSC-Semibold', 'PingFang SC Semibold', 'PingFang SC'; + font-family: "PingFangSC-Semibold", "PingFang SC Semibold", "PingFang SC"; font-weight: 650; font-style: normal; height: 36px; @@ -1006,7 +1004,7 @@ position: absolute; top: 50%; left: 50%; - background: url('/images/algo/green.gif'); + background: url("/images/algo/green.gif"); overflow: hidden; transform: translate(-50%, -50%); .inner-bar { @@ -1168,16 +1166,16 @@ } } .drawer-content { - font-family: 'PingFangSC-Regular'; + font-family: "PingFangSC-Regular"; .el-step__title.is-process { border-color: #3d68e1 !important; color: #3d68e1 !important; - font-family: Tahoma, Helvetica, Arial, '\5B8B\4F53', sans-serif; + font-family: Tahoma, Helvetica, Arial, "\5B8B\4F53", sans-serif; } .el-step__head.is-process { border-color: #3d68e1 !important; color: #3d68e1 !important; - font-family: Tahoma, Helvetica, Arial, '\5B8B\4F53', sans-serif; + font-family: Tahoma, Helvetica, Arial, "\5B8B\4F53", sans-serif; } .el-input { width: 100%; diff --git a/src/pages/cameraAccess/components/SystemInfo.vue b/src/pages/cameraAccess/components/SystemInfo.vue index dba1e44..1f604d8 100644 --- a/src/pages/cameraAccess/components/SystemInfo.vue +++ b/src/pages/cameraAccess/components/SystemInfo.vue @@ -1,6 +1,6 @@ <template> <div :class="showClass"> - <div class="card-box" > + <div class="card-box"> <ul> <li style="max-width:30px;" v-if="ShowLocalVedio"> <div class="total-box"> @@ -129,9 +129,8 @@ this.$forceUpdate(); } }, - mounted(){ - console.log('PollData.RealTimeValidCount',this.PollData.RealTimeValidCount) - debugger; + mounted() { + console.log('PollData.RealTimeValidCount', this.PollData.RealTimeValidCount) } } </script> diff --git a/src/pages/cameraAccess/components/scene/Editor.vue b/src/pages/cameraAccess/components/scene/Editor.vue index a8e8fff..6c8c8ec 100644 --- a/src/pages/cameraAccess/components/scene/Editor.vue +++ b/src/pages/cameraAccess/components/scene/Editor.vue @@ -32,10 +32,16 @@ placeholder="閫夊叧绯�" @change="selConnection(sdkItem)" > - <el-option :value="item.value" :title="item.name" :label="item.name" v-for="item in sdkConnects" :key="item.id"></el-option> + <el-option + :value="item.value" + :title="item.name" + :label="item.name" + v-for="item in sdkConnects" + :key="item.id" + ></el-option> <!-- <el-option value="&&" title="and/涓�" label="and/涓�"></el-option> <el-option value="||" title="or/鎴�" label="or/鎴�"></el-option> - <el-option value="=>" title="鈥�>/瑙﹀彂" label="鈥�>/瑙﹀彂"></el-option> --> + <el-option value="=>" title="鈥�>/瑙﹀彂" label="鈥�>/瑙﹀彂"></el-option>--> </el-select> <el-checkbox v-show="sdkItem.rule_with_pre == '=>' || sdkItem.rule_with_pre == '!=>'" @@ -150,7 +156,7 @@ </div> <div v-else> <el-select - v-if="arg.type == 'option'" + v-if="arg.type == 'option'" v-model="arg.sdk_arg_value" :multiple="arg.config.isMulti" collapse-tags @@ -164,7 +170,7 @@ :title="one.name" ></el-option> </el-select> - + <el-input v-if="arg.type == 'value'" v-model="arg.sdk_arg_value" @@ -387,13 +393,12 @@ sdkGroup: { handler(newV, oldV) { if (newV) { - + newV.forEach(sdk => { let rangeOne = sdk.defaultArg.find( arg => arg.operators[0].operator == 'range' ) if (rangeOne) { - debugger if (rangeOne.min.trim() && rangeOne.max.trim()) { rangeOne.sdk_arg_value = rangeOne.min + '|' + rangeOne.max } else { @@ -510,10 +515,10 @@ } }, methods: { - getSdkConnection(){ + getSdkConnection() { console.log(this.VideoManageData.Dictionary) this.sdkConnects = this.VideoManageData.Dictionary['RULECOMPUTEBETWEEN'].map(r => { - + return { name: r.name, value: r.value @@ -521,7 +526,7 @@ }); }, selConnection(sdkItem) { - + }, addSdkItem() { @@ -530,7 +535,7 @@ itemTemp.polygonObj = JSON.parse(JSON.stringify(this.allPolygonData[0])) this.selectPolygonOption(itemTemp) this.sdkGroup.push(itemTemp) - + }, delConfigItem(index) { // if(index != 0){ @@ -594,9 +599,9 @@ } //榛樿閫変腑绗竴涓猳perator //if (copyArgTemp.operators.length == 1) { - this.$set(copyArgTemp, 'operator', copyArgTemp.operators[0].operator) + this.$set(copyArgTemp, 'operator', copyArgTemp.operators[0].operator) //} - + if (copyArgTemp.default_value) { this.$set(copyArgTemp, 'sdk_arg_value', copyArgTemp.default_value) } @@ -623,7 +628,7 @@ } }, selOptionalArg(sdkItem, optArgItem) { - + let newSort = 0 sdkItem.optNames.forEach(name => { if (name.name == optArgItem.name) { @@ -642,7 +647,7 @@ } //榛樿閫変腑绗竴涓猳perator //if (argObj.operators.length == 1) { - this.$set(argObj, 'operator', argObj.operators[0].operator) + this.$set(argObj, 'operator', argObj.operators[0].operator) //} //鏇挎崲鏂扮殑鍙傛暟閰嶇疆瀵硅薄 sdkItem.optArg.forEach((arg, index) => { @@ -654,7 +659,7 @@ console.log(argObj.valueOptions) }, setOptArgValueOptions(optArg) { - + let alias = optArg.alias; console.log(this.VideoManageData.Dictionary[alias]) optArg.valueOptions = this.VideoManageData.Dictionary[alias].map(r => { @@ -665,7 +670,7 @@ }); }, validateArgVal(sdkArgItem, e) { - + if (typeof (sdkArgItem.sdk_arg_value) == 'string' && sdkArgItem.sdk_arg_value == '') { this.$notify({ type: 'warning', @@ -685,7 +690,7 @@ let res = sdkArgItem.range.match(reg) let min = Number(res[1]), max = Number(res[2]) - + //鍒ゆ柇闈炲尯闂寸被 if (sdkArgItem.sdk_arg_value && sdkArgItem.operator != 'range') { @@ -819,7 +824,7 @@ this.valideArgValue(rule) }, selectPolygonOption(rule) { - + rule.polygon_id = rule.polygonObj.polygonId ? rule.polygonObj.polygonId : rule.polygon_id @@ -830,7 +835,7 @@ }, //閫夋嫨绠楁硶 resetArgs涓簍rue鏄坊鍔犱负false鏄垵濮嬪寲缂栬緫 selectSDKOption(sdkItem, resetArgs) { - + //sdkItem.sdk_id = sdkItem.sdkObj.id; if (resetArgs) { sdkItem.argDef = JSON.parse(sdkItem.sdkObj.argDef) @@ -846,13 +851,13 @@ if (arg.operators[0].operator == 'range') { //鍖洪棿鍊肩殑澶勭悊 - + //this.$set(arg, 'sdk_arg_value', arg.min+','+arg.max) //this.$set(arg, 'sdk_arg_value', arg.range.substring(1,arg.range.length-1)); } } - - if(arg.type == 'option'){ + + if (arg.type == 'option') { this.setOptArgValueOptions(arg) } if (arg.default_value) { @@ -870,14 +875,14 @@ sort: arg.sort, isSelected: false })) - + sdkItem.initAddOptional = sdkItem.optionalArg.length > 0 ? true : false sdkItem.optArg = [] } //娣诲姞鍦烘櫙鏃�,濡傛灉鍦烘櫙鍚嶇О涓虹┖,灏卞皢閫夋嫨鐨勭涓�涓畻娉曞悕鍚屾鍒板満鏅悕绉� if (this.sdkGroup[0] && resetArgs) { - + this.$emit('sdkNameChange', this.sdkGroup[0].sdkObj.sdk_name) } @@ -909,7 +914,7 @@ }, //閫夋嫨绠楁硶閰嶇疆 selOperator(rule) { - + }, selectArgsOption(rule, resetArgValue) { // rule.operator_type = ""; @@ -1124,12 +1129,12 @@ // } }, editRule(ruleGroup) { - + this.sdkGroup = [] this.group_id = '' ruleGroup.forEach(rule => { - + let tempObj = {} if (rule.group_id && rule.group_id != '') { @@ -1167,7 +1172,7 @@ sdkObj = this.TaskMange.list1.find(sdk => sdk.id == rule.sdk_id) argDef = JSON.parse(sdkObj.argDef) - + defaultArg = argDef.filter(arg => !arg.config.isOptional) optionalArg = argDef.filter(arg => arg.config.isOptional) @@ -1179,8 +1184,8 @@ }) if (optItem) { //if (optItem.operators.length > 1) { - optItem.operator = arg.operator - //this.selOperator(optItem) + optItem.operator = arg.operator + //this.selOperator(optItem) //} //璧嬪�� @@ -1195,30 +1200,29 @@ if (optItem.type == 'option') { this.setOptArgValueOptions(optItem) } - if(optItem.alias=="bForceSend"){ + if (optItem.alias == "bForceSend") { } //鍦╬ush涔嬪墠,闇�瑕佸垽鏂槸鍚﹂厤缃簡杩欎釜鍙�夐」 鍦╯dk_set閰嶇疆鏁扮粍閲�, - + optArg.push(optItem) - + } else { defaultArg.forEach(d => { if (d.sort == arg.sort) { - + if (arg.sdk_arg_value.indexOf('|') > 0) { - debugger //鍖洪棿鍊� d.min = arg.sdk_arg_value.split('|')[0]; d.max = arg.sdk_arg_value.split('|')[1]; d.operator = 'range' - //} else if(arg.sdk_arg_value.indexOf(',') > 0){ - } else if(arg.operator_type == 'option'){ - + //} else if(arg.sdk_arg_value.indexOf(',') > 0){ + } else if (arg.operator_type == 'option') { + //澶氶�夌被鍨嬬殑鍊� d.sdk_arg_value = arg.sdk_arg_value.split(','); this.setOptArgValueOptions(d) - } else{ + } else { d.sdk_arg_value = arg.sdk_arg_value } d.operator = arg.operator; @@ -1260,7 +1264,7 @@ tempObj.isAddable = false; } //this.selectSDKOption(tempObj, false) - + this.sdkGroup.push(tempObj) //璁剧疆绠楁硶 }) @@ -1291,7 +1295,7 @@ .catch(() => { }) }, submitRule() { - + let groupRule = { rules: [] } let group_text = '' @@ -1312,36 +1316,35 @@ } else { //鏍¢獙蹇呭~椤� let undefinished = this.sdkGroup.some((sdk, index) => { - + //娌℃湁閰嶇疆绠楁硶 if (Object.keys(sdk.sdkObj).length == 0) { return sdk } //澶嶅埗绠楁硶鏃舵娴嬪尯鍩熶笉鑳戒负绌� - if(!sdk.polygon_id){ + if (!sdk.polygon_id) { return sdk } - debugger //澶氫簬涓ら」绠楁硶鏃�,绠楁硶鍏崇郴涓嶈兘涓虹┖ if (sdk.rule_with_pre === '' && index != 0) { return sdk } - + //澶勭悊鏈睍绀虹殑鍙傛暟鐨勫�� sdk.defaultArg.forEach(arg => { - if(!arg.config.isShow){ + if (!arg.config.isShow) { arg.sdk_arg_value = arg.default_value } }) //琛ㄥ崟鎻愪氦鍓嶆牎楠�:鎵�鏈夌畻娉曠殑鍙傛暟鍊间笉鑳戒负绌�,(鏈塺ange鐨�,瑕佸湪range鑼冨洿鍐�)澶辩劍鏃舵牎楠� let defaultArgFlag = sdk.defaultArg.find(arg => { - - if (arg.sdk_arg_value instanceof Array ) { + + if (arg.sdk_arg_value instanceof Array) { if (arg.sdk_arg_value.length == 0) { return arg } - }else if(!arg.sdk_arg_value){ + } else if (!arg.sdk_arg_value) { return arg } }); @@ -1357,7 +1360,7 @@ } else { //鍖洪棿绫诲弬鏁板�兼渶灏�,鏈�澶у�兼槸鍚﹂兘璁剧疆 if (arg.operator == 'range') { - + if (!arg.min.trim() && arg.max.trim()) { return arg } @@ -1398,9 +1401,9 @@ } //鏍¢獙鑻ョ畻娉曞叧绯讳负瑙﹀彂,鍒欑畻娉曞悕涓嶈兘閲� let sameSdk = this.sdkGroup.some((sdk, index) => { - - if (sdk.index != 0 && (sdk.rule_with_pre == '=>'||sdk.rule_with_pre == '!=>')) { - + + if (sdk.index != 0 && (sdk.rule_with_pre == '=>' || sdk.rule_with_pre == '!=>')) { + if (sdk.sdkObj.id == this.sdkGroup[index - 1].sdkObj.id) { return sdk } @@ -1441,7 +1444,7 @@ let defaultArgDesc = '( ' sdk.defaultArg.forEach(arg => { //涓嶆樉绀洪殣钘忕殑鍙傛暟閰嶇疆 - if(!arg.config.isShow){ + if (!arg.config.isShow) { return } let val = ''; @@ -1465,19 +1468,19 @@ } if (arg.operator == 'range') { let valRange = ''; - + valRange = arg.sdk_arg_value.replace(',', '-'); defaultArgDesc += `${arg.name}${arg.operators[0].name}${valRange}${arg.unit || ''}, ` } else { defaultArgDesc += `${arg.name}${arg.operators[0].name}${ - arg.type=='option' ? val : arg.sdk_arg_value + arg.type == 'option' ? val : arg.sdk_arg_value }${arg.unit || ''}, ` } }); ; defaultArgDesc = defaultArgDesc.substring(0, defaultArgDesc.length - 2); - + //defaultArgDesc = defaultArgDesc.substring(0,defaultArgDesc.length-3)+defaultArgDesc.substring(defaultArgDesc.length-1,defaultArgDesc.length); //defaultArgDesc = defaultArgDesc.substring(0,defaultArgDesc.length-1); @@ -1519,7 +1522,7 @@ val = res.name; } - + } let operatorSelected = arg.operators.find(opr => opr.operator == arg.operator) @@ -1574,7 +1577,7 @@ group_text.substring(0, group_text.length - 3) + group_text.substring(group_text.length - 2, group_text.length) } - + }) console.log(group_text) } diff --git a/src/pages/desktop/index/App.vue b/src/pages/desktop/index/App.vue index 9b48ad9..9596368 100644 --- a/src/pages/desktop/index/App.vue +++ b/src/pages/desktop/index/App.vue @@ -27,13 +27,13 @@ components: { Desktop, NotificationCenter, NoticeTip, Tools, ToolsEntry }, - data () { + data() { return { buttonAuthority: sessionStorage.getItem('buttonAuthoritys') || [] } }, computed: { - isAdmin () { + isAdmin() { if ( sessionStorage.getItem('userInfo') && sessionStorage.getItem('userInfo') !== '' @@ -46,7 +46,7 @@ return false } }, - mounted () { + mounted() { document.getElementById('app').style.backgroundImage = process.env.VUE_APP_MAIN_URL; this.showApps(); @@ -79,36 +79,13 @@ }); }, methods: { - showApps () { + showApps() { let _that = this; getApps().then(rsp => { if (rsp && rsp.success) { _that.$store.state.desktop.docks = []; let installedApps = []; - let testObj = { - id: 'tjcxjq', - create_by: 'test', - create_time: '', - height: 675, - icon: '../../images/app-mid/search.png', - installed: true, - isDelete: 0, - isUpgrade: false, - title: '缁熻鏌ヨ(闆嗙兢)', - name: '缁熻鏌ヨ(闆嗙兢)', - remoteVersion: '', - type: '2', - update_by: '', - update_time: '', - url: "/view/searchForCluster/", - version: '1.0.0', - width: 1344, - isDefault: false - }; - - console.log(rsp.data); - rsp.data.push(testObj); rsp.data.forEach(function (item) { if (item.installed) { @@ -157,7 +134,7 @@ addWeather: function (weather) { this.$store.commit('desktop/addWeather', weather); }, - screenShot (dock) { + screenShot(dock) { //鎵惧埌褰撳墠鐨刬frame let curIframe = Array.from(document.querySelectorAll('iframe')).find(iframe => iframe.src.indexOf(dock.url) >= 0); //淇濆瓨褰撳墠搴旂敤蹇収 @@ -203,12 +180,12 @@ width: 100%; height: 100%; background-size: 100% 100%; - background-image: url('/images/desktop/background.png'); + background-image: url("/images/desktop/background.png"); background-attachment: fixed; } .clearFix:after { - content: ''; + content: ""; display: block; height: 0; clear: both; diff --git a/src/pages/desktop/index/components/ToolsEntry.vue b/src/pages/desktop/index/components/ToolsEntry.vue index 8ffbfc7..13de460 100644 --- a/src/pages/desktop/index/components/ToolsEntry.vue +++ b/src/pages/desktop/index/components/ToolsEntry.vue @@ -2,22 +2,17 @@ <div class="tools-entry"> <div class="entry-wrap"> <div class="app-list clearFix"> - <div - class="app" - v-for="dock in stateDocks" - :key="dock.id" - @click="dockClick(dock)" - > + <div class="app" 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.title}}</div> + <div class="app-name">{{dock.title}}</div> </div> </div> </div> <div class="logo"> - <img :src="`${publicPath}images/desktop/desk-logo.png`" alt=""> + <img :src="`${publicPath}images/desktop/desk-logo.png`" alt /> </div> </div> </div> @@ -33,14 +28,13 @@ localApps: [] } }, - computed:{ - stateDocks(){ + 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 涓嶅悎娉�, 閫�鍑� @@ -51,20 +45,19 @@ // 鎵撳紑妫�绱�, 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' && !dock.isOpen) { - + this.$store.dispatch('desktop/addFrame', { id: dock.id, icon: dock.src, @@ -82,9 +75,9 @@ }); //鎵撳紑搴旂敤鍚庡紓姝ユ姄鎷�,涔嬪悗鐨勬姄鎷嶉噰鐢ㄨ繖寮犲浐瀹氱殑 //if(dock.name=='cameraVideo'||dock.name=='search'||dock.name=='library'||dock.name=='cameraAccess'||dock.name=='dataStack'){ - setTimeout(()=>{ - this.$parent.screenShot(dock); - },1500) + setTimeout(() => { + this.$parent.screenShot(dock); + }, 1500) //} } else if (dock.type === '2' && dock.isOpen) { this.$store.commit('desktop/resetMinFrame', dock.id); @@ -102,7 +95,7 @@ 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) { @@ -161,16 +154,16 @@ margin-right: -3px; } } - .el-loading-mask{ + .el-loading-mask { border-radius: 8px; } - .el-loading-spinner{ + .el-loading-spinner { top: 20px; } - .el-loading-spinner .path{ + .el-loading-spinner .path { stroke: #78adf7; } - .el-loading-spinner .el-loading-text{ + .el-loading-spinner .el-loading-text { line-height: 1; margin-top: -30px; color: #78adf7; @@ -190,11 +183,11 @@ } } } - .logo{ + .logo { text-align: right; padding-right: 50px; user-select: none; - img{ + img { user-select: none; -webkit-user-drag: none; } diff --git a/src/pages/desktop/index/store/modules/desktop.js b/src/pages/desktop/index/store/modules/desktop.js index 6ab8f37..5a91ef7 100644 --- a/src/pages/desktop/index/store/modules/desktop.js +++ b/src/pages/desktop/index/store/modules/desktop.js @@ -102,27 +102,27 @@ dframe.height = curDframe.height; //鏍规嵁鍒嗚鲸鐜囧姩鎬佽皟鏁�(鎽勫儚鏈洪厤缃�,鏁版嵁鏍堥厤缃�,姣斿搴撶鐞�,绠楀姏绠$悊,瀹炴椂鐩戞帶) //鑾峰彇鍘熷瀹介珮姣� - let ratio = curDframe.width/curDframe.height; - if(curDframe.name == 'cameraAccess' || curDframe.name == 'dataStack' || curDframe.name == 'library' || curDframe.name == 'analysisPower' || curDframe.name == 'cameraVideo'){ + let ratio = curDframe.width / curDframe.height; + if (curDframe.name == 'cameraAccess' || curDframe.name == 'dataStack' || curDframe.name == 'library' || curDframe.name == 'analysisPower' || curDframe.name == 'cameraVideo') { //澶勭悊瀵屼綑楂樺害澶т簬140鐨勭獥鍙� - if(window.screen.availHeight - curDframe.height > 140){ - dframe.height = (window.screen.availHeight - curDframe.height)/2 + curDframe.height - 50; - dframe.width = dframe.height*ratio; + if (window.screen.availHeight - curDframe.height > 140) { + dframe.height = (window.screen.availHeight - curDframe.height) / 2 + curDframe.height - 50; + dframe.width = dframe.height * ratio; } } //鍏ㄩ儴缁濆灞呬腑 - dframe.leftOffset = (document.body.offsetWidth - dframe.width)/2; - dframe.topOffset = (document.body.offsetHeight - dframe.height)/2; - + dframe.leftOffset = (document.body.offsetWidth - dframe.width) / 2; + dframe.topOffset = (document.body.offsetHeight - dframe.height) / 2; + state.framesOrder = order; state.framesOffset = offset; state.frames.push(dframe); return true; }, - shotscreen: (state, {id,src}) => { + shotscreen: (state, { id, src }) => { let curFrame = state.frames.find(frame => frame.id == id); - if(!curFrame.isShow){ + if (!curFrame.isShow) { return } let curDock = state.minDocks.find(one => one.id == id); @@ -130,21 +130,20 @@ }, addMinDock: (state, dock) => { let ids = state.minDocks.map(item => item.id); - + if (ids.indexOf(dock.id) > -1) { //宸茬粡鍦╩indock閲� let curFrame = state.frames.find(frame => frame.id == dock.id); curFrame.isShow = false; let minOne = state.minDocks.find(one => one.id == dock.id); - + minOne.highlight = false; - debugger - minOne.screenshot = dock.screenshot?dock.screenshot:minOne.screenshot; + minOne.screenshot = dock.screenshot ? dock.screenshot : minOne.screenshot; //鎵惧埌minDocks鏈�杩戞墦寮�鐨勭姸鎬乮sShow涓簍rue鐨刣ock缃负楂樹寒 let minLen = state.minDocks.length; - for(var i = minLen-1; i >= 0; i--){ - let temp = state.frames.find(frame=>frame.id == state.minDocks[i].id); - if(temp.isShow){ + for (var i = minLen - 1; i >= 0; i--) { + let temp = state.frames.find(frame => frame.id == state.minDocks[i].id); + if (temp.isShow) { state.minDocks[i].highlight = true; return; } @@ -158,9 +157,9 @@ // } // return false; // }); - + state.minDocks.push(dock); - + }, addMessageNotice: (state, msg) => { let ids = state.messageNotices.map(item => item.id); @@ -190,7 +189,7 @@ } return false; }); - + state.docks.find(function (it) { if (it.id === item.id) { it.isOpen = false; @@ -202,12 +201,12 @@ state.safari.active = false; } }, - highlight(state){ + highlight(state) { //鎵惧埌minDocks鏈�杩戞墦寮�鐨勭姸鎬乮sShow涓簍rue鐨刣ock缃负楂樹寒 let minLen = state.minDocks.length; - for(var i = minLen-1; i >= 0; i--){ - let temp = state.frames.find(frame=>frame.id == state.minDocks[i].id); - if(temp.isShow){ + for (var i = minLen - 1; i >= 0; i--) { + let temp = state.frames.find(frame => frame.id == state.minDocks[i].id); + if (temp.isShow) { state.minDocks[i].highlight = true; return; } @@ -218,27 +217,27 @@ state.safari.isShow = true; }, refreshFrame: (state, item) => { - + state.frames.forEach(function (it) { - + if (it.id === item.id) { it.order = 1; - state.minDocks.forEach((min,index)=>{ - - if(min.id == it.id){ - + state.minDocks.forEach((min, index) => { + + if (min.id == it.id) { + min.highlight = true; - }else{ + } else { min.highlight = false; - + } }) } else { it.order = 0; } }); - + }, refreshTime: (state) => { state.currentDate = new Date(); @@ -247,13 +246,13 @@ state.frames.find(function (it) { if (it.id === id) { it.isShow = true; - + return true; } return false; }); - - + + }, removeMessageById: (state, id) => { state.messageNotices.find(function (item, idx) { diff --git a/src/pages/gb28181/index/App.vue b/src/pages/gb28181/index/App.vue index 2bf92c4..37daff7 100644 --- a/src/pages/gb28181/index/App.vue +++ b/src/pages/gb28181/index/App.vue @@ -83,8 +83,7 @@ style="position: absolute" v-show="gb28181.idType === 1" @click="newGBID" - >鐢熸垚ID</el-button - > + >鐢熸垚ID</el-button> </el-form-item> <!-- <el-form-item label="鍥介檯鏈嶅姟鍣ㄧ鍙�" prop="GbServerPort"> @@ -101,11 +100,7 @@ </el-form-item> <el-form-item label="鍥芥爣绔彛" prop="ServerPort"> - <el-input - v-model.number="gb28181.GbServerPort" - placeholder="璇疯緭鍏�" - size="small" - ></el-input> + <el-input v-model.number="gb28181.GbServerPort" placeholder="璇疯緭鍏�" size="small"></el-input> </el-form-item> <el-form-item label="寮�鍚壌鏉�"> @@ -113,17 +108,11 @@ </el-form-item> <el-form-item label="閴存潈瀵嗙爜" v-show="gb28181.IsAuth"> - <el-input - v-model="gb28181.Password" - placeholder="璇疯緭鍏�" - size="small" - ></el-input> + <el-input v-model="gb28181.Password" placeholder="璇疯緭鍏�" size="small"></el-input> </el-form-item> <el-form-item> - <el-button type="primary" @click="submitGB28281" size="small" - >淇濆瓨</el-button - > + <el-button type="primary" @click="submitGB28281" size="small">淇濆瓨</el-button> </el-form-item> </el-form> </el-menu-item-group> @@ -142,37 +131,12 @@ style="width: 100%; color:#000" :header-cell-style="{ background: '#f8f8f8', color: '#222222', height:'30px' }" > - <el-table-column - type="index" - label="搴忓彿" - align="center" - width="50" - ></el-table-column> - <el-table-column - prop="name" - label="鍚嶇О" - align="center" - ></el-table-column> - <el-table-column - prop="id" - label="ID" - align="center" - ></el-table-column> - <el-table-column - prop="ip" - label="IP" - align="center" - ></el-table-column> - <el-table-column - prop="status" - label="鐘舵��" - align="center" - ></el-table-column> - <el-table-column - prop="mark" - label="澶囨敞" - align="center" - ></el-table-column> + <el-table-column type="index" label="搴忓彿" align="center" width="50"></el-table-column> + <el-table-column prop="name" label="鍚嶇О" align="center"></el-table-column> + <el-table-column prop="id" label="ID" align="center"></el-table-column> + <el-table-column prop="ip" label="IP" align="center"></el-table-column> + <el-table-column prop="status" label="鐘舵��" align="center"></el-table-column> + <el-table-column prop="mark" label="澶囨敞" align="center"></el-table-column> </el-table> </div> </el-menu-item-group> @@ -207,12 +171,12 @@ name: 'Gb28181Setting', directives: { focus: { - inserted: function(el) { + inserted: function (el) { el.querySelector('input').focus() } } }, - + data() { return { openeds: ['0'], @@ -264,7 +228,7 @@ } }, mounted() { - + //this.$nextTick(()=>{ this.initGB28181Conf() //}) @@ -328,18 +292,17 @@ } }) }, - menuOpen(){ - - }, - menuClose(){ - - }, - toOpenMenuList(e){ - debugger - let t = e.clientY - this.$el.offsetTop+30; - let l = e.clientX-this.$el.offsetLeft; + menuOpen() { - window.parent.postMessage({source:location.href.split('/')[location.href.split('/').length-1], trigger: 'contextmenu', menuT:t, menuL:l},"*"); + }, + menuClose() { + + }, + toOpenMenuList(e) { + let t = e.clientY - this.$el.offsetTop + 30; + let l = e.clientX - this.$el.offsetLeft; + + window.parent.postMessage({ source: location.href.split('/')[location.href.split('/').length - 1], trigger: 'contextmenu', menuT: t, menuL: l }, "*"); return false; } } diff --git a/src/pages/labelMark/components/RightSide.vue b/src/pages/labelMark/components/RightSide.vue index a62374c..741a5c2 100644 --- a/src/pages/labelMark/components/RightSide.vue +++ b/src/pages/labelMark/components/RightSide.vue @@ -12,37 +12,52 @@ </div> </div> <div class="action-bar"> - <el-button class="drawboard-trigger" size="small" @click="isEdit=!isEdit" :icon="isEdit?'el-icon-lock':'el-icon-edit'">{{isEdit?'閿佸畾':'缂栬緫'}}</el-button> + <el-button + class="drawboard-trigger" + size="small" + @click="isEdit=!isEdit" + :icon="isEdit?'el-icon-lock':'el-icon-edit'" + >{{isEdit?'閿佸畾':'缂栬緫'}}</el-button> </div> <div class="drawboard"> - <div class="mask" :class="{'edit-status-mask':isEdit}" ref="editBoard" > - <div class="label" @click="editLabel(item)" v-for="(item,index) in labels" :key="index" :style="{left:`${item.x}px`, top:`${item.y}px`, backgroundColor: colorPick, width: `${dotSize}px`, height: `${dotSize}px` }"></div> + <div class="mask" :class="{'edit-status-mask':isEdit}" ref="editBoard"> + <div + class="label" + @click="editLabel(item)" + v-for="(item,index) in labels" + :key="index" + :style="{left:`${item.x}px`, top:`${item.y}px`, backgroundColor: colorPick, width: `${dotSize}px`, height: `${dotSize}px` }" + ></div> </div> <img :src="`/httpImage/${snapshot_url}`" alt /> - <div class="popBox" v-show="isShowPop" :style="`top:${curLabel.y + 22}px;left:${curLabel.x}px`"> + <div + class="popBox" + v-show="isShowPop" + :style="`top:${curLabel.y + 22}px;left:${curLabel.x}px`" + > <div class="title">鏍囨敞淇℃伅</div> <div class="details"> <div class="detail-item"> <div class="left"> - <label for="">骞抽潰鍧愭爣X:</label> + <label for>骞抽潰鍧愭爣X:</label> <span class="fix-width">{{curLabel.x}}</span> <i>px</i> </div> <span class="devide"></span> <div class="right"> - <label for="">瀹為檯鍧愭爣X:</label> + <label for>瀹為檯鍧愭爣X:</label> <el-input type="text" size="mini" style="width:90px" v-model="curLabel.posX"></el-input> </div> </div> <div class="detail-item"> <div class="left"> - <label for="">骞抽潰鍧愭爣Y:</label> + <label for>骞抽潰鍧愭爣Y:</label> <span class="fix-width">{{curLabel.y}}</span> <i>px</i> </div> <span class="devide"></span> <div class="right"> - <label for="">瀹為檯鍧愭爣Y:</label> + <label for>瀹為檯鍧愭爣Y:</label> <el-input type="text" size="mini" style="width:90px" v-model="curLabel.posY"></el-input> </div> </div> @@ -54,7 +69,6 @@ </div> </div> </div> - </div> </template> @@ -62,7 +76,7 @@ import { getCamerasByServer } from '@/api/pollConfig' import TreeDataPool from "@/Pool/TreeData"; export default { - data () { + data() { return { labels: [], colorPick: '#79f2fb', @@ -71,97 +85,94 @@ isShowPop: false, isNewLabel: false, curLabel: { - id:'', - posX:'', - posY:'', - x:'', - y:'' + id: '', + posX: '', + posY: '', + x: '', + y: '' }, baseUrl: '', snapshot_url: '', - cameraData:[], + cameraData: [], } }, computed: { - + }, - mounted(){ + mounted() { this.getAllCameraData(); - setTimeout(()=>{ - let mockData = [{id:'a1',x:15, y:33, posX:150, posY:330},{id:'b2',x:56, y:87, posX:560, posY:870}]; + setTimeout(() => { + let mockData = [{ id: 'a1', x: 15, y: 33, posX: 150, posY: 330 }, { id: 'b2', x: 56, y: 87, posX: 560, posY: 870 }]; this.labels = mockData; - },1000); + }, 1000); }, - watch:{ - 'TreeDataPool.selectedNode':{ - handler(n,o){ - debugger - let curCamera = this.cameraData.find(item => item.id==n.id); + watch: { + 'TreeDataPool.selectedNode': { + handler(n, o) { + let curCamera = this.cameraData.find(item => item.id == n.id); this.snapshot_url = curCamera.snapshot_url; }, deep: true }, - isEdit(n,o){ - if(n){ - this.$refs['editBoard'].addEventListener('click',this.bindListen); - }else{ - this.$refs['editBoard'].removeEventListener('click',this.bindListen); + isEdit(n, o) { + if (n) { + this.$refs['editBoard'].addEventListener('click', this.bindListen); + } else { + this.$refs['editBoard'].removeEventListener('click', this.bindListen); } } }, methods: { - getAllCameraData(){ - getCamerasByServer().then(res=>{ - if(res.success){ - debugger + getAllCameraData() { + getCamerasByServer().then(res => { + if (res.success) { this.cameraData = res.data; } - }).catch(e=>{ + }).catch(e => { console.log(e) }) }, - bindListen(e){ + bindListen(e) { this.newLabel(e); }, - newLabel(e){ + newLabel(e) { console.log('鐐瑰嚮浜嗙敾鏉�') - if(this.isShowPop) return; + if (this.isShowPop) return; //鑾峰彇榧犳爣鐩稿浜庣敾鏉跨殑瀹氫綅 console.log('鑾峰彇褰撳墠瀹氫綅淇℃伅'); let target = { - id:'', - x:e.offsetX, - y:e.offsetY, - posX:'', - posY:'' + id: '', + x: e.offsetX, + y: e.offsetY, + posX: '', + posY: '' }; this.labels.push(target); this.curLabel = target; this.isShowPop = true; this.isNewLabel = true; }, - editLabel(label){ - debugger - if(!this.isEdit) return; + editLabel(label) { + if (!this.isEdit) return; this.isShowPop = true; this.curLabel = JSON.parse(JSON.stringify(label)); }, - cancle(){ + cancle() { this.isShowPop = false; //濡傛灉鏄湭淇濆瓨杩囩殑label鐩存帴鍒犻櫎(鏈繚瀛樼殑灏辨槸labels鏁扮粍涓渶鍚庝竴涓�) - if(!this.curLabel.id){ + if (!this.curLabel.id) { this.labels.pop(); } }, - deleteLabel(){ - if(this.curLabel.id){ + deleteLabel() { + if (this.curLabel.id) { //璇锋眰鍚庡彴鍒犻櫎 - }else{ + } else { this.labels.pop(); this.isShowPop = false; } }, - submitInfo(){ + submitInfo() { } } @@ -198,15 +209,15 @@ } } } - .action-bar{ + .action-bar { width: 960px; margin: auto; margin-bottom: 20px; text-align: right; - .drawboard-trigger{ + .drawboard-trigger { background: transparent; color: #fff; - border-color: rgba(255,255,255,.3); + border-color: rgba(255, 255, 255, 0.3); } } .drawboard { @@ -216,68 +227,68 @@ position: relative; background: #fff; box-shadow: 3px 3px 3px 1px rgba(0, 0, 0, 0.1); - .mask{ + .mask { position: absolute; background: transparent; width: 100%; height: 100%; overflow: hidden; - &.edit-status-mask{ + &.edit-status-mask { background: rgba(20, 181, 255, 0.1); } - .label{ + .label { position: absolute; z-index: 2; border-radius: 50%; } } - img{ + img { width: 960px; height: 540px; - background:#f0ffca; + background: #f0ffca; } - .popBox{ + .popBox { position: absolute; padding: 14px; border-radius: 3px; color: #fff; - background: rgba(0,0,0,.7); - .title{ + background: rgba(0, 0, 0, 0.7); + .title { font-weight: bold; text-align: left; font-size: 15px; } - .details{ - .detail-item{ + .details { + .detail-item { display: flex; align-items: center; margin: 5px 0; - label{ + label { color: #a9a9a9; - width:65px; + width: 65px; display: inline-block; } - .left{ + .left { width: 110px; text-align: left; line-height: 28px; - .fix-width{ + .fix-width { display: inline-block; width: 23px; } } - .right{ + .right { width: 160px; } - .devide{ + .devide { width: 10px; height: 1px; background: #a9a9a9; margin: 0 3px; } } - .btns{ - margin-top: 10px; + .btns { + margin-top: 10px; } } } diff --git a/src/pages/labelTrack/index/App.vue b/src/pages/labelTrack/index/App.vue deleted file mode 100644 index 8741eac..0000000 --- a/src/pages/labelTrack/index/App.vue +++ /dev/null @@ -1,215 +0,0 @@ -<template> - <div class="mycanvas-container"> - <div class="left"> - <p>灞曠ず瑙嗗彛</p> - <div class="myshow"> - <img :src="mysrc" alt width="100%" /> - <!-- <div id="canvas" style="width:100%;height:100%" class="mycanvas"></div> --> - </div> - </div> - <div class="center"> - <p>鎿嶄綔瑙嗗彛</p> - <div - class="myedit" - ref="myedit" - @mousedown.prevent="onMousedown" - @mousemove="onMousemove" - @contextmenu.prevent - > - <!-- <img src="@/assets/jia.svg" alt=""> --> - <img :src="mysrc" /> - <span - class="myedit-span" - v-for="(item, index) in mydata" - :key="index" - :style="getSpanStyle(item)" - @contextmenu.prevent="onContextmenu(item, $event)" - ></span> - <!-- <div id="canvas" style="width:100%;height:100%" class="mycanvas"></div> --> - </div> - </div> - <div class="right"> - <img src alt class="mybutton" /> - <input v-show="0" ref="file" type="file" class="mybutton" @change="onChange" /> - <button class="mybutton" @click="selectFile">瀵煎叆鍥剧墖</button> - <button class="mybutton">鏂板鏍囨敞</button> - <button class="mybutton">淇敼鏍囨敞</button> - <button class="mybutton">鍒犻櫎</button> - <button class="mybutton">淇濆瓨</button> - </div> - <div class="myMenu" v-show="mymenu.current" :style="mymenu.style"> - <!-- <button @click="onRemoveItem">鍒犻櫎</button> --> - <ui-button type="primary" @click="onRemoveItem">鍒犻櫎</ui-button> - <ui-select></ui-select> - <select name id> - <option value="1">ceshi</option> - </select> - </div> - </div> -</template> - -<script> -export default { - data() { - return { - mysrc: "", - mydata: [], - mymenu: { current: null, style: { left: 0, top: 0 } } - }; - }, - mounted() { - document.addEventListener('mouseup', this.onMouseup) - }, - beforeDestroy() { - document.removeEventListener('mouseup', this.onMouseup) - }, - methods: { - getXY(e) { - let rect = this.$refs.myedit.getBoundingClientRect() - return { - x: e.clientX - rect.left, - y: e.clientY - rect.top - } - }, - // 涓婁紶鍥剧墖1 - onChange(e) { - this.mysrc = window.URL.createObjectURL(e.target.files[0]); - e.target.value = '' - }, - // 涓婁紶鍥剧墖2, - selectFile() { - this.$refs.file.click(); - }, - onMousedown(e) { - this.mymenu.current = null - let { x, y } = this.getXY(e) - this.currentItem = { x, y, w: 0, h: 0, now: Date.now() } - this.startPos = { x, y } - this.mydata.push(this.currentItem) - }, - onMousemove(e) { - if (!this.currentItem) return; - let { x, y } = this.getXY(e) - this.currentItem.w = Math.abs(x - this.startPos.x) - this.currentItem.h = Math.abs(y - this.startPos.y) - }, - onMouseup(e) { - this.currentItem = this.startPos = null; - this.mydata = this.mydata.filter(_ => _.w > 10 && _.h > 10) - }, - onContextmenu(item, e) { - this.mymenu = { - current: item, - style: { - top: e.clientY + 'px', - left: e.clientX + 'px' - } - } - }, - onRemoveItem() { - this.mydata.splice(this.mydata.indexOf(this.mymenu.current), 1) - this.mymenu = { ...this.mymenu, current: null } - }, - getSpanStyle(item) { - return { - width: `${item.w}px`, - height: `${item.h}px`, - top: `${item.y}px`, - left: `${item.x}px` - }; - } - } -}; -</script> -<style lang="less" scoped> -// 璁剧疆缁樺浘鏍峰紡1 -body { - user-select: none; -} - -.myMenu { - position: fixed; - top: 400px; - left: 400px; - width: 100px; - padding: 8px 0; - background-color: #fff; - > * { - width: 100%; - } -} - -#canvas > div { - /* border: 2px solid green; */ - position: absolute; - background-color: transparent; -} - -#canvas > div > span { - position: absolute; - top: 50%; - left: 50%; - transform: translate(-50%, -50%); - font-family: simsun; - font-size: 9pt; -} - -// 璁剧疆缁樺浘鏍峰紡2 - -.mycanvas-container { - display: flex; - justify-content: center; - align-items: center; - - .left, - .center, - .right { - width: 300px; - // height: 520px; - margin: 20px; - - p { - text-align: center; - } - - .myshow, - .myedit { - width: 300px; - // height: 500px; - border: 1px solid #000; - position: relative; - .myedit-span { - position: absolute; - border: 1px dashed #fff; - background: url("/images/cameraAccess/video.png") no-repeat center - center; - background-size: contain; - } - - .mycanvas { - border: 1px solid pink; - position: absolute; - top: 0; - left: 0; - } - - img { - width: 100%; - } - } - } - - .right { - width: 150px; - display: flex; - justify-content: center; - align-items: left; - flex-direction: column; - - .mybutton { - margin-top: 20px; - display: block; - } - } -} -</style> \ No newline at end of file diff --git a/src/pages/labelTrack/index/api.ts b/src/pages/labelTrack/index/api.ts deleted file mode 100644 index 05fb010..0000000 --- a/src/pages/labelTrack/index/api.ts +++ /dev/null @@ -1,20 +0,0 @@ -import request from '@/scripts/httpRequest' -import qs from 'qs' - -// Post -export const tologin = (query: any) => { - return request({ - url: '/data/api-u/sys/login', - method: 'post', - data: qs.stringify(query) - }) -} - -// get -export const testDBCompare = (query: any) => { - return request({ - url: '../../data/api-v/face/testEachCompareAll', - method: 'get', - params: query - }) -} diff --git a/src/pages/labelTrack/index/main.ts b/src/pages/labelTrack/index/main.ts deleted file mode 100644 index 72eb673..0000000 --- a/src/pages/labelTrack/index/main.ts +++ /dev/null @@ -1,13 +0,0 @@ -import Vue from 'vue'; -import App from './App.vue' - -import ElementUI from 'element-ui'; -import 'element-ui/lib/theme-chalk/index.css'; -import "@/assets/css/element-variables.scss"; - -Vue.use(ElementUI); - -new Vue({ - el: '#app', - render: h => h(App) -}); diff --git a/src/pages/settings/components/BasicSetting.vue b/src/pages/settings/components/BasicSetting.vue index 68ad4e5..eab4d9a 100644 --- a/src/pages/settings/components/BasicSetting.vue +++ b/src/pages/settings/components/BasicSetting.vue @@ -684,7 +684,6 @@ }); }, checkTimeZone(val) { - debugger; }, submitClock() { diff --git a/src/pages/settings/components/ClusterManagement.vue b/src/pages/settings/components/ClusterManagement.vue index 6cb3bec..d18c0c1 100644 --- a/src/pages/settings/components/ClusterManagement.vue +++ b/src/pages/settings/components/ClusterManagement.vue @@ -222,7 +222,7 @@ ipInput, cloudNode }, - data () { + data() { const checkPwd = (rule, value, callback) => { if (!value) { return callback(new Error("瀵嗙爜涓嶈兘涓虹┖")); @@ -306,7 +306,7 @@ showJoinConfirm: false }; }, - mounted () { + mounted() { this.findCluster(); let _this = this; this.intervalTimer = setInterval(() => { @@ -314,20 +314,20 @@ }, 30000); //this.getEsClusterNodes(); }, - beforeDestroy () { + beforeDestroy() { clearInterval(this.intervalTimer); }, methods: { - checkPsd (psd) { + checkPsd(psd) { return psd.trim().length === 6 }, - cleanValue () { + cleanValue() { this.members = []; }, - sHandleClick (tab, event) { + sHandleClick(tab, event) { console.log(tab, event); }, - submitForm (formName) { + submitForm(formName) { this.$refs[formName].validate(valid => { if (valid) { //alert("submit!"); @@ -347,7 +347,7 @@ }); }, - saveForm (formName) { + saveForm(formName) { this.$refs[formName].validate(valid => { if (valid) { alert("submit!"); @@ -367,7 +367,7 @@ }); }, - join (formName) { + join(formName) { let _this = this; this.$refs[formName].validate(valid => { if (valid) { @@ -403,7 +403,7 @@ } }); }, - async createCluster (json) { + async createCluster(json) { let res = await createSerfCluster(json); console.log(res, "鍒涘缓闆嗙兢"); this.$notify({ @@ -412,13 +412,13 @@ type: res.success ? "success" : "error" }); }, - async randomPwd () { + async randomPwd() { let res = await randomPwd(); if (res && res.success) { this.ruleForm.clusterpwd = res.data; } }, - async searchColony () { + async searchColony() { this.isSearch = true; this.$refs["joinForm"].clearValidate(); this.$refs["joinForm"].validateField('clusterpwd'); @@ -448,7 +448,7 @@ } //}); }, - async search (json) { + async search(json) { let res = await search(json); if (res && res.success) { console.log(res, "鎼滅储闆嗙兢"); @@ -461,7 +461,7 @@ }, 10 * 1000); }, //鎼滅储闆嗙兢 - async getSearchNodes () { + async getSearchNodes() { let res = await getSearchNodes(); if (res && res.success) { let list = res.data.map(i => { @@ -485,12 +485,12 @@ }); } }, - setSchedule () { + setSchedule() { this.scheduleId = window.setInterval(() => { this.getSearchNodes(); }, 1000); }, - async stopSearch () { + async stopSearch() { if (!this.loading) { return true; } @@ -515,7 +515,7 @@ // },2000) }) }, - async findCluster () { + async findCluster() { let res = await findCluster(); if (res && res.success) { if (res.data && res.data.clusterId) { @@ -552,7 +552,7 @@ } } }, - getVrrpInfo () { + getVrrpInfo() { getVrrp().then(res => { if (res.success) { this.vrIpForm.virtual_ip = res.data.virtual_ip; @@ -562,7 +562,7 @@ console.log(e) }) }, - async updateCluster () { + async updateCluster() { if (this.ruleForm.clustername === "") { this.$message({ type: "error", @@ -582,7 +582,7 @@ type: res.success ? "success" : "error" }); }, - async joinCluster (json) { + async joinCluster(json) { let res = await joinCluster(json); if (res.success) { this.members = [] @@ -593,7 +593,7 @@ type: res.success ? "success" : "error" }); }, - leave () { + leave() { this.$confirm(`纭畾閫�鍑洪泦缇ゅ悧?`, { center: true, cancelButtonClass: "comfirm-class-cancle", @@ -617,8 +617,8 @@ }).catch(() => { }); }, - joinNode (event, node) { - console.log('join',node) + joinNode(event, node) { + console.log('join', node) let _this = this; this.currentCluster.cluster_id = node.cluster_id; if (this.activeName === "3") { @@ -627,7 +627,6 @@ return; } if (this.activeName === "2") { - debugger if (_this.showJoinConfirm) return; this.$confirm("鏄惁瑕佸姞鍏ヨ妭鐐� " + node.nodeName + "?", "鍔犲叆闆嗙兢", { @@ -684,7 +683,7 @@ // }); } }, - generatePassword () { + generatePassword() { var chars = "0123456789ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz"; var uuid = []; @@ -696,7 +695,7 @@ this.ruleForm.clusterpwd = uuid.join(""); }, - async getEsClusterNodes () { + async getEsClusterNodes() { let rsp = await getDevInfo(); let hostIpAddr = ""; if (rsp && rsp.success) { @@ -722,7 +721,7 @@ } } }, - createEsCluster () { + createEsCluster() { createESNode().then(rsp => { if (rsp && rsp.success) { this.$message({ @@ -747,7 +746,7 @@ }); }) }, - joinESCluster () { + joinESCluster() { if (!this.esNodeIp.length) { this.$message({ type: "error", @@ -781,7 +780,7 @@ }); }) }, - onIpBlur (ip) { + onIpBlur(ip) { //this.vrIpForm.virtual_ip = ip; this.ruleForm.virtualIp = ip; console.log(this.ruleForm.virtualIp) @@ -789,7 +788,7 @@ }, - created () { } + created() { } }; </script> diff --git a/vue.config.js b/vue.config.js index c5d38e8..153deec 100644 --- a/vue.config.js +++ b/vue.config.js @@ -72,6 +72,14 @@ // ws: true, changeOrigin: true, }, + "/data/api-v/app/findAllApp": { + target: '/', + target: 'http://localhost:8080/', + changeOrigin: true, + pathRewrite: { + '^/data/api-v/app/findAllApp': 'apps.json' + } + }, "/api-v": { target: 'http://192.168.20.10:8000', changeOrigin: true -- Gitblit v1.8.0