首页图标数据

guanqb

2022-09-26 88073569c81dae76ed67e3c667365db0cf9e8165

首页图标数据

 src/assets/data/house.js

New file
@@ -0,0 +1,65 @@
export default [
    {
        name: '1号小区',
        lng: 116.026877,
        lat: 28.685077,
        alt: 100,
        url: '/img/icon/house.png'
    },
    {
        name: '2号小区',
        lng: 116.024711,
        lat: 28.712695,
        alt: 100,
        url: '/img/icon/house.png'
    },
    {
        name: '3号小区',
        lng: 116.008426,
        lat: 28.671838,
        alt: 100,
        url: '/img/icon/house.png'
    },
    {
        name: '4号小区',
        lng: 116.017700,
        lat: 28.675880,
        alt: 100,
        url: '/img/icon/house.png'
    },
    {
        name: '5号小区',
        lng: 116.035374,
        lat: 28.681405,
        alt: 100,
        url: '/img/icon/house.png'
    },
    {
        name: '6号小区',
        lng: 116.010374,
        lat: 28.691405,
        alt: 100,
        url: '/img/icon/house.png'
    },
    {
        name: '7号小区',
        lng: 116.038374,
        lat: 28.701405,
        alt: 100,
        url: '/img/icon/house.png'
    },
    {
        name: '8号小区',
        lng: 115.994374,
        lat: 28.681405,
        alt: 100,
        url: '/img/icon/house.png'
    },
    {
        name: '8号小区',
        lng: 116.024374,
        lat: 28.696405,
        alt: 100,
        url: '/img/icon/house.png'
    }
]

 src/assets/data/monitoring.js

New file
@@ -0,0 +1,55 @@
export default [{
    name: '1号监控',
    lng: 116.026984,
    lat: 28.682241,
    alt: 100,
    url: '/img/icon/video.png'
}, {
    name: '2号监控',
    lng: 116.021069,
    lat: 28.678791,
    alt: 100,
    url: '/img/icon/video.png'
}, {
    name: '3号监控',
    lng: 116.031208,
    lat: 28.684966,
    alt: 100,
    url: '/img/icon/video.png'
}, {
    name: '4号监控',
    lng: 116.019208,
    lat: 28.687966,
    alt: 100,
    url: '/img/icon/video.png'
}, {
    name: '5号监控',
    lng: 116.024208,
    lat: 28.686966,
    alt: 100,
    url: '/img/icon/video.png'
}, {
    name: '6号监控',
    lng: 116.026208,
    lat: 28.685966,
    alt: 100,
    url: '/img/icon/video.png'
}, {
    name: '7号监控',
    lng: 116.019208,
    lat: 28.684966,
    alt: 100,
    url: '/img/icon/video.png'
}, {
    name: '8号监控',
    lng: 116.019208,
    lat: 28.681966,
    alt: 100,
    url: '/img/icon/video.png'
}, {
    name: '9号监控',
    lng: 116.029208,
    lat: 28.678966,
    alt: 100,
    url: '/img/icon/video.png'
}]

 src/assets/data/phone.js

New file
@@ -0,0 +1,61 @@
export default [{
    name: '1号手台',
    lng: 116.020804,
    lat: 28.678568,
    alt: 100,
    url: '/img/icon/phone.png'
}, {
    name: '2号手台',
    lng: 116.027659,
    lat: 28.678623,
    alt: 100,
    url: '/img/icon/phone.png'
}, {
    name: '3号手台',
    lng: 116.026759,
    lat: 28.680071,
    alt: 100,
    url: '/img/icon/phone.png'
}, {
    name: '4号手台',
    lng: 116.018759,
    lat: 28.686071,
    alt: 100,
    url: '/img/icon/phone.png'
}, {
    name: '5号手台',
    lng: 116.029759,
    lat: 28.685071,
    alt: 100,
    url: '/img/icon/phone.png'
}, {
    name: '6号手台',
    lng: 116.026759,
    lat: 28.684071,
    alt: 100,
    url: '/img/icon/phone.png'
}, {
    name: '7号手台',
    lng: 116.031759,
    lat: 28.683071,
    alt: 100,
    url: '/img/icon/phone.png'
}, {
    name: '8号手台',
    lng: 116.022759,
    lat: 28.682071,
    alt: 100,
    url: '/img/icon/phone.png'
}, {
    name: '9号手台',
    lng: 116.031759,
    lat: 28.681071,
    alt: 100,
    url: '/img/icon/phone.png'
}, {
    name: '10号手台',
    lng: 116.031759,
    lat: 28.677071,
    alt: 100,
    url: '/img/icon/phone.png'
}]

 src/components/select/index.vue

