From bbce81a396e22743b1fbf0c54fed05ab79c99e72 Mon Sep 17 00:00:00 2001
From: 陈泽平 <chenzeping>
Date: 星期六, 29 五月 2021 16:28:51 +0800
Subject: [PATCH] Merge branch 'develop' of http://xearth.cn:6600/r/wuyushui/SewerAndRainNetwork into develop
---
src/components/base-page/enterprise-emergency/event-handling/ResInfo.vue | 42 ++++++++++++++++++++++++++++++++++--------
1 files changed, 34 insertions(+), 8 deletions(-)
diff --git a/src/components/base-page/enterprise-emergency/event-handling/ResInfo.vue b/src/components/base-page/enterprise-emergency/event-handling/ResInfo.vue
index 4203ea9..f0c72f7 100644
--- a/src/components/base-page/enterprise-emergency/event-handling/ResInfo.vue
+++ b/src/components/base-page/enterprise-emergency/event-handling/ResInfo.vue
@@ -1,10 +1,10 @@
<template>
- <el-dialog :visible.sync="isShow" class="effect-vol-calc" title="鍛ㄨ竟璧勬簮淇℃伅" :modal="false" v-dialog-drag
+ <el-dialog :visible.sync="isShow" class="res-info-container" title="鍛ㄨ竟璧勬簮淇℃伅" :modal="false" v-dialog-drag
width="400" >
<el-row>
<el-col :span="3" style="text-align: center;">
- <el-row v-for="item in menuList" :key="item.id">
- <el-button type="primary" size="mini" @click="menuClickHandle(item)">{{ item.name }}</el-button>
+ <el-row v-for="(item,index) in menuList" :key="index">
+ <el-button type="primary" size="mini" :class="index===btnActive?'hover':''" @click="menuClickHandle(item,index)">{{ item.name }}</el-button>
</el-row>
<!--<el-row> <el-button type="primary" size="mini" @click="menuClickHandle">鍦ㄧ嚎鐩戞祴</el-button></el-row>-->
<!--<el-row> <el-button type="primary" size="mini" @click="menuClickHandle">搴旀�ヨ祫婧�</el-button></el-row>-->
@@ -13,7 +13,7 @@
</el-col>
<el-col :span="21">
<el-row>
- <el-button v-for="item in subMenuList" :key="item.name" type="primary" size="mini" @click="subMenuClickHandle(item)">{{ item.name }}</el-button>
+ <el-button v-for="(item,index) in subMenuList" :class="index===subBtnActive?'hover':''" :key="item.name" type="primary" size="mini" @click="subMenuClickHandle(item,index)">{{ item.name }}</el-button>
<!-- <el-button type="primary" size="mini" @click="subMenuClickHandle">澶栨帓鍙�(1)</el-button>-->
<!-- <el-button type="primary" size="mini" @click="subMenuClickHandle">闅旀补姹�(1)</el-button>-->
<!-- <el-button type="primary" size="mini" @click="subMenuClickHandle">鑺傛祦闃�(1)</el-button>-->
@@ -46,6 +46,8 @@
data () {
return {
isShow: false,
+ btnActive: 0,
+ subBtnActive: 0,
menuList: ResInfo.data,
subMenuList: ResInfo.data[0].child,
tableData: [
@@ -160,17 +162,41 @@
getVisible () {
return this.isShow
},
- menuClickHandle (item) {
- console.log(item)
+ menuClickHandle (item, index) {
+ this.btnActive = index
+ this.subBtnActive = 0
this.subMenuList = item.child
},
- subMenuClickHandle (subItem) {
+ subMenuClickHandle (subItem, index) {
+ this.subBtnActive = index
this.currentTableData.column = subItem.column
}
}
}
</script>
-<style scoped>
+<style lang="less">
+.res-info-container{
+ /deep/ .el-dialog {
+ left: 810px;
+ }
+
+ .el-dialog__header {
+ padding: 4px 10px;
+ }
+
+ .el-dialog__headerbtn {
+ top: 10px;
+ }
+ .hover{
+ color: @color-highlight;
+ border-color:@color-highlight;
+ }
+ .el-button:active .el-button--primary.is-active, .el-button--primary:active ,.el-button--primary:focus, .el-button--primary:hover{
+ background: @background-color;
+ color: @color-highlight;
+ border-color:@color-highlight;
+ }
+}
</style>
--
Gitblit v1.8.0