部分修改

shuishen

2022-12-14 2b6ce00c5c9b88a89f05c9f81df2b1238a6aa08b

部分修改

 src/components/map/index.vue

@@ -2,7 +2,7 @@
 * @Author: shuishen 1109946754@qq.com
 * @Date: 2022-08-18 17:00:30
 * @LastEditors: shuishen 1109946754@qq.com
 * @LastEditTime: 2022-12-12 15:59:38
 * @LastEditTime: 2022-12-14 15:05:14
 * @FilePath: \srs-police-affairs\src\components\map\index.vue
 * @Description: 公用地图组件
 * 
@@ -21,15 +21,18 @@
        </div>
        <!-- 切换矢量图按钮 -->
        <div class="image-switch-icon-btn" title="切换影像" @mouseover="showImgBtn = true" @mouseleave="showImgBtn = false">
            <img src="/img/base_map.png" alt />
        </div>
        <div class="image-switch-img-btn" v-show="showImgBtn" @mouseover="showImgBtn = true"
            @mouseleave="showImgBtn = false">
            <div class="img" @click="switchImg">
                <span :class="{ on: imgtype == 0 }">影像</span>
            <div class="icon-box">
                <img src="/img/base_map.png" alt />
            </div>
            <div class="elec" @click="switchElec">
                <span :class="{ on: imgtype == 1 }">矢量</span>

            <div class="image-switch-img-btn" v-show="showImgBtn" @mouseover="showImgBtn = true"
                @mouseleave="showImgBtn = false">
                <div class="img" @click="switchImg">
                    <span :class="{ on: imgtype == 0 }">影像</span>
                </div>
                <div class="elec" @click="switchElec">
                    <span :class="{ on: imgtype == 1 }">矢量</span>
                </div>
            </div>
        </div>

@@ -180,7 +183,7 @@
            // 上饶部署，内网使用的
            global.viewer.imageryLayers.addImageryProvider(
                new global.DC.Namespace.Cesium.WebMapTileServiceImageryProvider({
                    url: "http://192.168.0.112:8090/MapTileService/wmts?STORETYPE=merged-dat&PROJECTION=4326",
                    url: "http://10.141.11.11:8090/MapTileService/wmts?STORETYPE=merged-dat&PROJECTION=4326",
                    layer: "wmts_4326_361100",
                    style: "default",
                    format: "image/png",
@@ -190,6 +193,19 @@
                })
            )


            // global.viewer.imageryLayers.addImageryProvider(
            //     new global.DC.Namespace.Cesium.WebMapTileServiceImageryProvider({
            //         url: "http://192.168.0.112:8090/MapTileService/wmts?STORETYPE=merged-dat&PROJECTION=4326",
            //         layer: "wmts_4326_361100",
            //         style: "default",
            //         format: "image/png",
            //         tileMatrixSetID: "c",
            //         tileMatrixLabels: new Array(18).fill(0).map((v, i) => i + 1),
            //         tilingScheme: new global.DC.Namespace.Cesium.GeographicTilingScheme(),
            //     })
            // )

            // 加载顺丰底图
            // global.viewer.imageryLayers.addImageryProvider(
            //     new global.DC.Namespace.Cesium.UrlTemplateImageryProvider({

 src/router/axios.js

@@ -2,7 +2,7 @@
 * @Author: shuishen 1109946754@qq.com
 * @Date: 2022-07-29 15:19:13
 * @LastEditors: shuishen 1109946754@qq.com
 * @LastEditTime: 2022-12-05 15:10:21
 * @LastEditTime: 2022-12-13 11:11:00
 * @FilePath: \srs-police-affairs\src\router\axios.js
 * @Description: 这是默认设置,请设置`customMade`, 打开koroFileHeader查看配置 进行设置: https://github.com/OBKoro1/koro1FileHeader/wiki/%E9%85%8D%E7%BD%AE
 */
