修改

guanqb

2023-03-28 363009dd304987068c4706bdbec361023b9c7afb

修改

 public/img/icon/keypeople.png

 public/img/icon/school.png

 public/static/config.js

@@ -16,8 +16,9 @@
    VUE_APP_INTRANET: 'http://10.141.11.11:80/twapi',

    // 大搜
    // 本地开发
    VUE_APP_OUTER_NET_SEARCH: 'http://192.168.0.112:9091',
    // 本地开发 
    // VUE_APP_OUTER_NET_SEARCH: 'http://192.168.0.112:9091',
    VUE_APP_OUTER_NET_SEARCH: 'https://s16s652780.51mypc.cn',
    // 内网部署
    VUE_APP_INTRANET_SEARCH: 'http://10.141.11.11:80/bsapi',


 src/components/map/index.vue

@@ -310,7 +310,7 @@
            // global.viewer.addTerrain(terrain)

            // 内网
            // that.switchImg()
            that.switchImg()

            // 外网
            // global.viewer.imageryLayers.addImageryProvider(
@@ -824,9 +824,11 @@
            } else if (type == "label") {
                // labelElement = new global.DC.Label(new global.DC.Position(Number(params.lng), Number(params.lat), Number(alt)), params.text)
                labelElement = new global.DC.Label(new global.DC.Position(Number(params.lng), Number(params.lat), 4), params.text)
                let fontColor = 'fontColor' in params ? params.fontColor : global.DC.Color.CRIMSON
                let style = 'fontColor' in params ? global.DC.Namespace.Cesium.LabelStyle.FILL : global.DC.Namespace.Cesium.LabelStyle.FILL_AND_OUTLINE
                labelElement.setStyle({
                    fillColor: global.DC.Color.CRIMSON,
                    style: global.DC.Namespace.Cesium.LabelStyle.FILL_AND_OUTLINE,
                    style: style,
                    fillColor: fontColor,
                    outlineColor: global.DC.Color.WHITE, // 边框颜色
                    outlineWidth: params.outW || 4, // 边框大小，
                    font: '16px sans-serif',

 src/components/mapSearchBox/index.vue

@@ -5,7 +5,7 @@
            <div class="clear" v-show="isShowClearBtn" @click="clearSearchValue" title="清空">
                <img src="/img/icon/clear.png" alt />
            </div>
            <button @click="searchExtensivelyClick" class="el-icon-search"></button>
            <!-- <button @click="searchExtensivelyClick" class="el-icon-search"></button> -->
        </div>
        <div v-show="searchExtensivelyValBoxShow" class="searchExtensively-val-box">
            <div>
@@ -28,16 +28,14 @@
            isShowClearBtn: false,
            searchExtensivelyValBoxShow: false,
            searchExtensivelyArray: [],
            isClickValBox: false,
        }
    },

    watch: {
        searchExtensivelyValue: {
            handler (newText, oldText) {
                this.$EventBus.$emit('mapClearLayer', {
                    layerName: 'searchLayer',
                    type: 'VectorLayer'
                })


                if (newText == '') {
                    this.searchExtensivelyValBoxShow = false
@@ -45,6 +43,16 @@
                    this.searchExtensivelyArray = []
                } else {
                    this.searchExtensivelyValBoxShow = true

                    if (this.isClickValBox) {
                        this.searchExtensivelyValBoxShow = false
                        this.isClickValBox = false
                    } else {
                        this.$EventBus.$emit('mapClearLayer', {
                            layerName: 'searchLayer',
                            type: 'VectorLayer'
                        })
                    }
                    this.isShowClearBtn = true
                    this.getSearchExtensively('ebf48ecaa1fd436fa3d40c4600aa051f', '361100', this.searchExtensivelyValue)
                }
@@ -79,7 +87,7 @@
                        lng: `${this.searchExtensivelyArray[0].location.lng}`,
                        lat: `${this.searchExtensivelyArray[0].location.lat}`,
                        alt: 1,
                        text: this.searchExtensivelyArray[0].name
                        text: this.searchExtensivelyArray[0].name,
                    },
                })
            }
@@ -109,11 +117,13 @@

        searchExtensivelyVlaClick (item) {
            this.searchExtensivelyValBoxShow = false
            this.isClickValBox = true

            this.searchExtensivelyValue = item.name
            this.$EventBus.$emit('toPosition', {
                siteJd: `${item.location.lng}`,
                siteWd: `${item.location.lat}`,
                siteGd: 200,
                siteGd: 1000,
            })
            this.$EventBus.$emit('mapClearLayer', {
                layerName: 'searchLayer',
@@ -126,7 +136,8 @@
                    lng: `${item.location.lng}`,
                    lat: `${item.location.lat}`,
                    alt: 1,
                    text: item.name
                    text: item.name,
                    fontColor: global.DC.Color.ORANGE,
                }
            })
            this.$EventBus.$emit('layerPointAdd', {
@@ -163,14 +174,14 @@

    input {
        flex: 1;
        width: 400px;
        width: 440px;
        height: 100%;
        font-size: 18px;
        text-indent: 1em;
        color: #ffffff;
        background-color: rgba(24, 79, 202, 0.75);
        border: 1px solid rgb(0, 92, 169);
        border-radius: 20px 0 0 20px;
        border-radius: 20px;
        vertical-align: top;
    }


 src/store/modules/user.js

@@ -43,12 +43,14 @@
                                message: data.error_description,
                                type: "error",
                            })
                        } else if (res.status != 200) {
                            Message({
                                message: '系统异常，请联系管理员',
                                type: "error",
                            })
                        } else {
                        }
                        // else if (res.status != 200) {
                        //     Message({
                        //         message: '系统异常，请联系管理员',
                        //         type: "error",
                        //     })
                        // }
                        else {
                            commit("SET_TOKEN", data.access_token)
                            commit('SET_USER_INFO', data)
                            commit('SET_REFRESH_TOKEN', data.refresh_token)

 src/styles/base/index.scss

@@ -258,6 +258,10 @@
                    width: calc(100% - 120px);
                }
            }

            button:hover {
                background-color: #409EFF;
            }
        }
    }

@@ -321,6 +325,8 @@
            .header input {
                font-size: 14px;
            }


        }
    }
}

 src/styles/media/index.scss

