配置文件更改，与辖区开关添加

shuishen

2023-02-21 bcba22f3603722290b81f5a580f812d09db123f6

配置文件更改，与辖区开关添加

 public/static/config copy.js

New file
@@ -0,0 +1,47 @@
/*
 * @Author: shuishen 1109946754@qq.com
 * @Date: 2023-02-21 14:16:56
 * @LastEditors: shuishen 1109946754@qq.com
 * @LastEditTime: 2023-02-21 15:02:36
 * @FilePath: \srs-police-affairs\public\static\config copy.js
 * @Description: 
 * 
 * Copyright (c) 2023 by ${git_name_email}, All Rights Reserved. 
 */
window.BASE_URL_CONFIG = {
    // 丰图数据
    // 本地开发
    VUE_APP_OUTER_NET: 'http://192.168.0.112:18080',
    // 内网部署
    VUE_APP_INTRANET: 'http://10.141.11.11:18080',

    // 大搜
    // 本地开发
    VUE_APP_OUTER_NET_SEARCH: 'http://192.168.0.112:9091',
    // 内网部署
    VUE_APP_INTRANET_SEARCH: 'http://10.141.11.11:9091',

    // 视频监控平台
    // 本地开发
    VUE_APP_OUTER_NET_VIDEO: 'http://192.168.0.126:18185/api',
    // VUE_APP_OUTER_NET_VIDEO: 'http://192.168.0.129:18185/api',
    // 内网部署
    VUE_APP_INTRANET_VIDEO: 'http://10.141.11.11:18185/api',

    // 设备通道号
    VUE_APP_OUTER_NET_EQUIPMENT: '34020000002000000003',
    VUE_APP_INTRANET_EQUIPMENT: '36110000002009999000',

    // 模型地址
    VUE_APP_OUTER_NET_TILEURL: 'http://192.168.0.112:18080',
    VUE_APP_INTRANET_TILEURL: 'http://10.141.11.11:18080',

    // 后台管理跳转地址
    VUE_APP_OUTER_NET_HTURL: 'http://192.168.0.109:1888',
    VUE_APP_INTRANET_HTURL: 'http://10.141.11.11:8081',


    // 栅格地图的
    VUE_APP_MAP_YX: 'http://10.141.11.12:18088',
    VUE_APP_MAP_SL: 'http://10.141.11.11:8090',
}

 public/static/config.js

@@ -1,15 +1,25 @@
/*
 * @Author: shuishen 1109946754@qq.com
 * @Date: 2023-02-21 14:16:56
 * @LastEditors: shuishen 1109946754@qq.com
 * @LastEditTime: 2023-02-21 15:06:41
 * @FilePath: \srs-police-affairs\public\static\config.js
 * @Description: 
 * 
 * Copyright (c) 2023 by ${git_name_email}, All Rights Reserved. 
 */
window.BASE_URL_CONFIG = {
    // 丰图数据
    // 本地开发
    VUE_APP_OUTER_NET: 'http://192.168.0.112:18080',
    // 内网部署
    VUE_APP_INTRANET: 'http://10.141.11.11:18080',
    VUE_APP_INTRANET: 'http://10.141.11.11:80/twapi',

    // 大搜
    // 本地开发
    VUE_APP_OUTER_NET_SEARCH: 'http://192.168.0.112:9091',
    // 内网部署
    VUE_APP_INTRANET_SEARCH: 'http://10.141.11.11:9091',
    VUE_APP_INTRANET_SEARCH: 'http://10.141.11.11:80/bsapi',

    // 视频监控平台
    // 本地开发
@@ -24,9 +34,13 @@

    // 模型地址
    VUE_APP_OUTER_NET_TILEURL: 'http://192.168.0.112:18080',
    VUE_APP_INTRANET_TILEURL: 'http://10.141.11.11:18080',
    VUE_APP_INTRANET_TILEURL: 'http://10.141.11.11:80/mxapi',

    // 后台管理跳转地址
    VUE_APP_OUTER_NET_HTURL: 'http://192.168.0.109:1888',
    VUE_APP_INTRANET_HTURL: 'http://10.141.11.11:8081'
    VUE_APP_INTRANET_HTURL: 'http://10.141.11.11:8081',

    // 栅格地图的
    VUE_APP_MAP_YX: 'http://10.141.11.11:80/ysapi',
    VUE_APP_MAP_SL: 'http://10.141.11.11:80/slapi',
}

 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: 2023-02-20 09:01:16
 * @LastEditTime: 2023-02-21 15:17:01
 * @FilePath: \srs-police-affairs\src\components\map\index.vue
 * @Description: 公用地图组件
 * 
@@ -102,6 +102,7 @@
    'EPSG:4490_test:16',
    'EPSG:4490_test:17',
    'EPSG:4490_test:18',
    'EPSG:4490_test:19',
    'EPSG:4490_test:20',
    'EPSG:4490_test:21',
    'EPSG:4490_test:22',
