首页下拉框数据和切换地图逻辑

guanqb

2022-10-18 694446d5fac89afc953c9ab6c41690deedea8ffa

首页下拉框数据和切换地图逻辑

 src/assets/data/JurisdictionData/BMareaOption/zeren1.js

File was renamed from src/assets/data/housinOptions/BMareaOption/zeren1.js
@@ -1,5 +1,8 @@
export default [
    {
        housingsName: '全部',
    },
    {
        policeStationId: 4,
        areaCheckId: 401,
        housingsId: 40101,

 src/assets/data/JurisdictionData/BMareaOption/zeren2.js

File was renamed from src/assets/data/housinOptions/BMareaOption/zeren2.js
@@ -1,5 +1,8 @@
export default [
    {
        housingsName: '全部',
    },
    {
        policeStationId: 4,
        areaCheckId: 402,
        housingsId: 40201,

 src/assets/data/JurisdictionData/BMareaOption/zeren3.js

File was renamed from src/assets/data/housinOptions/BMareaOption/zeren3.js
@@ -1,5 +1,8 @@
export default [
    {
        housingsName: '全部',
    },
    {
        policeStationId: 4,
        areaCheckId: 403,
        housingsId: 40301,

 src/assets/data/JurisdictionData/BMareaOption/zeren4.js

File was renamed from src/assets/data/housinOptions/BMareaOption/zeren4.js
@@ -1,5 +1,8 @@
export default [
    {
        housingsName: '全部',
    },
    {
        policeStationId: 4,
        areaCheckId: 404,
        housingsId: 40401,

 src/assets/data/JurisdictionData/CZareaOption/zeren1.js

File was renamed from src/assets/data/housinOptions/CZareaOption/zeren1.js
@@ -1,5 +1,8 @@
export default [
    {
        housingsName: '全部',
    },
    {
        policeStationId: 1,
        areaCheckId: 101,
        housingsId: 10101,

 src/assets/data/JurisdictionData/CZareaOption/zeren2.js

File was renamed from src/assets/data/housinOptions/CZareaOption/zeren2.js
@@ -1,5 +1,8 @@
export default [
    {
        housingsName: '全部',
    },
    {
        policeStationId: 1,
        areaCheckId: 102,
        housingsId: 10201,

 src/assets/data/JurisdictionData/CZareaOption/zeren3.js

File was renamed from src/assets/data/housinOptions/CZareaOption/zeren3.js
@@ -1,5 +1,8 @@
export default [
    {
        housingsName: '全部',
    },
    {
        policeStationId: 1,
        areaCheckId: 103,
        housingsId: 10301,

 src/assets/data/JurisdictionData/CZareaOption/zeren4.js

File was renamed from src/assets/data/housinOptions/CZareaOption/zeren4.js
@@ -1,5 +1,8 @@
export default [
    {
        housingsName: '全部',
    },
    {
        policeStationId: 1,
        areaCheckId: 101,
        housingsId: 10101,

 src/assets/data/JurisdictionData/JGareaOption/zeren1.js

File was renamed from src/assets/data/housinOptions/JGaeraCheck/zeren1.js
@@ -1,5 +1,8 @@
export default [
    {
        housingsName: '全部',
    },
    {
        policeStationId: 5,
        areaCheckId: 501,
        housingsId: 50101,

 src/assets/data/JurisdictionData/JGareaOption/zeren2.js

File was renamed from src/assets/data/housinOptions/JGaeraCheck/zeren2.js
@@ -1,5 +1,8 @@
export default [
    {
        housingsName: '全部',
    },
    {
        policeStationId: 5,
        areaCheckId: 502,
        housingsId: 50201,

 src/assets/data/JurisdictionData/JGareaOption/zeren3.js

File was renamed from src/assets/data/housinOptions/JGaeraCheck/zeren3.js
@@ -1,5 +1,8 @@
export default [
    {
        housingsName: '全部',
    },
    {
        policeStationId: 5,
        areaCheckId: 503,
        housingsId: 50301,

 src/assets/data/JurisdictionData/JGareaOption/zeren4.js

File was renamed from src/assets/data/housinOptions/JGaeraCheck/zeren4.js
@@ -1,5 +1,8 @@
export default [
    {
        housingsName: '全部',
    },
    {
        policeStationId: 5,
        areaCheckId: 505,
        housingsId: 50501,

 src/assets/data/JurisdictionData/JGareaOption/zeren5.js

File was renamed from src/assets/data/housinOptions/JGaeraCheck/zeren5.js
@@ -1,5 +1,8 @@
export default [
    {
        housingsName: '全部',
    },
    {
        policeStationId: 5,
        areaCheckId: 505,
        housingsId: 50501,

 src/assets/data/JurisdictionData/LXareaOption/zeren1.js

File was renamed from src/assets/data/housinOptions/LXareaOption/zeren1.js
@@ -1,5 +1,8 @@
export default [
    {
        housingsName: '全部',
    },
    {
        policeStationId: 3,
        areaCheckId: 301,
        housingsId: 30101,

 src/assets/data/JurisdictionData/LXareaOption/zeren2.js

File was renamed from src/assets/data/housinOptions/LXareaOption/zeren2.js
@@ -1,5 +1,8 @@
export default [
    {
        housingsName: '全部',
    },
    {
        policeStationId: 3,
        areaCheckId: 302,
        housingsId: 30201,

 src/assets/data/JurisdictionData/LXareaOption/zeren3.js

File was renamed from src/assets/data/housinOptions/LXareaOption/zeren3.js
@@ -1,5 +1,8 @@
export default [
    {
        housingsName: '全部',
    },
    {
        policeStationId: 3,
        areaCheckId: 303,
        housingsId: 30301,

 src/assets/data/JurisdictionData/SXareaOption/zeren1.js

File was renamed from src/assets/data/housinOptions/SXareaOption/zeren1.js
@@ -1,5 +1,8 @@
export default [
    {
        housingsName: '全部',
    },
    {
        policeStationId: 2,
        areaCheckId: 201,
        housingsId: 20101,

 src/assets/data/JurisdictionData/SXareaOption/zeren2.js

File was renamed from src/assets/data/housinOptions/SXareaOption/zeren2.js
@@ -1,5 +1,8 @@
export default [
    {
        housingsName: '全部',
    },
    {
        policeStationId: 2,
        areaCheckId: 202,
        housingsId: 20201,

 src/assets/data/JurisdictionData/SXareaOption/zeren3.js

File was renamed from src/assets/data/housinOptions/SXareaOption/zeren3.js
@@ -1,5 +1,8 @@
export default [
    {
        housingsName: '全部',
    },
    {
        policeStationId: 2,
        areaCheckId: 203,
        housingsId: 20301,

 src/assets/data/JurisdictionData/SXareaOption/zeren4.js

File was renamed from src/assets/data/housinOptions/SXareaOption/zeren4.js
@@ -1,5 +1,8 @@
export default [
    {
        housingsName: '全部',
    },
    {
        policeStationId: 2,
        areaCheckId: 202,
        housingsId: 20201,

 src/assets/data/JurisdictionData/SXareaOption/zeren5.js

File was renamed from src/assets/data/housinOptions/SXareaOption/zeren5.js
@@ -1,5 +1,8 @@
export default [
    {
        housingsName: '全部',
    },
    {
        policeStationId: 2,
        areaCheckId: 205,
        housingsId: 20501,

 src/assets/data/JurisdictionData/areaOptionData.js

New file
@@ -0,0 +1,275 @@
export default [
    {
        policeStationName: '车站派出所',
        areaCheckOptions: [
            {
                areaCheckName: '全部',
            },
            {
                policeStationId: 1,
                areaCheckId: 101,
                areaCheckName: '责任区1',
                position: [
                    [116.015526, 28.647454, 0],
                    [115.986738, 28.683523, 0],
                    [115.976169, 28.638268, 0],
                ]

            },
            {
                policeStationId: 1,
                areaCheckId: 102,
                areaCheckName: '责任区2',
                position: [
                    [115.932559, 28.671954, 0],
                    [115.986738, 28.683523, 0],
                    [115.976169, 28.638268, 0],
                ]

            },
            {
                policeStationId: 1,
                areaCheckId: 103,
                areaCheckName: '责任区3',
                position: [
                    [115.932559, 28.671954, 0],
                    [115.935114, 28.627012, 0],
                    [115.976169, 28.638268, 0],
                ]

            },
            {
                policeStationId: 1,
                areaCheckId: 104,
                areaCheckName: '责任区4',
                position: [
                    [115.932559, 28.671954, 0],
                    [115.986738, 28.683523, 0],
                    [115.930150, 28.733535, 0],
                ]

            }]
    },
    {
        policeStationName: '沙溪派出所',
        areaCheckOptions: [
            {
                areaCheckName: '全部',
            },
            {
                policeStationId: 2,
                areaCheckId: 201,
                areaCheckName: '责任区1',
                position: [
                    [116.014626, 28.583574, 0],
                    [115.959503, 28.530546, 0],
                    [116.075505, 28.528672, 0],
                ]

            },
            {
                policeStationId: 2,
                areaCheckId: 202,
                areaCheckName: '责任区2',
                position: [
                    [116.014626, 28.583574, 0],
                    [116.080062, 28.590419, 0],
                    [116.075505, 28.528672, 0],
                ]

            },
            {
                policeStationId: 2,
                areaCheckId: 203,
                areaCheckName: '责任区3',
                position: [
                    [116.014626, 28.583574, 0],
                    [116.080062, 28.590419, 0],
                    [116.015526, 28.647454, 0],
                ]

            },
            {
                policeStationId: 2,
                areaCheckId: 204,
                areaCheckName: '责任区4',
                position: [
                    [116.014626, 28.583574, 0],
                    [115.935114, 28.627012, 0],
                    [116.015526, 28.647454, 0],
                ]

            },
            {
                policeStationId: 2,
                areaCheckId: 205,
                areaCheckName: '责任区5',
                position: [
                    [116.014626, 28.583574, 0],
                    [115.935114, 28.627012, 0],
                    [115.959503, 28.530546, 0],
                ]

            }]
    },
    {
        policeStationName: '灵溪派出所',
        areaCheckOptions: [
            {
                areaCheckName: '全部',
            },
            {
                policeStationId: 3,
                areaCheckId: 301,
                areaCheckName: '责任区1',
                position: [
                    [116.080062, 28.590419, 0],
                    [116.075505, 28.528672, 0],
                    [116.167934, 28.527504, 0]

                ]

            },
            {
                policeStationId: 3,
                areaCheckId: 302,
                areaCheckName: '责任区2',
                position: [
                    [116.080062, 28.590419, 0],
                    [116.209983, 28.602788, 0],
                    [116.167934, 28.527504, 0]
                ]

            },
            {
                policeStationId: 3,
                areaCheckId: 303,
                areaCheckName: '责任区3',
                position: [
                    [116.346666, 28.615709, 0],
                    [116.209983, 28.602788, 0],
                    [116.167934, 28.527504, 0]
                ]

            }]
    },
    {
        policeStationName: '北门派出所',
        areaCheckOptions: [
            {
                areaCheckName: '全部',
            },
            {
                policeStationId: 4,
                areaCheckId: 401,
                areaCheckName: '责任区1',
                position: [
                    [116.015526, 28.647454, 0],
                    [116.080062, 28.590419, 0],
                    [116.209983, 28.602788, 0],
                ]

            },
            {
                policeStationId: 4,
                areaCheckId: 402,
                areaCheckName: '责任区2',
                position: [
                    [116.015526, 28.647454, 0],
                    [116.173784, 28.697330, 0],
                    [116.209983, 28.602788, 0],
                ]

            },
            {
                policeStationId: 4,
                areaCheckId: 403,
                areaCheckName: '责任区3',
                position: [
                    [116.346666, 28.615709, 0],
                    [116.173784, 28.697330, 0],
                    [116.209983, 28.602788, 0],
                ]

            },
            {
                policeStationId: 4,
                areaCheckId: 404,
                areaCheckName: '责任区4',
                position: [
                    [116.346666, 28.615709, 0],
                    [116.173784, 28.697330, 0],
                    [116.285670, 28.732610, 0],
                ]

            }]
    },
    {
        policeStationName: '江光派出所',
        areaCheckOptions: [
            {
                areaCheckName: '全部',
            },
            {
                policeStationId: 5,
                areaCheckId: 501,
                areaCheckName: '责任区1',
                position: [
                    [116.015526, 28.647454, 0],
                    [116.285670, 28.732610, 0],
                    [116.146022, 28.726446, 0],
                    [116.063119, 28.708172, 0]
                ]

            },
            {
                policeStationId: 5,
                areaCheckId: 502,
                areaCheckName: '责任区2',
                position: [
                    [116.285670, 28.732610, 0],
                    [116.085312, 28.807226, 0],
                    [116.071504, 28.750699, 0],
                    [116.146022, 28.726446, 0],
                ]

            },
            {
                policeStationId: 5,
                areaCheckId: 503,
                areaCheckName: '责任区3',
                position: [
                    [116.085312, 28.807226, 0],
                    [115.930150, 28.733535, 0],
                    [116.045446, 28.729623, 0],
                    [116.071504, 28.750699, 0]
                ]

            },
            {
                policeStationId: 5,
                areaCheckId: 504,
                areaCheckName: '责任区4',
                position: [
                    [115.930150, 28.733535, 0],
                    [115.986738, 28.683523, 0],
                    [116.015526, 28.647454, 0],
                    [116.063119, 28.708172, 0],
                    [116.045446, 28.729623, 0]
                ]

            },
            {
                policeStationId: 5,
                areaCheckId: 505,
                areaCheckName: '责任区5',
                position: [
                    [116.045446, 28.729623, 0],
                    [116.063119, 28.708172, 0],
                    [116.146022, 28.726446, 0],
                    [116.071504, 28.750699, 0]
                ]

            }]
    }
]

 src/assets/data/JurisdictionData/housingDate.js

New file
@@ -0,0 +1,133 @@
import BMz1 from '@/assets/data/JurisdictionData/BMareaOption/zeren1.js'
import BMz2 from '@/assets/data/JurisdictionData/BMareaOption/zeren2.js'
import BMz3 from '@/assets/data/JurisdictionData/BMareaOption/zeren3.js'
import BMz4 from '@/assets/data/JurisdictionData/BMareaOption/zeren4.js'
import CZz1 from '@/assets/data/JurisdictionData/CZareaOption/zeren1.js'
import CZz2 from '@/assets/data/JurisdictionData/CZareaOption/zeren2.js'
import CZz3 from '@/assets/data/JurisdictionData/CZareaOption/zeren3.js'
import CZz4 from '@/assets/data/JurisdictionData/CZareaOption/zeren4.js'
import JGz1 from '@/assets/data/JurisdictionData/JGareaOption/zeren1.js'
import JGz2 from '@/assets/data/JurisdictionData/JGareaOption/zeren2.js'
import JGz3 from '@/assets/data/JurisdictionData/JGareaOption/zeren3.js'
import JGz4 from '@/assets/data/JurisdictionData/JGareaOption/zeren4.js'
import JGz5 from '@/assets/data/JurisdictionData/JGareaOption/zeren5.js'
import LXz1 from '@/assets/data/JurisdictionData/LXareaOption/zeren1.js'
import LXz2 from '@/assets/data/JurisdictionData/LXareaOption/zeren2.js'
import LXz3 from '@/assets/data/JurisdictionData/LXareaOption/zeren3.js'
import SXz1 from '@/assets/data/JurisdictionData/SXareaOption/zeren1.js'
import SXz2 from '@/assets/data/JurisdictionData/SXareaOption/zeren2.js'
import SXz3 from '@/assets/data/JurisdictionData/SXareaOption/zeren3.js'
import SXz4 from '@/assets/data/JurisdictionData/SXareaOption/zeren4.js'
import SXz5 from '@/assets/data/JurisdictionData/SXareaOption/zeren5.js'

export default [
    {
        policeStationName: '北门派出所',
        areaOptionArr: [
            {
                areaCheckName: '责任区1',
                housingArr: BMz1
            },
            {
                areaCheckName: '责任区2',
                housingArr: BMz2
            },
            {
                areaCheckName: '责任区3',
                housingArr: BMz3
            },
            {
                areaCheckName: '责任区4',
                housingArr: BMz4
            }
        ]
    },
    {
        policeStationName: '车站派出所',
        areaOptionArr: [
            {
                areaCheckName: '责任区1',
                housingArr: CZz1
            },
            {
                areaCheckName: '责任区2',
                housingArr: CZz2
            },
            {
                areaCheckName: '责任区3',
                housingArr: CZz3
            },
            {
                areaCheckName: '责任区4',
                housingArr: CZz4
            }
        ]
    },
    {
        policeStationName: '江光派出所',
        areaOptionArr: [
            {
                areaCheckName: '责任区1',
                housingArr: JGz1
            },
            {
                areaCheckName: '责任区2',
                housingArr: JGz2
            },
            {
                areaCheckName: '责任区3',
                housingArr: JGz3
            },
            {
                areaCheckName: '责任区4',
                housingArr: JGz4
            },
            {
                areaCheckName: '责任区5',
                housingArr: JGz5
            }
        ]
    },
    {
        policeStationName: '灵溪派出所',
        areaOptionArr: [
            {
                areaCheckName: '责任区1',
                housingArr: LXz1
            },
            {
                areaCheckName: '责任区2',
                housingArr: LXz2
            },
            {
                areaCheckName: '责任区3',
                housingArr: LXz3
            }
        ]
    },
    {
        policeStationName: '沙溪派出所',
        areaOptionArr: [
            {
                areaCheckName: '责任区1',
                housingArr: SXz1
            },
            {
                areaCheckName: '责任区2',
                housingArr: SXz2
            },
            {
                areaCheckName: '责任区3',
                housingArr: SXz3
            },
            {
                areaCheckName: '责任区4',
                housingArr: SXz4
            },
            {
                areaCheckName: '责任区5',
                housingArr: SXz5
            }
        ]
    }
]

 src/assets/data/JurisdictionData/policeStationOptions.js

New file
@@ -0,0 +1,57 @@
export default [
    {
        policeStationName: '全部'
    },
    {
        policeStationName: '车站派出所',
        policeStationId: 1,
        position: [
            [115.935114, 28.627012, 0],
            [115.930150, 28.733535, 0],
            [115.986738, 28.683523, 0],
            [116.015526, 28.647454, 0],
        ]
    },
    {
        policeStationName: '沙溪派出所',
        policeStationId: 2,
        position: [
            [115.935114, 28.627012, 0],
            [116.015526, 28.647454, 0],
            [116.080062, 28.590419, 0],
            [116.075505, 28.528672, 0],
            [115.959503, 28.530546, 0],
        ]
    },
    {
        policeStationName: '灵溪派出所',
        policeStationId: 3,
        position: [
            [116.080062, 28.590419, 0],
            [116.075505, 28.528672, 0],
            [116.167934, 28.527504, 0],
            [116.346666, 28.615709, 0],
        ]
    },
    {
        policeStationName: '北门派出所',
        policeStationId: 4,
        position: [
            [116.015526, 28.647454, 0],
            [116.080062, 28.590419, 0],
            [116.346666, 28.615709, 0],
            [116.285670, 28.732610, 0],
        ]
    },
    {
        policeStationName: '江光派出所',
        policeStationId: 5,
        position: [
            [116.015526, 28.647454, 0],
            [116.285670, 28.732610, 0],
            [116.085312, 28.807226, 0],
            [115.930150, 28.733535, 0],
            [115.986738, 28.683523, 0]
        ]
    },]
    // name: '水南派出所'秦峰派出所'茅家岭派出所'西市派出所'朝阳派出所

 src/views/home/index.vue

@@ -129,7 +129,7 @@
                @selectCheck="areaSelect"
                :checkValue="areaCheckValue"
                :options="areaOptions"
                :optionsName="'name'"
                :optionsName="'areaCheckName'"
            ></map-select>

            <map-select
@@ -137,7 +137,7 @@
                @selectCheck="housingSelect"
                :checkValue="housingCheckValue"
                :options="housingOptions"
                :optionsName="'name'"
                :optionsName="'housingsName'"
            ></map-select>
        </div>

@@ -232,6 +232,9 @@
import phoneList from '@/assets/data/phone.js'
import monitoringList from '@/assets/data/monitoring.js'
import houseList from '@/assets/data/house.js'
import areaOptionData from '@/assets/data/JurisdictionData/areaOptionData.js'
import policeStationOptions from '@/assets/data/JurisdictionData/policeStationOptions.js'
import housingDate from '@/assets/data/JurisdictionData/housingDate.js'

export default {
    data () {
@@ -269,328 +272,17 @@
                { 'type': '留守儿童', 'num': '6', 'radio': '11.00%' },
                { 'type': '重点青少年', 'num': '5', 'radio': '9.00%' }
            ],
            policeStationCheckValue: '请选择派出所'
            ,
            policeStationCheckValue: '请选择派出所',
            areaOptionData: [],
            areaCheckValue: '请选择责任区',
            housingCheckValue: '请选择小区',
            //下拉框的内容 （Array类型） 必传
            policeStationOptions: [
                {
                    policeStationName: '全部'
                },
                {
                    policeStationName: '车站派出所',
                    policeStationId: 1,
                    position: [
                        [115.935114, 28.627012, 0],
                        [115.930150, 28.733535, 0],
                        [115.986738, 28.683523, 0],
                        [116.015526, 28.647454, 0],
                    ]
                },
                {
                    policeStationName: '沙溪派出所',
                    policeStationId: 2,
                    position: [
                        [115.935114, 28.627012, 0],
                        [116.015526, 28.647454, 0],
                        [116.080062, 28.590419, 0],
                        [116.075505, 28.528672, 0],
                        [115.959503, 28.530546, 0],
                    ]
                },
                {
                    policeStationName: '灵溪派出所',
                    policeStationId: 3,
                    position: [
                        [116.080062, 28.590419, 0],
                        [116.075505, 28.528672, 0],
                        [116.167934, 28.527504, 0],
                        [116.346666, 28.615709, 0],
                    ]
                },
                {
                    policeStationName: '北门派出所',
                    policeStationId: 4,
                    position: [
                        [116.015526, 28.647454, 0],
                        [116.080062, 28.590419, 0],
                        [116.346666, 28.615709, 0],
                        [116.285670, 28.732610, 0],
                    ]
                },
                {
                    policeStationName: '江光派出所',
                    policeStationId: 5,
                    position: [
                        [116.015526, 28.647454, 0],
                        [116.285670, 28.732610, 0],
                        [116.085312, 28.807226, 0],
                        [115.930150, 28.733535, 0],
                        [115.986738, 28.683523, 0]
                    ]
                },
                // {
                //     name: '水南派出所'
                // },
                // {
                //     name: '秦峰派出所'
                // },
                // {
                //     name: '茅家岭派出所'
                // },
                // {
                //     name: '西市派出所'
                // },
                // {
                //     name: '朝阳派出所'
                // }
            ],
            JGareaCheckoptions: [
                {
                    policeStationId: 5,
                    areaCheckId: 501,
                    areaCheckName: '责任区1',
                    position: [
                        [116.015526, 28.647454, 0],
                        [116.285670, 28.732610, 0],
                        [116.146022, 28.726446, 0],
                        [116.063119, 28.708172, 0]
                    ]

                },
                {
                    policeStationId: 5,
                    areaCheckId: 502,
                    areaCheckName: '责任区2',
                    position: [
                        [116.285670, 28.732610, 0],
                        [116.085312, 28.807226, 0],
                        [116.071504, 28.750699, 0],
                        [116.146022, 28.726446, 0],
                    ]

                },
                {
                    policeStationId: 5,
                    areaCheckId: 503,
                    areaCheckName: '责任区3',
                    position: [
                        [116.085312, 28.807226, 0],
                        [115.930150, 28.733535, 0],
                        [116.045446, 28.729623, 0],
                        [116.071504, 28.750699, 0]
                    ]

                },
                {
                    policeStationId: 5,
                    areaCheckId: 504,
                    areaCheckName: '责任区4',
                    position: [
                        [115.930150, 28.733535, 0],
                        [115.986738, 28.683523, 0],
                        [116.015526, 28.647454, 0],
                        [116.063119, 28.708172, 0],
                        [116.045446, 28.729623, 0]
                    ]

                },
                {
                    policeStationId: 5,
                    areaCheckId: 505,
                    areaCheckName: '责任区5',
                    position: [
                        [116.045446, 28.729623, 0],
                        [116.063119, 28.708172, 0],
                        [116.146022, 28.726446, 0],
                        [116.071504, 28.750699, 0]
                    ]

                }],
            CZareaCheckoptions: [
                {
                    policeStationId: 1,
                    areaCheckId: 101,
                    areaCheckName: '责任区1',
                    position: [
                        [116.015526, 28.647454, 0],
                        [115.986738, 28.683523, 0],
                        [115.976169, 28.638268, 0],
                    ]

                },
                {
                    policeStationId: 1,
                    areaCheckId: 102,
                    areaCheckName: '责任区2',
                    position: [
                        [115.932559, 28.671954, 0],
                        [115.986738, 28.683523, 0],
                        [115.976169, 28.638268, 0],
                    ]

                },
                {
                    policeStationId: 1,
                    areaCheckId: 103,
                    areaCheckName: '责任区3',
                    position: [
                        [115.932559, 28.671954, 0],
                        [115.935114, 28.627012, 0],
                        [115.976169, 28.638268, 0],
                    ]

                },
                {
                    policeStationId: 1,
                    areaCheckId: 104,
                    areaCheckName: '责任区4',
                    position: [
                        [115.932559, 28.671954, 0],
                        [115.986738, 28.683523, 0],
                        [115.930150, 28.733535, 0],
                    ]

                }],
            SXareaCheckoptions: [
                {
                    policeStationId: 2,
                    areaCheckId: 201,
                    areaCheckName: '责任区1',
                    position: [
                        [116.014626, 28.583574, 0],
                        [115.959503, 28.530546, 0],
                        [116.075505, 28.528672, 0],
                    ]

                },
                {
                    policeStationId: 2,
                    areaCheckId: 202,
                    areaCheckName: '责任区2',
                    position: [
                        [116.014626, 28.583574, 0],
                        [116.080062, 28.590419, 0],
                        [116.075505, 28.528672, 0],
                    ]

                },
                {
                    policeStationId: 2,
                    areaCheckId: 203,
                    areaCheckName: '责任区3',
                    position: [
                        [116.014626, 28.583574, 0],
                        [116.080062, 28.590419, 0],
                        [116.015526, 28.647454, 0],
                    ]

                },
                {
                    policeStationId: 2,
                    areaCheckId: 204,
                    areaCheckName: '责任区4',
                    position: [
                        [116.014626, 28.583574, 0],
                        [115.935114, 28.627012, 0],
                        [116.015526, 28.647454, 0],
                    ]

                },
                {
                    policeStationId: 2,
                    areaCheckId: 205,
                    areaCheckName: '责任区5',
                    position: [
                        [116.014626, 28.583574, 0],
                        [115.935114, 28.627012, 0],
                        [115.959503, 28.530546, 0],
                    ]

                }],
            BMareaCheckoptions: [
                {
                    policeStationId: 4,
                    areaCheckId: 401,
                    areaCheckName: '责任区1',
                    position: [
                        [116.015526, 28.647454, 0],
                        [116.080062, 28.590419, 0],
                        [116.209983, 28.602788, 0],
                    ]

                },
                {
                    policeStationId: 4,
                    areaCheckId: 402,
                    areaCheckName: '责任区2',
                    position: [
                        [116.015526, 28.647454, 0],
                        [116.173784, 28.697330, 0],
                        [116.209983, 28.602788, 0],
                    ]

                },
                {
                    policeStationId: 4,
                    areaCheckId: 403,
                    areaCheckName: '责任区3',
                    position: [
                        [116.346666, 28.615709, 0],
                        [116.173784, 28.697330, 0],
                        [116.209983, 28.602788, 0],
                    ]

                },
                {
                    policeStationId: 4,
                    areaCheckId: 404,
                    areaCheckName: '责任区4',
                    position: [
                        [116.346666, 28.615709, 0],
                        [116.173784, 28.697330, 0],
                        [116.285670, 28.732610, 0],
                    ]

                }],
            LXareaCheckoptions: [
                {
                    policeStationId: 3,
                    areaCheckId: 301,
                    areaCheckName: '责任区1',
                    position: [
                        [116.080062, 28.590419, 0],
                        [116.075505, 28.528672, 0],
                        [116.167934, 28.527504, 0]

                    ]

                },
                {
                    policeStationId: 3,
                    areaCheckId: 302,
                    areaCheckName: '责任区2',
                    position: [
                        [116.080062, 28.590419, 0],
                        [116.209983, 28.602788, 0],
                        [116.167934, 28.527504, 0]
                    ]

                },
                {
                    policeStationId: 3,
                    areaCheckId: 303,
                    areaCheckName: '责任区3',
                    position: [
                        [116.346666, 28.615709, 0],
                        [116.209983, 28.602788, 0],
                        [116.167934, 28.527504, 0]
                    ]

                }],
            areaOptions: [{ name: '全部' }],
            housingOptions: [{ name: '全部' }],
            policeStationOptions: [],
            policeStaionChecked: '',
            areaChecked: '',
            areaOptions: [],
            housingOptions: [],
            JurisdictionData: [{ name: '全部' }],
            positionColor: [
                global.DC.Namespace.Cesium.Color.fromBytes(
                    3,
@@ -626,6 +318,10 @@
        this.phoneList = phoneList
        this.monitoringList = monitoringList
        this.houseList = houseList
        this.areaOptionData = areaOptionData
        this.policeStationOptions = policeStationOptions
        this.housingDate = housingDate
        console.log(housingDate, '111222333')
    },
    mounted () {
        this.initEquipmentEcharts()
@@ -635,83 +331,7 @@
        this.initLandEcharts()

        this.$nextTick(() => {
            cylinderLayer = new global.DC.PrimitiveLayer('cylinderLayer')
            global.viewer.addLayer(cylinderLayer)
            this.policeStationOptions.forEach((item, index) => {
                if (item.position) {
                    let str = ''
                    item.position.forEach(it => {
                        str = str + `${it[0]},${it[1]},${it[2]};`
                    })

                    this.$EventBus.$emit('layerPolygonAdd', {
                        layerName: 'polygonLayer',
                        positions: str,
                        material: this.positionColor[index],
                        distanceDisplayCondition: {
                            near: 20000, //最近距离
                            far: Number.MAX_VALUE //最远距离
                        }
                    })

                    const center = this.getCenter(item.position)

                    this.$EventBus.$emit('layerPointAdd', {
                        layerName: 'homePersonLayer',
                        type: 'label',
                        params: {
                            lng: center[0],
                            lat: center[1],
                            alt: 1200,
                            text: '5656'
                        }
                    })

                    this.$EventBus.$emit('layerPointAdd', {
                        layerName: 'policeStationLayer',
                        type: 'label',
                        params: {
                            lng: center[0],
                            lat: center[1],
                            alt: 0,
                            text: item.policeStationName
                        },
                        // distanceDisplayCondition: {
                        //     near: 20000, //最近距离
                        //     far: 200000 //最远距离
                        // }
                    })

                    let cylinder = new global.DC.LightCylinderPrimitive(new global.DC.Position(center[0], center[1]), 1200, 1, 600)
                    cylinder.setStyle({
                        color: global.DC.Namespace.Cesium.Color.fromBytes(
                            102, 176, 255,
                            255
                        )
                    })
                    cylinderLayer.addOverlay(cylinder)
                }
            })

            this.initAreaCheckoptions(this.JGareaCheckoptions)
            this.initAreaCheckoptions(this.CZareaCheckoptions)
            this.initAreaCheckoptions(this.SXareaCheckoptions)
            this.initAreaCheckoptions(this.BMareaCheckoptions)
            this.initAreaCheckoptions(this.LXareaCheckoptions)
            this.houseChange(true)
            let points = []
            this.policeStationOptions[1].position.forEach(item => {
                let jin = Number(item[0])
                let wei = Number(item[1])
                let cartesian3 = global.DC.T.transformWGS84ToCartesian(new global.DC.Position(jin, wei))
                points.push(cartesian3)
            })
            console.log('points11111', points)
            let areaCenter = global.DC.Namespace.Cesium.BoundingSphere.fromPoints(points).center
            console.log('areaCenter222222', areaCenter)
            let position3 = global.DC.T.transformCartesianToWGS84(areaCenter)
            console.log('position3', position3)

            this.initPoliceStationLayer()
        })

        // axios.get('/user/getUserList').then((res) => {
@@ -722,11 +342,12 @@

    },
    methods: {
        policeStationSelect (item, index) {
            console.log(item)
        policeStationSelect (item) {
            // console.log(item)
            this.policeStationCheckValue = item.policeStationName

            if (item.policeStationName == "全部") {
                this.clearPolygonLayer()
                this.initPoliceStationLayer()
                this.$EventBus.$emit('toPosition', {
                    siteJd: 116.112550,
                    siteWd: 28.196631,
@@ -734,56 +355,34 @@
                    siteHeading: 0,
                    sitePitch: -45
                })

                this.areaOptions = []
                this.housingOptions = []

                this.JurisdictionData = []
                this.areaCheckValue = '请选择责任区'
                this.housingCheckValue = '请选择小区'
            } else {
                if (item.policeStationName == '车站派出所') {
                    this.$EventBus.$emit('toPosition', {
                        // siteJd: 116.082737,
                        // siteWd: 28.724034,
                        siteJd: 115.963097,
                        siteWd: 28.669357,
                        siteGd: 18000,
                        siteHeading: -3,
                        sitePitch: -90
                    })
                }

                for (let i = 0; i < 9; i++) {
                    this.areaOptions.push({ name: "责任区" + (i + 1) })
                }

                // console.log(this.areaOptions)
                this.policeStaionChecked = item
                this.initAreaOptionLayer(item)
            }
        },

        areaSelect (item, index) {

            this.areaCheckValue = item.name

            if (item.name == "全部") {
                this.housingOptions = []

                this.housingCheckValue = '请选择小区'
        areaSelect (item) {
            this.areaCheckValue = item.areaCheckName
            if (item.areaCheckName == "全部") {
                this.initAreaOptionLayer(this.policeStaionChecked)
            } else {
                for (let i = 0; i < 9; i++) {
                    this.housingOptions.push({ name: "小区" + (i + 1) })
                }
                this.areaChecked = item
                this.initHousingLayer(item)
            }
        },

        housingSelect (item, index) {
            this.housingCheckValue = item.name
        housingSelect (item) {
            this.housingCheckValue = item.housingsName
            if (item.housingsName == "全部") {
                this.initHousingLayer(this.areaChecked)
            } else {
                this.initLivingLayer(item)
            }

            this.$EventBus.$emit('toPosition', {
                siteJd: 116.026912,
                siteWd: 28.683599,
                siteGd: 400
            })
        },

        getCenter (arr) {
@@ -794,7 +393,6 @@
            positions.push([arr[0][0], arr[0][1]])
            let polygon = this.$turf.polygon([positions])
            let center = this.$turf.centroid(polygon)
            console.log([positions], polygon, center, 123)
            return [center.geometry.coordinates[0], center.geometry.coordinates[1]]
        },

@@ -1290,33 +888,214 @@
        panoramaBeforeClose () {
            this.panoramaVisible = false
        },
        initAreaCheckoptions (areaObj) {
            areaObj.forEach((item, index) => {
                let str = ''
                item.position.forEach(it => {
                    str = str + `${it[0]},${it[1]},${it[2]};`
                })

                this.$EventBus.$emit('layerPolygonAdd', {
                    layerName: 'polygonLayer',
                    positions: str,
                    material: this.positionColor[index]
                })
                const center = this.getCenter(item.position)

                this.$EventBus.$emit('layerPointAdd', {
                    layerName: 'areaCheckLayer',
                    type: 'label',
                    params: {
                        lng: center[0],
                        lat: center[1],
                        alt: 0,
                        text: item.areaCheckName
                    }
                })
        initAreaCheckoptions (areaArr) {
            // console.log('9876', areaArr)
            areaArr.forEach((item, index) => {
                if (item.areaCheckName != '全部') {
                    let str = ''
                    item.position.forEach(it => {
                        str = str + `${it[0]},${it[1]},${it[2]};`
                    })
                    this.$EventBus.$emit('layerPolygonAdd', {
                        layerName: 'polygonLayer',
                        positions: str,
                        material: this.positionColor[index]
                    })
                    const center = this.getCenter(item.position)
                    this.$EventBus.$emit('layerPointAdd', {
                        layerName: 'polygonLayer',
                        type: 'label',
                        params: {
                            lng: center[0],
                            lat: center[1],
                            alt: 0,
                            text: item.areaCheckName
                        }
                    })
                }
            })
        },

        }
        initHousingOptions (housingArr) {
            housingArr.forEach((item, index) => {
                if (item.housingsName != '全部') {
                    let str = ''
                    item.position.forEach(it => {
                        str = str + `${it[0]},${it[1]},${it[2]};`
                    })
                    this.$EventBus.$emit('layerPolygonAdd', {
                        layerName: 'polygonLayer',
                        positions: str,
                        material: this.positionColor[index]
                    })
                    const center = this.getCenter(item.position)
                    this.$EventBus.$emit('layerPointAdd', {
                        layerName: 'polygonLayer',
                        type: 'label',
                        params: {
                            lng: center[0],
                            lat: center[1],
                            alt: 0,
                            text: item.housingsName
                        }
                    })
                }
            })
        },

        initPoliceStationLayer () {
            cylinderLayer = new global.DC.PrimitiveLayer('cylinderLayer')
            global.viewer.addLayer(cylinderLayer)
            this.policeStationOptions.forEach((item, index) => {
                if (item.position) {
                    let str = ''
                    item.position.forEach(it => {
                        str = str + `${it[0]},${it[1]},${it[2]};`
                    })
                    this.$EventBus.$emit('layerPolygonAdd', {
                        layerName: 'polygonLayer',
                        positions: str,
                        material: this.positionColor[index],
                    })
                    const center = this.getCenter(item.position)
                    // this.$EventBus.$emit('layerPointAdd', {
                    //     layerName: 'polygonLayer',
                    //     type: 'label',
                    //     params: {
                    //         lng: center[0],
                    //         lat: center[1],
                    //         alt: 1200,
                    //         text: '5656'
                    //     }
                    // })
                    this.$EventBus.$emit('layerPointAdd', {
                        layerName: 'polygonLayer',
                        type: 'label',
                        params: {
                            lng: center[0],
                            lat: center[1],
                            alt: 0,
                            text: item.policeStationName
                        },
                    })
                    let cylinder = new global.DC.LightCylinderPrimitive(new global.DC.Position(center[0], center[1]), 1200, 1, 600)
                    cylinder.setStyle({
                        color: global.DC.Namespace.Cesium.Color.fromBytes(
                            102, 176, 255,
                            255
                        )
                    })
                    cylinderLayer.addOverlay(cylinder)
                }
            })
            this.houseChange(true)
        },

        initAreaOptionLayer (item) {
            let center = this.getPoliceStationCenter(item.policeStationName)
            this.clearPolygonLayer()
            this.$EventBus.$emit('toPosition', {
                siteJd: center[0],
                siteWd: center[1],
                siteGd: 60000,
                siteHeading: -3,
                sitePitch: -90
            })
            this.areaOptionData.some((option) => {
                if (item.policeStationName == option.policeStationName) {
                    this.initAreaCheckoptions(option.areaCheckOptions)
                    this.areaOptions = option.areaCheckOptions
                }
            })
        },
        initHousingLayer (item) {
            let center = this.getAreaCenter(item.areaCheckName)
            this.clearPolygonLayer()
            this.$EventBus.$emit('toPosition', {
                siteJd: center[0],
                siteWd: center[1],
                siteGd: 18000,
                siteHeading: -3,
                sitePitch: -90
            })
            this.housingDate.some((option) => {
                if (this.policeStaionChecked.policeStationName == option.policeStationName) {
                    option.areaOptionArr.some((one) => {
                        if (item.areaCheckName == one.areaCheckName) {
                            this.initHousingOptions(one.housingArr)
                            this.housingOptions = one.housingArr
                        }
                    })
                }
            })
        },

        initLivingLayer (item) {
            let center = this.getCenter(item.position)
            this.clearPolygonLayer()
            this.$EventBus.$emit('toPosition', {
                siteJd: center[0],
                siteWd: center[1],
                siteGd: 18000,
                siteHeading: -3,
                sitePitch: -90
            })
            let str = ''
            item.position.forEach(it => {
                str = str + `${it[0]},${it[1]},${it[2]};`
            })
            this.$EventBus.$emit('layerPolygonAdd', {
                layerName: 'polygonLayer',
                positions: str,
                material: this.positionColor[0]
            })
            this.$EventBus.$emit('layerPointAdd', {
                layerName: 'polygonLayer',
                type: 'label',
                params: {
                    lng: center[0],
                    lat: center[1],
                    alt: 0,
                    text: item.housingsName
                }
            })
        },

        clearPolygonLayer () {
            this.$EventBus.$emit('mapClearLayer', {
                layerName: 'polygonLayer',
                type: 'VectorLayer'
            })
        },

        getPoliceStationCenter (name) {
            let center = []
            this.policeStationOptions.some((item) => {
                if (name == item.policeStationName) {
                    center = this.getCenter(item.position)
                }
            })
            return center
        },

        getAreaCenter (name) {
            let center = []
            this.areaOptionData.some((item) => {
                if (this.policeStaionChecked.policeStationName == item.policeStationName && this.policeStaionChecked.policeStationName != "全部") {
                    item.areaCheckOptions.some((one) => {
                        if (name == one.areaCheckName) {
                            center = this.getCenter(one.position)
                        }
                    })
                }
            })
            return center
        },




    },
    watch: {

@@ -1330,15 +1109,13 @@
        })

        this.$EventBus.$emit('mapClearLayer', {
            layerName: 'houseLayers',
            type: 'VectorLayer'
        })

        this.$EventBus.$emit('mapClearLayer', {
            layerName: 'carLayers',
            type: 'VectorLayer'
        })

        this.$EventBus.$emit('mapClearLayer', {
            layerName: 'houseLayers',
            type: 'VectorLayer'
        })
        this.$EventBus.$emit('mapClearLayer', {
            layerName: 'phoneLayers',
            type: 'VectorLayer'
@@ -1354,15 +1131,8 @@
            type: 'VectorLayer'
        })

        this.$EventBus.$emit('mapClearLayer', {
            layerName: 'homePersonLayer',
            type: 'VectorLayer'
        })


        cylinderLayer.clear()
        cylinderLayer.remove()

        cylinderLayer = null

    },