@@ -855,14 +855,14 @@
                        .search-content {
                            left: countSizeVw(760, 1920);
                            top: countSizeVh(100);
                            width: countSizeVw(460, 1920);
                            width: countSizeVw(500, 1920);
                            height: countSizeVh(36);

                            input {
                                width: countSizeVw(400, 1920);
                                font-size: countSizeVh(18);
                                border: countSizeVh(1) solid rgb(0, 92, 169);
                                border-radius: countSizeVh(20) 0 0 countSizeVh(20);
                                border-radius: countSizeVh(20);
                                // vertical-align: top;
                            }

@@ -890,7 +890,7 @@

                        .searchExtensively-val-box {
                            top: countSizeVh(80);
                            left: countSizeVw(760, 1920);
                            left: countSizeVw(810, 1920);
                            width: countSizeVw(380, 1920);
                            max-height: countSizeVh(400);
                            border-radius: countSizeVh(10);
@@ -1042,14 +1042,14 @@
                        .search-content {
                            left: countSizeVw(760, 1920);
                            top: countSizeVh(100);
                            width: countSizeVw(460, 1920);
                            width: countSizeVw(500, 1920);
                            height: countSizeVh(36);

                            input {
                                width: countSizeVw(400, 1920);
                                font-size: countSizeVh(18);
                                border: countSizeVh(1) solid rgb(0, 92, 169);
                                border-radius: countSizeVh(20) 0 0 countSizeVh(20);
                                border-radius: countSizeVh(20);
                                // vertical-align: top;
                            }

@@ -1077,7 +1077,7 @@

                        .searchExtensively-val-box {
                            top: countSizeVh(80);
                            left: countSizeVw(760, 1920);
                            left: countSizeVw(810, 1920);
                            width: countSizeVw(380, 1920);
                            max-height: countSizeVh(400);
                            border-radius: countSizeVh(10);
@@ -1231,14 +1231,14 @@
                            .search-content {
                                left: countSizeVw(760, 1920);
                                top: countSizeVh(100);
                                width: countSizeVw(460, 1920);
                                width: countSizeVw(500, 1920);
                                height: countSizeVh(36);

                                input {
                                    width: countSizeVw(400, 1920);
                                    font-size: countSizeVh(18);
                                    border: countSizeVh(1) solid rgb(0, 92, 169);
                                    border-radius: countSizeVh(20) 0 0 countSizeVh(20);
                                    border-radius: countSizeVh(20);
                                    // vertical-align: top;
                                }

@@ -1266,7 +1266,7 @@

                            .searchExtensively-val-box {
                                top: countSizeVh(80);
                                left: countSizeVw(760, 1920);
                                left: countSizeVw(810, 1920);
                                width: countSizeVw(380, 1920);
                                max-height: countSizeVh(400);
                                border-radius: countSizeVh(10);
@@ -1398,14 +1398,14 @@
                            .search-content {
                                left: countSizeVw(760, 1920);
                                top: countSizeVh(100);
                                width: countSizeVw(460, 1920);
                                width: countSizeVw(500, 1920);
                                height: countSizeVh(36);

                                input {
                                    width: countSizeVw(400, 1920);
                                    font-size: countSizeVh(18);
                                    border: countSizeVh(1) solid rgb(0, 92, 169);
                                    border-radius: countSizeVh(20) 0 0 countSizeVh(20);
                                    border-radius: countSizeVh(20);
                                    // vertical-align: top;
                                }

@@ -1433,7 +1433,7 @@

                            .searchExtensively-val-box {
                                top: countSizeVh(80);
                                left: countSizeVw(760, 1920);
                                left: countSizeVw(810, 1920);
                                width: countSizeVw(380, 1920);
                                max-height: countSizeVh(400);
                                border-radius: countSizeVh(10);
@@ -1709,12 +1709,12 @@
                        }

                        .activity-details-box {
                            top: countSizeVh(90);
                            right: countSizeVw(10, 1920);
                            top: countSizeVh(40);
                            right: countSizeVw(420, 1920) - 100vw;
                            width: countSizeVw(400, 1920);
                            padding: countSizeVh(10) countSizeVw(10, 1920);
                            border-radius: countSizeVh(10) countSizeVw(10, 1920);
                            z-index: 99;
                            z-index: 1;

                            .title {
                                height: countSizeVh(36);
@@ -1790,14 +1790,14 @@
                        .search-content {
                            left: countSizeVw(760, 1920);
                            top: countSizeVh(100);
                            width: countSizeVw(460, 1920);
                            width: countSizeVw(500, 1920);
                            height: countSizeVh(36);

                            input {
                                width: countSizeVw(400, 1920);
                                font-size: countSizeVh(18);
                                border: countSizeVh(1) solid rgb(0, 92, 169);
                                border-radius: countSizeVh(20) 0 0 countSizeVh(20);
                                border-radius: countSizeVh(20);
                                // vertical-align: top;
                            }

@@ -1825,7 +1825,7 @@

                        .searchExtensively-val-box {
                            top: countSizeVh(80);
                            left: countSizeVw(760, 1920);
                            left: countSizeVw(810, 1920);
                            width: countSizeVw(380, 1920);
                            max-height: countSizeVh(400);
                            border-radius: countSizeVh(10);
@@ -2562,7 +2562,7 @@
                    top: countSizeVh(60);
                    width: countSizeVw(400, 1920);
                    height: calc(100% - countSizeVh(60));
                    z-index: 99;
                    z-index: 98;
                }

                .flexible-btn {

 src/views/activity/components/activityDetail.vue

@@ -59,9 +59,10 @@

<style lang="scss" scoped>
.activity-details-box {
    position: fixed;
    position: absolute;
    top: 90px;
    right: 10px;
    // right: 10px;
    right: calc(100vw - 400px);
    width: 400px;
    padding: 10px;
    border-radius: 10px;
@@ -69,6 +70,7 @@
    background: $bg-color;
    overflow-x: hidden;
    overflow-y: auto;
    z-index: 1;

    .title {
        position: relative;

 src/views/activity/components/drawBtnBox.vue

@@ -28,7 +28,6 @@
            </div>
            <div>
                <span>作战标绘：</span>

                <ul>
                    <li>
                        <button @click="drawArrow('attack_arrow')" title="进攻箭头">进攻箭头</button>

 src/views/activity/index.vue

@@ -57,17 +57,17 @@
                            <div>
                                <div class="category">详情：</div>
                                <div class="category-value">{{ item.content }}</div>
                                                                                                                                                                                                                       </div>
                                                                                                                                                                                                                   </div>
                                                                                                                                                                                                               </div>
                                                                                                                                                                                                           </div>

                                                                                                                                                                                                           <div v-show="activityList == 0" class="no-data">暂无数据</div>
                                                                                                                                                                                                       </div>
                                                                                                                                                                                                       <div class="pages all-pagination-sty">
                                                                                                                                                                                                           <el-pagination background layout="prev, pager, next" :page-size="pagesize" :page-count="pagesCount"
                                                                                                                                                                                                               :current-page="currentPage" @current-change="handleCurrentChange"></el-pagination>
                                                                                                                                                                                                       </div>
                                                                                                                                                                                           </div> -->
                                                                                                                                                                                                               <div v-show="activityList == 0" class="no-data">暂无数据</div>
                                                                                                                                                                                                           </div>
                                                                                                                                                                                                           <div class="pages all-pagination-sty">
                                                                                                                                                                                                               <el-pagination background layout="prev, pager, next" :page-size="pagesize" :page-count="pagesCount"
                                                                                                                                                                                                                   :current-page="currentPage" @current-change="handleCurrentChange"></el-pagination>
                                                                                                                                                                                                           </div>
                                                                                                                                                                                               </div> -->

            <el-collapse v-model="activeActivityIndex" accordion @change="handleActivityChange" class="activity-list">
                <el-collapse-item v-for="item in activityList" :name="item.id" :key="item.id">
@@ -688,7 +688,6 @@
        this.getEquipmentAll({ type: "2-2" }, '')
        //执法记录仪
        this.getEquipmentAll({ type: 3 }, '')

    },

    mounted () {
@@ -760,7 +759,7 @@
                let positionStr = position.slice(11, position.length - 1)
                lng = Number(positionStr.split(",")[0].split(' ')[0])
                lat = Number(positionStr.split(",")[0].split(' ')[1])
                console.log(position,positionStr, lng, lat)
                console.log(position, positionStr, lng, lat)
            }
            this.$EventBus.$emit('toPosition', {
                siteJd: lng,

 src/views/activity/index1.vue

@@ -28,12 +28,12 @@
                    <div class="category">选择时间：</div>
                    <div class="category-value">
                        <!-- <el-date-picker
                                            size="small"
                                            v-model="selectTime"
                                            type="date"
                                            placeholder="选择日期"
                                            style="width:268px"
                                        ></el-date-picker>-->
                                                size="small"
                                                v-model="selectTime"
                                                type="date"
                                                placeholder="选择日期"
                                                style="width:268px"
                                            ></el-date-picker>-->
                        <el-date-picker v-model="selectTime" type="daterange" align="right" unlink-panels
                            format="yyyy-MM-dd HH:mm:ss" value-format="yyyy-MM-dd HH:mm:ss" range-separator="至"
                            start-placeholder="开始日期" end-placeholder="结束日期" :picker-options="pickerOptions"
@@ -173,8 +173,8 @@
                <div class="category">应急预案：</div>
                <div class="category-value">
                    <el-switch v-model="polylineSwitch" @change="switchChange" active-color="#13ce66"
                                        inactive-color="#ccc"></el-switch>
                                </div>
                                            inactive-color="#ccc"></el-switch>
                                    </div>
            </div>

            <div class="row-box">
@@ -186,17 +186,17 @@
            </div>-->

        <!-- <div class="row-box">
                                <div class="category">分析范围：</div>
                                <div class="category-value">
                                    <el-input
                                        @input="analyseChange"
                                        size="mini"
                                        type="number"
                                        v-model="analyseInput"
                                        placeholder="请输入范围"
                                    ></el-input>
                                </div>
                            </div>-->
                                    <div class="category">分析范围：</div>
                                    <div class="category-value">
                                        <el-input
                                            @input="analyseChange"
                                            size="mini"
                                            type="number"
                                            v-model="analyseInput"
                                            placeholder="请输入范围"
                                        ></el-input>
                                    </div>
                                </div>-->

            <div class="row-box">
                <el-button @click="arrangeDraw">预案布置</el-button>

 src/views/home/11.json

File was deleted

 src/views/home/components/leftContainer.vue

@@ -43,10 +43,10 @@
                <defs>
                    <path id="border-box-8-path-974b4d7cfafa444396861ca1d1173c8c"
                        d="M0.27,0.03c52.66,0,105.34,0,158,0c1.67,2,3.33,4,5,6c1,0.33,2,0.67,3,1c1.33,1.67,2.67,3.33,4,5
                                                                                                    c16,0,32,0,48,0c53.66,0,107.34,0,161,0c1.13,1.72,0.63,1.36,3,2c0,0.67,0,1.33,0,2c0.67,0,1.33,0,2,0
                                                                                                    c0.01,104.58,0.01,206.44,0,309c-1.43,0.78-4.01,2.77-5,4c-12,0-24,0-36,0c-2.67-3.33-5.33-6.67-8-10c-21,0-42,0-63,0
                                                                                                    c-1.08,2.32-2.35,4.25-4,6c-0.67,0.33-1.33,0.67-2,1c-0.33,1-0.67,2-1,3c-20,0-40,0-60,0c-66.66,0-133.34,0-200,0
                                                                                                    c-1.28-1.57-2.76-2.25-4-4c-0.33,0-0.67,0-1,0c0-8.67,0-17.33,0-26c0-19.66,0-39.34,0-59C0.27,160.04,0.27,80.02,0.27,0.03z"
                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                            c16,0,32,0,48,0c53.66,0,107.34,0,161,0c1.13,1.72,0.63,1.36,3,2c0,0.67,0,1.33,0,2c0.67,0,1.33,0,2,0
                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                            c0.01,104.58,0.01,206.44,0,309c-1.43,0.78-4.01,2.77-5,4c-12,0-24,0-36,0c-2.67-3.33-5.33-6.67-8-10c-21,0-42,0-63,0
                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                            c-1.08,2.32-2.35,4.25-4,6c-0.67,0.33-1.33,0.67-2,1c-0.33,1-0.67,2-1,3c-20,0-40,0-60,0c-66.66,0-133.34,0-200,0
                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                            c-1.28-1.57-2.76-2.25-4-4c-0.33,0-0.67,0-1,0c0-8.67,0-17.33,0-26c0-19.66,0-39.34,0-59C0.27,160.04,0.27,80.02,0.27,0.03z"
                        fill="transparent" />
                    <radialGradient id="border-box-8-gradient-974b4d7cfafa444396861ca1d1173c8c" cx="50%" cy="50%" r="50%">
                        <stop offset="0%" stop-color="#fff" stop-opacity="1" />
@@ -56,10 +56,10 @@
                        <circle cx="0" cy="0" r="150" fill="url(#border-box-8-gradient-974b4d7cfafa444396861ca1d1173c8c)">
                            <animateMotion dur="8s"
                                path="M0.27,0.03c52.66,0,105.34,0,158,0c1.67,2,3.33,4,5,6c1,0.33,2,0.67,3,1c1.33,1.67,2.67,3.33,4,5
                                                                                                        c16,0,32,0,48,0c53.66,0,107.34,0,161,0c1.13,1.72,0.63,1.36,3,2c0,0.67,0,1.33,0,2c0.67,0,1.33,0,2,0
                                                                                                        c0.01,104.58,0.01,206.44,0,309c-1.43,0.78-4.01,2.77-5,4c-12,0-24,0-36,0c-2.67-3.33-5.33-6.67-8-10c-21,0-42,0-63,0
                                                                                                        c-1.08,2.32-2.35,4.25-4,6c-0.67,0.33-1.33,0.67-2,1c-0.33,1-0.67,2-1,3c-20,0-40,0-60,0c-66.66,0-133.34,0-200,0
                                                                                                        c-1.28-1.57-2.76-2.25-4-4c-0.33,0-0.67,0-1,0c0-8.67,0-17.33,0-26c0-19.66,0-39.34,0-59C0.27,160.04,0.27,80.02,0.27,0.03z"
                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                c16,0,32,0,48,0c53.66,0,107.34,0,161,0c1.13,1.72,0.63,1.36,3,2c0,0.67,0,1.33,0,2c0.67,0,1.33,0,2,0
                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                c0.01,104.58,0.01,206.44,0,309c-1.43,0.78-4.01,2.77-5,4c-12,0-24,0-36,0c-2.67-3.33-5.33-6.67-8-10c-21,0-42,0-63,0
                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                c-1.08,2.32-2.35,4.25-4,6c-0.67,0.33-1.33,0.67-2,1c-0.33,1-0.67,2-1,3c-20,0-40,0-60,0c-66.66,0-133.34,0-200,0
                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                c-1.28-1.57-2.76-2.25-4-4c-0.33,0-0.67,0-1,0c0-8.67,0-17.33,0-26c0-19.66,0-39.34,0-59C0.27,160.04,0.27,80.02,0.27,0.03z"
                                rotate="auto" repeatCount="indefinite" />
                        </circle>
                    </mask>
@@ -127,6 +127,26 @@
                </use>
            </svg>
        </div>

        <el-dialog title="学校" :modal="false" :visible.sync="xxPopupShow" :before-close="landBeforeClose"
            :close-on-click-modal="true" class="land-details-box">
            <el-table :data="xxArr" style="width: 100%"
                :header-cell-style="{ 'text-align': 'center', 'background-color': '#203c60', 'borderColor': '#324e75' }"
                :cell-style="{ 'text-align': 'center', 'borderColor': '#324e75', 'cursor': 'pointer' }">

                <el-table-column :show-overflow-tooltip="true" prop="XSQ" label="县（市、区）"></el-table-column>
                <el-table-column :show-overflow-tooltip="true" prop="name" label="学校名称"></el-table-column>
                <el-table-column :show-overflow-tooltip="true" prop="DZ" label="地址"></el-table-column>

                <el-table-column label="操作" align="center">
                    <template slot-scope="scope">
                        <el-button @click="rowClick(scope.row)" type="text" size="small" title="定位">
                            <i class="el-icon-location"></i>
                        </el-button>
                    </template>
                </el-table-column>
            </el-table>
        </el-dialog>
    </div>
</template>

@@ -134,6 +154,7 @@
import { fontSize } from '@/utils/fontSize.js'
import { getAreaStatisticInfo } from "@/api/home/index.js"
import { getVillagePersonStatisticInfo, getVillagePersonStatisticInfoByPoliceStationId, getPersonInfo, getPersonInfoPage, getHouseStatisticInfo } from "@/api/dept"
import { schoolJSON } from '../homeleft/school.js'

let homePersonmyChart = null
let keyPersonmyChart = null
@@ -171,11 +192,15 @@
            keyPlaceNum: '',
            personAll: '',
            // 记录当前选中派出所的ID
            policeStaionID: ''
            policeStaionID: '',
            xxPopupShow: false,
            xxArr: [],
            peopleLoading: false,
        }
    },

    created () {
        console.log(schoolJSON, 1111)
    },

    mounted () {
@@ -190,9 +215,42 @@

        this.$nextTick(() => {
            window.addEventListener("resize", this.echartsResize)
            if (this.userInfo.dept_id == '1596020515064381442') {
                schoolJSON.forEach(item => {
                    if (item.x && item.x != '' && item.y && item.y != '') {
                        this.$EventBus.$emit('layerPointAdd', {
                            layerName: 'schoolJSONlayer',
                            type: "billboard",
                            params: {
                                lng: Number(item.x),
                                lat: Number(item.y),
                                url: '/img/icon/school.png'
                            }
                        })
                    }
                })
            }
        })
    },
    methods: {
        rowClick (row) {
            if (row.x == '' || row.y == '') {
                this.$message({
                    message: '暂无位置信息',
                    type: 'warning'
                })

                return
            }

            this.$EventBus.$emit('toPosition', {
                layerName: 'carLayers',
                siteJd: row.x,
                siteWd: row.y
            })

            this.xxPopupShow = false
        },
        /**
         * @description: 获取首页的所有数据
         * @return {*}
@@ -243,10 +301,15 @@

            if (type == 0) {
                if (this.userInfo.dept_id == '1123598813738675201' && this.policeStaionID == '') {

                    this.getPoliceStationInfo()

                } else {

                    this.getVillagePersonStatisticInfoByPoliceStationId(this.policeStaionID != '' ? this.policeStaionID : this.userInfo.dept_id)

                }


            } else if (type == 1) {

@@ -267,6 +330,11 @@
                    this.disposeEchart()

                    this.personAll = res.data.data

                    if (this.userInfo.dept_id == '1596020515064381442') {
                        this.personAll.emphasisNum = 17
                    }

                    this.policeStationPersonInfo = res.data.data
                    //异步，因此放进接口方法内部
                    this.initPersonEcharts()
@@ -274,7 +342,6 @@
                }
            })
        },


        /**
         * @description: 获取派出所户籍人口数据
@@ -286,11 +353,9 @@
            getVillagePersonStatisticInfoByPoliceStationId(policeStationId, name).then(res => {
                if (res.data.code == 200) {
                    this.disposeEchart()

                    var chartDom = document.getElementById('PersonEcharts')
                    homePersonmyChart = this.$echarts.init(chartDom)
                    this.personAll = res.data.data

                    this.villagePersonStatisticInfoList = res.data.data
                    var xDate = [], yDate = [], colors = ['#ccf9d0', '#f9d888', '#f7857e']

@@ -307,6 +372,9 @@

                    homePersonmyChart.setOption(this.initPersonOptions(xDate, yDate, colors), true)
                    this.clickPeopleChart()

                    setTimeout(() => { this.dataDeep = 2 }, 1000)

                }
            })
        },
@@ -480,7 +548,22 @@
                    xDate.push(item.name)
                    yDate.push(item.num)
                })
                this.inithouseEcharts(xDate, yDate)
                if (this.userInfo.dept_id == '1596020515064381442') {
                    this.keyPlaceNum = 28
                    this.realHouseNum = 205
                    if (isFollow == 2) {
                        xDate = ['学校', '医院', '党政机关', '宾馆酒店', '零售业', '数字经济', '批发业', '装修及建筑业', '租赁业', '房地产业', '商务服务业', '餐饮业']
                        yDate = [36, 1, 3, 34, 16, 25, 30, 33, 2, 7, 6, 2]
                        this.inithouseEcharts(xDate, yDate)
                    } else {
                        xDate = ['反恐重点目标', '危爆品单位']
                        yDate = [14, 14]
                        this.inithouseEcharts(xDate, yDate)
                    }
                } else {
                    this.inithouseEcharts(xDate, yDate)
                }
                this.clickHouseChart()
            })
        },

@@ -686,11 +769,20 @@

        clickPeopleChart () {
            homePersonmyChart.on('click', params => {
                this.dataDeep = 2
                if (params.data.type == 'policeStation') {
                    this.getVillagePersonStatisticInfoByPoliceStationId(params.data.id)
                } else {
                    this.$emit('showpeopledetail', params.data.id, params.data.name)
                }
            })
        },

        clickHouseChart () {
            houseMyChart.on('click', params => {
                console.log('clickHouseChart', params)
                if (params.name == '学校') {
                    this.xxPopupShow = true
                    this.xxArr = schoolJSON
                }
            })
        },
@@ -707,7 +799,15 @@

            let personInfo = await this.getPersonInfo()

            if (this.userInfo.dept_id == '1596020515064381442') {
                personInfo = [{ count: 8, name: '征地拆迁群体', value: 8 }, { count: 4, name: '非涉法涉诉重点个访人员', value: 4 }, { count: 4, name: '涉法涉诉重点个访人员', value: 4 }, { count: 1, name: '楼盘业主维权群体', value: 1 }]

            }

            keyPersonmyChart.setOption(this.initkeyPersonOption(personInfo))



            this.clickkeyPersonChart()
        },
        /**
@@ -909,6 +1009,7 @@
         */
        clickLandChart () {
            landMyChart.on('click', params => {
                console.log('clickLandChart')
                if (this.tabTypeThree == 0) {
                    this.$emit('showlanddetail', params.name, 2, params.data.id)
                } else {

 src/views/home/components/rightContainer.vue

@@ -6,10 +6,10 @@
                    <div>值班信息(当日)</div>
                </div>

                <div class="table-box">
                <div class="table-box" v-show="!showMJL">
                    <el-table size="small" :height="tableHeight" :data="schedulingList" style="width: 100%"
                        :header-cell-style="{ 'text-align': 'center' }"
                        :cell-style="{ 'text-align': 'center', 'borderColor': '#324e75' }"
                        :cell-style="{ 'text-align': 'center', borderColor: '#324e75' }"
                        :row-class-name="tableRowClassName">
                        <el-table-column prop="dept" label="值班单位"></el-table-column>
                        <el-table-column prop="person" label="姓名"></el-table-column>
@@ -18,10 +18,23 @@
                    <div class="pointList">
                        <el-tooltip class="item" effect="dark" :content="item.dept" placement="top"
                            v-for="(item, index) in schedulingDeptList" :key="index">
                            <div class="point" @click="getSchedlingList(item)">
                            </div>
                            <div class="point" @click="getSchedlingList(item)"></div>
                        </el-tooltip>
                    </div>
                </div>

                <div class="table-box" v-show="showMJL">
                    <el-table size="small" :height="tableHeight" :data="schedulingList" style="width: 100%"
                        :show-header="false" :header-cell-style="{ 'text-align': 'center' }"
                        :cell-style="{ 'text-align': 'center', borderColor: '#324e75' }"
                        :row-class-name="tableRowClassName">
                        <el-table-column :show-overflow-tooltip="true" v-for="(item, index) in transTitle" :label="item"
                            :key="index" align="center">
                            <template slot-scope="scope">
                                {{ scope.row[index] }}
                            </template>
                        </el-table-column>
                    </el-table>
                </div>
            </div>

@@ -93,7 +106,7 @@
                        <span :class="{ choosed: linetype == 1 }" @click="initEquipmentEcharts(1)">设备状态</span>
                    </div>
                </div>
                <div style="overflow: hidden;" id="EquipmentEcharts" class="echarts-box"></div>
                <div style="overflow: hidden" id="EquipmentEcharts" class="echarts-box"></div>
            </div>

            <svg class="border-svg">
@@ -106,10 +119,20 @@
        </div>
    </div>
</template>

 
<script>
const oneColor = ['#4caf50', '#2979ff', '#ffd600', '#0d47a1', '#b71c1c']
const twoColor = ['#5470FE', '#91cc75', '#fac858', '#ee6666', '#73c0de', '#3ba272', '#fc8452', '#9a60b4', '#ea7ccc']
const oneColor = ["#4caf50", "#2979ff", "#ffd600", "#0d47a1", "#b71c1c"]
const twoColor = [
    "#5470FE",
    "#91cc75",
    "#fac858",
    "#ee6666",
    "#73c0de",
    "#3ba272",
    "#fc8452",
    "#9a60b4",
    "#ea7ccc",
]

let rightTiming = null
let equipmentmyChart = null
@@ -117,52 +140,59 @@
let timer
let equimentDataLength = 0

import recorderArr from '@/assets/data/equimentsDate/recorder.js'
import { getSchedulingList, getSchedulingDeptList } from '@/api/home/index.js'
import { fontSize } from '@/utils/fontSize.js'
import recorderArr from "@/assets/data/equimentsDate/recorder.js"
import { getSchedulingList, getSchedulingDeptList } from "@/api/home/index.js"
import { fontSize } from "@/utils/fontSize.js"

import { getCaseAll, getEquipment } from "@/api/home/index.js"

const timeEvents = []

export default {
    inject: ['userInfo'],
    inject: ["userInfo"],
    data () {
        return {
            eventTime: [],
            pickerOptions: {
                shortcuts: [{
                    text: '最近一周',
                    onClick (picker) {
                        const end = new Date()
                        const start = new Date()
                        start.setTime(start.getTime() - 3600 * 1000 * 24 * 7)
                        picker.$emit('pick', [start, end])
                    }
                }, {
                    text: '最近一个月',
                    onClick (picker) {
                        const end = new Date()
                        const start = new Date()
                        start.setTime(start.getTime() - 3600 * 1000 * 24 * 30)
                        picker.$emit('pick', [start, end])
                    }
                }, {
                    text: '最近三个月',
                    onClick (picker) {
                        const end = new Date()
                        const start = new Date()
                        start.setTime(start.getTime() - 3600 * 1000 * 24 * 90)
                        picker.$emit('pick', [start, end])
                    }
                }]
                shortcuts: [
                    {
                        text: "最近一周",
                        onClick (picker) {
                            const end = new Date()
                            const start = new Date()
                            start.setTime(start.getTime() - 3600 * 1000 * 24 * 7)
                            picker.$emit("pick", [start, end])
                        },
                    },
                    {
                        text: "最近一个月",
                        onClick (picker) {
                            const end = new Date()
                            const start = new Date()
                            start.setTime(start.getTime() - 3600 * 1000 * 24 * 30)
                            picker.$emit("pick", [start, end])
                        },
                    },
                    {
                        text: "最近三个月",
                        onClick (picker) {
                            const end = new Date()
                            const start = new Date()
                            start.setTime(start.getTime() - 3600 * 1000 * 24 * 90)
                            picker.$emit("pick", [start, end])
                        },
                    },
                ],
            },
            regionTotal: 0,
            linetype: 0,
            tableHeight: 0,
            schedulingList: [],
            schedulingDeptList: [1, 2, 3, 4, 5, 6, 1, 2, 3, 4, 5, 6],
            policeStaionID: '',
            policeStaionID: "",
            showMJL: false,
            originTitle: ['值班人员', '副班、巡逻人员'],
            transTitle: ['', '人员', '人员'],
        }
    },

@@ -171,9 +201,9 @@
            ...this.pickerOptions,
            disabledDate (time) {
                // 设置可选择的日期为今天之后的一个月内
                let curDate = (new Date()).getTime()
                let curDate = new Date().getTime()
                return time.getTime() > curDate
            }
            },
        }

        this.defaultDate()
@@ -184,20 +214,23 @@
    },

    mounted () {

        this.getHomeAllData()

        this.$nextTick(() => {
            window.addEventListener("resize", this.echartsResize)
            this.tableHeight = this.$refs.Container.offsetHeight - this.$refs.caseBox.offsetHeight - this.$refs.crowdBox.offsetHeight - this.$refs.alertBoxTitle.offsetHeight - 86
            this.tableHeight =
                this.$refs.Container.offsetHeight -
                this.$refs.caseBox.offsetHeight -
                this.$refs.crowdBox.offsetHeight -
                this.$refs.alertBoxTitle.offsetHeight -
                86
        })

    },

    methods: {
        //获取值班列表信息
        getSchedlingList (item) {
            this.$emit('showschedulingdetail', item.dept, item.dept, 'type')
            this.$emit("showschedulingdetail", item.dept, item.dept, "type")
        },
        //获取值班单位信息
        getSchedulingDeptList () {
@@ -216,7 +249,7 @@
         * @description: 获取当前组件内所有数据
         * @return {*}
         */
        getHomeAllData (id = '') {
        getHomeAllData (id = "") {
            this.policeStaionID = id

            this.initEventChangeEcharts()
@@ -229,35 +262,85 @@
            }

            rightTiming = setInterval(async () => {

                this.initEquipmentEcharts(this.linetype)

            }, 600000)
        },

        getSchedulingList () {
            const params = {
                sameday: 1
            console.log(this.userInfo, 456)
            if (this.userInfo.dept_id == "1596020515064381442") {
                const data = [
                    {
                        person:
                            "徐星逸、任圣日、娄永攀、蔡善龙、陈小强、梅祥、吕镇、刘开勇、付建冬",
                        patrol: "章正椿，夏文翔，叶江明，黄俊龙，苏茯林，王顺祥",
                    },
                    {
                        person:
                            "矢裕忠、戴饶平、余传公、杨敏、苏浩男、周安云、蒋丁岩、陈圣俊、雷智荐",
                        patrol: "潘林彬，刘志祥，李志强，杨俊浩，黄天行，叶子淳",
                    },
                    {
                        person:
                            "齐光华、周静、吕来城、周骏、邓道群、沈强、王岳、魏霄峰、夏添、李道福",
                        patrol: "余梦宝，徐宝盛，李仁豪，付涵，周林，王宗强",
                    },
                ]

                const matrixData = data.map((row) => {
                    let arr = []
                    for (let key in row) {
                        arr.push(row[key])
                    }
                    return arr
                })

                this.schedulingList = matrixData[0].map((col, i) => {
                    return [this.originTitle[i], ...matrixData.map((row) => {
                        return row[i]
                    })]
                })


                this.$nextTick(() => {
                    this.tableHeight =
                        this.$refs.Container.offsetHeight -
                        this.$refs.caseBox.offsetHeight -
                        this.$refs.crowdBox.offsetHeight -
                        this.$refs.alertBoxTitle.offsetHeight
                })

                this.showMJL = true
            } else {
                const params = {
                    sameday: 1,
                }

                this.showMJL = false
                getSchedulingList(1, 100, params).then((res) => {
                    this.schedulingList = res.data.data.records
                })
            }
            getSchedulingList(1, 100, params).then(res => {
                this.schedulingList = res.data.data.records
            })
        },

        echartsResize () {
            equipmentmyChart && equipmentmyChart != null && equipmentmyChart.resize()
            eventchangemychart && eventchangemychart != null && eventchangemychart.resize()
            eventchangemychart &&
                eventchangemychart != null &&
                eventchangemychart.resize()
        },

        // 案件统计中时间变化
        async caseTimeChange (e) {
            const date = e.map(item => {
            const date = e.map((item) => {
                return this.dateFormat(item)
            })

            eventchangemychart.clear()
            const optionsData = await this.getCaseAll(date[0], date[1])
            eventchangemychart.setOption(this.initEventChangeOption(optionsData.xData, optionsData.yData))
            eventchangemychart.setOption(
                this.initEventChangeOption(optionsData.xData, optionsData.yData)
            )
        },

        // 设置默认时间
@@ -274,22 +357,29 @@
            var date = new Date(dateData)
            var y = date.getFullYear()
            var m = date.getMonth() + 1
            m = m < 10 ? ('0' + m) : m
            m = m < 10 ? "0" + m : m
            var d = date.getDate()
            d = d < 10 ? ('0' + d) : d
            const time = y + '-' + m + '-' + d
            d = d < 10 ? "0" + d : d
            const time = y + "-" + m + "-" + d
            return time
        },

        // 获取案件统计值
        getCaseAll (start, end) {
            const caseAll = getCaseAll(start, end, this.policeStaionID != '' ? this.policeStaionID : this.userInfo.dept_id).then(res => {
            const caseAll = getCaseAll(
                start,
                end,
                this.policeStaionID != "" ? this.policeStaionID : this.userInfo.dept_id
            ).then((res) => {
                if (res.data.length > 0) {
                    return res.data.reduce((previous, current) => {
                        previous.xData.push(current.days)
                        previous.yData.push(current.cout)
                        return previous
                    }, { xData: [], yData: [] })
                    return res.data.reduce(
                        (previous, current) => {
                            previous.xData.push(current.days)
                            previous.yData.push(current.cout)
                            return previous
                        },
                        { xData: [], yData: [] }
                    )
                } else {
                    return { xData: [], yData: [] }
                }
@@ -300,78 +390,87 @@

        // 初始化案件统计
        async initEventChangeEcharts () {
            var chartDom = document.getElementById('EventChangeEcharts')
            var chartDom = document.getElementById("EventChangeEcharts")

            if (eventchangemychart != null && eventchangemychart != '' && eventchangemychart != undefined) eventchangemychart.dispose()
            if (
                eventchangemychart != null &&
                eventchangemychart != "" &&
                eventchangemychart != undefined
            )
                eventchangemychart.dispose()

            eventchangemychart = this.$echarts.init(chartDom)

            const date = this.eventTime.map(item => {
            const date = this.eventTime.map((item) => {
                return this.dateFormat(item)
            })

            const optionsData = await this.getCaseAll(date[0], date[1])

            eventchangemychart.setOption(this.initEventChangeOption(optionsData.xData, optionsData.yData))
            eventchangemychart.setOption(
                this.initEventChangeOption(optionsData.xData, optionsData.yData)
            )
        },

        // 案件统计的options
        initEventChangeOption (xData, yData) {
            let option
            if (xData.length == 0) {  //暂无数据
            if (xData.length == 0) {
                //暂无数据
                option = {
                    title: {
                        text: '暂无数据',
                        x: 'center',
                        y: 'center',
                        text: "暂无数据",
                        x: "center",
                        y: "center",
                        textStyle: {
                            color: "#fff",
                            fontSize: fontSize(14),
                            fontWeight: 'normal',
                        }
                    }
                            fontWeight: "normal",
                        },
                    },
                }
            } else {
                option = {
                    tooltip: {
                        trigger: 'item',
                        formatter: ' <span style="display: inline-block; margin-right: 4px; border-radius: 10px; width: 10px; height: 10px;background-color: #91cc75;"></span> {b0}<strong style="margin-left:10px;color:#5c7bd9">{c0}起</strong>'
                        trigger: "item",
                        formatter:
                            ' <span style="display: inline-block; margin-right: 4px; border-radius: 10px; width: 10px; height: 10px;background-color: #91cc75;"></span> {b0}<strong style="margin-left:10px;color:#5c7bd9">{c0}起</strong>',
                    },
                    xAxis: {
                        type: 'category',
                        type: "category",
                        data: xData,
                        axisLabel: {
                            color: "#fff",
                            fontSize: fontSize(14)
                            fontSize: fontSize(14),
                        },
                        axisLine: {
                            lineStyle: {
                                color: "#fff"
                            }
                        }
                                color: "#fff",
                            },
                        },
                    },
                    yAxis: {
                        type: 'value',
                        type: "value",

                        minInterval: 1,

                        splitLine: {
                            show: false
                            show: false,
                        },
                        axisLabel: {
                            color: "#fff",
                            fontSize: fontSize(14)
                            fontSize: fontSize(14),
                        },
                        axisLine: {
                            lineStyle: {
                                color: "#fff"
                            }
                        }
                                color: "#fff",
                            },
                        },
                    },
                    series: [
                        {
                            data: yData,
                            type: 'line',
                            type: "line",
                            smooth: true,
                            areaStyle: {
                                normal: {
@@ -385,33 +484,33 @@
                                            {
                                                //波形图渐变色样式
                                                offset: 0,
                                                color: "rgba(3, 108, 255, 0.7)"
                                                color: "rgba(3, 108, 255, 0.7)",
                                            },
                                            {
                                                offset: 0.8,
                                                color: "rgba(3, 108, 255, 0.1)"
                                            }
                                                color: "rgba(3, 108, 255, 0.1)",
                                            },
                                        ],
                                        false
                                    )
                                }
                                    ),
                                },
                            },
                            itemStyle: {
                                normal: {
                                    color: 'red', //改变折线点的颜色
                                    color: "red", //改变折线点的颜色
                                    lineStyle: {
                                        color: 'rgba(3, 108, 255, 1)' //改变折线颜色
                                    }
                                }
                            }
                        }
                                        color: "rgba(3, 108, 255, 1)", //改变折线颜色
                                    },
                                },
                            },
                        },
                    ],
                    grid: {
                        top: '4%',
                        left: '3%',
                        right: '2%',
                        bottom: '4%',
                        containLabel: true
                        top: "4%",
                        left: "3%",
                        right: "2%",
                        bottom: "4%",
                        containLabel: true,
                    },
                }
            }
@@ -422,27 +521,27 @@
        // 现有设备统计
        getEquipment () {
            const typeData = {
                carCount: '车辆',
                monitorCount: '摄像头',
                phoneCount: '执法记录仪',
                recorderCount: '手台',
                carCount: "车辆",
                monitorCount: "摄像头",
                phoneCount: "执法记录仪",
                recorderCount: "手台",
            }

            const typeIndexData = {
                '车辆': 0,
                '摄像头': 1,
                '手台': 2,
                '执法记录仪': 3,
                车辆: 0,
                摄像头: 1,
                手台: 2,
                执法记录仪: 3,
            }

            let data = []
            this.regionTotal = 0

            const dataAll = getEquipment(this.policeStaionID != '' ? this.policeStaionID : this.userInfo.dept_id).then(res => {

            const dataAll = getEquipment(
                this.policeStaionID != "" ? this.policeStaionID : this.userInfo.dept_id
            ).then((res) => {
                if (this.linetype == 0) {
                    data = res.data.map((item, index) => {

                        this.regionTotal += item.count

                        return {
@@ -451,7 +550,7 @@
                            value: Number(item.count),
                            working: Number(item.online),
                            fault: Number(item.offline),
                            label: twoColor[index]
                            label: twoColor[index],
                        }
                    })

@@ -459,10 +558,22 @@

                    return data
                } else {
                    let normalData = { value: 0, name: '在线', color: '#4caf50', online: true, label: { color: oneColor[0] } }
                    let faultData = { value: 0, name: '离线', color: '#ffd600', online: false, label: { color: oneColor[2] } }
                    let normalData = {
                        value: 0,
                        name: "在线",
                        color: "#4caf50",
                        online: true,
                        label: { color: oneColor[0] },
                    }
                    let faultData = {
                        value: 0,
                        name: "离线",
                        color: "#ffd600",
                        online: false,
                        label: { color: oneColor[2] },
                    }

                    res.data.forEach(item => {
                    res.data.forEach((item) => {
                        this.regionTotal = Number(this.regionTotal) + Number(item.count)

                        normalData.value = Number(normalData.value) + Number(item.online)
@@ -483,7 +594,6 @@

                    return data
                }

            })

            return dataAll
@@ -493,17 +603,21 @@
        async initEquipmentEcharts (type) {
            this.linetype = type

            if (equipmentmyChart != null && equipmentmyChart != '' && equipmentmyChart != undefined) {
            if (
                equipmentmyChart != null &&
                equipmentmyChart != "" &&
                equipmentmyChart != undefined
            ) {
                equipmentmyChart.dispose()
                equipmentmyChart.off('click')
                equipmentmyChart.off("click")
            }

            var chartDom = document.getElementById('EquipmentEcharts')
            var chartDom = document.getElementById("EquipmentEcharts")
            equipmentmyChart = this.$echarts.init(chartDom)

            const data = await this.getEquipment()

            const newData = data.filter(item => {
            const newData = data.filter((item) => {
                if (item.value != 0) {
                    return item
                }
@@ -517,8 +631,8 @@
                this.equipmentEchartsCarousel()
            } else {
                clearInterval(timer)
                equipmentmyChart.off('mouseover')
                equipmentmyChart.off('mouseout')
                equipmentmyChart.off("mouseover")
                equipmentmyChart.off("mouseout")
            }
        },

@@ -526,12 +640,17 @@
        initEquipmentOptions (dataArr) {
            return {
                tooltip: {
                    trigger: 'item',
                    trigger: "item",
                    confine: true,
                    formatter: function (params) {
                        let tipHtml = ``

                        if ('carCount' in params.data || 'monitorCount' in params.data || 'phoneCount' in params.data || 'recorderCount' in params.data) {
                        if (
                            "carCount" in params.data ||
                            "monitorCount" in params.data ||
                            "phoneCount" in params.data ||
                            "recorderCount" in params.data
                        ) {
                            tipHtml = `
                            ${params.marker} 
                            <strong style="color: ${params.color}">${params.data.name} ${params.data.value}台</strong>
@@ -548,21 +667,28 @@
                            `
                        } else {
                            tipHtml = `${params.marker} 
                            <strong style="color: ${params.color}">${params.data.name} ${params.data.value}台</strong>
                            <strong style="color: ${params.color}">${params.data.name
                                } ${params.data.value}台</strong>
                            <br />
                            <span style="color:#4caf50">在线：${params.data.working}台</span>
                            <span style="color:#4caf50">在线：${params.data.working
                                }台</span>
                            <br />
                            <span style="color:#ccc">离线：${params.data.fault}台</span>
                            <span style="color:#ccc">离线：${params.data.fault
                                }台</span>
                            <br />
                            <span style="margin-left:10px;color:#ccc">设备离线率：${Math.floor(params.data.fault / (params.data.working + params.data.fault) * 100)}%</span><br />`
                            <span style="margin-left:10px;color:#ccc">设备离线率：${Math.floor(
                                    (params.data.fault /
                                        (params.data.working + params.data.fault)) *
                                    100
                                )}%</span><br />`
                        }
                        return tipHtml
                    },
                    backgroundColor: 'rgba(8, 56, 185, 0.9)',
                    borderColor: 'rgba(8, 56, 185, 0.9)',
                    backgroundColor: "rgba(8, 56, 185, 0.9)",
                    borderColor: "rgba(8, 56, 185, 0.9)",
                    textStyle: {
                        fontSize: fontSize(14)
                    }
                        fontSize: fontSize(14),
                    },
                },
                graphic: {
                    type: "text",
@@ -574,8 +700,8 @@
                        textAlign: "center",
                        fill: "#fff",
                        fontSize: fontSize(18),
                        fontWeight: 700
                    }
                        fontWeight: 700,
                    },
                },
                title: {
                    text: `${this.regionTotal}`,
@@ -585,59 +711,79 @@
                        color: "#27D9C8",
                        fontSize: fontSize(20),
                        fontWeight: 700,
                        align: "center"
                    }
                        align: "center",
                    },
                },
                series: [
                    {
                        name: '',
                        type: 'pie',
                        radius: ['90%', '136%'],
                        top: 'middle',
                        left: 'center',
                        name: "",
                        type: "pie",
                        radius: ["90%", "136%"],
                        top: "middle",
                        left: "center",
                        data: dataArr,
                        avoidLabelOverlap: false,
                        labelLine: {
                            normal: {
                                length: fontSize(15),
                                lineStyle: {
                                    width: fontSize(3)
                                }
                            }
                                    width: fontSize(3),
                                },
                            },
                        },
                        emphasis: {
                            label: {
                                color: 'red',
                                fontSize: fontSize(16)
                            }
                                color: "red",
                                fontSize: fontSize(16),
                            },
                        },
                        label: {
                            color: function (params) {
                                let colorList = []
                                if ('carCount' in params.data) {
                                    colorList = ['#4caf50', '#787878', '#fac858', '#d766ee',]
                                if ("carCount" in params.data) {
                                    colorList = ["#4caf50", "#787878", "#fac858", "#d766ee"]
                                } else {
                                    colorList = ['#5470FE', '#91cc75', '#fac858', '#ee6666', '#73c0de', '#3ba272', '#fc8452', '#9a60b4', '#ea7ccc']
                                    colorList = [
                                        "#5470FE",
                                        "#91cc75",
                                        "#fac858",
                                        "#ee6666",
                                        "#73c0de",
                                        "#3ba272",
                                        "#fc8452",
                                        "#9a60b4",
                                        "#ea7ccc",
                                    ]
                                }
                                return colorList[params.dataIndex]
                            },
                            fontSize: fontSize(16)
                            fontSize: fontSize(16),
                        },
                        itemStyle: {
                            normal: {
                                color: function (params) {
                                    let colorList = []
                                    if ('carCount' in params.data) {
                                        colorList = ['#4caf50', '#787878', '#fac858', '#d766ee',]
                                    if ("carCount" in params.data) {
                                        colorList = ["#4caf50", "#787878", "#fac858", "#d766ee"]
                                    } else {
                                        colorList = ['#5470FE', '#91cc75', '#fac858', '#ee6666', '#73c0de', '#3ba272', '#fc8452', '#9a60b4', '#ea7ccc']
                                        colorList = [
                                            "#5470FE",
                                            "#91cc75",
                                            "#fac858",
                                            "#ee6666",
                                            "#73c0de",
                                            "#3ba272",
                                            "#fc8452",
                                            "#9a60b4",
                                            "#ea7ccc",
                                        ]
                                    }
                                    return colorList[params.dataIndex]
                                }
                            }
                        }
                    }
                ]
                                },
                            },
                        },
                    },
                ],
            }
        },

@@ -649,38 +795,50 @@
            }

            timer = setInterval(() => {
                equipmentmyChart.dispatchAction({ type: 'downplay', seriesIndex: 0, dataIndex: curIndex })
                equipmentmyChart.dispatchAction({
                    type: "downplay",
                    seriesIndex: 0,
                    dataIndex: curIndex,
                })
                curIndex = (curIndex + 1) % equimentDataLength
                equipmentmyChart.dispatchAction({
                    type: 'highlight', seriesIndex: 0, dataIndex: curIndex
                    type: "highlight",
                    seriesIndex: 0,
                    dataIndex: curIndex,
                })
            }, 1000)

            equipmentmyChart.on('mouseover', function (param) {
            equipmentmyChart.on("mouseover", function (param) {
                clearInterval(timer)
                equipmentmyChart.dispatchAction({
                    type: 'downplay',
                    type: "downplay",
                    seriesIndex: 0,
                    dataIndex: curIndex
                    dataIndex: curIndex,
                })
                equipmentmyChart.dispatchAction({
                    type: 'highlight',
                    type: "highlight",
                    seriesIndex: 0,
                    dataIndex: param.dataIndex
                    dataIndex: param.dataIndex,
                })
                curIndex = param.dataIndex
            })

            equipmentmyChart.on('mouseout', function (param) {
            equipmentmyChart.on("mouseout", function (param) {
                curIndex = param.dataIndex
                if (timer) {
                    clearInterval(timer)
                }
                timer = setInterval(() => {
                    equipmentmyChart.dispatchAction({ type: 'downplay', seriesIndex: 0, dataIndex: curIndex })
                    equipmentmyChart.dispatchAction({
                        type: "downplay",
                        seriesIndex: 0,
                        dataIndex: curIndex,
                    })
                    curIndex = (curIndex + 1) % equimentDataLength
                    equipmentmyChart.dispatchAction({
                        type: 'highlight', seriesIndex: 0, dataIndex: curIndex
                        type: "highlight",
                        seriesIndex: 0,
                        dataIndex: curIndex,
                    })
                }, 1000)
            })
@@ -688,12 +846,22 @@

        // 现有设备的点击事件（显示弹窗表格）
        clickEquimentChart () {
            equipmentmyChart.on('click', params => {
            equipmentmyChart.on("click", (params) => {
                // 设备类型，摄像头弹窗显示，其他弹窗显示，【记录仪列显示，警车列显示，手台列显示】，遍历数组
                if ('equimentType' in params.data) {
                    this.$emit('showequimentdetail', params.data.name, params.data.equimentType, 'type')
                if ("equimentType" in params.data) {
                    this.$emit(
                        "showequimentdetail",
                        params.data.name,
                        params.data.equimentType,
                        "type"
                    )
                } else {
                    this.$emit('showequimentdetail', params.data.name, params.data.online, 'online')
                    this.$emit(
                        "showequimentdetail",
                        params.data.name,
                        params.data.online,
                        "online"
                    )
                }
            })
        },
@@ -721,10 +889,10 @@
            clearInterval(rightTiming)
            rightTiming = null
        }
    }
    },
}
</script>

 
<style scoped lang="scss">
.container {
    display: flex;

 src/views/home/homeleft/hotal.js

New file
@@ -0,0 +1,682 @@
export const hotalJSON = [{
        "旅馆编码": "013611020916",
        "旅馆名称": "信州区艺萍民宿",
        "地址": "江西省上饶市信州区市三江新城区水产场109号地段二、三层",
        "旅馆固话": "13807938815",
        "旅馆手机": "13807938815",
        "法人代表": "徐俊萍",
        "负责人姓名": "徐俊萍",
        "房间数": "10",
        "床位数": "30",
        "经营类型": "旅馆",
        "所属派出所": "江西省上饶市公安局信州分局茅家岭派出所",
        "特行许可证号": "",
        "初始许可日期": "",
        "最后年检日期": "2023-03-16 11:28",
        "服务结束日期": "",
        "注册日期": "",
        "x": "117.9565277",
        "y": "28.43343493"
    },
    {
        "旅馆编码": "013611020909",
        "旅馆名称": "五悦家公寓",
        "地址": "上饶市信州区茅家岭街道畴口居委会畴口村南环路14号-3",
        "旅馆固话": "18279382668",
        "旅馆手机": "18279382668",
        "法人代表": "蔡小丽",
        "负责人姓名": "蔡小丽",
        "房间数": "19",
        "床位数": "30",
        "经营类型": "旅馆",
        "所属派出所": "江西省上饶市公安局信州分局茅家岭派出所",
        "特行许可证号": "",
        "初始许可日期": "",
        "最后年检日期": "2022-10-09 15:55",
        "服务结束日期": "",
        "注册日期": "",
        "x": "117.9727547",
        "y": "28.42550631"
    },
    {
        "旅馆编码": "013611020400",
        "旅馆名称": "上饶市云漫酒店管理有限公司",
        "地址": "江西省上饶市信州区三江大道8号（师院）",
        "旅馆固话": "13576316610",
        "旅馆手机": "07938198088",
        "法人代表": "孙虹",
        "负责人姓名": "蔡金本",
        "房间数": "75",
        "床位数": "99",
        "经营类型": "旅馆",
        "所属派出所": "江西省上饶市公安局信州分局茅家岭派出所",
        "特行许可证号": "",
        "初始许可日期": "",
        "最后年检日期": "2022-02-17 15:32",
        "服务结束日期": "",
        "注册日期": "",
        "x": "117.9657374",
        "y": "28.42544462"
    },
    {
        "旅馆编码": "013611020394",
        "旅馆名称": "信州区恒源宾馆",
        "地址": "江西省上饶市信州区茅家岭街道畴口饶家（师院斜对面）",
        "旅馆固话": "13767365868",
        "旅馆手机": "13767365868",
        "法人代表": "饶明行",
        "负责人姓名": "饶明行",
        "房间数": "21",
        "床位数": "42",
        "经营类型": "旅馆",
        "所属派出所": "江西省上饶市公安局信州分局茅家岭派出所",
        "特行许可证号": "",
        "初始许可日期": "",
        "最后年检日期": "2022-01-20 17:14",
        "服务结束日期": "",
        "注册日期": "",
        "x": "117.9609275",
        "y": "28.42730005"
    },
    {
        "旅馆编码": "013611020378",
        "旅馆名称": "上饶市悦心酒店管理有限公司",
        "地址": "江西省上饶市信州区南环路16号（上饶医学院斜对面）",
        "旅馆固话": "13617030259",
        "旅馆手机": "07938383666",
        "法人代表": "周燕",
        "负责人姓名": "周燕",
        "房间数": "46",
        "床位数": "90",
        "经营类型": "旅馆",
        "所属派出所": "江西省上饶市公安局信州分局茅家岭派出所",
        "特行许可证号": "",
        "初始许可日期": "",
        "最后年检日期": "2021-04-29 12:25",
        "服务结束日期": "",
        "注册日期": "",
        "x": "117.9910119",
        "y": "28.42330882"
    },
    {
        "旅馆编码": "013611020361",
        "旅馆名称": "悠哉电竞酒店",
        "地址": "江西省上饶市信州区志敏大道388号（师院对面）",
        "旅馆固话": "17779371218",
        "旅馆手机": "07938613333",
        "法人代表": "林国栋",
        "负责人姓名": "林国栋",
        "房间数": "15",
        "床位数": "50",
        "经营类型": "旅馆",
        "所属派出所": "江西省上饶市公安局信州分局茅家岭派出所",
        "特行许可证号": "",
        "初始许可日期": "",
        "最后年检日期": "2020-09-18 15:10",
        "服务结束日期": "",
        "注册日期": "",
        "x": "117.9656387",
        "y": "28.42462088"
    },
    {
        "旅馆编码": "013611020358",
        "旅馆名称": "贝多酒店",
        "地址": "江西省上饶市信州区志敏大道455号公寓楼（大学公馆）",
        "旅馆固话": "18970317500",
        "旅馆手机": "07938668299",
        "法人代表": "龚小温",
        "负责人姓名": "龚小温",
        "房间数": "46",
        "床位数": "100",
        "经营类型": "旅馆",
        "所属派出所": "江西省上饶市公安局信州分局茅家岭派出所",
        "特行许可证号": "",
        "初始许可日期": "",
        "最后年检日期": "2020-08-03 20:41",
        "服务结束日期": "",
        "注册日期": "",
        "x": "117.9610077",
        "y": "28.42313481"
    },
    {
        "旅馆编码": "013611020297",
        "旅馆名称": "莫丽酒店",
        "地址": "江西省上饶市信州区志敏东大道畴口村饶家路口（师院斜对面）",
        "旅馆固话": "13879340485",
        "旅馆手机": "07938277770",
        "法人代表": "许永平",
        "负责人姓名": "许永平",
        "房间数": "55",
        "床位数": "110",
        "经营类型": "旅馆",
        "所属派出所": "江西省上饶市公安局信州分局茅家岭派出所",
        "特行许可证号": "",
        "初始许可日期": "",
        "最后年检日期": "2017-11-07 17:36",
        "服务结束日期": "",
        "注册日期": "",
        "x": "117.9685535",
        "y": "28.42484416"
    },
    {
        "旅馆编码": "013611020290",
        "旅馆名称": "南枫公寓.",
        "地址": "江西省上饶市信州区南环路58号",
        "旅馆固话": "18779316320",
        "旅馆手机": "07938111045",
        "法人代表": "刘树旺",
        "负责人姓名": "刘树旺",
        "房间数": "18",
        "床位数": "20",
        "经营类型": "旅馆",
        "所属派出所": "江西省上饶市公安局信州分局茅家岭派出所",
        "特行许可证号": "",
        "初始许可日期": "",
        "最后年检日期": "2017-08-06 20:57",
        "服务结束日期": "",
        "注册日期": "",
        "x": "117.9910119",
        "y": "28.42330882"
    },
    {
        "旅馆编码": "013611020271",
        "旅馆名称": "7天优品酒店",
        "地址": "信州区叶挺大道三江星座1F(三江客运站对面)",
        "旅馆固话": "13870366876",
        "旅馆手机": "07938115777",
        "法人代表": "席红英",
        "负责人姓名": "程开洋",
        "房间数": "111",
        "床位数": "268",
        "经营类型": "旅馆",
        "所属派出所": "江西省上饶市公安局信州分局茅家岭派出所",
        "特行许可证号": "",
        "初始许可日期": "",
        "最后年检日期": "2016-12-08 11:31",
        "服务结束日期": "",
        "注册日期": "",
        "x": "117.9530892",
        "y": "28.42861776"
    },
    {
        "旅馆编码": "013611020266",
        "旅馆名称": "江南小栈",
        "地址": "江西省上饶市信州区钟灵路(盛世嘉园4楼)",
        "旅馆固话": "18679361657",
        "旅馆手机": "18679361657",
        "法人代表": "周小华",
        "负责人姓名": "周小华",
        "房间数": "36",
        "床位数": "64",
        "经营类型": "旅馆",
        "所属派出所": "江西省上饶市公安局信州分局茅家岭派出所",
        "特行许可证号": "",
        "初始许可日期": "",
        "最后年检日期": "2016-11-15 10:42",
        "服务结束日期": "",
        "注册日期": "",
        "x": "117.9479943",
        "y": "28.43527582"
    },
    {
        "旅馆编码": "013611020249",
        "旅馆名称": "樱花主题宾馆",
        "地址": "江西省上饶市信州区志敏大道四吉农贸市场斜对面",
        "旅馆固话": "18079381888",
        "旅馆手机": "07937935999",
        "法人代表": "龚强威",
        "负责人姓名": "龚强威",
        "房间数": "40",
        "床位数": "60",
        "经营类型": "旅馆",
        "所属派出所": "江西省上饶市公安局信州分局茅家岭派出所",
        "特行许可证号": "",
        "初始许可日期": "",
        "最后年检日期": "2015-09-18 12:27",
        "服务结束日期": "",
        "注册日期": "",
        "x": "117.9757589",
        "y": "28.4347467"
    },
    {
        "旅馆编码": "013611020248",
        "旅馆名称": "尚嘉宾馆",
        "地址": "江西省上饶市信州区南环路14号(信州区医学院对面)",
        "旅馆固话": "18870932001",
        "旅馆手机": "07936187666",
        "法人代表": "汪绍方",
        "负责人姓名": "蒋卫平",
        "房间数": "106",
        "床位数": "176",
        "经营类型": "旅馆",
        "所属派出所": "江西省上饶市公安局信州分局茅家岭派出所",
        "特行许可证号": "",
        "初始许可日期": "",
        "最后年检日期": "2015-09-07 14:48",
        "服务结束日期": "",
        "注册日期": "",
        "x": "117.9727547",
        "y": "28.42550631"
    },
    {
        "旅馆编码": "013611020245",
        "旅馆名称": "新卓越时尚宾馆",
        "地址": "江西省上饶市信州区师院畴口市场对面",
        "旅馆固话": "15970368011",
        "旅馆手机": "07937085888",
        "法人代表": "陈田华",
        "负责人姓名": "陈田华",
        "房间数": "26",
        "床位数": "40",
        "经营类型": "旅馆",
        "所属派出所": "江西省上饶市公安局信州分局茅家岭派出所",
        "特行许可证号": "",
        "初始许可日期": "",
        "最后年检日期": "2015-06-11 17:55",
        "服务结束日期": "",
        "注册日期": "",
        "x": "117.9614468",
        "y": "28.43437494"
    },
    {
        "旅馆编码": "013611020226",
        "旅馆名称": "阿光公寓",
        "地址": "江西省上饶市信州区畴口村新卫校对面",
        "旅馆固话": "17779353336",
        "旅馆手机": "17779353336",
        "法人代表": "胡四妹",
        "负责人姓名": "胡四妹",
        "房间数": "14",
        "床位数": "19",
        "经营类型": "旅馆",
        "所属派出所": "江西省上饶市公安局信州分局茅家岭派出所",
        "特行许可证号": "",
        "初始许可日期": "",
        "最后年检日期": "2014-06-18 12:10",
        "服务结束日期": "",
        "注册日期": "",
        "x": "117.9719301",
        "y": "28.42224378"
    },
    {
        "旅馆编码": "013611020220",
        "旅馆名称": "嘉豪公寓",
        "地址": "茅家岭师院畴口村饶家54号",
        "旅馆固话": "18779356970",
        "旅馆手机": "18779356970",
        "法人代表": "董为明",
        "负责人姓名": "董为明",
        "房间数": "17",
        "床位数": "19",
        "经营类型": "旅馆",
        "所属派出所": "江西省上饶市公安局信州分局茅家岭派出所",
        "特行许可证号": "",
        "初始许可日期": "",
        "最后年检日期": "2014-01-10 09:54",
        "服务结束日期": "",
        "注册日期": "",
        "x": "117.9679959",
        "y": "28.42508576"
    },
    {
        "旅馆编码": "013611020191",
        "旅馆名称": "爱森公寓",
        "地址": "信州区志敏大道64号",
        "旅馆固话": "13870382702",
        "旅馆手机": "13870382702",
        "法人代表": "梅端志",
        "负责人姓名": "梅端志",
        "房间数": "12",
        "床位数": "19",
        "经营类型": "旅馆",
        "所属派出所": "江西省上饶市公安局信州分局茅家岭派出所",
        "特行许可证号": "",
        "初始许可日期": "",
        "最后年检日期": "2013-05-16 12:00",
        "服务结束日期": "",
        "注册日期": "",
        "x": "117.9665904",
        "y": "28.42486647"
    },
    {
        "旅馆编码": "013611020173",
        "旅馆名称": "金龙宾馆",
        "地址": "信州区汪家园贸昌路18幢F座7号楼",
        "旅馆固话": "18679361657",
        "旅馆手机": "07938199138",
        "法人代表": "周小华",
        "负责人姓名": "周小华",
        "房间数": "10",
        "床位数": "19",
        "经营类型": "旅馆",
        "所属派出所": "江西省上饶市公安局信州分局茅家岭派出所",
        "特行许可证号": "",
        "初始许可日期": "",
        "最后年检日期": "2012-12-17 12:00",
        "服务结束日期": "",
        "注册日期": "",
        "x": "117.9537285",
        "y": "28.4341885"
    },
    {
        "旅馆编码": "013611020172",
        "旅馆名称": "华逸商务宾馆",
        "地址": "三江南大道89号（春华医院旁）",
        "旅馆固话": "18607936883",
        "旅馆手机": "07938163788",
        "法人代表": "徐振",
        "负责人姓名": "徐振",
        "房间数": "21",
        "床位数": "25",
        "经营类型": "旅馆",
        "所属派出所": "江西省上饶市公安局信州分局茅家岭派出所",
        "特行许可证号": "",
        "初始许可日期": "",
        "最后年检日期": "2012-09-10 12:00",
        "服务结束日期": "",
        "注册日期": "",
        "x": "117.96549",
        "y": "28.42586595"
    },
    {
        "旅馆编码": "013611020164",
        "旅馆名称": "创南旅馆",
        "地址": "汪家园创南路52",
        "旅馆固话": "13576389135",
        "旅馆手机": "13576389135",
        "法人代表": "查芳",
        "负责人姓名": "查芳",
        "房间数": "10",
        "床位数": "16",
        "经营类型": "旅馆",
        "所属派出所": "江西省上饶市公安局信州分局茅家岭派出所",
        "特行许可证号": "",
        "初始许可日期": "",
        "最后年检日期": "2012-07-17 12:00",
        "服务结束日期": "",
        "注册日期": "",
        "x": "117.9489763",
        "y": "28.43803311"
    },
    {
        "旅馆编码": "013611020158",
        "旅馆名称": "精新宾馆",
        "地址": "茅家岭新医学院对面",
        "旅馆固话": "13766465549",
        "旅馆手机": "13766465549",
        "法人代表": "杨琳",
        "负责人姓名": "杨琳",
        "房间数": "13",
        "床位数": "19",
        "经营类型": "旅馆",
        "所属派出所": "江西省上饶市公安局信州分局茅家岭派出所",
        "特行许可证号": "",
        "初始许可日期": "",
        "最后年检日期": "2012-06-08 12:00",
        "服务结束日期": "",
        "注册日期": "",
        "x": "117.9777801",
        "y": "28.42682948"
    },
    {
        "旅馆编码": "013611020150",
        "旅馆名称": "鑫源宾馆",
        "地址": "叶挺大道263号",
        "旅馆固话": "15807935233",
        "旅馆手机": "15807935233",
        "法人代表": "巫敏娜",
        "负责人姓名": "巫敏娜",
        "房间数": "15",
        "床位数": "25",
        "经营类型": "旅馆",
        "所属派出所": "江西省上饶市公安局信州分局茅家岭派出所",
        "特行许可证号": "",
        "初始许可日期": "",
        "最后年检日期": "2012-03-31 12:00",
        "服务结束日期": "",
        "注册日期": "",
        "x": "117.9516495",
        "y": "28.43451711"
    },
    {
        "旅馆编码": "013611020136",
        "旅馆名称": "龙福公寓",
        "地址": "畴口村饶家60号",
        "旅馆固话": "19979397600",
        "旅馆手机": "19979397600",
        "法人代表": "余金连",
        "负责人姓名": "余金连",
        "房间数": "12",
        "床位数": "14",
        "经营类型": "旅馆",
        "所属派出所": "江西省上饶市公安局信州分局茅家岭派出所",
        "特行许可证号": "",
        "初始许可日期": "",
        "最后年检日期": "2011-11-23 12:00",
        "服务结束日期": "",
        "注册日期": "",
        "x": "117.9674961",
        "y": "28.42516515"
    },
    {
        "旅馆编码": "013611020114",
        "旅馆名称": "乐福公寓",
        "地址": "上饶市毛家岭乡畴口村饶家67号",
        "旅馆固话": "15279316938",
        "旅馆手机": "15279316938",
        "法人代表": "占绿英",
        "负责人姓名": "占绿英",
        "房间数": "16",
        "床位数": "17",
        "经营类型": "旅馆",
        "所属派出所": "江西省上饶市公安局信州分局茅家岭派出所",
        "特行许可证号": "",
        "初始许可日期": "",
        "最后年检日期": "2011-04-26 12:00",
        "服务结束日期": "",
        "注册日期": "",
        "x": "117.9649577",
        "y": "28.42038068"
    },
    {
        "旅馆编码": "013611020098",
        "旅馆名称": "家园时尚宾馆",
        "地址": "信州区钟灵路128号",
        "旅馆固话": "13879396487",
        "旅馆手机": "13879396487",
        "法人代表": "陈荣钟",
        "负责人姓名": "陈荣钟",
        "房间数": "30",
        "床位数": "57",
        "经营类型": "旅馆",
        "所属派出所": "江西省上饶市公安局信州分局茅家岭派出所",
        "特行许可证号": "",
        "初始许可日期": "",
        "最后年检日期": "2010-12-27 12:00",
        "服务结束日期": "",
        "注册日期": "",
        "x": "117.9538041",
        "y": "28.43672236"
    },
    {
        "旅馆编码": "013611020096",
        "旅馆名称": "自习公寓",
        "地址": "南环路36号（新上饶卫校对面)",
        "旅馆固话": "13776733713",
        "旅馆手机": "13776733713",
        "法人代表": "虞建波",
        "负责人姓名": "虞建波",
        "房间数": "40",
        "床位数": "48",
        "经营类型": "旅馆",
        "所属派出所": "江西省上饶市公安局信州分局茅家岭派出所",
        "特行许可证号": "",
        "初始许可日期": "",
        "最后年检日期": "2010-09-05 12:00",
        "服务结束日期": "",
        "注册日期": "",
        "x": "117.9698302",
        "y": "28.42497464"
    },
    {
        "旅馆编码": "013611020079",
        "旅馆名称": "大众公寓",
        "地址": "信州区茅家岭派出所",
        "旅馆固话": "18907939046",
        "旅馆手机": "18907939046",
        "法人代表": "吴淑萍",
        "负责人姓名": "吴淑萍",
        "房间数": "19",
        "床位数": "19",
        "经营类型": "旅馆",
        "所属派出所": "江西省上饶市公安局信州分局茅家岭派出所",
        "特行许可证号": "",
        "初始许可日期": "",
        "最后年检日期": "2010-06-22 12:00",
        "服务结束日期": "",
        "注册日期": "",
        "x": "117.9499518",
        "y": "28.43479918"
    },
    {
        "旅馆编码": "013611020080",
        "旅馆名称": "彦茹家公寓",
        "地址": "畴口村",
        "旅馆固话": "13826110986",
        "旅馆手机": "13826110986",
        "法人代表": "童志超",
        "负责人姓名": "童志超",
        "房间数": "20",
        "床位数": "40",
        "经营类型": "旅馆",
        "所属派出所": "江西省上饶市公安局信州分局茅家岭派出所",
        "特行许可证号": "",
        "初始许可日期": "",
        "最后年检日期": "2010-06-22 12:00",
        "服务结束日期": "",
        "注册日期": "",
        "x": "117.9705682",
        "y": "28.42704654"
    },
    {
        "旅馆编码": "013611020024",
        "旅馆名称": "信州区鑫华公寓",
        "地址": "志敏大道380号",
        "旅馆固话": "13879362179",
        "旅馆手机": "13879362179",
        "法人代表": "吕鑫华",
        "负责人姓名": "吕鑫华",
        "房间数": "10",
        "床位数": "10",
        "经营类型": "旅馆",
        "所属派出所": "江西省上饶市公安局信州分局茅家岭派出所",
        "特行许可证号": "",
        "初始许可日期": "",
        "最后年检日期": "2009-03-16 12:00",
        "服务结束日期": "",
        "注册日期": "",
        "x": "117.4516118",
        "y": "28.37062492"
    },
    {
        "旅馆编码": "013611020011",
        "旅馆名称": "千寻客栈",
        "地址": "南环路58号",
        "旅馆固话": "18907939918",
        "旅馆手机": "18907939918",
        "法人代表": "张康鸿",
        "负责人姓名": "张康鸿",
        "房间数": "16",
        "床位数": "19",
        "经营类型": "旅馆",
        "所属派出所": "江西省上饶市公安局信州分局茅家岭派出所",
        "特行许可证号": "",
        "初始许可日期": "",
        "最后年检日期": "2009-03-16 12:00",
        "服务结束日期": "",
        "注册日期": "",
        "x": "117.9910119",
        "y": "28.42330882"
    },
    {
        "旅馆编码": "013611020125",
        "旅馆名称": "群益旅馆",
        "地址": "大市场汽车站对面",
        "旅馆固话": "15079301772",
        "旅馆手机": "15079301772",
        "法人代表": "程洪军",
        "负责人姓名": "程洪军",
        "房间数": "17",
        "床位数": "25",
        "经营类型": "旅馆",
        "所属派出所": "江西省上饶市公安局信州分局茅家岭派出所",
        "特行许可证号": "",
        "初始许可日期": "",
        "最后年检日期": "2008-09-02 12:00",
        "服务结束日期": "",
        "注册日期": "",
        "x": "117.952864",
        "y": "28.429202"
    },
    {
        "旅馆编码": "013611020124",
        "旅馆名称": "聚贤达旅社",
        "地址": "志敏大道86号",
        "旅馆固话": "18027651596",
        "旅馆手机": "18027651596",
        "法人代表": "王国强",
        "负责人姓名": "王国强",
        "房间数": "13",
        "床位数": "19",
        "经营类型": "旅馆",
        "所属派出所": "江西省上饶市公安局信州分局茅家岭派出所",
        "特行许可证号": "",
        "初始许可日期": "",
        "最后年检日期": "2008-08-26 12:00",
        "服务结束日期": "",
        "注册日期": "",
        "x": "117.9666646",
        "y": "28.41904383"
    },
    {
        "旅馆编码": "013611020640",
        "旅馆名称": "皇庭公寓",
        "地址": "畴口村饶家",
        "旅馆固话": "19979397600",
        "旅馆手机": "19979397600",
        "法人代表": "余金连",
        "负责人姓名": "余金连",
        "房间数": "18",
        "床位数": "19",
        "经营类型": "旅馆",
        "所属派出所": "江西省上饶市公安局信州分局茅家岭派出所",
        "特行许可证号": "",
        "初始许可日期": "",
        "最后年检日期": "2007-11-04 12:00",
        "服务结束日期": "",
        "注册日期": "",
        "x": "117.9672088",
        "y": "28.42499484"
    },
    {
        "旅馆编码": "013611020602",
        "旅馆名称": "实惠宾馆",
        "地址": "畴口",
        "旅馆固话": "15180389090",
        "旅馆手机": "15180389090",
        "法人代表": "龚美英",
        "负责人姓名": "龚美英",
        "房间数": "13",
        "床位数": "26",
        "经营类型": "旅馆",
        "所属派出所": "江西省上饶市公安局信州分局茅家岭派出所",
        "特行许可证号": "",
        "初始许可日期": "",
        "最后年检日期": "2007-10-29 12:00",
        "服务结束日期": "",
        "注册日期": "",
        "x": "117.9705682",
        "y": "28.42704654"
    }

]

 src/views/home/homeleft/keyPeople.js

New file
@@ -0,0 +1,22 @@
export const keypeopleJSON = [
    { "姓名": "罗金菊", "证件号码": "362301195203103026", "性别": "女性", "出生日期": "1952-03-10", "人员类别": "征地拆迁群体", "户籍地区划": "", "户籍地详址": "", "暂住区划": "江西省上饶市信州区", "暂住地详址": "茅家岭街道汪家园居委会龚家43号", "X": "117.952168", "Y": "28.441435", "联系电话": "13479334887", "登记时间": "2022-03-01 10:33:00", "责任人": "齐光华", "备注": "", "列管事由": "" },
    { "姓名": "周发林", "证件号码": "362321196502020538", "性别": "男性", "出生日期": "1965-02-02", "人员类别": "涉法涉诉重点个访人员", "户籍地区划": "", "户籍地详址": "", "暂住区划": "江西省上饶市上饶县", "暂住地详址": "兴园街道办事处苏家村岭上71号", "X": "117.878633", "Y": "28.381285", "联系电话": "15070368734", "登记时间": "2023-02-20 10:56:27", "责任人": "齐光华", "备注": "", "列管事由": "非访重点人" },
    { "姓名": "邱秋凤", "证件号码": "362301197410082028", "性别": "女性", "出生日期": "1974-10-08", "人员类别": "涉法涉诉重点个访人员", "户籍地区划": "", "户籍地详址": "", "暂住区划": "江西省上饶市信州区", "暂住地详址": "江西省上饶市信州区兴隆路280号", "X": "117.957784", "Y": "28.434006", "联系电话": "18720550691", "登记时间": "2022-09-23 17:18:49", "责任人": "任圣日", "备注": "治安重点人防控平台列管", "列管事由": "因与其前夫韩英以及韩英的姐姐韩风就房屋归属权问题发生纠纷，引发肢体冲突，对处理结果不满。" },
    { "姓名": "周桂赟", "证件号码": "362321197105280269", "性别": "女性", "出生日期": "1971-05-28", "人员类别": "楼盘业主维权群体", "户籍地区划": "", "户籍地详址": "", "暂住区划": "江西省上饶市信州区", "暂住地详址": "信州区南环路10号2栋4单元401", "X": "117.974632", "Y": "28.425901", "联系电话": "15979388980", "登记时间": "2022-09-23 17:00:06", "责任人": "矢裕忠", "备注": "治安重点人防控平台列管 B级", "列管事由": "三江花园2期部分商品房房产证未办理" },
    { "姓名": "王前阳", "证件号码": "362301196810050514", "性别": "男性", "出生日期": "1968-10-05", "人员类别": "涉法涉诉重点个访人员", "户籍地区划": "", "户籍地详址": "", "暂住区划": "江西省上饶市信州区", "暂住地详址": "三江花园二期", "X": "117.964614", "Y": "28.427795", "联系电话": "13755364606", "登记时间": "2022-09-06 11:13:21", "责任人": "齐光华", "备注": "", "列管事由": "三江花园二期部分商品房房产证未办理" },
    { "姓名": "黄志毅", "证件号码": "362321197112194617", "性别": "男性", "出生日期": "1971-12-19", "人员类别": "涉法涉诉重点个访人员", "户籍地区划": "", "户籍地详址": "", "暂住区划": "江西省上饶市信州区", "暂住地详址": "三江花园二期", "X": "117.964614", "Y": "28.427795", "联系电话": "13979350025", "登记时间": "2022-09-06 11:11:25", "责任人": "齐光华", "备注": "", "列管事由": "三江花园二期部分商品房房产证未办理" },
    { "姓名": "吴璋蓉", "证件号码": "362301197712263027", "性别": "女性", "出生日期": "1977-12-26", "人员类别": "征地拆迁群体", "户籍地区划": "", "户籍地详址": "", "暂住区划": "江西省上饶市信州区", "暂住地详址": "汪家园", "X": "117.953895", "Y": "28.43593", "联系电话": "15779997234", "登记时间": "2021-12-06 17:14:22", "责任人": "齐光华", "备注": "", "列管事由": "汪家园征迁稳控重点人员" },
    { "姓名": "吴璋玲", "证件号码": "362301198102060526", "性别": "女性", "出生日期": "1981-02-06", "人员类别": "征地拆迁群体", "户籍地区划": "", "户籍地详址": "", "暂住区划": "江西省上饶市信州区", "暂住地详址": "汪家园", "X": "117.953895", "Y": "28.43593", "联系电话": "13767317921", "登记时间": "2021-11-30 10:01:10", "责任人": "齐光华", "备注": "", "列管事由": "汪家园征地拆迁重点维稳人员" },
    { "姓名": "缪照考", "证件号码": "362301198505252012", "性别": "男性", "出生日期": "1985-05-25", "人员类别": "征地拆迁群体", "户籍地区划": "江西省上饶市信州区", "户籍地详址": "茅家岭街道四吉居委会项家垄106号附1号", "暂住区划": "江西省上饶市信州区", "暂住地详址": "茅家岭街道四吉居委会项家垄106号附1号", "X": "117.980691", "Y": "28.416403", "联系电话": "15216056667", "登记时间": "2021-03-05 12:18:16", "责任人": "余传公", "备注": "", "列管事由": "非访重点人" },
    { "姓名": "毛慈平", "证件号码": "362321197701051016", "性别": "男性", "出生日期": "1977-01-05", "人员类别": "征地拆迁群体", "户籍地区划": "361104", "户籍地详址": "茶亭镇前坊村毛家山组24-1号", "暂住区划": "江西省上饶市信州区", "暂住地详址": "茅家岭街道解放居委会南坂村", "X": "117.946845", "Y": "28.426923", "联系电话": "", "登记时间": "2021-02-28 10:01:27", "责任人": "吕来城", "备注": "", "列管事由": "因对征地拆迁方案不满，有非访风险。" },
    { "姓名": "童小龙", "证件号码": "36230119701016303X", "性别": "男性", "出生日期": "1970-10-16", "人员类别": "征地拆迁群体", "户籍地区划": "江西省上饶市信州区", "户籍地详址": "茅家岭街道汪家园居委会兰家163号", "暂住区划": "江西省上饶市信州区", "暂住地详址": "茅家岭街道汪家园居委会兰家163号", "X": "117.956318", "Y": "28.439311", "联系电话": "13607939601", "登记时间": "2020-05-20 23:18:38", "责任人": "齐光华", "备注": "治安重点人防控平台列管", "列管事由": "征地拆迁，有非访可能。" },
    { "姓名": "郑爱凤", "证件号码": "362301195209253025", "性别": "女性", "出生日期": "1952-09-25", "人员类别": "征地拆迁群体", "户籍地区划": "江西省上饶市信州区", "户籍地详址": "茅家岭街道汪家园居委会兰家39号", "暂住区划": "江西省上饶市信州区", "暂住地详址": "茅家岭街道汪家园居委会兰家39号", "X": "117.957571", "Y": "28.439028", "联系电话": "13694807476", "登记时间": "2020-05-20 23:04:28", "责任人": "齐光华", "备注": "治安重点人防控平台列管", "列管事由": "征地拆迁，有非访可能。" },
    { "姓名": "张明", "证件号码": "362301198410152035", "性别": "男性", "出生日期": "1984-10-15", "人员类别": "征地拆迁群体", "户籍地区划": "江西省上饶市信州区", "户籍地详址": "茅家岭街道汪家园居委会上汪吴家39号", "暂住区划": "江西省上饶市信州区", "暂住地详址": "茅家岭街道汪家园居委会上汪吴家39号", "X": "117.958292", "Y": "28.438289", "联系电话": "13677039824", "登记时间": "2020-05-20 22:51:33", "责任人": "齐光华", "备注": "", "列管事由": "征地拆迁，有非访可能。" },
    { "姓名": "龚雪花", "证件号码": "362301195312243028", "性别": "女性", "出生日期": "1953-12-24", "人员类别": "征地拆迁群体", "户籍地区划": "江西省上饶市信州区", "户籍地详址": "茅家岭街道汪家园居委会上汪吴家39号", "暂住区划": "江西省上饶市信州区", "暂住地详址": "茅家岭街道汪家园居委会上汪吴家39号", "X": "117.958292", "Y": "28.438289", "联系电话": "18296315870", "登记时间": "2020-05-20 22:35:58", "责任人": "齐光华", "备注": "", "列管事由": "拆迁维稳重点人员" },
    { "姓名": "苏爱春", "证件号码": "361102197002232028", "性别": "女性", "出生日期": "1970-02-23", "人员类别": "征地拆迁群体", "户籍地区划": "江西省上饶市信州区", "户籍地详址": "茅家岭街道四吉居委会沙洲棚108号", "暂住区划": "江西省上饶市信州区", "暂住地详址": "茅家岭街道四吉居委会沙洲棚108号", "X": "117.982679", "Y": "28.424385", "联系电话": "17607938926", "登记时间": "2019-09-27 12:12:03", "责任人": "余传公", "备注": "", "列管事由": "征地拆迁" },
    { "姓名": "柯维旗", "证件号码": "36232119721223193X", "性别": "男性", "出生日期": "1972-12-23", "人员类别": "欠薪讨债群体", "户籍地区划": "江西省上饶市上饶县", "户籍地详址": "皂头镇毛棚村高背丘32号", "暂住区划": "江西省上饶市信州区", "暂住地详址": "皂头镇毛棚村高背丘32号", "X": "117.993727", "Y": "28.375619", "联系电话": "13870344252", "登记时间": "2018-02-05 20:27:47", "责任人": "吕来城", "备注": "治安重点人防控平台列管", "列管事由": "柯维旗系富金新世纪楼盘的承建商，约有300名工人500万元的工资尚未结算发放。柯维旗与开发商有债务纠纷，开发商认为已经按照合同比例支付了工程款，柯维旗说尚未支付到位，并且称双方之前签署了补充协议，其帮助该楼盘做了附属工程也未拿到工程款，他无力发放工人的工资。柯维旗多次向有关部门反映该事，也多次前往市政府上访。" },
    { "姓名": "徐庭发", "证件号码": "362301194106192018", "性别": "男性", "出生日期": "1941-06-19", "人员类别": "非涉法涉诉重点个访人员", "户籍地区划": "江西省上饶市信州区", "户籍地详址": "茅家岭街道同心居委会下弄192号", "暂住区划": "江西省上饶市信州区", "暂住地详址": "茅家岭街道同心居委会下弄192号", "X": "117.939313", "Y": "28.426117", "联系电话": "13755367188", "登记时间": "2018-01-04 17:32:18", "责任人": "娄永攀", "备注": "", "列管事由": "其反映在村委工作多年，要求按其他干部标准补足工资" },
    { "姓名": "曾学勇", "证件号码": "362301197210232036", "性别": "男性", "出生日期": "1972-10-23", "人员类别": "征地拆迁群体", "户籍地区划": "江西省上饶市信州区", "户籍地详址": "茅家岭街道同心居委会下弄88号", "暂住区划": "江西省上饶市信州区", "暂住地详址": "茅家岭街道同心居委会下弄88号", "X": "117.938713", "Y": "28.425535", "联系电话": "13879307608", "登记时间": "2017-10-11 16:23:31", "责任人": "娄永攀", "备注": "", "列管事由": "曾学勇因房子拆迁一直对补偿不满，目前参加村干部竞选，如竞选失利可能以拆迁补偿不满非访。" },
    { "姓名": "兰招娣", "证件号码": "362301194604193021", "性别": "女性", "出生日期": "1946-04-19", "人员类别": "非涉法涉诉重点个访人员", "户籍地区划": "江西省上饶市信州区", "户籍地详址": "茅家岭街道汪家园居委会兰家14号", "暂住区划": "江西省上饶市信州区", "暂住地详址": "茅家岭街道汪家园居委会兰家14号", "X": "117.956244", "Y": "28.439715", "联系电话": "15870959051", "登记时间": "2017-08-24 09:45:24", "责任人": "齐光华", "备注": "", "列管事由": "兰招娣因对政府征地拆迁不满，多次扬言要进京上访。" },
    { "姓名": "张奀冬", "证件号码": "362301196211203021", "性别": "女性", "出生日期": "1962-11-20", "人员类别": "非涉法涉诉重点个访人员", "户籍地区划": "江西省上饶市信州区", "户籍地详址": "茅家岭街道汪家园居委会龚家21号", "暂住区划": "江西省上饶市信州区", "暂住地详址": "茅家岭街道汪家园居委会龚家21号", "X": "117.952196", "Y": "28.441441", "联系电话": "13576355798", "登记时间": "2017-08-23 16:14:02", "责任人": "齐光华", "备注": "治安重点人防控平台列管", "列管事由": "张奀冬因对政府征地拆迁不满，多次扬言要进京上访。" }
]

 src/views/home/homeleft/school.js

New file
@@ -0,0 +1,469 @@
export const schoolJSON = [{
    "序号": "1",
    XSQ: "信州区",
    "辖区派出所": "茅家岭派出所",
    name: "上饶市特殊教育学校",
    DZ: "志敏大道大学公馆旁",
    "区域（城区、乡镇、农村）": "城区",
    "类型（中学、小学、中小学、幼儿园，其它）": "中学",
    "办学主体（公办、民营）": "公办",
    "责任民警": "吕来城",
    "x": "117.960947",
    "y": "28.42151786"
},
{
    "序号": "2",
    XSQ: "信州区",
    "辖区派出所": "茅家岭派出所",
    name: "茅家岭中心小学",
    DZ: "解放村杨家湖",
    "区域（城区、乡镇、农村）": "城区",
    "类型（中学、小学、中小学、幼儿园，其它）": "小学",
    "办学主体（公办、民营）": "公办",
    "责任民警": "吕来城",
    "x": "117.9555523",
    "y": "28.4270766"
},
{
    "序号": "3",
    XSQ: "信州区",
    "辖区派出所": "茅家岭派出所",
    name: "塔水小学",
    DZ: "茅家岭街道塔水村内",
    "区域（城区、乡镇、农村）": "农村",
    "类型（中学、小学、中小学、幼儿园，其它）": "小学",
    "办学主体（公办、民营）": "公办",
    "责任民警": "任圣日",
    "x": "117.9645786",
    "y": "28.39581528"
},
{
    "序号": "4",
    XSQ: "信州区",
    "辖区派出所": "茅家岭派出所",
    name: "上饶市第一小学三江总校",
    DZ: "大义路1号",
    "区域（城区、乡镇、农村）": "城区",
    "类型（中学、小学、中小学、幼儿园，其它）": "小学",
    "办学主体（公办、民营）": "公办",
    "责任民警": "吕来城",
    "x": "117.948915",
    "y": "28.428126"
},
{
    "序号": "5",
    XSQ: "信州区",
    "辖区派出所": "茅家岭派出所",
    name: "上饶市第七小学（已合并至一小三江总校）",
    DZ: "大义路1号",
    "区域（城区、乡镇、农村）": "城区",
    "类型（中学、小学、中小学、幼儿园，其它）": "小学",
    "办学主体（公办、民营）": "公办",
    "责任民警": "吕来城",
    "x": "117.9539627",
    "y": "28.43820941"
},
{
    "序号": "6",
    XSQ: "信州区",
    "辖区派出所": "茅家岭派出所",
    name: "上饶市幼专附属幼儿园",
    DZ: "志敏大道397号内",
    "区域（城区、乡镇、农村）": "城区",
    "类型（中学、小学、中小学、幼儿园，其它）": "幼儿园",
    "办学主体（公办、民营）": "公办",
    "责任民警": "余传公",
    "x": "117.9759993",
    "y": "28.42185405"
},
{
    "序号": "7",
    XSQ: "信州区",
    "辖区派出所": "茅家岭派出所",
    name: "信州区中等专业学校",
    DZ: "四吉村上饶幼专旁边",
    "区域（城区、乡镇、农村）": "城区",
    "类型（中学、小学、中小学、幼儿园，其它）": "中学",
    "办学主体（公办、民营）": "公办",
    "责任民警": "余传公",
    "x": "117.9759993",
    "y": "28.42185405"
},
{
    "序号": "8",
    XSQ: "信州区",
    "辖区派出所": "茅家岭派出所",
    name: "三江幼儿园",
    DZ: "叶挺大道275号",
    "区域（城区、乡镇、农村）": "城区",
    "类型（中学、小学、中小学、幼儿园，其它）": "幼儿园",
    "办学主体（公办、民营）": "公办",
    "责任民警": "周静",
    "x": "117.9520198",
    "y": "28.43536609"
},
{
    "序号": "9",
    XSQ: "信州区",
    "辖区派出所": "茅家岭派出所",
    name: "上饶市第四中学三江总校",
    DZ: "上饶大道赣东北汽车城旁",
    "区域（城区、乡镇、农村）": "城区",
    "类型（中学、小学、中小学、幼儿园，其它）": "中学",
    "办学主体（公办、民营）": "公办",
    "责任民警": "任圣日",
    "x": "117.9528791",
    "y": "28.40968285"
},
{
    "序号": "10",
    XSQ: "信州区",
    "辖区派出所": "茅家岭派出所",
    name: "上饶市第七中学（已合并至四中三江总校）",
    DZ: "上饶大道赣东北汽车城旁",
    "区域（城区、乡镇、农村）": "城区",
    "类型（中学、小学、中小学、幼儿园，其它）": "中学",
    "办学主体（公办、民营）": "公办",
    "责任民警": "任圣日",
    "x": "117.9505778",
    "y": "28.40689258"
},
{
    "序号": "11",
    XSQ: "信州区",
    "辖区派出所": "茅家岭派出所",
    name: "茅家岭小学",
    DZ: "茅家岭村110号",
    "区域（城区、乡镇、农村）": "农村",
    "类型（中学、小学、中小学、幼儿园，其它）": "小学",
    "办学主体（公办、民营）": "公办",
    "责任民警": "娄永攀",
    "x": "117.9555523",
    "y": "28.4270766"
},
{
    "序号": "12",
    XSQ: "信州区",
    "辖区派出所": "茅家岭派出所",
    name: "周田小学",
    DZ: "老周田村委会旁",
    "区域（城区、乡镇、农村）": "农村",
    "类型（中学、小学、中小学、幼儿园，其它）": "小学",
    "办学主体（公办、民营）": "公办",
    "责任民警": "任圣日",
    "x": "117.9469175",
    "y": "28.40642477"
},
{
    "序号": "13",
    XSQ: "信州区",
    "辖区派出所": "茅家岭派出所",
    name: "车头畲族小学",
    DZ: "茅家岭街道车头村",
    "区域（城区、乡镇、农村）": "农村",
    "类型（中学、小学、中小学、幼儿园，其它）": "小学",
    "办学主体（公办、民营）": "公办",
    "责任民警": "矢裕忠",
    "x": "117.9900418",
    "y": "28.42201205"
},
{
    "序号": "14",
    XSQ: "信州区",
    "辖区派出所": "茅家岭派出所",
    name: "畴口小学",
    DZ: "南环路16号",
    "区域（城区、乡镇、农村）": "城区",
    "类型（中学、小学、中小学、幼儿园，其它）": "小学",
    "办学主体（公办、民营）": "公办",
    "责任民警": "彭国平",
    "x": "117.9719178",
    "y": "28.4258526"
},
{
    "序号": "15",
    XSQ: "信州区",
    "辖区派出所": "茅家岭派出所",
    name: "世纪花园幼儿园",
    DZ: "志敏大道608号世纪花园居委会旁",
    "区域（城区、乡镇、农村）": "城区",
    "类型（中学、小学、中小学、幼儿园，其它）": "幼儿园",
    "办学主体（公办、民营）": "民营",
    "责任民警": "戴饶平",
    "x": "117.9509377",
    "y": "28.42445621"
},
{
    "序号": "16",
    XSQ: "信州区",
    "辖区派出所": "茅家岭派出所",
    name: "晨光幼儿园",
    DZ: "叶挺大道220号",
    "区域（城区、乡镇、农村）": "城区",
    "类型（中学、小学、中小学、幼儿园，其它）": "幼儿园",
    "办学主体（公办、民营）": "民营",
    "责任民警": "戴饶平",
    "x": "117.954292",
    "y": "28.42563368"
},
{
    "序号": "17",
    XSQ: "信州区",
    "辖区派出所": "茅家岭派出所",
    name: "星际宝贝幼儿园",
    DZ: "大学春城8栋",
    "区域（城区、乡镇、农村）": "城区",
    "类型（中学、小学、中小学、幼儿园，其它）": "幼儿园",
    "办学主体（公办、民营）": "民营",
    "责任民警": "齐光华",
    "x": "117.9586309",
    "y": "28.42499443"
},
{
    "序号": "18",
    XSQ: "信州区",
    "辖区派出所": "茅家岭派出所",
    name: "明珠托儿所",
    DZ: "汪家园林家小区",
    "区域（城区、乡镇、农村）": "城区",
    "类型（中学、小学、中小学、幼儿园，其它）": "幼儿园",
    "办学主体（公办、民营）": "民营",
    "责任民警": "齐光华",
    "x": "117.9489763",
    "y": "28.43803311"
},
{
    "序号": "19",
    XSQ: "信州区",
    "辖区派出所": "茅家岭派出所",
    name: "新东方启蒙幼儿园",
    DZ: "三江花园一期",
    "区域（城区、乡镇、农村）": "城区",
    "类型（中学、小学、中小学、幼儿园，其它）": "幼儿园",
    "办学主体（公办、民营）": "民营",
    "责任民警": "齐光华",
    "x": "117.9614405",
    "y": "28.42559724"
},
{
    "序号": "20",
    XSQ: "信州区",
    "辖区派出所": "茅家岭派出所",
    name: "乐迪幼儿园",
    DZ: "杨家湖98号",
    "区域（城区、乡镇、农村）": "城区",
    "类型（中学、小学、中小学、幼儿园，其它）": "幼儿园",
    "办学主体（公办、民营）": "民营",
    "责任民警": "吕来城",
    "x": "117.9601839",
    "y": "28.43089202"
},
{
    "序号": "21",
    XSQ: "信州区",
    "辖区派出所": "茅家岭派出所",
    name: "塔水幼儿园",
    DZ: "茅家岭街道塔水村内",
    "区域（城区、乡镇、农村）": "农村",
    "类型（中学、小学、中小学、幼儿园，其它）": "幼儿园",
    "办学主体（公办、民营）": "民营",
    "责任民警": "任圣日",
    "x": "117.9660151",
    "y": "28.3958705"
},
{
    "序号": "22",
    XSQ: "信州区",
    "辖区派出所": "茅家岭派出所",
    name: "启航幼儿园",
    DZ: "解放安置小区",
    "区域（城区、乡镇、农村）": "城区",
    "类型（中学、小学、中小学、幼儿园，其它）": "幼儿园",
    "办学主体（公办、民营）": "民营",
    "责任民警": "吕来城",
    "x": "117.9558029",
    "y": "28.42530058"
},
{
    "序号": "23",
    XSQ: "信州区",
    "辖区派出所": "茅家岭派出所",
    name: "杨家湖特色幼儿园",
    DZ: "陵园路2号",
    "区域（城区、乡镇、农村）": "城区",
    "类型（中学、小学、中小学、幼儿园，其它）": "幼儿园",
    "办学主体（公办、民营）": "民营",
    "责任民警": "吕来城",
    "x": "117.956633",
    "y": "28.42695327"
},
{
    "序号": "24",
    XSQ: "信州区",
    "辖区派出所": "茅家岭派出所",
    name: "华锋上饶幼儿园",
    DZ: "南环路3号翰林印象1号楼",
    "区域（城区、乡镇、农村）": "城区",
    "类型（中学、小学、中小学、幼儿园，其它）": "幼儿园",
    "办学主体（公办、民营）": "民营",
    "责任民警": "余传公",
    "x": "117.9801406",
    "y": "28.42712847"
},
{
    "序号": "25",
    XSQ: "信州区",
    "辖区派出所": "茅家岭派出所",
    name: "四吉幼儿园",
    DZ: "南环路7号",
    "区域（城区、乡镇、农村）": "城区",
    "类型（中学、小学、中小学、幼儿园，其它）": "幼儿园",
    "办学主体（公办、民营）": "民营",
    "责任民警": "余传公",
    "x": "117.9795753",
    "y": "28.42523697"
},
{
    "序号": "26",
    XSQ: "信州区",
    "辖区派出所": "茅家岭派出所",
    name: "翰林托儿所",
    DZ: "前进桥头",
    "区域（城区、乡镇、农村）": "城区",
    "类型（中学、小学、中小学、幼儿园，其它）": "幼儿园",
    "办学主体（公办、民营）": "民营",
    "责任民警": "余传公",
    "x": "117.9814887",
    "y": "28.42934931"
},
{
    "序号": "27",
    XSQ: "信州区",
    "辖区派出所": "茅家岭派出所",
    name: "同心幼儿园",
    DZ: "荷叶街农贸市场对面",
    "区域（城区、乡镇、农村）": "城区",
    "类型（中学、小学、中小学、幼儿园，其它）": "幼儿园",
    "办学主体（公办、民营）": "民营",
    "责任民警": "娄永攀",
    "x": "117.9424465",
    "y": "28.42325989"
},
{
    "序号": "28",
    XSQ: "信州区",
    "辖区派出所": "茅家岭派出所",
    name: "墨绿森林幼儿园",
    DZ: "畴口村",
    "区域（城区、乡镇、农村）": "城区",
    "类型（中学、小学、中小学、幼儿园，其它）": "幼儿园",
    "办学主体（公办、民营）": "民营",
    "责任民警": "彭国平",
    "x": "117.9680773",
    "y": "28.42887208"
},
{
    "序号": "29",
    XSQ: "信州区",
    "辖区派出所": "茅家岭派出所",
    name: "小摇篮幼儿园",
    DZ: "创南东路21号",
    "区域（城区、乡镇、农村）": "城区",
    "类型（中学、小学、中小学、幼儿园，其它）": "幼儿园",
    "办学主体（公办、民营）": "民营",
    "责任民警": "周静",
    "x": "117.955396",
    "y": "28.43500848"
},
{
    "序号": "30",
    XSQ: "信州区",
    "辖区派出所": "茅家岭派出所",
    name: "阳光宝贝幼儿园三江园",
    DZ: "创南东路80号",
    "区域（城区、乡镇、农村）": "城区",
    "类型（中学、小学、中小学、幼儿园，其它）": "幼儿园",
    "办学主体（公办、民营）": "民营",
    "责任民警": "周静",
    "x": "117.9571204",
    "y": "28.43460326"
},
{
    "序号": "31",
    XSQ: "信州区",
    "辖区派出所": "茅家岭派出所",
    name: "红海外滩幼儿园",
    DZ: "红海外滩小区",
    "区域（城区、乡镇、农村）": "城区",
    "类型（中学、小学、中小学、幼儿园，其它）": "幼儿园",
    "办学主体（公办、民营）": "民营",
    "责任民警": "周静",
    "x": "117.9637167",
    "y": "28.43168034"
},
{
    "序号": "32",
    XSQ: "信州区",
    "辖区派出所": "茅家岭派出所",
    name: "新盼盼幼儿园",
    DZ: "盛世嘉园小区",
    "区域（城区、乡镇、农村）": "城区",
    "类型（中学、小学、中小学、幼儿园，其它）": "幼儿园",
    "办学主体（公办、民营）": "民营",
    "责任民警": "周静",
    "x": "117.9479943",
    "y": "28.43527582"
},
{
    "序号": "33",
    XSQ: "信州区",
    "辖区派出所": "茅家岭派出所",
    name: "嘉树星辰幼儿园",
    DZ: "上饶大道建发央筑旁边",
    "区域（城区、乡镇、农村）": "城区",
    "类型（中学、小学、中小学、幼儿园，其它）": "幼儿园",
    "办学主体（公办、民营）": "民营",
    "责任民警": "娄永攀",
    "x": "117.9436602",
    "y": "28.42889158"
},
{
    "序号": "34",
    XSQ: "信州区",
    "辖区派出所": "茅家岭派出所",
    name: "乐迪茅家岭幼儿园",
    DZ: "茅家岭村委会边",
    "区域（城区、乡镇、农村）": "农村",
    "类型（中学、小学、中小学、幼儿园，其它）": "幼儿园",
    "办学主体（公办、民营）": "民营",
    "责任民警": "娄永攀",
    "x": "117.9568596",
    "y": "28.42606108"
},
{
    "序号": "35",
    XSQ: "信州区",
    "辖区派出所": "茅家岭派出所",
    name: "车头幼儿园",
    DZ: "车头移民新村旁",
    "区域（城区、乡镇、农村）": "农村",
    "类型（中学、小学、中小学、幼儿园，其它）": "幼儿园",
    "办学主体（公办、民营）": "民营",
    "责任民警": "矢裕忠",
    "x": "117.9421849",
    "y": "28.42323676"
},
{
    "序号": "36",
    XSQ: "信州区",
    "辖区派出所": "茅家岭派出所",
    name: "创新幼儿园",
    DZ: "叶挺大道165号",
    "区域（城区、乡镇、农村）": "城区",
    "类型（中学、小学、中小学、幼儿园，其它）": "幼儿园",
    "办学主体（公办、民营）": "民营",
    "责任民警": "戴饶平",
    "x": "117.9530954",
    "y": "28.4252847"
}
]

 src/views/home/index.vue

@@ -84,7 +84,7 @@

        <!-- 户籍人口 -->
        <el-dialog :title="peopleTitle" :modal="true" :visible.sync="peopleVisible" :before-close="personInfoClose"
            :close-on-click-modal="true" class="area-details-box">
            :close-on-click-modal="true" class="area-details-box" v-loading="peopleKeypeopleLoading">
            <div class="header">
                <div>
                    人员名称：
@@ -100,46 +100,46 @@

            <el-table :data="peopleInfoList" style="width: 100%"
                :header-cell-style="{ 'text-align': 'center', 'background-color': '#203c60', 'borderColor': '#324e75' }"
                :cell-style="{ 'text-align': 'center', 'borderColor': '#324e75', 'cursor': 'pointer' }">
                :cell-style="{ 'text-align': 'center', 'borderColor': '#324e75', 'cursor': 'default' }">
                <el-table-column label="序号" type="index" align="center">
                    <template slot-scope="scope">
                        <span>{{ (peoplePage.currentPage - 1) * peoplePage.pageSize + scope.$index + 1 }}</span>
                    </template>
                </el-table-column>
                <el-table-column :show-overflow-tooltip="true" prop="realName" label="姓名"></el-table-column>

                <el-table-column :show-overflow-tooltip="true" prop="address" label="地址" min-width="240%"></el-table-column>
                <el-table-column :show-overflow-tooltip="true" prop="phone" label="电话"></el-table-column>
                <el-table-column :show-overflow-tooltip="true" prop="policeStationName" label="所属派出所"></el-table-column>
                <el-table-column :show-overflow-tooltip="true" prop="areaName" label="所属责任区"></el-table-column>
            </el-table>

            <div class="pages all-pagination-sty" ref="tablePagination">
                <el-pagination background layout="prev, pager, next, total" :page-size="peoplePage.pageSize"
                    :total="peoplePage.total" :current-page="peoplePage.currentPage"
                    @current-change="handlePeopleCurrentChange"></el-pagination>
            </div>
        </el-dialog>
        <div class="pages all-pagination-sty" ref="tablePagination">
            <el-pagination background layout="prev, pager, next, total" :page-size="peoplePage.pageSize"
                :total="peoplePage.total" :current-page="peoplePage.currentPage"
                @current-change="handlePeopleCurrentChange"></el-pagination>
        </div>
    </el-dialog>

        <!-- 重点人员 -->
        <el-dialog :title="keyPersonTitle" :modal="true" :visible.sync="keyPersonVisible" :before-close="personInfoClose"
            :close-on-click-modal="true" class="keyPerson-details-box">
            <div class="header">
                <div>
                    人员名称：
                    <input type="text" v-model="peoplePoliceName" placeholder="请输入人员名称" />
                </div>
                <div>
                    联系电话：
                    <input type="text" v-model="peopleCallPhone" placeholder="请输入联系电话" />
                </div>
                <el-button type="primary" icon="el-icon-search" @click="searchPeopleDetail">搜索</el-button>
                <el-button type="primary" icon="el-icon-delete" @click="clearPeopleDetailSearchValue">清空</el-button>
            </div>
    <!-- 重点人员 -->
    <el-dialog :title="keyPersonTitle" :modal="true" :visible.sync="keyPersonVisible" :before-close="personInfoClose"
        :close-on-click-modal="true" class="keyPerson-details-box">
        <!-- <div class="header" v-show="!isMaoJiaLin">
                 <div>
                     人员名称：
                     <input type="text" v-model="peoplePoliceName" placeholder="请输入人员名称" />
                 </div>
                 <div>
                     联系电话：
                     <input type="text" v-model="peopleCallPhone" placeholder="请输入联系电话" />
                 </div>
                 <el-button type="primary" icon="el-icon-search" @click="searchPeopleDetail">搜索</el-button>
                 <el-button type="primary" icon="el-icon-delete" @click="clearPeopleDetailSearchValue">清空</el-button>
             </div> -->

            <el-table :data="keyPersonDetailArr" style="width: 100%"
                :header-cell-style="{ 'text-align': 'center', 'background-color': '#203c60', 'borderColor': '#324e75' }"
                :cell-style="{ 'text-align': 'center', 'borderColor': '#324e75', 'cursor': 'pointer' }">
                :cell-style="{ 'text-align': 'center', 'borderColor': '#324e75', 'cursor': 'default' }"
                v-show="!isMaoJiaLin">
                <el-table-column label="序号" type="index" align="center">
                    <template slot-scope="scope">
                        <span>{{ (peoplePage.currentPage - 1) * peoplePage.pageSize + scope.$index + 1 }}</span>
@@ -149,15 +149,22 @@
                <el-table-column :show-overflow-tooltip="true" prop="realName" label="姓名"></el-table-column>
                <el-table-column :show-overflow-tooltip="true" prop="address" label="地址" min-width="240%"></el-table-column>
                <el-table-column :show-overflow-tooltip="true" prop="phone" label="电话"></el-table-column>
                <el-table-column :show-overflow-tooltip="true" prop="policeStationName" label="所属派出所"></el-table-column>
                <el-table-column :show-overflow-tooltip="true" prop="areaName" label="所属责任区"></el-table-column>
                <!-- <el-table-column :show-overflow-tooltip="true" prop="policeStationName" label="所属派出所"></el-table-column> -->
            <!-- <el-table-column :show-overflow-tooltip="true" prop="areaName" label="所属责任区"></el-table-column> -->
            <el-table-column label="操作" align="center" :min-width="typeValue == 0 || typeValue == 2 ? '30%' : '18%'">
                <template slot-scope="scope">
                    <el-button @click="rowClick(scope.row)" type="text" size="small" title="定位">
                            <i class="el-icon-location"></i>
                        </el-button>
                    </template>
                </el-table-column>
            </el-table>

            <div class="pages all-pagination-sty" ref="tablePagination">
                <el-pagination background layout="prev, pager, next, total" :page-size="peoplePage.pageSize"
                    :total="peoplePage.total" :current-page="peoplePage.currentPage"
                    @current-change="handlePersonPageChange"></el-pagination>
            </div>
            <!-- <div class="pages all-pagination-sty" ref="tablePagination" v-show="!isMaoJiaLin">
                      <el-pagination background layout="prev, pager, next, total" :page-size="peoplePage.pageSize"
                          :total="peoplePage.total" :current-page="peoplePage.currentPage"
                          @current-change="handlePersonPageChange"></el-pagination>
                </div> -->
        </el-dialog>

        <el-dialog :title="equimentTitle" :modal="true" :visible.sync="equimentVisible" :before-close="equimentBeforeClose"
@@ -228,7 +235,7 @@

            <el-table :data="landDetailArr" style="width: 100%"
                :header-cell-style="{ 'text-align': 'center', 'background-color': '#203c60', 'borderColor': '#324e75' }"
                :cell-style="{ 'text-align': 'center', 'borderColor': '#324e75', 'cursor': 'pointer' }">
                :cell-style="{ 'text-align': 'center', 'borderColor': '#324e75', 'cursor': 'default' }">
                <el-table-column label="序号" type="index" align="center">
                    <template slot-scope="scope">
                        <span>{{ (landPage.currentPage - 1) * landPage.pageSize + scope.$index + 1 }}</span>
@@ -486,6 +493,8 @@

import geoJson from './444.json'

import { keypeopleJSON } from './homeleft/keyPeople'

import { getPanoramaList } from "@/api/panorama"
import { getResidentialQuartersList, getPersonInfoPage } from '@/api/dept/index.js'

@@ -508,6 +517,7 @@

    data () {
        return {
            peopleKeypeopleLoading: false,
            // 是否显示辖区
            areaPolygonLayerShow: true,
            selectAllClass: false,
@@ -614,7 +624,8 @@

            flvPlayer: null,

            videoPlayShow: false
            videoPlayShow: false,
            isMaoJiaLin: false,
        }
    },

@@ -658,12 +669,47 @@
            document.querySelector('.image-switch-icon-btn').classList.add('iconbottom')
            this.setDomStyle()

            if (this.userInfo.dept_id == '1596020515064381442') {
                keypeopleJSON.forEach(item => {

                    if (item.X && item.X != '' && item.Y && item.Y != '') {
                        this.$EventBus.$emit('layerPointAdd', {
                            layerName: 'keypeopleslay',
                            type: "billboard",
                            params: {
                                lng: Number(item.X),
                                lat: Number(item.Y),
                                url: '/img/icon/keypeople.png'
                            }
                        })
                    }

                })
            }
        })

        window.addEventListener('resize', this.setDomStyle)
    },

    methods: {
        rowClick (row) {
            if (row.X == '' || row.Y == '') {
                this.$message({
                    message: '暂无位置信息',
                    type: 'warning'
                })

                return
            }

            this.$EventBus.$emit('toPosition', {
                layerName: 'carLayers',
                siteJd: row.X,
                siteWd: row.Y
            })

            this.keyPersonVisible = false
        },
        // 加载首页下拉列表数据
        getPoliceStationTree (type, id = '') {
            getPoliceStationTree(type, id).then(res => {
@@ -1769,6 +1815,7 @@
        showpeopledetail (id, name) {
            this.peopleTitle = name
            this.peopleSearchQuery.id = id
            this.peopleKeypeopleLoading = true
            this.getPersonInfoPage(1)
            this.peopleVisible = true
        },
@@ -1790,7 +1837,34 @@
         */
        showkeypersondetail (name) {
            this.keyPersonTitle = name
            this.getPersonInfoPage(2)

            if (this.userInfo.dept_id == '1596020515064381442') {

                if (name == '征地拆迁群体') {
                    this.keyPersonDetailArr = keypeopleJSON.filter(item => {
                        return item.zdryxl.indexOf('征地拆迁群体') != -1
                    })
                } else if (name == '非涉法涉诉重点个访人员') {
                    this.keyPersonDetailArr = keypeopleJSON.filter(item => {
                        return item.zdryxl.indexOf('非涉法涉诉重点个访人员') != -1
                    })
                } else if (name == '涉法涉诉重点个访人员') {
                    this.keyPersonDetailArr = keypeopleJSON.filter(item => {
                        return item.zdryxl.indexOf('涉法涉诉重点个访人员') != -1
                    })
                } else if (name == '楼盘业主维权群体') {
                    this.keyPersonDetailArr = keypeopleJSON.filter(item => {
                        return item.zdryxl.indexOf('楼盘业主维权群体') != -1
                    })
                }
            } else {
                this.getPersonInfoPage(2)

            }


            // this.keyPersonDetailArr

            this.keyPersonVisible = true
        },

@@ -1836,6 +1910,7 @@
                    this.peopleInfoList = []
                    this.peoplePage.total = 0
                }
                this.peopleKeypeopleLoading = false
            })
        },

@@ -1945,7 +2020,7 @@
         */
        searchPeopleDetail () {
            this.peoplePage.currentPage = 1

            this.peopleKeypeopleLoading = true
            if (this.peopleVisible == true) {
                this.getPersonInfoPage(1)
            } else if (this.keyPersonVisible == true) {

 src/views/house/index.vue

@@ -38,7 +38,7 @@
                    </div>
                    <div class="housing-bg">
                        <div class="block">
                            <el-carousel height="150px">
                            <el-carousel height="150px" :arrow="isShowPictArrow">
                                <el-carousel-item v-for="(item, index) in villageInfo.pic_url_list" :key="index">
                                    <el-image style=" height: 100%" :src="item"
                                        :preview-src-list="villageInfo.pic_url_list"></el-image>
@@ -49,19 +49,20 @@
                    <div class="housing-introduce">
                        <div>
                            <div class="l">分类属性：</div>
                            <div class="r">{{ villageInfo.type_name }}</div>
                            <div class="r">{{ villageInfo.type_name ? villageInfo.type_name : '暂无数据' }}</div>
                        </div>
                        <div>
                            <div class="l">所属辖区：</div>
                            <div class="r">{{ villageInfo.policeStationName }}</div>
                            <div class="r">{{ villageInfo.policeStationName ? villageInfo.policeStationName : '暂无数据' }}
                            </div>
                        </div>
                        <div>
                            <div class="l">责任民警：</div>
                            <div class="r">{{ villageInfo.policeName }}</div>
                            <div class="r">{{ villageInfo.policeName ? villageInfo.policeName : '暂无数据' }}</div>
                        </div>
                        <div>
                            <div class="l">标准地址：</div>
                            <div class="r">{{ villageInfo.address }}</div>
                            <div class="r">{{ villageInfo.address ? villageInfo.address : '暂无数据' }}</div>
                        </div>
                    </div>
                </div>
@@ -110,15 +111,15 @@
                            <div class="content">
                                <div>
                                    <div>电梯</div>
                                    <div>{{ floorInfo.elev == 1 ? '有' : '无' }}</div>
                                    <div style="color:#72fff8">{{ floorInfo.elev == 1 ? '有' : '无' }}</div>
                                </div>
                                <div>
                                    <div>楼层总数</div>
                                    <div>{{ floorInfo.floor_num }}</div>
                                    <div style="color:#72fff8">{{ floorInfo.floor_num }}</div>
                                </div>
                                <div>
                                    <div>户室总数</div>
                                    <div>{{ floorInfo.house_num }}</div>
                                    <div style="color:#72fff8">{{ floorInfo.house_num }}</div>
                                </div>
                            </div>
                        </div>
@@ -128,7 +129,7 @@
                            <div class="content">
                            <div class="one">
                                <div @click="goTOPeopleDetail(1)">
                                    <div>{{ peopleInfo.registeredPopulation }}</div>
                                    <div style="color:#72fff8">{{ peopleInfo.registeredPopulation }}</div>
                                    <div>户籍人口</div>
                                </div>
                                <div @click="goTOPeopleDetail(2)">
@@ -140,9 +141,9 @@
                                <div class="two">
                                    <div>
                                        <div>98</div>
                                                                                                                                                                                                                                                                                                                                                                    <div>户籍人口</div>
                                                                                                                                                                                                                                                                                                                                                                </div>
                                                                                                                                                                                                                                                                                                                                                                <div>
                                                                      <div>户籍人口</div>
                                                                  </div>
                                                                  <div>
                                        <div style="color:#0E88FF">20</div>
                                        <div>流动人口</div>
                                    </div>
@@ -163,18 +164,17 @@
                                </div>
                                <div>
                                    <div>120</div>
                                    <div>出租</div>
                                                                                                                                                                                                                                                                                                                                                            </div>
                                                                                                                                                                                                                                                                                                                                                            <div>
                                                                                                                                                                                                                                                                                                                                                                <div>160</div>
                                                                                                                                                                                                                                                                                                                                                                <div>自住</div>
                                                                                                                                                                                                                                                                                                                                                            </div>
                                                                                                                                                                                                                                                                                                                                                            <div>
                                                                                                                                                                                                                                                                                                                                                                <div>8</div>
                                                                                                                                                                                                                                                                                                                                                                <div>空置</div>
                                                                                                                                                                                                                                                                                                                                                            </div>
                                                                                                                                                                                                                                                                                                                                                        </div>
                                                                                                                                                                                                                                                                                                                                                    </div>-->
                                                            <div>出租</div>
                                                              </div>
                                                                  <div>160</div>
                                                                  <div>自住</div>
                                                              </div>
                                                              <div>
                                                                  <div>8</div>
                                                                  <div>空置</div>
                                                              </div>
                                                          </div>
                                                                                                                                                                                                                                                                                                                                                                                                                                                                                            </div>-->
                        <div class="house-element-info" v-if="isShowHouseBox">
                        <!-- 选择单元 -->
                        <div class="condo" v-show="isShowUnitChoose">
@@ -219,17 +219,17 @@
                                    <div>
                                        <span class="zizhu"></span>
                                        自住
                                                                                                                                                                                                                                                                                                                                                                </div>
                                                                                                                                                                                                                                                                                                                                                                <div>
                                                                                                                                                                                                                                                                                                                                                                    <span class="kongzhi"></span>
                                                                                                                                                                                                                                                                                                                                                                    空置
                                                                                                                                                                                                                                                                                                                                                                </div>
                                                                                                                                                                                                                                                                                                                                                                <div>
                                                                                                                                                                                                                                                                                                                                                                    <span class="shangye"></span>
                                                                                                                                                                                                                                                                                                                                                                    商业
                                                                                                                                                                                                                                                                                                                                                                </div>
                                                                                                                                                                                                                                                                                                                                                            </div>
                                                                                                                                                                                                                                                                                                                                                        </div>-->
                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                        </div>
                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                        <div>
                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                            <span class="kongzhi"></span>
                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                            空置
                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                        </div>
                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                        <div>
                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                            <span class="shangye"></span>
                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                            商业
                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                        </div>
                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                    </div>
                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                </div>-->
                            <el-main v-loading="pictLoading" element-loading-background="rgba(17, 38, 163, .1)"
                                element-loading-text="数据正在加载中" element-loading-spinner="el-icon-loading"
                                v-show="isShowHouseBox">
@@ -266,8 +266,8 @@
                                                <!-- :class="[{ 'chuzu': value.houseType == '出租' }, { 'zizhu': value.houseType == '自住' }, { 'kongzhi': value.houseType == '空置' }, { 'shangye': value.houseType == '商业' }]" -->
                                                {{ value.properties.fojcu }}
                                                <!-- <div class="flow"></div>
                                                                                                                                                                                                                                                                                                                                                                        <div class="focus"></div>
                                                                                                                                                                                                                                                                                                                                                                            <div class="warning"></div>-->
                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                <div class="focus"></div>
                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                    <div class="warning"></div>-->
                                            </div>
                                        </div>
                                    </div>
@@ -566,6 +566,7 @@
            floorChoosed: {},
            isShowUnitChoose: false,
            allHouseFloorList: [],
            isShowPictArrow: 'never',
        }
    },

@@ -631,6 +632,7 @@
        housingIndent (e) {
            this.getAoiByPtStd(e)
        },

        /**
         * @description: 顶部搜索条件更改
         * @param {*} val
@@ -663,7 +665,6 @@
        getPoliceStationTrees () {
            getPoliceStationTrees({ name: this.searchTreeName, deptId: this.userInfo.dept_id }).then(res => {
                this.searchTreeData = res.data.data

                if (res.data.data.length == 0) this.treeEmptyText = '暂无数据'
            })
        },
@@ -722,20 +723,17 @@
            if (current.hasChildren == true) return
            this.filterText = ''
            this.prop = current.name
            this.searchTreeName = current.name
            if (circleLayer && circleLayer != null && circleLayer != undefined) {
                circleLayer.clear()
                circleLayer.remove()
                circleLayer = null
            }

            this.getResidentialQuartersInfo(current.id, '361102')
            this.getSearchExtensivelyBgAoiDeepdata('ebf48ecaa1fd436fa3d40c4600aa051f', '361100', current.id, '1|3')
            this.getVillageInfo(current.id)

            this.$refs.searchTreeInput.blur()
            this.searchTreeName = ''
            this.searchLazyFlag = true

        },

        navClick (e) {
@@ -774,6 +772,10 @@
                    let pic_url_item = baseUrl + item
                    this.villageInfo.pic_url_list.push(pic_url_item)
                })
                this.villageInfo.pic_url_list.push('pic_url_item')
                if (this.villageInfo.pic_url_list.length != 0) {
                    this.isShowPictArrow = 'hover'
                }
                // 停车场出入口商场
                if (res.data.result[0].deep_infos && res.data.result[0].deep_infos.length) {
                    let deepData = res.data.result[0].deep_infos.deep_info
@@ -822,6 +824,7 @@

                if (res.data != null && houseData.nwwqd.features != []) {
                    let unitData = houseData.nwwqd.features
                    console.log(unitData.length, 223366)
                    this.floorInfo.house_num = unitData.length
                    if (houseData.hwtxa.features.length > 1) {
                        this.isShowUnitChoose = true
@@ -1488,8 +1491,11 @@
                    text-align: left;
                    line-height: 40px;
                    font-size: 28px;
                    font-weight: bold;
                    // font-weight: bold;
                    font-family: 华文琥珀;
                    z-index: 1;
                    letter-spacing: 2px;
                    color: rgba(252, 189, 86, 0.9);

                    &::after {
                        content: '';

 src/views/video/list.vue

@@ -786,6 +786,9 @@
            this.flvPlayer.destroy()
            this.flvPlayer = null
        }
        if (drawPlotLayers != null) {
            drawPlotLayers.clear()
        }
    }
}
</script>

 vue.config.js

@@ -157,8 +157,8 @@
        proxy: {
            "/api": {
                // target用于配置你允许访问数据的计算机名称，即是你的api接口的服务器地址
                target: "http://localhost:82",
                // target: "http://192.168.0.126:82",
                // target: "http://localhost:82",
                target: "http://172.16.13.130:82",
                // target: "http://17.20.10.3:82",
                // target: "http://10.141.11.11:8081/api",
                // ws: true, //启用webSocket6566