@@ -215,18 +216,24 @@
            // global.viewer.addTerrain(terrain)

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

            // 外网
            global.viewer.imageryLayers.addImageryProvider(
                new global.DC.Namespace.Cesium.UrlTemplateImageryProvider({
                    url: 'http://t{s}.tianditu.gov.cn/DataServer?T=img_w&x={x}&y={y}&l={z}&tk=e45274b0235bb913eceb393aabbf9c9c',
                    subdomains: ['0', '1', '2', '3', '4', '5', '6', '7'],
                    format: 'image/jpeg',
                    show: true,
                    maximumLevel: 18
                })
            )
            // global.viewer.imageryLayers.addImageryProvider(
            //     new global.DC.Namespace.Cesium.UrlTemplateImageryProvider({
            //         url: 'http://t{s}.tianditu.gov.cn/DataServer?T=vec_w&x={x}&y={y}&l={z}&tk=e45274b0235bb913eceb393aabbf9c9c',
            //         subdomains: ['0', '1', '2', '3', '4', '5', '6', '7'],
            //         format: 'image/jpeg',
            //         show: true,
            //         maximumLevel: 18
            //     })
            // )

            // global.viewer.imageryLayers.addImageryProvider(
            //     new global.DC.Namespace.Cesium.UrlTemplateImageryProvider({
            //         url: '/sryx/{z}/{x}/{y}.png',
            //     })
            // )

            // 设置地图初始位置，角度等
            global.viewer.camera.setView({
@@ -443,7 +450,7 @@
            baseLayers != null && global.viewer.imageryLayers.remove(baseLayers)
            baseLayers = global.viewer.imageryLayers.addImageryProvider(
                new global.DC.Namespace.Cesium.WebMapTileServiceImageryProvider({
                    url: "http://10.141.11.11:80/ysapi/geoserver/gwc/service/wmts",
                    url: `${window.VUE_APP_MAP_YX}/geoserver/gwc/service/wmts`,
                    layer: "test",
                    style: "",
                    format: "image/png",
@@ -464,7 +471,7 @@
            baseLayers != null && global.viewer.imageryLayers.remove(baseLayers)
            baseLayers = global.viewer.imageryLayers.addImageryProvider(
                new global.DC.Namespace.Cesium.WebMapTileServiceImageryProvider({
                    url: "http://10.141.11.11:8090/MapTileService/wmts?STORETYPE=merged-dat&PROJECTION=4326",
                    url: ` ${window.VUE_APP_MAP_SL}/MapTileService/wmts?STORETYPE=merged-dat&PROJECTION=4326`,
                    layer: "wmts_4326_361100",
                    style: "default",
                    format: "image/png",

 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: 2023-02-21 14:17:31
 * @LastEditTime: 2023-02-21 14:52:52
 * @FilePath: \srs-police-affairs\src\views\home\index.vue
 * @Description: 小区-栋-层-房屋
 *
@@ -36,9 +36,12 @@
        ></bottom-container>

        <div class="center-container">
            <div class="layers-control-btn house">
                <el-checkbox v-model="houseLayerShow" @change="houseChange">小区</el-checkbox>
            <div class="layers-control-btn area">
                <el-checkbox v-model="areaPolygonLayerShow" @change="areaPolygonChange">辖区</el-checkbox>
            </div>
            <!-- <div class="layers-control-btn house">
                <el-checkbox v-model="houseLayerShow" @change="houseChange">小区</el-checkbox>
            </div>-->
            <div class="layers-control-btn car">
                <el-checkbox v-model="carLayerShow" @change="carChange">警车</el-checkbox>
            </div>
@@ -683,6 +686,8 @@

    data () {
        return {
            // 是否显示辖区
            areaPolygonLayerShow: true,
            selectAllClass: false,
            // 是否显示第一级select
            houseLayerShow: true,
@@ -1067,6 +1072,19 @@
            let polygon = this.$turf.polygon([positionNewArr])
            let center = this.$turf.centroid(polygon)
            return [center.geometry.coordinates[0], center.geometry.coordinates[1]]
        },

        /**
        * @description: 辖区是否展示，默认展示
        * @param {*} e
        * @return {*}
        */
        areaPolygonChange (e) {
            if (e == true) {
                DataSourcesArray.forEach(i => i.show = true)
            } else {
                DataSourcesArray.forEach(i => i.show = false)
            }
        },

        /**
@@ -1471,6 +1489,7 @@
                            strokeWidth: 0,
                        }).then(function (dataSource) {
                            DataSourcesArray.push(dataSource)
                            that.areaPolygonLayerShow == false ? dataSource.show = false : dataSource.show = true
                            global.viewer.dataSources.add(dataSource)
                        })

@@ -1495,10 +1514,10 @@

                    this.$EventBus.$emit('layerPolygonAdd', {
                        layerName: 'polygonLayer',
                        positions: `${center[0] - 0.01},${center[1] - 0.0018};
                                    ${center[0] + 0.01},${center[1] - 0.0018};
                                    ${center[0] + 0.01},${center[1] + 0.0018};
                                    ${center[0] - 0.01},${center[1] + 0.0018};`,
                        positions: `${center[0] - 0.01},${center[1] - 0.0020};
                                    ${center[0] + 0.01},${center[1] - 0.0020};
                                    ${center[0] + 0.01},${center[1] + 0.0020};
                                    ${center[0] - 0.01},${center[1] + 0.0020};`,
                        material: new global.DC.Namespace.Cesium.ImageMaterialProperty({
                            image: that.drawText({
                                fontSize: 16,
@@ -1510,27 +1529,27 @@
                        }),
                    })

                    this.$EventBus.$emit('layerPointAdd', {
                        layerName: 'personNumLayer',
                        type: 'label',
                        params: {
                            lng: center[0],
                            lat: center[1],
                            alt: 1,
                            text: `${item.num}`,
                            outW: 20
                        },
                        distanceDisplayCondition: { "near": 0, "far": 160000 }
                    })
                    // this.$EventBus.$emit('layerPointAdd', {
                    //     layerName: 'personNumLayer',
                    //     type: 'label',
                    //     params: {
                    //         lng: center[0],
                    //         lat: center[1],
                    //         alt: 1,
                    //         text: `${item.num}`,
                    //         outW: 20
                    //     },
                    //     distanceDisplayCondition: { "near": 0, "far": 160000 }
                    // })

                    let cylinder = new global.DC.LightCylinderPrimitive(new global.DC.Position(center[0], center[1]), 600, 1, 300)
                    cylinder.setStyle({
                        color: global.DC.Namespace.Cesium.Color.fromBytes(
                            2, 27, 121,
                            255
                        )
                    })
                    cylinderLayer.addOverlay(cylinder)
                    // let cylinder = new global.DC.LightCylinderPrimitive(new global.DC.Position(center[0], center[1]), 600, 1, 300)
                    // cylinder.setStyle({
                    //     color: global.DC.Namespace.Cesium.Color.fromBytes(
                    //         2, 27, 121,
                    //         255
                    //     )
                    // })
                    // cylinderLayer.addOverlay(cylinder)
                }

            })
@@ -1549,6 +1568,7 @@
        },

        initAreaOptionLayer () {
            const that = this
            this.clearPolygonLayer()
            this.areaOptions.forEach((item, index) => {

@@ -1560,33 +1580,36 @@
                        strokeWidth: 0,
                    }).then(function (dataSource) {
                        DataSourcesArray.push(dataSource)

                        that.areaPolygonLayerShow == false ? dataSource.show = false : dataSource.show = true

                        global.viewer.dataSources.add(dataSource)
                    })
                })


                const center = this.getRegionCenter(item.position)
                this.$EventBus.$emit('layerPointAdd', {
                    layerName: 'personNumLayer',
                    type: 'label',
                    params: {
                        lng: center[0],
                        lat: center[1],
                        alt: 200,
                        text: `${item.num}`,
                        outW: 20
                    },
                    distanceDisplayCondition: { "near": 0, "far": 160000 }
                })
                // const center = this.getRegionCenter(item.position)
                // this.$EventBus.$emit('layerPointAdd', {
                //     layerName: 'personNumLayer',
                //     type: 'label',
                //     params: {
                //         lng: center[0],
                //         lat: center[1],
                //         alt: 200,
                //         text: `${item.num}`,
                //         outW: 20
                //     },
                //     distanceDisplayCondition: { "near": 0, "far": 160000 }
                // })

                let cylinder = new global.DC.LightCylinderPrimitive(new global.DC.Position(center[0], center[1]), 200, 1, 50)
                cylinder.setStyle({
                    color: global.DC.Namespace.Cesium.Color.fromBytes(
                        2, 27, 121,
                        255
                    )
                })
                cylinderLayer.addOverlay(cylinder)
                // let cylinder = new global.DC.LightCylinderPrimitive(new global.DC.Position(center[0], center[1]), 200, 1, 50)
                // cylinder.setStyle({
                //     color: global.DC.Namespace.Cesium.Color.fromBytes(
                //         2, 27, 121,
                //         255
                //     )
                // })
                // cylinderLayer.addOverlay(cylinder)
            })

            const center = this.getAllRegionCenter(this.areaOptions)
@@ -1669,7 +1692,7 @@
                type: 'VectorLayer'
            })

            cylinderLayer.clear()
            // cylinderLayer.clear()
        },

        getAreaCenter (name) {
@@ -2104,7 +2127,7 @@
    destroyed () {
        this.clearPolygonLayer()

        cylinderLayer != null && cylinderLayer != undefined && cylinderLayer != '' && cylinderLayer.remove()
        // cylinderLayer != null && cylinderLayer != undefined && cylinderLayer != '' && cylinderLayer.remove()

        this.$store.commit('SET_DETAILSPOPUP', {
            showBox: false,
@@ -2234,6 +2257,20 @@
            }
        }

        .area {
            :deep(.el-checkbox__inner) {
                background: rgb(190, 143, 89);
                border-color: rgb(190, 143, 89);
            }

            :deep(.is-checked) {
                .el-checkbox__inner {
                    background: rgb(182, 97, 0);
                    border-color: rgb(182, 97, 0);
                }
            }
        }

        .car {
            :deep(.el-checkbox__inner) {
                background: rgb(79, 114, 252);