@@ -28,9 +28,13 @@
    // baseURL: 'http://192.168.0.102:1888/api',
    // baseURL: 'http://192.168.0.105:18080/api',
    // baseURL: 'http://192.168.0.115:82',
    baseURL: 'http://192.168.0.112:18080',
    // baseURL: 'http://192.168.0.112:18080',

    // baseURL: 'http://192.168.0.112:9091',
    // baseURL: 'http://192.168.0.106:1888/api',

    // 内网部署地址
    baseURL: 'http://10.141.11.11:82',
    timeout: 600000 // request timeout
})

@@ -50,7 +54,9 @@
        if (config.requestBaseUrl == 'outside') {
            // config.baseURL = 'http://192.168.0.102:1888/api'
            // config.baseURL = 'http://192.168.0.105:80/api'
            config.baseURL = 'http://192.168.0.115:18080/api'
            // config.baseURL = 'http://192.168.0.115:18080/api'
            // 内网部署地址
            config.baseURL = 'http://10.141.11.11:18080/api'
            // config.baseURL = 'http://192.168.0.106:1888/api'
        }


 src/styles/dc/index.scss

@@ -100,17 +100,24 @@
    align-items: center;
    justify-content: center;
    position: absolute;
    left: 10px;
    bottom: 176px;
    width: 36px;
    height: 36px;
    font-size: 20px;
    color: #fff;
    background: #fff;
    border-radius: 5px;
    border-right: 10px solid transparent;
    box-sizing: content-box;
    background: transparent;

    z-index: 97;
    background-color: $bg-color !important;

    cursor: pointer;

    .icon-box {
        display: flex;
        justify-content: center;
        align-items: center;
        width: 100%;
        height: 100%;
        background-color: $bg-color !important;
        border-radius: 5px;
    }
}

.image-switch-icon-btn.iconbottom {
@@ -127,8 +134,6 @@
    align-items: center;
    justify-content: center;
    position: absolute;
    left: 46px;
    bottom: 190px;
    font-size: 20px;
    color: #fff;
    background: #fff;
@@ -167,14 +172,4 @@
    .elec {
        background-image: url(/img/elec.png);
    }
}

.image-switch-img-btn.imgbottom {
    left: 440px;
    bottom: 476px;
}

.image-switch-img-btn.shrink-btn {
    left: 448px;
    bottom: 176px;
}

 src/styles/media/index.scss

@@ -367,8 +367,6 @@
                }

                .image-switch-img-btn {
                    left: countSizeVw(46, 1920);
                    bottom: countSizeVh(190);
                    font-size: countSizeVh(20);
                    border-radius: countSizeVh(5);

@@ -387,13 +385,13 @@
                }

                .image-switch-img-btn.imgbottom {
                    left: countSizeVw(446, 1920);
                    bottom: countSizeVh(480);
                    top: 0;
                    left: countSizeVw(40, 1920);
                }

                .image-switch-img-btn.shrink-btn {
                    left: countSizeVw(454, 1920);
                    bottom: countSizeVh(154);
                    top: 0;
                    left: countSizeVw(40, 1920);
                }
            }
        }

 src/views/home/components/leftContainer.vue

@@ -1,6 +1,6 @@
<template>
    <div class="container">
        <div class="person-box">
        <div class="person-box" style="position: relative;">
            <div class="title">
                <div class="title-tab">
                    <span :class="{ choosed: peopletype == 0 }" @click="peopleTabClick(0)">现有人员</span>/
