Merge branch 'master' of http://192.168.0.105:10010/r/srs-police-affairs

shuishen

2022-09-27 b1d4450597aa69fab63644795d1f7886669f7ec4

Merge branch 'master' of http://192.168.0.105:10010/r/srs-police-affairs

 src/assets/data/car.js

@@ -13,95 +13,127 @@
    lng: 116.022877,
    lat: 28.685077,
    alt: 100,
    url: '/img/icon/car.png'
    url: '/img/icon/car.png',
    carId: '赣E12354',
    carType: '大众'
}, {
    name: '2号警车',
    lng: 116.029917,
    lat: 28.685360,
    alt: 100,
    url: '/img/icon/car.png'
    url: '/img/icon/car.png',
    carId: '赣E12354',
    carType: '大众'
}, {
    name: '3号警车',
    lng: 116.031044,
    lat: 28.679445,
    alt: 100,
    url: '/img/icon/car.png'
    url: '/img/icon/car.png',
    carId: '赣E12354',
    carType: '大众'
}, {
    name: '4号警车',
    lng: 115.966750,
    lat: 28.595163,
    alt: 100,
    url: '/img/icon/car.png'
    url: '/img/icon/car.png',
    carId: '赣E12354',
    carType: '大众'
}, {
    name: '5号警车',
    lng: 116.150081,
    lat: 28.580119,
    alt: 100,
    url: '/img/icon/car.png'
    url: '/img/icon/car.png',
    carId: '赣E12354',
    carType: '大众'
}, {
    name: '6号警车',
    lng: 116.029917,
    lat: 28.685360,
    alt: 100,
    url: '/img/icon/car.png'
    url: '/img/icon/car.png',
    carId: '赣E12354',
    carType: '大众'
}, {
    name: '7号警车',
    lng: 116.235801,
    lat: 28.654740,
    alt: 100,
    url: '/img/icon/car.png'
    url: '/img/icon/car.png',
    carId: '赣E12354',
    carType: '大众'
}, {
    name: '8号警车',
    lng: 116.210143,
    lat: 28.691634,
    alt: 100,
    url: '/img/icon/car.png'
    url: '/img/icon/car.png',
    carId: '赣E12354',
    carType: '大众'
}, {
    name: '9号警车',
    lng: 116.072665,
    lat: 28.639879,
    alt: 100,
    url: '/img/icon/car.png'
    url: '/img/icon/car.png',
    carId: '赣E12354',
    carType: '大众'
}, {
    name: '10号警车',
    lng: 116.121559,
    lat: 28.699041,
    alt: 100,
    url: '/img/icon/car.png'
    url: '/img/icon/car.png',
    carId: '赣E12354',
    carType: '大众'
}, {
    name: '11号警车',
    lng: 116.106692,
    lat: 28.758830,
    alt: 100,
    url: '/img/icon/car.png'
    url: '/img/icon/car.png',
    carId: '赣E12354',
    carType: '大众'
}, {
    name: '12号警车',
    lng: 116.043007,
    lat: 28.736032,
    alt: 100,
    url: '/img/icon/car.png'
    url: '/img/icon/car.png',
    carId: '赣E12354',
    carType: '大众'
}, {
    name: '13号警车',
    lng: 116.002395,
    lat: 28.695900,
    alt: 100,
    url: '/img/icon/car.png'
    url: '/img/icon/car.png',
    carId: '赣E12354',
    carType: '大众'
}, {
    name: '14号警车',
    lng: 116.009437,
    lat: 28.660863,
    alt: 100,
    url: '/img/icon/car.png'
    url: '/img/icon/car.png',
    carId: '赣E12354',
    carType: '大众'
}, {
    name: '15号警车',
    lng: 116.067097,
    lat: 28.621827,
    alt: 100,
    url: '/img/icon/car.png'
    url: '/img/icon/car.png',
    carId: '赣E12354',
    carType: '大众'
}, {
    name: '16号警车',
    lng: 115.944243,
    lat: 28.669108,
    alt: 100,
    url: '/img/icon/car.png'
    url: '/img/icon/car.png',
    carId: '赣E12354',
    carType: '大众'
}]

 src/assets/data/house.js

