1

guanqb

2022-11-12 e438e52d71f081c8bc8d8914174d635bfc2cec88

 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>
@@ -247,6 +259,32 @@
                    {
                        data: yDate,
                        type: 'bar',
                        barWidth: '40%',
                        itemStyle: {
                            normal: {
                                color: function (params) {

                                    return new global.echarts.graphic.LinearGradient(
                                        0, 0, 0, 1,
                                        [
                                            { offset: 0, color: '#06B5D7' },
                                            { offset: 0.5, color: '#44C0C1' },
                                            { offset: 1, color: '#71C8B1' },
                                        ]
                                    )
                                }
                            },
                            emphasis: {
                                color: new global.echarts.graphic.LinearGradient(
                                    0, 0, 0, 1,
                                    [
                                        { offset: 0, color: '#71C8B1' },
                                        { offset: 0.7, color: '#44C0C1' },
                                        { offset: 1, color: '#06B5D7' }
                                    ]
                                )
                            }
                        },
                    }
                ],
                grid: {
@@ -857,7 +895,7 @@
                color: #fff;
            }

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

                &>div {
                & > div {
                    height: 26px;
                    line-height: 26px;
                }