@@ -28,8 +28,19 @@
            </div>
            <div id="PersonEcharts" class="echarts-box"></div>
            <div class="back" title="返回上一级" v-show="dataDeep == 2 && peopletype == 0" @click="backBegin"></div>

            <svg viewBox="0 0 412 318" width="100%" height="100%" style="position: absolute; top: 0; left: 0;">
                <path class="mypath" d="M405.09,274c5.12,7.31,5,9.67,5,9c0.08,11.9,0.04,11.37,0,28c-0.4,3.71-3.02,6.38-7,7
    c-8.96,0.04-8.98,0.02-17,0c-13,0-6,0-19,0c-2.94-1.33-7.88-6.6-9-10c-22,0-46,0-68,0c-0.88,4.03-4.72,8.32-8,10
    c-62.33,0-126.67,0-189,0c-30.33,0-28.67,0-59,0c-9.38,0,0,0-26,0c-4.46,0.38-8.33-3.92-8-8c0-14,0-14,0-28
    c0.01-6.31,0.03-6.11,0-17c-0.15-11.16-0.08-0.09,0-11c-0.09-1.9,5.85-7.66,7-7c0.01-30.52,0.03-49.4,0-68
    c-0.03-20.37,0.05-18.8,0-28c-2.73-2.26-4.43-3.86-7-7c0-3.33,0-5.67,0-9c0-9.33,0-9.67,0-19c0-35.33,0-76.67,0-112
    c0.23-1.72,1.53-4,3-4c129.17-0.01,110.27,0,167,0c3.91,0.82,10.18,7.27,11,10c16.67,0,33.34,0,50,0c57.66,0,114.34,0,172,0
    c3.71,0.55,5.63,2.19,7,6c0.16,21.48,0,49.56,0,71c0,43,0.08,90.17,0,133c0.08,6.67,0-4.75,0,7c-0.33,0-0.42,5.75-5,7
    c0.04,13.79-0.08,10.66,0,19C405.09,266.07,405.11,261,405.09,274" />
            </svg>
        </div>
        <div class="house-box">
        <div class="house-box" style="position: relative;">
            <div class="title">现有房屋</div>
            <div class="sub-tab">
                <div class="tab" :class="{ 'select-on-tab': tabTypeTwo == 0 }" @click="houseTabClick(0)">
@@ -42,8 +53,18 @@
                </div>
            </div>
            <div id="houseEcharts" class="echarts-box"></div>
            <svg viewBox="0 0 412 318" width="100%" height="100%" style="position: absolute; top: 0; left: 0;">
                <path class="mypath" d="M405.09,274c5.12,7.31,5,9.67,5,9c0.08,11.9,0.04,11.37,0,28c-0.4,3.71-3.02,6.38-7,7
    c-8.96,0.04-8.98,0.02-17,0c-13,0-6,0-19,0c-2.94-1.33-7.88-6.6-9-10c-22,0-46,0-68,0c-0.88,4.03-4.72,8.32-8,10
    c-62.33,0-126.67,0-189,0c-30.33,0-28.67,0-59,0c-9.38,0,0,0-26,0c-4.46,0.38-8.33-3.92-8-8c0-14,0-14,0-28
    c0.01-6.31,0.03-6.11,0-17c-0.15-11.16-0.08-0.09,0-11c-0.09-1.9,5.85-7.66,7-7c0.01-30.52,0.03-49.4,0-68
    c-0.03-20.37,0.05-18.8,0-28c-2.73-2.26-4.43-3.86-7-7c0-3.33,0-5.67,0-9c0-9.33,0-9.67,0-19c0-35.33,0-76.67,0-112
    c0.23-1.72,1.53-4,3-4c129.17-0.01,110.27,0,167,0c3.91,0.82,10.18,7.27,11,10c16.67,0,33.34,0,50,0c57.66,0,114.34,0,172,0
    c3.71,0.55,5.63,2.19,7,6c0.16,21.48,0,49.56,0,71c0,43,0.08,90.17,0,133c0.08,6.67,0-4.75,0,7c-0.33,0-0.42,5.75-5,7
    c0.04,13.79-0.08,10.66,0,19C405.09,266.07,405.11,261,405.09,274" />
            </svg>
        </div>
        <div class="land-box">
        <div class="land-box" style="position: relative;">
            <div class="title">现有地</div>
            <div class="sub-tab">
                <div class="tab" :class="{ 'select-on-tab': tabTypeThree == 0 }" @click="landTabClick(0)">