@@ -61,5 +61,75 @@
        lat: 28.696405,
        alt: 100,
        url: '/img/icon/house.png'
    },
    {
        name: '9号小区',
        lng: 115.952374,
        lat: 28.689405,
        alt: 100,
        url: '/img/icon/house.png'
    },
    {
        name: '10号小区',
        lng: 115.977374,
        lat: 28.645805,
        alt: 100,
        url: '/img/icon/house.png'
    },
    {
        name: '11号小区',
        lng: 116.082374,
        lat: 28.785405,
        alt: 100,
        url: '/img/icon/house.png'
    },
    {
        name: '12号小区',
        lng: 116.201374,
        lat: 28.732405,
        alt: 100,
        url: '/img/icon/house.png'
    },
    {
        name: '13号小区',
        lng: 116.114374,
        lat: 28.644405,
        alt: 100,
        url: '/img/icon/house.png'
    },
    {
        name: '14号小区',
        lng: 116.253374,
        lat: 28.657405,
        alt: 100,
        url: '/img/icon/house.png'
    },
    {
        name: '15号小区',
        lng: 116.172374,
        lat: 28.586405,
        alt: 100,
        url: '/img/icon/house.png'
    },
    {
        name: '16号小区',
        lng: 116.110374,
        lat: 28.559405,
        alt: 100,
        url: '/img/icon/house.png'
    },
    {
        name: '17号小区',
        lng: 116.046374,
        lat: 28.600405,
        alt: 100,
        url: '/img/icon/house.png'
    },
    {
        name: '18号小区',
        lng: 115.998374,
        lat: 28.554405,
        alt: 100,
        url: '/img/icon/house.png'
    }
]

 src/assets/data/monitoring.js

@@ -3,53 +3,144 @@
    lng: 116.026984,
    lat: 28.682241,
    alt: 100,
    url: '/img/icon/video.png'
    url: '/img/icon/video.png',
    type: '云台',
    id: 206836565

}, {
    name: '2号监控',
    lng: 116.021069,
    lat: 28.678791,
    alt: 100,
    url: '/img/icon/video.png'
    url: '/img/icon/video.png',
    type: '云台',
    id: 206836565
}, {
    name: '3号监控',
    lng: 116.031208,
    lat: 28.684966,
    alt: 100,
    url: '/img/icon/video.png'
    url: '/img/icon/video.png',
    type: '云台',
    id: 206836565
}, {
    name: '4号监控',
    lng: 116.019208,
    lat: 28.687966,
    alt: 100,
    url: '/img/icon/video.png'
    url: '/img/icon/video.png',
    type: '云台',
    id: 206836565
}, {
    name: '5号监控',
    lng: 116.024208,
    lat: 28.686966,
    alt: 100,
    url: '/img/icon/video.png'
    url: '/img/icon/video.png',
    type: '云台',
    id: 206836565
}, {
    name: '6号监控',
    lng: 116.026208,
    lat: 28.685966,
    alt: 100,
    url: '/img/icon/video.png'
    url: '/img/icon/video.png',
    type: '云台',
    id: 206836565
}, {
    name: '7号监控',
    lng: 116.019208,
    lat: 28.684966,
    alt: 100,
    url: '/img/icon/video.png'
    url: '/img/icon/video.png',
    type: '云台',
    id: 206836565
}, {
    name: '8号监控',
    lng: 116.019208,
    lat: 28.681966,
    alt: 100,
    url: '/img/icon/video.png'
    url: '/img/icon/video.png',
    type: '云台',
    id: 206836565
}, {
    name: '9号监控',
    lng: 116.029208,
    lat: 28.678966,
    alt: 100,
    url: '/img/icon/video.png'
    url: '/img/icon/video.png',
    type: '云台',
    id: 206836565
}, {
    name: '10号监控',
    lng: 115.947208,
    lat: 28.636966,
    alt: 100,
    url: '/img/icon/video.png',
    type: '云台',
    id: 206836565
}, {
    name: '11号监控',
    lng: 116.073208,
    lat: 28.701966,
    alt: 100,
    url: '/img/icon/video.png',
    type: '云台',
    id: 206836565
}, {
    name: '12号监控',
    lng: 116.152208,
    lat: 28.715966,
    alt: 100,
    url: '/img/icon/video.png',
    type: '云台',
    id: 206836565
}, {
    name: '13号监控',
    lng: 116.269208,
    lat: 28.692966,
    alt: 100,
    url: '/img/icon/video.png',
    type: '云台',
    id: 206836565
}, {
    name: '14号监控',
    lng: 116.141208,
    lat: 28.614966,
    alt: 100,
    url: '/img/icon/video.png',
    type: '云台',
    id: 206836565
}, {
    name: '15号监控',
    lng: 116.242208,
    lat: 28.587966,
    alt: 100,
    url: '/img/icon/video.png',
    type: '云台',
    id: 206836565
}, {
    name: '16号监控',
    lng: 116.164208,
    lat: 28.538966,
    alt: 100,
    url: '/img/icon/video.png',
    type: '云台',
    id: 206836565
}, {
    name: '17号监控',
    lng: 116.055208,
    lat: 28.551966,
    alt: 100,
    url: '/img/icon/video.png',
    type: '云台',
    id: 206836565
}, {
    name: '18号监控',
    lng: 115.963208,
    lat: 28.586966,
    alt: 100,
    url: '/img/icon/video.png',
    type: '云台',
    id: 206836565
}]

 src/assets/data/phone.js

