From 1af0c937466d8f8df26aaddd72dbd702dd0f3033 Mon Sep 17 00:00:00 2001 From: hanbaoshan <hanbaoshan@aiotlink.com> Date: 星期二, 19 一月 2021 15:59:52 +0800 Subject: [PATCH] 轨迹图查询方法更新,朔黄添加首页 --- src/pages/shuohuangMonitorAnalyze/components/memberManage.vue | 55 ++++++++++++++++++++++++++++--------------------------- 1 files changed, 28 insertions(+), 27 deletions(-) diff --git a/src/pages/shuohuangMonitorAnalyze/components/memberManage.vue b/src/pages/shuohuangMonitorAnalyze/components/memberManage.vue index 994abc3..4f1ca37 100644 --- a/src/pages/shuohuangMonitorAnalyze/components/memberManage.vue +++ b/src/pages/shuohuangMonitorAnalyze/components/memberManage.vue @@ -11,17 +11,18 @@ :data="treeData" node-key="id" default-expand-all - @node-click="checkNode" :expand-on-click-node="false" :check-on-click-node="true" :highlight-current="true" + @node-click="checkNode" + @node-contextmenu="nodeContextMenu" ></el-tree> <div class="menuList" v-show="showMenu" :style="{top:menuTop+'px',left:menuLeft+'px'}"> <ul> <li>鍒涘缓鍚岀骇鑺傜偣</li> <li>鍒犻櫎鑺傜偣</li> <li>閲嶅懡鍚嶈妭鐐�</li> - <li>鍏抽棴</li> + <li @click="showMenu = false">鍏抽棴</li> </ul> </div> </div> @@ -194,16 +195,17 @@ <div> <p class="tip"> *璇锋彁鍓嶆牴鎹枃浠舵ā鏉夸腑鐨勮姹傛敹闆嗕汉鍛樹俊鎭紝鍦ㄤ竴涓枃浠跺す涓瓨鏀句汉鍛樼収鐗囧拰EXCEL鏂囦欢 - (<a href="javascript:;" @mouseover="showDemo=true" @mouseout="showDemo=false">绀轰緥</a>),鐐瑰嚮 + ( + <a href="javascript:;" @mouseover="showDemo=true" @mouseout="showDemo=false">绀轰緥</a>),鐐瑰嚮 <a href="javascript:;">涓嬭浇妯℃澘.excel</a> - <img class="tip-demo" v-if="showDemo" :src="`${publicPath}images/shuohuang/tip.jpg`" alt=""> + <img class="tip-demo" v-if="showDemo" :src="`${publicPath}images/shuohuang/tip.jpg`" alt /> </p> <div class="flex-box"> <label>涓婁紶鏂囦欢:</label> - <el-button size="mini" type="primary" @click="uploadDirectoryTrigger" >鐐瑰嚮涓婁紶</el-button> - <input ref="directoryInput" @change="importDirectory" hidden type="file" webkitdirectory > + <el-button size="mini" type="primary" @click="uploadDirectoryTrigger">鐐瑰嚮涓婁紶</el-button> + <input ref="directoryInput" @change="importDirectory" hidden type="file" webkitdirectory /> <!-- <el-button size="mini" type="primary" @click="uploadExeclTrigger" style="margin-left:10px;">鐐瑰嚮涓婁紶Excel</el-button> - <input ref="excelInput" @change="importExecl" hidden type="file" accept=".xlsx"> --> + <input ref="excelInput" @change="importExecl" hidden type="file" accept=".xlsx">--> <!-- <el-upload class="upload-demo batch-upload" action="https://jsonplaceholder.typicode.com/posts/" @@ -216,7 +218,7 @@ > <el-button size="small" type="primary">鐐瑰嚮涓婁紶</el-button> <div slot="tip" class="el-upload__tip"></div> - </el-upload> --> + </el-upload>--> </div> <el-table class="thbg" :data="batchImportTableData" fit> <el-table-column type="index" label="搴忓彿"></el-table-column> @@ -288,7 +290,12 @@ }, methods: { - + nodeContextMenu (e, data, node, comp) { + debugger + this.showMenu = true; + this.menuTop = e.pageY; + this.menuLeft = e.pageX; + }, checkOrgNode (a, b, c) { this.checkedOrg = a.id }, @@ -392,7 +399,7 @@ uploadPic () { }, - uploadDirectoryTrigger(){ + uploadDirectoryTrigger () { this.$refs['directoryInput'].click(); }, // uploadExeclTrigger(){ @@ -401,13 +408,13 @@ importDirectory () { //this.$refs['directoryInput'].files //鏂囦欢澶筸ap let formData = new FormData; - formData.append('File',this.$refs['directoryInput'].files) + formData.append('File', this.$refs['directoryInput'].files) debugger // uploadDirectory(formData).then(res=>{ // debugger - + // }) - + }, handleRemove () { @@ -429,14 +436,7 @@ this.$set(this.memberEditForm, 'Surface', res.data) }) }, - openMenuList (t, l, frame) { - this.showMenu = true; - this.menuTop = t; - this.menuLeft = l; - }, - closeMenuList () { - this.showMenu = false; - }, + deepNodeChildren (node) { if (node.ChildDept && node.ChildDept.length > 0) { return node.ChildDept.map(child => { @@ -575,15 +575,15 @@ } } } - .batch-import-dialog{ - .el-dialog__body{ + .batch-import-dialog { + .el-dialog__body { padding: 14px 20px; } - .tip{ + .tip { text-align: left; margin-bottom: 10px; position: relative; - .tip-demo{ + .tip-demo { position: absolute; width: 530px; z-index: 1000; @@ -598,7 +598,8 @@ z-index: 100; width: 180px; text-align: left; - border: 1px solid #ccc; + border: 1px solid #ddd; + box-shadow: 4px 4px 3px 0px rgba(0, 0, 0, 0.1); } .menuList li { line-height: 28px; @@ -607,7 +608,7 @@ background: #fff; } .menuList li:hover { - background: rgba(152, 170, 190, 0.7); + background: #ecf0fc; } .right { padding-left: 20px; -- Gitblit v1.8.0