@@ -56,6 +77,16 @@
                </div>
            </div>
            <div id="landEcharts" class="echarts-box"></div>
            <svg viewBox="0 0 412 318" width="100%" height="100%" style="position: absolute; top: 0; left: 0;">
                <path class="mypath" d="M405.09,274c5.12,7.31,5,9.67,5,9c0.08,11.9,0.04,11.37,0,28c-0.4,3.71-3.02,6.38-7,7
    c-8.96,0.04-8.98,0.02-17,0c-13,0-6,0-19,0c-2.94-1.33-7.88-6.6-9-10c-22,0-46,0-68,0c-0.88,4.03-4.72,8.32-8,10
    c-62.33,0-126.67,0-189,0c-30.33,0-28.67,0-59,0c-9.38,0,0,0-26,0c-4.46,0.38-8.33-3.92-8-8c0-14,0-14,0-28
    c0.01-6.31,0.03-6.11,0-17c-0.15-11.16-0.08-0.09,0-11c-0.09-1.9,5.85-7.66,7-7c0.01-30.52,0.03-49.4,0-68
    c-0.03-20.37,0.05-18.8,0-28c-2.73-2.26-4.43-3.86-7-7c0-3.33,0-5.67,0-9c0-9.33,0-9.67,0-19c0-35.33,0-76.67,0-112
    c0.23-1.72,1.53-4,3-4c129.17-0.01,110.27,0,167,0c3.91,0.82,10.18,7.27,11,10c16.67,0,33.34,0,50,0c57.66,0,114.34,0,172,0
    c3.71,0.55,5.63,2.19,7,6c0.16,21.48,0,49.56,0,71c0,43,0.08,90.17,0,133c0.08,6.67,0-4.75,0,7c-0.33,0-0.42,5.75-5,7
    c0.04,13.79-0.08,10.66,0,19C405.09,266.07,405.11,261,405.09,274" />
            </svg>
        </div>
    </div>
</template>
@@ -198,6 +229,7 @@
        this.inithouseEcharts()
        this.clickPeopleChart()
        this.clickLandChart()


        this.$nextTick(() => {
            window.addEventListener("resize", this.echartsResize)
@@ -1022,4 +1054,23 @@
        overflow-x: hidden !important;
    }
}

.mypath {
    stroke: #05D380;
    stroke-width: 2;
    stroke-dasharray: 666;
    stroke-dashoffset: 666;
    fill: none;
    animation: go 4s linear infinite forwards;
}

@keyframes go {
    0% {
        stroke-dashoffset: 666;
    }

    100% {
        stroke-dashoffset: 0;
    }
}
</style>

 src/views/home/index.vue

@@ -2,7 +2,7 @@
 * @Author: shuishen 1109946754@qq.com
 * @Date: 2022-08-18 16:18:17
 * @LastEditors: shuishen 1109946754@qq.com
 * @LastEditTime: 2022-12-12 10:25:34
 * @LastEditTime: 2022-12-13 15:10:42
 * @FilePath: \srs-police-affairs\src\views\home\index.vue
 * @Description: 小区-栋-层-房屋
 *
@@ -11,31 +11,18 @@

