首页图像加载

guanqb

2023-04-04 b4cb5238b87154a23d72d7b32d8e8b01c2ff4654

首页图像加载

 src/styles/media/index.scss

@@ -201,6 +201,10 @@
                                    }
                                }

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

                            }

                            .person-box {

 src/views/home/components/leftContainer.vue

@@ -6,12 +6,9 @@
                    <div class="title-tab">
                        <span :class="{ choosed: peopletype == 0 }">现有人员</span>
                    </div>
                    <!-- <div class="title-num">
                        共
                        <span :class="{ choosed: peopletype == 0 }">100</span>人
                        <span :class="{ choosed: peopletype == 1 }">1</span>人
                    </div>-->
                </div>
                <el-main v-loading="personEchartsLoading" element-loading-text="拼命加载中"
                    element-loading-spinner="el-icon-loading" element-loading-background="rgba(0, 0, 0, 0.2)">
                <div class="sub-tab" v-show="peopletype == 0">
                    <div class="tab" :class="{ 'select-on-tab': tabType == 0 }" @click="personTabClick(0)">
                        <div class="tab-title-small">户籍人口:</div>
@@ -29,13 +26,8 @@
                            }}人
                        </div>
                    </div>
                    <!-- <div class="tab3" :class="{ 'select-on-tab': tabType == 2 }" @click="personTabClick(2)">
                        <div class="num">91995人</div>
                        <div class="type">境外人口</div>
                    </div>-->
                </div>
                <el-main v-loading="personEchartsLoading" element-loading-text="拼命加载中"
                    element-loading-spinner="el-icon-loading" element-loading-background="rgba(0, 0, 0, 0.2)">

                    <div id="PersonEcharts" class="echarts-box">
                    </div>
                </el-main>
@@ -81,6 +73,8 @@
        <div class="house-box" style="position: relative;">
            <div class="box">
                <div class="title">现有住宅</div>
                <el-main v-loading="houseEchartsLoading" element-loading-text="拼命加载中"
                    element-loading-spinner="el-icon-loading" element-loading-background="rgba(0, 0, 0, 0.2)">
                <div class="sub-tab">
                    <div class="tab" :class="{ 'select-on-tab': tabTypeTwo == 0 }" @click="houseTabClick(0)">
                        <div class="tab-title-small">实有楼栋:</div>
@@ -91,8 +85,6 @@
                        <div class="tab-title-small">{{ keyPlaceNum ? keyPlaceNum : 0 }}栋</div>
                    </div>
                </div>
                <el-main v-loading="houseEchartsLoading" element-loading-text="拼命加载中"
                    element-loading-spinner="el-icon-loading" element-loading-background="rgba(0, 0, 0, 0.2)">
                    <div id="houseEcharts" class="echarts-box"></div>
                </el-main>
            </div>
@@ -108,6 +100,8 @@
        <div class="land-box" style="position: relative;">
            <div class="box">
                <div class="title">现有小区</div>
                <el-main v-loading="landEchartsLoading" element-loading-text="拼命加载中"
                    element-loading-spinner="el-icon-loading" element-loading-background="rgba(0, 0, 0, 0.2)">
                <div class="sub-tab" v-show="isAllPoliceStation">
                    <div class="tab" :class="{ 'select-on-tab': tabTypeThree == 0 }" @click="landTabClick(0)">
                        <div class="tab-title-small">小区:</div>
@@ -124,9 +118,6 @@
                        <div class="tab-title-small">{{ villageNum ? villageNum : 0 }}个</div>
                    </div>
                </div>

                <el-main v-loading="landEchartsLoading" element-loading-text="拼命加载中"
                    element-loading-spinner="el-icon-loading" element-loading-background="rgba(0, 0, 0, 0.2)">
                    <div id="landEcharts" class="echarts-box"></div>
                </el-main>
            </div>
@@ -1239,11 +1230,11 @@
            }
        }

        .sub-title {
            display: flex;
            justify-content: space-between;
            height: 36px;
        }
        // .sub-title {
        //     display: flex;
        //     justify-content: space-between;
        //     height: 36px;
        // }

        .sub-tab {
            padding: 10px;
@@ -1298,7 +1289,7 @@
            padding-top: 0;
            flex: 1;
            width: 100%;
            height: 100%;
            // height: 100%;
        }
    }


 src/views/house/index.vue

@@ -1506,6 +1506,7 @@

        // 大搜点查询
        getAoiByPtStd (e) {
            console.log('大搜点查询', e)
            getAoiByPt(
                e.wgs84Position.lng,
                e.wgs84Position.lat,