列表查询

guanqb

2022-11-21 7c11dc72e22487985b9956a4364c36607d3873f9

列表查询

 src/utils/EntityDraw.js

@@ -86,6 +86,9 @@
        // 添加编辑点图层
        this.emitPointLayer = new global.DC.VectorLayer('emitPointLayer')
        global.viewer.addLayer(this.emitPointLayer)


        // global.viewer.scene.globe.depthTestAgainstTerrain = true
    }

    // draw执行这个
@@ -272,7 +275,7 @@

            // this.EditMoveCenterPositoin = this.Cesium.Cartesian3.fromDegrees(this.drawCompletePosition[this.drawCompletePosition.length - 1].lng + 200 * lngOneM, this.drawCompletePosition[this.drawCompletePosition.length - 1].lat + 200 * latOneM, 0)

            // global.viewer.scene.globe.depthTestAgainstTerrain = true


            // this.createEditMoveCenterEntity()
        } else {
@@ -284,6 +287,9 @@
                )
            })


            // console.log(polygon, 999)

            this.drawPolygonLayer.addOverlay(polygon)

            this.lastEventData = this.drawCompletePosition

 src/views/video/list.vue

@@ -54,7 +54,7 @@
                            @cell-click="rowClick"
                        >
                            <el-table-column prop="name" label="设备名称" min-width="50%"></el-table-column>
                            <el-table-column prop="manufacturer" label="设备类型" min-width="50%"></el-table-column>
                            <el-table-column prop="manufacture" label="设备类型" min-width="50%"></el-table-column>
                        </el-table>
                    </div>
                    <div class="pages">
@@ -95,7 +95,6 @@
<script>
import EntityDraw from "@/utils/EntityDraw.js"
import { listQuery, accurateSearch } from "@/utils/search.js"
import monitoringList from '@/assets/data/monitoring.js'
import { getVideoList, getDevices, getRegionList } from '@/api/video/index.js'
import flvjs from 'flv.js'

@@ -107,6 +106,7 @@
            currentPage: 1,
            pagesize: 13,
            monitoringList: [],
            monitoringSaveList: [],
            dialogTitle: '',
            dialogVisible: false,
            searchValue: '',
@@ -137,6 +137,8 @@
        getVideoList () {
            getVideoList(1, 10).then(res => {
                this.monitoringList = res.data.data.list
                this.monitoringSaveList = res.data.data.list
                console.log(111, this.monitoringSaveList)
                this.initMonitoringIcon()
            })
        },
@@ -213,7 +215,6 @@
        },

        dialogBeforeClose () {
            // this.$refs.videoElement.pause()
            this.dialogVisible = false
        },

@@ -221,16 +222,16 @@
            if (this.searchValue == '') {
                this.searchValBoxShow = false
                this.searchArray = []
                this.monitoringList = monitoringList
                this.monitoringList = this.monitoringSaveList
            } else {
                this.searchArray = listQuery(monitoringList, this.searchValue, 'name')
                this.searchArray = listQuery(this.monitoringSaveList, this.searchValue, 'name')
                this.searchValBoxShow = true
            }
        },

        searchClick () {
            this.searchValBoxShow = false
            this.monitoringList = accurateSearch(monitoringList, this.searchValue, 'name')
            this.monitoringList = accurateSearch(this.monitoringSaveList, this.searchValue, 'name')
        },

        searchVlaClick (item) {
@@ -247,14 +248,15 @@
            }
            const that = this
            graphicLayer.activate(type, (lastEventData) => {
                console.log('数据更新', JSON.stringify(lastEventData))
                this.getRegionList(JSON.stringify(lastEventData))
                console.log('数据更新', lastEventData)
                this.getRegionList(type, JSON.stringify(lastEventData))
            })

        },

        removeDrawLayer () {
            this.inputpopup = false
            this.monitoringList = this.monitoringSaveList
            graphicLayer.clearLayer()
        },

@@ -262,6 +264,7 @@
        setRegion (range) {
            graphicLayer.addPolyLineGon(range, (lastEventData) => {
                console.log('数据更新', JSON.stringify(lastEventData))
                this.getRegionList('polyline', JSON.stringify(lastEventData))
            })
        },

@@ -278,16 +281,21 @@
            this.inputpopup = false
        },

        getRegionList (data) {
            const chinaSouth = '77.100744,34.645318;136.443312,46.379954;116.241876,12.205314;77.100744,34.645318;'//范围内有两个监控
        getRegionList (type, data) {
            let positionStr = ''
            JSON.parse(data).forEach(item => {
                positionStr = positionStr + item.lng + ',' + item.lat + ';'
            })
            positionStr = positionStr + JSON.parse(data)[0].lng + ',' + JSON.parse(data)[0].lat + ';'
            // console.log(11111, positionStr)
            if (type == 'polyline') {
                JSON.parse(data).forEach(item => {
                    positionStr = positionStr + item[0] + ',' + item[1] + ';'
                })
            } else {
                JSON.parse(data).forEach(item => {
                    positionStr = positionStr + item.lng + ',' + item.lat + ';'
                })
                positionStr = positionStr + JSON.parse(data)[0].lng + ',' + JSON.parse(data)[0].lat + ';'
            }
            getRegionList(1, 15, positionStr).then(res => {
                console.log('1111111', res)
                console.log('1111111', res.data.data.list)
                this.monitoringList = res.data.data.list
            })
        }
    },