下拉选择echarts问题解决、光柱人口图标位置调整

guanqb

2022-11-08 3070bbee4c520c100f015b924b3d637d29a2ce2f

下拉选择echarts问题解决、光柱人口图标位置调整

 src/views/home/components/leftContainer.vue

@@ -3,9 +3,16 @@
        <div class="person-box">
            <div class="title">
                <div>
                    <span class="peopleTap" :class="{ choosed: peopletype == 0 }"
                        @click="peopleTabClick(0)">现有人员</span>/
                    <span class="peopleTap" :class="{ choosed: peopletype == 1 }" @click="peopleTabClick(1)">重点人员</span>
                    <span
                        class="peopleTap"
                        :class="{ choosed: peopletype == 0 }"
                        @click="peopleTabClick(0)"
                    >现有人员</span>/
                    <span
                        class="peopleTap"
                        :class="{ choosed: peopletype == 1 }"
                        @click="peopleTabClick(1)"
                    >重点人员</span>
                </div>
                <div>
                    共
@@ -28,7 +35,12 @@
                </div>
            </div>
            <div id="PersonEcharts" class="echarts-box"></div>
            <div class="back" title="返回上一级" v-show="dataDeep == 2 && peopletype == 0" @click="backBegin"></div>
            <div
                class="back"
                title="返回上一级"
                v-show="dataDeep == 2 && peopletype == 0"
                @click="backBegin"
            ></div>
        </div>
        <div class="house-box">
            <div class="title">现有房屋</div>
@@ -661,20 +673,22 @@
                    yDate = [881, 2211, 6414, 4321, 1232]
                    homePersonmyChart.setOption(this.initPersonOptions(xDate, yDate), true)
                }
            }
            let arr = []
            if (name == '全部') {
                this.keyPersonSelectArr = this.keyPersonDetailArr
            } else {
                this.keyPersonDetailArr.some(item => {
                    if (item.policeStation == name) {
                        arr.push(item)
                    }
                    this.keyPersonSelectArr = arr
                    this.keyPersonSelectSaveArr = arr
                })
                let arr = []
                if (name == '全部') {
                    this.keyPersonSelectArr = this.keyPersonDetailArr
                } else {
                    this.keyPersonDetailArr.some(item => {
                        if (item.policeStation == name) {
                            arr.push(item)
                        }
                        this.keyPersonSelectArr = arr
                        this.keyPersonSelectSaveArr = arr
                    })
                }
                this.initkeyPersonEcharts()
            }
            this.initkeyPersonEcharts()

        },

        backBegin () {
@@ -862,7 +876,7 @@
                color: #fff;
            }

            &>div:nth-of-type(2) {
            & > div:nth-of-type(2) {
                font-size: 14px;
            }
        }
@@ -883,7 +897,7 @@
                border: 1px solid rgba(20, 50, 123, 1);
                cursor: pointer;

                &>div {
                & > div {
                    height: 26px;
                    line-height: 26px;
                }
@@ -899,7 +913,7 @@
            width: 100%;
        }

        .sub-tab+.echarts-box {
        .sub-tab + .echarts-box {
            margin-top: 10px;
        }
    }

 src/views/home/index.vue

@@ -1108,16 +1108,17 @@
                        material: positionColor[index],
                    })
                    const center = this.getCenter(item.position)
                    // this.$EventBus.$emit('layerPointAdd', {
                    //     layerName: 'polygonLayer',
                    //     type: 'label',
                    //     params: {
                    //         lng: center[0],
                    //         lat: center[1],
                    //         alt: 1200,
                    //         text: '5656'
                    //     }
                    // })
                    this.$EventBus.$emit('layerPointAdd', {
                        layerName: 'polygonLayer',
                        type: 'label',
                        params: {
                            lng: center[0],
                            lat: center[1] - 0.03,
                            alt: 1200,
                            text: '5656'
                        },
                        distanceDisplayCondition: { "near": 0, "far": 200000 }
                    })
                    this.$EventBus.$emit('layerPointAdd', {
                        layerName: 'polygonLayer',
                        type: 'label',
@@ -1129,7 +1130,7 @@
                        },
                        distanceDisplayCondition: { "near": 0, "far": 200000 }
                    })
                    let cylinder = new global.DC.LightCylinderPrimitive(new global.DC.Position(center[0], center[1]), 1200, 1, 600)
                    let cylinder = new global.DC.LightCylinderPrimitive(new global.DC.Position(center[0] + 0.02, center[1] - 0.01), 1200, 1, 600)
                    cylinder.setStyle({
                        color: global.DC.Namespace.Cesium.Color.fromBytes(
                            102, 176, 255,