<template>
    <div class="home-page container">
        <left-container
            class="left-container"
            @showpeopledetail="showpeopledetail"
            @showlanddetail="showlanddetail"
            @showkeypersondetail="showkeypersondetail"
            ref="leftContainer"
        ></left-container>
        <left-container class="left-container" @showpeopledetail="showpeopledetail" @showlanddetail="showlanddetail"
            @showkeypersondetail="showkeypersondetail" ref="leftContainer"></left-container>

        <right-container
            class="right-container"
            @showequimentdetail="showequimentdetail"
            @selectPoliceChangeEventData="selectPoliceChangeEventData"
            @changeActivityType="changeActivityType"
            @activityChange="activityChange"
            ref="rightContainer"
        ></right-container>
        <right-container class="right-container" @showequimentdetail="showequimentdetail"
            @selectPoliceChangeEventData="selectPoliceChangeEventData" @changeActivityType="changeActivityType"
            @activityChange="activityChange" ref="rightContainer"></right-container>

        <bottom-container
            class="bottom-container"
            ref="bottomContainer"
        <bottom-container class="bottom-container" ref="bottomContainer"
            @changePoliceSituationHistoryType="changePoliceSituationHistoryType"
            @changePoliceSituationTimeType="changePoliceSituationTimeType"
            @policeSituationChange="policeSituationChange"
            @policeSituationSiteClick="policeSituationSiteClick"
        ></bottom-container>
            @policeSituationSiteClick="policeSituationSiteClick"></bottom-container>

        <div class="center-container">
            <div class="layers-control-btn house">
@@ -62,69 +49,30 @@
        </div>

        <div ref="RegionSelect" style="left: 0;" class="region-select">
            <map-select
                class="map-select"
                @selectCheck="policeStationSelect"
                :checkValue="policeStationCheckValue"
                :options="policeStationOptions"
                :optionsName="'policeStationName'"
            ></map-select>
            <map-select class="map-select" @selectCheck="policeStationSelect" :checkValue="policeStationCheckValue"
                :options="policeStationOptions" :optionsName="'policeStationName'"></map-select>

            <map-select
                class="map-select"
                @selectCheck="areaSelect"
                :checkValue="areaCheckValue"
                :options="areaOptions"
                :optionsName="'areaCheckName'"
            ></map-select>
            <map-select class="map-select" @selectCheck="areaSelect" :checkValue="areaCheckValue" :options="areaOptions"
                :optionsName="'areaCheckName'"></map-select>

            <map-select
                class="map-select"
                @selectCheck="housingSelect"
                :checkValue="housingCheckValue"
                :options="housingOptions"
                :optionsName="'housingsName'"
            ></map-select>
            <map-select class="map-select" @selectCheck="housingSelect" :checkValue="housingCheckValue"
                :options="housingOptions" :optionsName="'housingsName'"></map-select>
        </div>

        <el-dialog
            :title="dialogTitle"
            :modal="true"
            :visible.sync="dialogVisible"
            :before-close="dialogBeforeClose"
            :close-on-click-modal="true"
        >
            <video
                src="/video/sp.mp4"
                autoplay
                controls
                width="100%"
                height="100%"
                ref="videoElement"
                style="object-fit: fill"
            ></video>
        <el-dialog :title="dialogTitle" :modal="true" :visible.sync="dialogVisible" :before-close="dialogBeforeClose"
            :close-on-click-modal="true">
            <video src="/video/sp.mp4" autoplay controls width="100%" height="100%" ref="videoElement"
                style="object-fit: fill"></video>
        </el-dialog>

        <el-dialog
            :title="panoramaTitle"
            :modal="true"
            :visible.sync="panoramaVisible"
            :before-close="panoramaBeforeClose"
            :close-on-click-modal="true"
            class="panorama-details-box"
        >
        <el-dialog :title="panoramaTitle" :modal="true" :visible.sync="panoramaVisible"
            :before-close="panoramaBeforeClose" :close-on-click-modal="true" class="panorama-details-box">
            <!-- <iframe src="http://vr.jxpskj.com/JXSFKZQJ/QJ/" style="width: 100%; height: 100%;" frameborder="0"></iframe>-->
            <iframe :src="panoramaVrUrl" style="width: 100%; height: 100%;" frameborder="0" />
        </el-dialog>

        <el-dialog
            :title="activityTitle"
            :modal="true"
            :visible.sync="activityVisible"
            :before-close="activityBeforeClose"
            :close-on-click-modal="true"
            class="activity-details-box"
        >
        <el-dialog :title="activityTitle" :modal="true" :visible.sync="activityVisible"
            :before-close="activityBeforeClose" :close-on-click-modal="true" class="activity-details-box">
            <div class="item">
                <div>活动名称:</div>
                <div>{{ activityDetailArr.activityName }}</div>
