手台监控警车数据添加

guanqb

2022-09-26 48625de07d61f96ebf0100f71f37bebbef40f76f

手台监控警车数据添加

 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

@@ -3,59 +3,152 @@
    lng: 116.020804,
    lat: 28.678568,
    alt: 100,
    url: '/img/icon/phone.png'
    url: '/img/icon/phone.png',
    id: 12356456662,
    phoneType: '华为'

}, {
    name: '2号手台',
    lng: 116.027659,
    lat: 28.678623,
    alt: 100,
    url: '/img/icon/phone.png'
    url: '/img/icon/phone.png',
    id: 12356456662,
    phoneType: '华为'
}, {
    name: '3号手台',
    lng: 116.026759,
    lat: 28.680071,
    alt: 100,
    url: '/img/icon/phone.png'
    url: '/img/icon/phone.png',
    id: 12356456662,
    phoneType: '华为'
}, {
    name: '4号手台',
    lng: 116.018759,
    lat: 28.686071,
    alt: 100,
    url: '/img/icon/phone.png'
    url: '/img/icon/phone.png',
    id: 12356456662,
    phoneType: '华为'
}, {
    name: '5号手台',
    lng: 116.029759,
    lat: 28.685071,
    alt: 100,
    url: '/img/icon/phone.png'
    url: '/img/icon/phone.png',
    id: 12356456662,
    phoneType: '华为'
}, {
    name: '6号手台',
    lng: 116.026759,
    lat: 28.684071,
    alt: 100,
    url: '/img/icon/phone.png'
    url: '/img/icon/phone.png',
    id: 12356456662,
    phoneType: '华为'
}, {
    name: '7号手台',
    lng: 116.031759,
    lat: 28.683071,
    alt: 100,
    url: '/img/icon/phone.png'
    url: '/img/icon/phone.png',
    id: 12356456662,
    phoneType: '华为'
}, {
    name: '8号手台',
    lng: 116.022759,
    lat: 28.682071,
    alt: 100,
    url: '/img/icon/phone.png'
    url: '/img/icon/phone.png',
    id: 12356456662,
    phoneType: '华为'
}, {
    name: '9号手台',
    lng: 116.031759,
    lat: 28.681071,
    alt: 100,
    url: '/img/icon/phone.png'
    url: '/img/icon/phone.png',
    id: 12356456662,
    phoneType: '华为'
}, {
    name: '10号手台',
    lng: 116.031759,
    lat: 28.677071,
    alt: 100,
    url: '/img/icon/phone.png'
    url: '/img/icon/phone.png',
    id: 12356456662,
    phoneType: '华为'
}, {
    name: '11号手台',
    lng: 115.947759,
    lat: 28.710071,
    alt: 100,
    url: '/img/icon/phone.png',
    id: 12356456662,
    phoneType: '华为'
}, {
    name: '12号手台',
    lng: 115.977759,
    lat: 28.745071,
    alt: 100,
    url: '/img/icon/phone.png',
    id: 12356456662,
    phoneType: '华为'
}, {
    name: '13号手台',
    lng: 116.164759,
    lat: 28.738071,
    alt: 100,
    url: '/img/icon/phone.png',
    id: 12356456662,
    phoneType: '华为'
}, {
    name: '14号手台',
    lng: 116.149759,
    lat: 28.665071,
    alt: 100,
    url: '/img/icon/phone.png',
    id: 12356456662,
    phoneType: '华为'
}, {
    name: '15号手台',
    lng: 116.301759,
    lat: 28.644071,
    alt: 100,
    url: '/img/icon/phone.png',
    id: 12356456662,
    phoneType: '华为'
}, {
    name: '16号手台',
    lng: 116.115759,
    lat: 28.577071,
    alt: 100,
    url: '/img/icon/phone.png',
    id: 12356456662,
    phoneType: '华为'
}, {
    name: '17号手台',
    lng: 116.165759,
    lat: 28.548071,
    alt: 100,
    url: '/img/icon/phone.png',
    id: 12356456662,
    phoneType: '华为'
}, {
    name: '18号手台',
    lng: 116.020759,
    lat: 28.571071,
    alt: 100,
    url: '/img/icon/phone.png',
    id: 12356456662,
    phoneType: '华为'
}, {
    name: '19号手台',
    lng: 116.002759,
    lat: 28.631071,
    alt: 100,
    url: '/img/icon/phone.png',
    id: 12356456662,
    phoneType: '华为'
}]

 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.getData()
    },
    updated () {
    },

 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,6 +75,7 @@
</template>

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

export default {
    data () {
@@ -82,12 +83,13 @@
            currentPage: 1,
            pagesize: 13,
            arr: [],
            monitoringList: [],
            dialogTitle: '',
            dialogVisible: false,
        }
    },
    created () {

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