@@ -1,61 +1,191 @@
export default [{
    name: '1号手台',
    person: "李会军",
    lng: 116.020804,
    lat: 28.678568,
    alt: 100,
    url: '/img/icon/phone.png'
    url: '/img/icon/phone.png',
    id: 12356456662,
    phoneType: '华为',
    location: '信州区XXXX大道XXXX路'
}, {
    name: '2号手台',
    person: "李会军",
    lng: 116.027659,
    lat: 28.678623,
    alt: 100,
    url: '/img/icon/phone.png'
    url: '/img/icon/phone.png',
    id: 12356456662,
    phoneType: '华为',
    location: '信州区XXXX大道XXXX路'
}, {
    name: '3号手台',
    person: "李会军",
    lng: 116.026759,
    lat: 28.680071,
    alt: 100,
    url: '/img/icon/phone.png'
    url: '/img/icon/phone.png',
    id: 12356456662,
    phoneType: '华为',
    location: '信州区XXXX大道XXXX路'
}, {
    name: '4号手台',
    person: "李会军",
    lng: 116.018759,
    lat: 28.686071,
    alt: 100,
    url: '/img/icon/phone.png'
    url: '/img/icon/phone.png',
    id: 12356456662,
    phoneType: '华为',
    location: '信州区XXXX大道XXXX路'
}, {
    name: '5号手台',
    person: "李会军",
    lng: 116.029759,
    lat: 28.685071,
    alt: 100,
    url: '/img/icon/phone.png'
    url: '/img/icon/phone.png',
    id: 12356456662,
    phoneType: '华为',
    location: '信州区XXXX大道XXXX路'
}, {
    name: '6号手台',
    person: "李会军",
    lng: 116.026759,
    lat: 28.684071,
    alt: 100,
    url: '/img/icon/phone.png'
    url: '/img/icon/phone.png',
    id: 12356456662,
    phoneType: '华为',
    location: '信州区XXXX大道XXXX路'
}, {
    name: '7号手台',
    person: "李会军",
    lng: 116.031759,
    lat: 28.683071,
    alt: 100,
    url: '/img/icon/phone.png'
    url: '/img/icon/phone.png',
    id: 12356456662,
    phoneType: '华为',
    location: '信州区XXXX大道XXXX路'
}, {
    name: '8号手台',
    person: "李会军",
    lng: 116.022759,
    lat: 28.682071,
    alt: 100,
    url: '/img/icon/phone.png'
    url: '/img/icon/phone.png',
    id: 12356456662,
    phoneType: '华为',
    location: '信州区XXXX大道XXXX路'
}, {
    name: '9号手台',
    person: "李会军",
    lng: 116.031759,
    lat: 28.681071,
    alt: 100,
    url: '/img/icon/phone.png'
    url: '/img/icon/phone.png',
    id: 12356456662,
    phoneType: '华为',
    location: '信州区XXXX大道XXXX路'
}, {
    name: '10号手台',
    person: "李会军",
    lng: 116.031759,
    lat: 28.677071,
    alt: 100,
    url: '/img/icon/phone.png'
    url: '/img/icon/phone.png',
    id: 12356456662,
    phoneType: '华为',
    location: '信州区XXXX大道XXXX路'
}, {
    name: '11号手台',
    person: "李会军",
    lng: 115.947759,
    lat: 28.710071,
    alt: 100,
    url: '/img/icon/phone.png',
    id: 12356456662,
    phoneType: '华为',
    location: '信州区XXXX大道XXXX路'
}, {
    name: '12号手台',
    person: "李会军",
    lng: 115.977759,
    lat: 28.745071,
    alt: 100,
    url: '/img/icon/phone.png',
    id: 12356456662,
    phoneType: '华为',
    location: '信州区XXXX大道XXXX路'
}, {
    name: '13号手台',
    person: "李会军",
    lng: 116.164759,
    lat: 28.738071,
    alt: 100,
    url: '/img/icon/phone.png',
    id: 12356456662,
    phoneType: '华为',
    location: '信州区XXXX大道XXXX路'
}, {
    name: '14号手台',
    person: "李会军",
    lng: 116.149759,
    lat: 28.665071,
    alt: 100,
    url: '/img/icon/phone.png',
    id: 12356456662,
    phoneType: '华为',
    location: '信州区XXXX大道XXXX路'
}, {
    name: '15号手台',
    person: "李会军",
    lng: 116.301759,
    lat: 28.644071,
    alt: 100,
    url: '/img/icon/phone.png',
    id: 12356456662,
    phoneType: '华为',
    location: '信州区XXXX大道XXXX路'
}, {
    name: '16号手台',
    person: "李会军",
    lng: 116.115759,
    lat: 28.577071,
    alt: 100,
    url: '/img/icon/phone.png',
    id: 12356456662,
    phoneType: '华为',
    location: '信州区XXXX大道XXXX路'
}, {
    name: '17号手台',
    person: "李会军",
    lng: 116.165759,
    lat: 28.548071,
    alt: 100,
    url: '/img/icon/phone.png',
    id: 12356456662,
    phoneType: '华为',
    location: '信州区XXXX大道XXXX路'
}, {
    name: '18号手台',
    person: "李会军",
    lng: 116.020759,
    lat: 28.571071,
    alt: 100,
    url: '/img/icon/phone.png',
    id: 12356456662,
    phoneType: '华为',
    location: '信州区XXXX大道XXXX路'
}, {
    name: '19号手台',
    person: "李会军",
    lng: 116.002759,
    lat: 28.631071,
    alt: 100,
    url: '/img/icon/phone.png',
    id: 12356456662,
    phoneType: '华为',
    location: '信州区XXXX大道XXXX路'
}]

 src/views/police/index.vue