@@ -159,14 +107,8 @@
            </div>
        </el-dialog>

        <el-dialog
            :title="phoneTitle"
            :modal="true"
            :visible.sync="phoneVisible"
            :before-close="phoneBeforeClose"
            :close-on-click-modal="true"
            class="phone-details-box"
        >
        <el-dialog :title="phoneTitle" :modal="true" :visible.sync="phoneVisible" :before-close="phoneBeforeClose"
            :close-on-click-modal="true" class="phone-details-box">
            <div class="item">
                <div>责任人：</div>
                <div>{{ phoneDetails.person }}</div>
@@ -185,14 +127,8 @@
            </div>
        </el-dialog>

        <el-dialog
            :title="peopleTitle"
            :modal="true"
            :visible.sync="peopleVisible"
            :before-close="peopleBeforeClose"
            :close-on-click-modal="true"
            class="area-details-box"
        >
        <el-dialog :title="peopleTitle" :modal="true" :visible.sync="peopleVisible" :before-close="peopleBeforeClose"
            :close-on-click-modal="true" class="area-details-box">
            <div class="item">
                <div>责任区负责人：</div>
                <div>王某某</div>
@@ -211,58 +147,30 @@
            </div>
        </el-dialog>

        <el-dialog
            :title="equimentTitle"
            :modal="true"
            :visible.sync="equimentVisible"
            :before-close="equimentBeforeClose"
            :close-on-click-modal="true"
            class="equiment-details-box"
        >
        <el-dialog :title="equimentTitle" :modal="true" :visible.sync="equimentVisible"
            :before-close="equimentBeforeClose" :close-on-click-modal="true" class="equiment-details-box">
            <div class="equiment-detail">
                <div class="left">
                    <el-tree
                        :data="jurisdictionData"
                        :props="defaultProps"
                        @node-click="jurisdictionNodeClick"
                        ref="tree"
                        node-key="id"
                    ></el-tree>
                    <el-tree :data="jurisdictionData" :props="defaultProps" @node-click="jurisdictionNodeClick"
                        ref="tree" node-key="id"></el-tree>
                </div>
                <div class="right">
                    <div class="monitor" v-if="monitorContent">
                        <video
                            src="/video/sp.mp4"
                            autoplay
                            controls
                            width="100%"
                            height="100%"
                            ref="videoElement"
                            style="object-fit: fill"
                        ></video>
                        <video src="/video/sp.mp4" autoplay controls width="100%" height="100%" ref="videoElement"
                            style="object-fit: fill"></video>
                    </div>
                    <div class="others" v-if="othersContent">
                        <el-table
                            :data="showArr.slice((currentPage - 1) * pagesize, currentPage * pagesize)"
                        <el-table :data="showArr.slice((currentPage - 1) * pagesize, currentPage * pagesize)"
                            style="width: 100%"
                            :header-cell-style="{ 'text-align': 'center', 'background-color': '#203c60', 'borderColor': '#324e75' }"
                            :cell-style="{ 'text-align': 'center', 'borderColor': '#324e75' }"
                            :row-class-name="tableRowClassName"
                        >
                            :row-class-name="tableRowClassName">
                            <el-table-column prop="carID" label="车牌号" v-if="carArrShow"></el-table-column>
                            <el-table-column prop="carType" label="车型" v-if="carArrShow"></el-table-column>
                            <el-table-column prop="phoneID" label="手台号" v-if="phoneArrShow"></el-table-column>
                            <el-table-column prop="phoneType" label="手台机型" v-if="phoneArrShow"></el-table-column>
                            <el-table-column
                                prop="recorderID"
                                label="执法记录仪号"
                                v-if="recorderArrShow"
                            ></el-table-column>
                            <el-table-column
                                prop="recorderType"
                                label="记录仪机型"
                                v-if="recorderArrShow"
                            ></el-table-column>
                            <el-table-column prop="recorderID" label="执法记录仪号" v-if="recorderArrShow"></el-table-column>
                            <el-table-column prop="recorderType" label="记录仪机型" v-if="recorderArrShow"></el-table-column>
                            <el-table-column prop="id" label="设备号" v-if="stateArrShow"></el-table-column>
                            <el-table-column prop="equimentType" label="设备类型" v-if="stateArrShow"></el-table-column>
                            <el-table-column prop="policeStation" label="所属派出所"></el-table-column>