@@ -79,7 +79,7 @@
.selects-container {
    width: 100%;
    height: 100%;
    background: rgba(7, 22, 37, 0.8);
    background: $bg-color;

    .selects-box {
        padding: 0 10px;

 src/views/home/index.vue

@@ -15,7 +15,6 @@
            <div class="person-box">
                <div class="title">
                    <div class="one-level">现有人员</div>
                    <!-- <div class="two-level">现有人员</div> -->
                </div>

                <div class="sub-title">
@@ -43,7 +42,6 @@
            <div class="land-box">
                <div class="title">
                    <div class="one-level">现有房屋</div>
                    <!-- <div class="two-level">现有房屋</div> -->
                </div>

                <div class="sub-tab">
@@ -62,7 +60,6 @@
            <div class="equipment-box">
                <div class="title">
                    <div class="one-level">现有设备</div>
                    <!-- <div class="two-level">现有设备</div> -->
                </div>

                <div id="EquipmentEcharts" class="echarts-box"></div>
@@ -81,14 +78,11 @@
            <div class="alert-box">
                <div class="title">
                    <div class="one-level">历史警情(近一年)</div>
                    <!-- <div class="two-level">历史累计</div> -->
                </div>

                <!-- <div class="sub-title">
                    <div class="one-level">警情、案事件总量</div>
                    <div class="two-level">555578起</div>
                </div>-->

                <div id="EventCountEcharts" class="echarts-box"></div>
            </div>
            <div class="crowd-box">
@@ -236,6 +230,9 @@
let cylinderLayer = null

import carList from '@/assets/data/car.js'
import phoneList from '@/assets/data/phone.js'
import monitoringList from '@/assets/data/monitoring.js'
import houseList from '@/assets/data/house.js'

export default {
    data () {
@@ -250,91 +247,13 @@
            dialogVisible: false,
            panoramaTitle: '',
            panoramaVisible: false,

            phoneDetails: {},
            phoneTitle: '',
            phoneVisible: false,

            houseList: [
                {
                    name: '1号小区',
                    lng: 116.022877,
                    lat: 28.685077,
                    alt: 100,
                    url: '/img/icon/house.png'
                },
                {
                    name: '2号小区',
                    lng: 116.024711,
                    lat: 28.712695,
                    alt: 100,
                    url: '/img/icon/house.png'
                },
                {
                    name: '3号小区',
                    lng: 116.008426,
                    lat: 28.671838,
                    alt: 100,
                    url: '/img/icon/house.png'
                },
                {
                    name: '4号小区',
                    lng: 116.017700,
                    lat: 28.675880,
                    alt: 100,
                    url: '/img/icon/house.png'
                },
                {
                    name: '5号小区',
                    lng: 116.035374,
                    lat: 28.681405,
                    alt: 100,
                    url: '/img/icon/house.png'
                }
            ],

            houseList: [],
            carList: [],

            phoneList: [{
                name: '1号手台',
                lng: 116.026804,
                lat: 28.678568,
                alt: 100,
                url: '/img/icon/phone.png'
            }, {
                name: '2号手台',
                lng: 116.027659,
                lat: 28.678623,
                alt: 100,
                url: '/img/icon/phone.png'
            }, {
                name: '3号手台',
                lng: 116.026759,
                lat: 28.680071,
                alt: 100,
                url: '/img/icon/phone.png'
            }],

            monitoringList: [{
                name: '1号监控',
                lng: 116.026984,
                lat: 28.682241,
                alt: 100,
                url: '/img/icon/video.png'
            }, {
                name: '2号监控',
                lng: 116.021069,
                lat: 28.678791,
                alt: 100,
                url: '/img/icon/video.png'
            }, {
                name: '3号监控',
                lng: 116.031208,
                lat: 28.684966,
                alt: 100,
                url: '/img/icon/video.png'
            }],

            phoneList: [],
            monitoringList: [],
            panoramaList: [{
                name: '1号全景',
                lng: 116.027625,
@@ -342,7 +261,6 @@
                alt: 100,
                url: '/img/icon/map-panorama.png'
            }],

            arr: [
                { 'type': '邪教人员', 'num': '1', 'radio': '2.00%' },
                { 'type': '上访人员', 'num': '8', 'radio': '14.00%' },
@@ -396,6 +314,9 @@
    },
    created () {
        this.carList = carList
        this.phoneList = phoneList
        this.monitoringList = monitoringList
        this.houseList = houseList
    },
    mounted () {
        this.initPersonEcharts()