@@ -24,7 +24,7 @@
            <div class="car-list" v-show="navType == 1">
                <div class="list-box">
                    <el-table
                        :data="arr.slice((currentPage-1)*pagesize,currentPage*pagesize)"
                        :data="carList.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', 'cursor':'pointer'}"
@@ -35,7 +35,7 @@
                                <span>{{(currentPage - 1) * pagesize + scope.$index + 1}}</span>
                            </template>
                        </el-table-column>
                        <el-table-column prop="carID" label="车牌号" width="170"></el-table-column>
                        <el-table-column prop="carId" label="车牌号" width="170"></el-table-column>
                        <el-table-column prop="carType" label="警车类型" width="180"></el-table-column>
                        <!-- <el-table-column prop="position" label="经纬度"></el-table-column> -->
                    </el-table>
@@ -44,7 +44,7 @@
                    <el-pagination
                        background
                        layout="prev, pager, next"
                        :total="arr.length"
                        :total="carList.length"
                        :page-size="pagesize"
                        pager-count="3"
                        :current-page="currentPage"
@@ -55,7 +55,7 @@
            <div class="phone-list" v-show="navType == 2">
                <div class="list-box">
                    <el-table
                        :data="arr2.slice((currentPage-1)*pagesize,currentPage*pagesize)"
                        :data="phoneList.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', 'cursor':'pointer'}"
