From 38bcd6306f20787e394347a34e50fcf80b265fc6 Mon Sep 17 00:00:00 2001 From: 陈泽平 <chenzeping> Date: 星期一, 31 五月 2021 14:53:35 +0800 Subject: [PATCH] 企业应急-事件上报-事发位置问题修改 --- src/components/base-page/enterprise-emergency/events-reported/ReportLocationSearch.vue | 30 +++++++++++++++++++++++------- 1 files changed, 23 insertions(+), 7 deletions(-) diff --git a/src/components/base-page/enterprise-emergency/events-reported/ReportLocationSearch.vue b/src/components/base-page/enterprise-emergency/events-reported/ReportLocationSearch.vue index 8255959..ff69e83 100644 --- a/src/components/base-page/enterprise-emergency/events-reported/ReportLocationSearch.vue +++ b/src/components/base-page/enterprise-emergency/events-reported/ReportLocationSearch.vue @@ -20,8 +20,8 @@ <el-col :span="12"> <div class=search-list> <!-- <h4 :class="activeNum===index?'hover':''" @click="handleLocation(index)">鍚嶇О锛�<h3 style="display: inline-block">{{ item.name }}</h3></h4>--> - <h3 style="text-overflow: ellipsis;white-space: nowrap;overflow: hidden" :class="activeNum===index?'hover':''" - @click="handleLocation(index)">鍚嶇О锛歿{ item.name }}</h3> + <h3 style="text-overflow: ellipsis;white-space: nowrap;overflow: hidden" + :class="activeNum===index?'hover':''" @click="locationMapClick(1, item, index)">鍚嶇О锛歿{ item.name }}</h3> <p style="text-overflow: ellipsis;white-space: nowrap;overflow: hidden">鍦板潃锛�<span>{{ item.address }}</span> <p style="text-overflow: ellipsis;white-space: nowrap;overflow: hidden">鐢佃瘽锛�<span>{{ item.phone }}</span></p> </div> @@ -45,7 +45,7 @@ <el-col :span="12"> <div class=search-list> <!-- <h4 :class="activeNum===index?'hover':''" @click="handleLocation(index)">鍚嶇О锛�<h3 style="display: inline-block">{{ item.name }}</h3></h4>--> - <h3 :class="activeNum===index?'hover':''" @click="handleLocation(index)">鍚嶇О锛歿{ item.name }}</h3> + <h3 @click="locationMapClick(2, item, index)" :class="activeNum===index?'hover':''">鍚嶇О锛歿{ item.name }}</h3> <p style="text-overflow: ellipsis;white-space: nowrap;overflow: hidden">琛屾斂浠g爜锛�<span>{{ item.adminCode }}</span> <p></p> </div> @@ -147,8 +147,16 @@ } }) }, + // getStyle (index) { + // console.log(index) + // if (this.activeNum === index) { + // return { color: 'red' } + // } + // }, // 鐐瑰嚮瀹氫綅 locationMapClick (type, val, index) { + // this.activeNum = index + // this.getStyle(index) // console.log(val) if (type === 1) { this.activeNum = index @@ -196,11 +204,9 @@ }, // 鍒嗛〉鍔熻兘 褰撳墠椤� handlePage (currentPage) { + console.log(currentPage) this.currentPage = currentPage - }, - // 涓嬫爣鏇存敼 浜嬩欢 - handleLocation (index) { - this.activeNum = index + this.activeNum = -1 }, // 鐐瑰嚮纭鎸夐挳浜嬩欢 confirm () { @@ -256,6 +262,16 @@ } } +//.environmental-risk-list :hover { +// h3 { +// color: @color-highlight; +// } +//} + +//.search-list :hover { +// color: @color-highlight; +//} + .hover { color: @color-highlight; } -- Gitblit v1.8.0