重点人员显示调整

shuishen

2025-12-25 36f204ecd01f2689e6bc7e23977225a06ee7e117

重点人员显示调整

 src/styles/media/index.scss

@@ -237,6 +237,30 @@
                                    height: calc(100% - countSizeVh(46));
                                }

                                .person-list-box {
                                    height: calc(100% - countSizeVh(46));
                                    overflow-y: auto;
                                    overflow-x: hidden;

                                    .person-category-item {
                                        display: flex;
                                        align-items: center;
                                        justify-content: space-between;
                                        margin-top: countSizeVh(8);
                                        padding: 0 countSizeVh(8);
                                        line-height: countSizeVh(36);

                                        &:first-child {
                                            margin-top: 0;
                                        }

                                        .value {
                                            color: orange;
                                            cursor: pointer;
                                        }
                                    }
                                }

                                .house-echarts-box {
                                    height: calc(100% - countSizeVh(112));
                                }

 src/views/home/components/leftContainer.vue

@@ -28,8 +28,20 @@
            </div>
          </div>

          <div class="echarts-box" style="overflow-y: auto;" ref="REFPERSONECHARTS">
          <div v-show="tabType == 0" class="echarts-box" style="overflow-y: auto;" ref="REFPERSONECHARTS">
            <div id="PersonEcharts" :style="{ height: personEchartsHeight }"></div>
          </div>
          
          <div class="person-list-box" v-show="tabType == 1">
                <div class="person-category-item" v-for="(item, index) in keyPersonnelData" :key="index">
                    <div class="label">
                        {{ item.name }}
                    </div>

                    <div class="value" @click="keyPersonItemClick(item)">
                        {{ item.value }}
                    </div>
                </div>
          </div>
        </el-main>

@@ -227,6 +239,8 @@
      isFirstMounted: true,
      clickPoliceStationId: '',
      areaId: null,

      keyPersonnelData: [],
    }
  },

@@ -388,6 +402,7 @@
     * @return {*}
     */
    personTabClick (type) {
        this.keyPersonnelData = []
      console.log('type', type, 'this.tabType', this.tabType, 'this.isFirstMounted', this.isFirstMounted)
      if (type == 0) {
        if (this.tabType == 0 && !this.isFirstMounted) {
@@ -1416,6 +1431,8 @@
      console.log('personInfo', personInfo)
      keyPeopleDataLength = personInfo.length

      this.keyPersonnelData = [...personInfo]

      const high = this.$refs.REFPERSONECHARTS.offsetHeight

      // if (personInfo.length * (high / 7) > high) {
@@ -1424,20 +1441,20 @@
      this.personEchartsHeight = '100%'
      // }

      this.$nextTick(() => {
        var chartDom = document.getElementById('PersonEcharts')
        keyPersonmyChart = this.$echarts.init(chartDom)
        keyPersonmyChart.setOption(this.initkeyPersonOption(personInfo))
    //   this.$nextTick(() => {
    //     var chartDom = document.getElementById('PersonEcharts')
    //     keyPersonmyChart = this.$echarts.init(chartDom)
    //     keyPersonmyChart.setOption(this.initkeyPersonOption(personInfo))

        this.clickkeyPersonChart()
        if (personInfo.length > 1) {
          this.keyPeopleEchartsCarousel()
        } else {
          clearInterval(timer)
          keyPersonmyChart.off("mouseover")
          keyPersonmyChart.off("mouseout")
        }
      })
    //     this.clickkeyPersonChart()
    //     if (personInfo.length > 1) {
    //       this.keyPeopleEchartsCarousel()
    //     } else {
    //       clearInterval(timer)
    //       keyPersonmyChart.off("mouseover")
    //       keyPersonmyChart.off("mouseout")
    //     }
    //   })


      setTimeout(() => {
@@ -1589,6 +1606,14 @@
    },

    /**
     * @description: 重点人员列表的点击事件
     * @return {*}
     */
    keyPersonItemClick (item) {
        this.$emit('showkeypersondetail', item.name)
    },

    /**
     * @description: 现有小区切换
     * @param {*} type
     * @return {*}