@@ -66,7 +66,7 @@
                                <span>{{(currentPage - 1) * pagesize + scope.$index + 1}}</span>
                            </template>
                        </el-table-column>
                        <el-table-column prop="phoneID" label="手台号" width="170"></el-table-column>
                        <el-table-column prop="id" label="手台号" width="170"></el-table-column>
                        <el-table-column prop="phoneType" label="手台类型" width="180"></el-table-column>
                    </el-table>
                </div>
@@ -74,7 +74,7 @@
                    <el-pagination
                        background
                        layout="prev, pager, next"
                        :total="arr.length"
                        :total="phoneList.length"
                        :page-size="pagesize"
                        pager-count="3"
                        :current-page="currentPage"
@@ -144,15 +144,16 @@
</template>

<script>

import carList from '@/assets/data/car.js'
import phoneList from '@/assets/data/phone.js'
export default {
    data () {
        return {
            navType: 1,
            currentPage: 1,
            pagesize: 13,
            arr: [],
            arr2: [],
            carList: [],
            phoneList: [],
            dialogTitle: '',
            dialogVisible: false,
            phoneDetails: {},
@@ -161,10 +162,11 @@
        }
    },
    created () {

        this.carList = carList
        this.phoneList = phoneList
    },
    mounted () {
        this.getData()
        this.navClick()
    },
    updated () {
    },
@@ -173,92 +175,16 @@
            this.currentPage = currentPage
            console.log(this.currentPage)  //点击第几页
        },

        getData () {

            let carList = [{
                carID: '赣E59601',
                carType: '大众',
                name: '1号警车',
                lng: 116.022877,
                lat: 28.685077,
                alt: 100,
                url: '/img/icon/car.png'
            }, {
                carID: '赣E36601',
                carType: '大众',
                name: '2号警车',
                lng: 116.029917,
                lat: 28.685360,
                alt: 100,
                url: '/img/icon/car.png'
            }, {
                carID: '赣E96250',
                carType: '大众',
                name: '3号警车',
                lng: 116.031044,
                lat: 28.679445,
                alt: 100,
                url: '/img/icon/car.png'
            }]

            carList.forEach(item => {

                this.$EventBus.$emit('layerPointAdd', {
                    layerName: 'carLayers',
                    type: "billboard",
                    params: item,
                    incident: this.siteClick
                })

            })

            this.arr = carList

            this.arr2 = [{
                person: "李会军",
                phoneID: 17596842661,
                phoneType: '华为',
                name: '1号手台',
                lng: 116.026804,
                lat: 28.678568,
                alt: 100,
                location: '信州区XXXX大道XXXX路',
                url: '/img/icon/phone.png'
            }, {
                person: "赵志刚",
                phoneID: 17336902661,
                phoneType: '华为',
                name: '2号手台',
                lng: 116.027659,
                lat: 28.678623,
                alt: 100,
                location: '信州区XXXX大道XXXX路',
                url: '/img/icon/phone.png'
            }, {
                person: "王刚",
                phoneID: 17336956501,
                phoneType: '华为',
                name: '3号手台',
                lng: 116.026759,
                lat: 28.680071,
                alt: 100,
                location: '信州区XXXX大道XXXX路',
                url: '/img/icon/phone.png'
            }]

        },

        navClick (type) {
            if (!type) { type = 1 }
            this.navType = type

            if (type == 1) {
                this.$EventBus.$emit('mapClearLayer', {
                    layerName: 'phoneLayers',
                    type: 'VectorLayer'
                })

                this.arr.forEach(item => {
                this.carList.forEach(item => {
                    this.$EventBus.$emit('layerPointAdd', {
                        layerName: 'carLayers',
                        type: "billboard",
@@ -266,7 +192,7 @@
                            name: item.name,
                            lng: item.lng,
                            lat: item.lat,
                            alt: 100,
                            alt: item.alt,
                            url: item.url
                        },
                        incident: this.siteClick
@@ -278,7 +204,7 @@
                    type: 'VectorLayer'
                })

                this.arr2.forEach(item => {
                this.phoneList.forEach(item => {
                    this.$EventBus.$emit('layerPointAdd', {
                        layerName: 'phoneLayers',
                        type: "billboard",

 src/views/video/index.vue

@@ -20,7 +20,7 @@
            <div class="car-list">
                <div class="list-box">
                    <el-table
                        :data="arr.slice((currentPage-1)*pagesize,currentPage*pagesize)"
                        :data="monitoringList.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'}"
@@ -31,15 +31,15 @@
                                <span>{{(currentPage - 1) * pagesize + scope.$index + 1}}</span>
                            </template>
                        </el-table-column>
                        <el-table-column prop="equipmentID" label="设备ID" width="80"></el-table-column>
                        <el-table-column prop="equipmentType" label="设备类型"></el-table-column>
                        <el-table-column prop="id" label="设备ID" width="150"></el-table-column>
                        <el-table-column prop="type" label="设备类型"></el-table-column>
                    </el-table>
                </div>
                <div class="pages">
                    <el-pagination
                        background
                        layout="prev, pager, next"
                        :total="arr.length"
                        :total="monitoringList.length"
                        :page-size="pagesize"
                        pager-count="3"
                        :current-page="currentPage"
@@ -75,22 +75,23 @@
</template>

<script>
import monitoringList from '@/assets/data/monitoring.js'

export default {
    data () {
        return {
            currentPage: 1,
            pagesize: 13,
            arr: [],
            monitoringList: [],
            dialogTitle: '',
            dialogVisible: false,
        }
    },
    created () {

        this.monitoringList = monitoringList
    },
    mounted () {
        this.getData()
        this.initMonitoringIcon()

    },
    updated () {
@@ -100,30 +101,22 @@
        handleCurrentChange: function (currentPage) {
            this.currentPage = currentPage
        },
        getData () {
            for (let i = 0; i < 5; i++) {
                let lng = 116.011126 + Math.random() * 0.005
                let lat = 28.651340 + Math.random() * 0.005

        initMonitoringIcon () {
            this.monitoringList.forEach((item, index) => {
                this.$EventBus.$emit('layerPointAdd', {
                    layerName: 'monitoringLayers',
                    type: "billboard",
                    params: {
                        name: `${i}号监控`,
                        lng: lng,
                        lat: lat,
                        name: `${index}号监控`,
                        lng: item.lng,
                        lat: item.lat,
                        alt: 100,
                        url: '/img/icon/video.png'
                    },
                    incident: this.siteClick
                })

                let carNum = Math.random() * 5000000 + ''
                // this.arr.push({ "carID": `#${carNum.slice(0, 6)}`, "carType": "大众", "position": `(${lng.toFixed(6)},${lat.toFixed(6)})` })


                this.arr.push({ "equipmentID": `#${carNum.slice(0, 6)}`, "equipmentType": "云台", lng: lng, lat: lat, name: `${i}号监控`, url: '/img/icon/video.png' })
            }
            })
        },

        rowClick (row) {