@@ -270,35 +178,20 @@
                            <el-table-column prop="state" label="状态"></el-table-column>
                        </el-table>
                        <div class="pages">
                            <el-pagination
                                background
                                layout="prev, pager, next"
                                :total="showArr.length"
                                :page-size="pagesize"
                                pager-count="3"
                                :current-page="currentPage"
                                @current-change="handleCurrentChange"
                            ></el-pagination>
                            <el-pagination background layout="prev, pager, next" :total="showArr.length"
                                :page-size="pagesize" pager-count="3" :current-page="currentPage"
                                @current-change="handleCurrentChange"></el-pagination>
                        </div>
                    </div>
                </div>
            </div>
        </el-dialog>

        <el-dialog
            :title="landTitle"
            :modal="true"
            :visible.sync="landVisible"
            :before-close="landBeforeClose"
            :close-on-click-modal="true"
            class="land-details-box"
        >
            <el-table
                :data="landDetailArr"
                style="width: 100%"
        <el-dialog :title="landTitle" :modal="true" :visible.sync="landVisible" :before-close="landBeforeClose"
            :close-on-click-modal="true" class="land-details-box">
            <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': 'pointer' }">
                <el-table-column prop="housingEastate" label="小区名称" width="100"></el-table-column>
                <el-table-column prop="location" label="位置" width="140"></el-table-column>
                <el-table-column prop="area" label="面积" width="120"></el-table-column>
@@ -307,20 +200,11 @@
            </el-table>
        </el-dialog>

        <el-dialog
            :title="keyPersonTitle"
            :modal="true"
            :visible.sync="keyPersonVisible"
            :before-close="keyPersonBeforeClose"
            :close-on-click-modal="true"
            class="keyPerson-details-box"
        >
            <el-table
                :data="keyPersonDetailArr"
                style="width: 100%"
        <el-dialog :title="keyPersonTitle" :modal="true" :visible.sync="keyPersonVisible"
            :before-close="keyPersonBeforeClose" :close-on-click-modal="true" class="keyPerson-details-box">
            <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': 'pointer' }">
                <el-table-column prop="type" label="重点人员类型"></el-table-column>
                <el-table-column prop="name" label="姓名"></el-table-column>
                <el-table-column prop="sex" label="性别"></el-table-column>
@@ -331,14 +215,8 @@
            </el-table>
        </el-dialog>

        <el-dialog
            :title="policeSituationTitle"
            :modal="true"
            :visible.sync="policeSituationVisible"
            :before-close="policeSituationBeforeClose"
            :close-on-click-modal="true"
            class="policeSituation-details-box"
        >
        <el-dialog :title="policeSituationTitle" :modal="true" :visible.sync="policeSituationVisible"
            :before-close="policeSituationBeforeClose" :close-on-click-modal="true" class="policeSituation-details-box">
            <div class="item">
                <div>所属派出所:</div>
                <div>{{ policeSituationDetailArr.policeName }}</div>
@@ -380,6 +258,7 @@
</template>

<script>

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

@@ -1825,9 +1704,7 @@
                background-color: #66b1ff87;
            }

            :deep(.el-tree--highlight-current
                    .el-tree-node.is-current
                    > .el-tree-node__content) {
            :deep(.el-tree--highlight-current .el-tree-node.is-current > .el-tree-node__content) {
                background: #454545;
            }