企业应急-事件上报-事发位置问题修改

陈泽平

2021-05-31 38bcd6306f20787e394347a34e50fcf80b265fc6

 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">行政代码：<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;
}