wuhongjian
/
qd-changjing
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

bug修改。

This commit is contained in:
wangwei 2022-11-26 19:12:42 +08:00
parent 33d7340339
commit 82ad8fcf41
10 changed files with 645 additions and 46 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

504
public/static/json/warning.json Normal file
View File

@ -0,0 +1,504 @@
{
"data":[
{
"name":"台东商圈",
"type":"数据智能监控",
"address":"城市广场",
"type2":"已下发",
"cameraName": "夏庄路李村公交站北行[177938]",
"captureTime": "2022-10-27 08:19:33",
"classes": null,
"color": null,
"district": "李沧区",
"eventCnName": "街头伞篷",
"eventNewName": "占道经营",
"eventSerial": "serial00203",
"imageUrl": "http://10.132.191.47:30080/components/osg-default/_/video_event_panoramic/20221027-0836f963-000a580ae0050d-00000020-00050738",
"latitude": 36.08,
"longitude": 120.36,
"taskId": "9a6a43b3760b44dcb009524653b70ec9",
"trackEvent": "START",
"vehicle": null
},
{
"name":"五四广场",
"type":"数据智能监控",
"address":"城市广场",
"type2":"已下发",
"cameraName": "夏庄路李村公交站北行[177938]",
"captureTime": "2022-10-27 02:35:08",
"classes": null,
"color": null,
"district": "李沧区",
"eventCnName": "街头伞篷",
"eventNewName": "占道经营",
"eventSerial": "serial00203",
"imageUrl": "http://10.132.191.47:30080/components/osg-default/_/video_event_panoramic/20221026-36089741-000a580ae00410-003773f8-00067330",
"latitude": 36.06,
"longitude": 120.38,
"taskId": "9a6a43b3760b44dcb009524653b70ec9",
"trackEvent": "START",
"vehicle": null
},
{
"name":"第一海水浴场",
"type":"数据智能监控",
"address":"城市广场",
"type2":"已下发",
"cameraName": "夏庄路李村公交站北行[177938]",
"captureTime": "2022-10-27 02:35:08",
"classes": null,
"color": null,
"district": "李沧区",
"eventCnName": "街头伞篷",
"eventNewName": "占道经营",
"eventSerial": "serial00203",
"imageUrl": "http://10.132.191.47:30080/components/osg-default/_/video_event_panoramic/20221026-36089741-000a580ae00410-003773f8-00067330",
"latitude": 36.06,
"longitude": 120.34,
"taskId": "9a6a43b3760b44dcb009524653b70ec9",
"trackEvent": "START",
"vehicle": null
},
{
"name":"李村商圈",
"type":"数据智能监控",
"address":"城市广场",
"type2":"已下发",
"cameraName": "夏庄路李村公交站北行[177938]",
"captureTime": "2022-10-27 02:35:08",
"classes": null,
"color": null,
"district": "李沧区",
"eventCnName": "街头伞篷",
"eventNewName": "占道经营",
"eventSerial": "serial00203",
"imageUrl": "http://10.132.191.47:30080/components/osg-default/_/video_event_panoramic/20221026-36089741-000a580ae00410-003773f8-00067330",
"latitude": 36.16,
"longitude": 120.43,
"taskId": "9a6a43b3760b44dcb009524653b70ec9",
"trackEvent": "START",
"vehicle": null
},
{
"name":"石老人海水浴场",
"type":"数据智能监控",
"address":"城市广场",
"type2":"已下发",
"cameraName": "夏庄路李村公交站北行[177938]",
"captureTime": "2022-10-27 02:35:08",
"classes": null,
"color": null,
"district": "李沧区",
"eventCnName": "街头伞篷",
"eventNewName": "占道经营",
"eventSerial": "serial00203",
"imageUrl": "http://10.132.191.47:30080/components/osg-default/_/video_event_panoramic/20221026-36089741-000a580ae00410-003773f8-00067330",
"latitude": 36.09,
"longitude": 120.47,
"taskId": "9a6a43b3760b44dcb009524653b70ec9",
"trackEvent": "START",
"vehicle": null
},
{
"name":"第二海水浴场",
"type":"数据智能监控",
"address":"城市广场",
"type2":"已下发",
"cameraName": "夏庄路李村公交站北行[177938]",
"captureTime": "2022-10-27 02:35:08",
"classes": null,
"color": null,
"district": "李沧区",
"eventCnName": "街头伞篷",
"eventNewName": "占道经营",
"eventSerial": "serial00203",
"imageUrl": "http://10.132.191.47:30080/components/osg-default/_/video_event_panoramic/20221026-36089741-000a580ae00410-003773f8-00067330",
"latitude": 36.05,
"longitude": 120.35,
"taskId": "9a6a43b3760b44dcb009524653b70ec9",
"trackEvent": "START",
"vehicle": null
},
{
"name":"五四广场7",
"type":"数据智能监控",
"address":"城市广场",
"type2":"已下发",
"cameraName": "夏庄路李村公交站北行[177938]",
"captureTime": "2022-10-27 02:35:08",
"classes": null,
"color": null,
"district": "李沧区",
"eventCnName": "街头伞篷",
"eventNewName": "占道经营",
"eventSerial": "serial00203",
"imageUrl": "http://10.132.191.47:30080/components/osg-default/_/video_event_panoramic/20221026-36089741-000a580ae00410-003773f8-00067330",
"latitude": 36.160351,
"longitude": 120.420626,
"taskId": "9a6a43b3760b44dcb009524653b70ec9",
"trackEvent": "START",
"vehicle": null
},
{
"name":"五四广场8",
"type":"数据智能监控",
"address":"城市广场",
"type2":"已下发",
"cameraName": "夏庄路李村公交站北行[177938]",
"captureTime": "2022-10-27 02:35:08",
"classes": null,
"color": null,
"district": "李沧区",
"eventCnName": "街头伞篷",
"eventNewName": "占道经营",
"eventSerial": "serial00203",
"imageUrl": "http://10.132.191.47:30080/components/osg-default/_/video_event_panoramic/20221026-36089741-000a580ae00410-003773f8-00067330",
"latitude": 36.160351,
"longitude": 120.420626,
"taskId": "9a6a43b3760b44dcb009524653b70ec9",
"trackEvent": "START",
"vehicle": null
},
{
"name":"五四广场9",
"type":"数据智能监控",
"address":"城市广场",
"type2":"已下发",
"cameraName": "夏庄路李村公交站北行[177938]",
"captureTime": "2022-10-27 02:35:08",
"classes": null,
"color": null,
"district": "李沧区",
"eventCnName": "街头伞篷",
"eventNewName": "占道经营",
"eventSerial": "serial00203",
"imageUrl": "http://10.132.191.47:30080/components/osg-default/_/video_event_panoramic/20221026-36089741-000a580ae00410-003773f8-00067330",
"latitude": 36.160351,
"longitude": 120.420626,
"taskId": "9a6a43b3760b44dcb009524653b70ec9",
"trackEvent": "START",
"vehicle": null
},
{
"name":"五四广场10",
"type":"数据智能监控",
"address":"城市广场",
"type2":"已下发",
"cameraName": "夏庄路李村公交站北行[177938]",
"captureTime": "2022-10-27 02:35:08",
"classes": null,
"color": null,
"district": "李沧区",
"eventCnName": "街头伞篷",
"eventNewName": "占道经营",
"eventSerial": "serial00203",
"imageUrl": "http://10.132.191.47:30080/components/osg-default/_/video_event_panoramic/20221026-36089741-000a580ae00410-003773f8-00067330",
"latitude": 36.160351,
"longitude": 120.420626,
"taskId": "9a6a43b3760b44dcb009524653b70ec9",
"trackEvent": "START",
"vehicle": null
},
{
"name":"五四广场",
"type":"数据智能监控",
"address":"城市广场",
"type2":"已下发",
"cameraName": "夏庄路李村公交站北行[177938]",
"captureTime": "2022-10-27 02:35:08",
"classes": null,
"color": null,
"district": "李沧区",
"eventCnName": "街头伞篷",
"eventNewName": "占道经营",
"eventSerial": "serial00203",
"imageUrl": "http://10.132.191.47:30080/components/osg-default/_/video_event_panoramic/20221026-36089741-000a580ae00410-003773f8-00067330",
"latitude": 36.160351,
"longitude": 120.420626,
"taskId": "9a6a43b3760b44dcb009524653b70ec9",
"trackEvent": "START",
"vehicle": null
},
{
"name":"五四广场5",
"type":"数据智能监控",
"address":"城市广场",
"type2":"已下发",
"cameraName": "夏庄路李村公交站北行[177938]",
"captureTime": "2022-10-27 02:35:08",
"classes": null,
"color": null,
"district": "李沧区",
"eventCnName": "街头伞篷",
"eventNewName": "占道经营",
"eventSerial": "serial00203",
"imageUrl": "http://10.132.191.47:30080/components/osg-default/_/video_event_panoramic/20221026-36089741-000a580ae00410-003773f8-00067330",
"latitude": 36.160351,
"longitude": 120.420626,
"taskId": "9a6a43b3760b44dcb009524653b70ec9",
"trackEvent": "START",
"vehicle": null
},
{
"name":"五四广场6",
"type":"数据智能监控",
"address":"城市广场",
"type2":"已下发",
"cameraName": "夏庄路李村公交站北行[177938]",
"captureTime": "2022-10-27 02:35:08",
"classes": null,
"color": null,
"district": "李沧区",
"eventCnName": "街头伞篷",
"eventNewName": "占道经营",
"eventSerial": "serial00203",
"imageUrl": "http://10.132.191.47:30080/components/osg-default/_/video_event_panoramic/20221026-36089741-000a580ae00410-003773f8-00067330",
"latitude": 36.160351,
"longitude": 120.420626,
"taskId": "9a6a43b3760b44dcb009524653b70ec9",
"trackEvent": "START",
"vehicle": null
},
{
"name":"五四广场7",
"type":"数据智能监控",
"address":"城市广场",
"type2":"已下发",
"cameraName": "夏庄路李村公交站北行[177938]",
"captureTime": "2022-10-27 02:35:08",
"classes": null,
"color": null,
"district": "李沧区",
"eventCnName": "街头伞篷",
"eventNewName": "占道经营",
"eventSerial": "serial00203",
"imageUrl": "http://10.132.191.47:30080/components/osg-default/_/video_event_panoramic/20221026-36089741-000a580ae00410-003773f8-00067330",
"latitude": 36.160351,
"longitude": 120.420626,
"taskId": "9a6a43b3760b44dcb009524653b70ec9",
"trackEvent": "START",
"vehicle": null
},
{
"name":"五四广场8",
"type":"数据智能监控",
"address":"城市广场",
"type2":"已下发",
"cameraName": "夏庄路李村公交站北行[177938]",
"captureTime": "2022-10-27 02:35:08",
"classes": null,
"color": null,
"district": "李沧区",
"eventCnName": "街头伞篷",
"eventNewName": "占道经营",
"eventSerial": "serial00203",
"imageUrl": "http://10.132.191.47:30080/components/osg-default/_/video_event_panoramic/20221026-36089741-000a580ae00410-003773f8-00067330",
"latitude": 36.160351,
"longitude": 120.420626,
"taskId": "9a6a43b3760b44dcb009524653b70ec9",
"trackEvent": "START",
"vehicle": null
},
{
"name":"五四广场9",
"type":"数据智能监控",
"address":"城市广场",
"type2":"已下发",
"cameraName": "夏庄路李村公交站北行[177938]",
"captureTime": "2022-10-27 02:35:08",
"classes": null,
"color": null,
"district": "李沧区",
"eventCnName": "街头伞篷",
"eventNewName": "占道经营",
"eventSerial": "serial00203",
"imageUrl": "http://10.132.191.47:30080/components/osg-default/_/video_event_panoramic/20221026-36089741-000a580ae00410-003773f8-00067330",
"latitude": 36.160351,
"longitude": 120.420626,
"taskId": "9a6a43b3760b44dcb009524653b70ec9",
"trackEvent": "START",
"vehicle": null
},
{
"name":"五四广场10",
"type":"数据智能监控",
"address":"城市广场",
"type2":"已下发",
"cameraName": "夏庄路李村公交站北行[177938]",
"captureTime": "2022-10-27 02:35:08",
"classes": null,
"color": null,
"district": "李沧区",
"eventCnName": "街头伞篷",
"eventNewName": "占道经营",
"eventSerial": "serial00203",
"imageUrl": "http://10.132.191.47:30080/components/osg-default/_/video_event_panoramic/20221026-36089741-000a580ae00410-003773f8-00067330",
"latitude": 36.160351,
"longitude": 120.420626,
"taskId": "9a6a43b3760b44dcb009524653b70ec9",
"trackEvent": "START",
"vehicle": null
},
{
"name":"五四广场",
"type":"数据智能监控",
"address":"城市广场",
"type2":"已下发",
"cameraName": "夏庄路李村公交站北行[177938]",
"captureTime": "2022-10-27 02:35:08",
"classes": null,
"color": null,
"district": "李沧区",
"eventCnName": "街头伞篷",
"eventNewName": "占道经营",
"eventSerial": "serial00203",
"imageUrl": "http://10.132.191.47:30080/components/osg-default/_/video_event_panoramic/20221026-36089741-000a580ae00410-003773f8-00067330",
"latitude": 36.160351,
"longitude": 120.420626,
"taskId": "9a6a43b3760b44dcb009524653b70ec9",
"trackEvent": "START",
"vehicle": null
},
{
"name":"五四广场5",
"type":"数据智能监控",
"address":"城市广场",
"type2":"已下发",
"cameraName": "夏庄路李村公交站北行[177938]",
"captureTime": "2022-10-27 02:35:08",
"classes": null,
"color": null,
"district": "李沧区",
"eventCnName": "街头伞篷",
"eventNewName": "占道经营",
"eventSerial": "serial00203",
"imageUrl": "http://10.132.191.47:30080/components/osg-default/_/video_event_panoramic/20221026-36089741-000a580ae00410-003773f8-00067330",
"latitude": 36.160351,
"longitude": 120.420626,
"taskId": "9a6a43b3760b44dcb009524653b70ec9",
"trackEvent": "START",
"vehicle": null
},
{
"name":"五四广场6",
"type":"数据智能监控",
"address":"城市广场",
"type2":"已下发",
"cameraName": "夏庄路李村公交站北行[177938]",
"captureTime": "2022-10-27 02:35:08",
"classes": null,
"color": null,
"district": "李沧区",
"eventCnName": "街头伞篷",
"eventNewName": "占道经营",
"eventSerial": "serial00203",
"imageUrl": "http://10.132.191.47:30080/components/osg-default/_/video_event_panoramic/20221026-36089741-000a580ae00410-003773f8-00067330",
"latitude": 36.160351,
"longitude": 120.420626,
"taskId": "9a6a43b3760b44dcb009524653b70ec9",
"trackEvent": "START",
"vehicle": null
},
{
"name":"五四广场7",
"type":"数据智能监控",
"address":"城市广场",
"type2":"已下发",
"cameraName": "夏庄路李村公交站北行[177938]",
"captureTime": "2022-10-27 02:35:08",
"classes": null,
"color": null,
"district": "李沧区",
"eventCnName": "街头伞篷",
"eventNewName": "占道经营",
"eventSerial": "serial00203",
"imageUrl": "http://10.132.191.47:30080/components/osg-default/_/video_event_panoramic/20221026-36089741-000a580ae00410-003773f8-00067330",
"latitude": 36.160351,
"longitude": 120.420626,
"taskId": "9a6a43b3760b44dcb009524653b70ec9",
"trackEvent": "START",
"vehicle": null
},
{
"name":"五四广场8",
"type":"数据智能监控",
"address":"城市广场",
"type2":"已下发",
"cameraName": "夏庄路李村公交站北行[177938]",
"captureTime": "2022-10-27 02:35:08",
"classes": null,
"color": null,
"district": "李沧区",
"eventCnName": "街头伞篷",
"eventNewName": "占道经营",
"eventSerial": "serial00203",
"imageUrl": "http://10.132.191.47:30080/components/osg-default/_/video_event_panoramic/20221026-36089741-000a580ae00410-003773f8-00067330",
"latitude": 36.160351,
"longitude": 120.420626,
"taskId": "9a6a43b3760b44dcb009524653b70ec9",
"trackEvent": "START",
"vehicle": null
},
{
"name":"五四广场9",
"type":"数据智能监控",
"address":"城市广场",
"type2":"已下发",
"cameraName": "夏庄路李村公交站北行[177938]",
"captureTime": "2022-10-27 02:35:08",
"classes": null,
"color": null,
"district": "李沧区",
"eventCnName": "街头伞篷",
"eventNewName": "占道经营",
"eventSerial": "serial00203",
"imageUrl": "http://10.132.191.47:30080/components/osg-default/_/video_event_panoramic/20221026-36089741-000a580ae00410-003773f8-00067330",
"latitude": 36.160351,
"longitude": 120.420626,
"taskId": "9a6a43b3760b44dcb009524653b70ec9",
"trackEvent": "START",
"vehicle": null
},
{
"name":"五四广场10",
"type":"数据智能监控",
"address":"城市广场",
"type2":"已下发",
"cameraName": "夏庄路李村公交站北行[177938]",
"captureTime": "2022-10-27 02:35:08",
"classes": null,
"color": null,
"district": "李沧区",
"eventCnName": "街头伞篷",
"eventNewName": "占道经营",
"eventSerial": "serial00203",
"imageUrl": "http://10.132.191.47:30080/components/osg-default/_/video_event_panoramic/20221026-36089741-000a580ae00410-003773f8-00067330",
"latitude": 36.160351,
"longitude": 120.420626,
"taskId": "9a6a43b3760b44dcb009524653b70ec9",
"trackEvent": "START",
"vehicle": null
},
{
"name":"五四广场",
"type":"数据智能监控",
"address":"城市广场",
"type2":"已下发",
"cameraName": "夏庄路李村公交站北行[177938]",
"captureTime": "2022-10-27 02:35:08",
"classes": null,
"color": null,
"district": "李沧区",
"eventCnName": "街头伞篷",
"eventNewName": "占道经营",
"eventSerial": "serial00203",
"imageUrl": "http://10.132.191.47:30080/components/osg-default/_/video_event_panoramic/20221026-36089741-000a580ae00410-003773f8-00067330",
"latitude": 36.160351,
"longitude": 120.420626,
"taskId": "9a6a43b3760b44dcb009524653b70ec9",
"trackEvent": "START",
"vehicle": null
}
]
}

9
src/api/areaMonitor.js Normal file
View File

@ -0,0 +1,9 @@
import request from '@/utils/request'
export function crowflowList(params) {
return request({
url: 'api/gaode/crowflow/list',
method: 'get',
params
})
}

BIN
src/assets/img/taidong.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 987 KiB

6
src/supermap/advance-init.js
View File

@ -23,7 +23,8 @@ import {
createCameraDetailsPop, createCameraDetailsPop,
createRoadGovernancePop, createRoadGovernancePop,
createEventListDetailsPop, createEventListDetailsPop,
createEventListDetailsPopNew createEventListDetailsPopNew,
createImportantAreaPopNew,
} from './createMarkerPopup' } from './createMarkerPopup'
// 引入资源上图方法 // 引入资源上图方法
import { import {
@ -156,6 +157,9 @@ export function MapFun(mapObj) {
} else if (feature.type == 'eventList') { } else if (feature.type == 'eventList') {
const elementHtml = createEventListDetailsPopNew(feature) const elementHtml = createEventListDetailsPopNew(feature)
L.popup({ className: 'Event-List-Details-pop', offset: [168, 200] }).setLatLng(feature.latLng).setContent(elementHtml).openOn(map) L.popup({ className: 'Event-List-Details-pop', offset: [168, 200] }).setLatLng(feature.latLng).setContent(elementHtml).openOn(map)
} else if (feature.type == 'eventTwoList') {
const elementHtml = createImportantAreaPopNew(feature)
L.popup({ className: 'Event-List-Details-pop', offset: [168, 200] }).setLatLng(feature.latLng).setContent(elementHtml).openOn(map)
} else { } else {
const elementHtml = createSearchAddressTitlePop(feature) const elementHtml = createSearchAddressTitlePop(feature)
L.popup({ className: 'Address-Title-pop', closeButton: false }).setLatLng(feature.latLng).setContent(elementHtml).openOn(map) L.popup({ className: 'Address-Title-pop', closeButton: false }).setLatLng(feature.latLng).setContent(elementHtml).openOn(map)

94
src/views/pages/areaMonitor/components/EarlyWarning.vue
View File

@ -66,13 +66,13 @@
<div class="event-list"> <div class="event-list">
<div class="event-details" v-for="item in eventListData" :key="item.index" @click="openDetailsDialog(item)"> <div class="event-details" v-for="item in eventListData" :key="item.index" @click="openDetailsDialog(item)">
<div class="event-details-title"> <div class="event-details-title">
<p>{{item.eventNewName||''}}</p> <p>{{item.value.name||''}}</p>
<span>数据智能检测</span> <span>{{item.value.type||''}}</span>
<span>城市广场</span> <span>{{item.value.name||''}}</span>
<span>已下发</span> <span>{{item.value.type2||''}}</span>
</div> </div>
<div class="event-details-des"> <div class="event-details-des">
<p>人数:12</p> <p>人数:{{ item.cnt || ''}}</p>
<p>{{ item.captureTime || ''}}</p> <p>{{ item.captureTime || ''}}</p>
</div> </div>
</div> </div>
@ -92,11 +92,15 @@
<script> <script>
//这里可以导入其他文件（比如：组件，工具js，第三方插件js，json文件，图片文件等等） //这里可以导入其他文件（比如：组件，工具js，第三方插件js，json文件，图片文件等等）
//例如：import 《组件名称》 from '《组件路径》'; //例如：import 《组件名称》 from '《组件路径》';
import { import {
selectByAreaEvent, selectByAreaEvent,
selectByNameAreaEvent, selectByNameAreaEvent,
selectByDayAreaEvent, selectByDayAreaEvent,
} from "@/api/area"; } from "@/api/area";
import {
crowflowList,
} from "@/api/areaMonitor";
export default { export default {
//import引入的组件需要注入到对象中才能使用 //import引入的组件需要注入到对象中才能使用
@ -108,7 +112,7 @@ export default {
{ {
name: "今日事件", name: "今日事件",
data: [], data: [],
dataNum: "", dataNum: "13",
}, },
{ {
name: "数据智能监测", name: "数据智能监测",
@ -118,7 +122,7 @@ export default {
{ {
name: "视频感知", name: "视频感知",
data: [], data: [],
dataNum: "", dataNum: "36",
}, },
], ],
checkStatus: "2", checkStatus: "2",
@ -167,19 +171,60 @@ export default {
currentPage:1, currentPage:1,
}; };
}, },
//监听属性 类似于data概念 //监听属性 类似于data概念
computed: {}, computed: {},
//监控data中的数据变化 //监控data中的数据变化
watch: { watch: {
checkStatus(newV, oldV) { // checkStatus(newV, oldV) {
console.log(newV); // console.log(newV);
// this.$refs.tree.filter(newV); // // this.$refs.tree.filter(newV);
}, // },
}, },
//方法集合 //方法集合
methods: { methods: {
crowflowList(){
// 查询检测预警。
const params = {
page: 1,
size: this.pageSize,
};
console.log("执行函数");
crowflowList(params).then((res) => {
let that=this;
// console.log('this.111111111',res);
let resdata=res.data.data;
this.dateTabs[1].dataNum=resdata.length;
// this.eventListData = res.data;
this.total = res.count;
// console.log("执行函数111");
//获取参数重新编辑
$.ajax({
type: "get",
url: "./static/json/warning.json", //
dataType: "json",
success: function (response) {
// console.log('testData',response);
for(let i=0; i< resdata.length; i++ ){
resdata[i].value=response.data[i];
}
console.log('this.11111',resdata);
that.eventListData = resdata;
},
error: function (errorMsg) {
alert("请求数据失败1!");
},
});
// this.$parent.allListDataNum = res.data.data.sum;
});
},
tabsHandleClick(item) { tabsHandleClick(item) {
// debugger // debugger
// this.hiMapFun.removeLayerByLayerName('roadPoint') // this.hiMapFun.removeLayerByLayerName('roadPoint')
@ -203,15 +248,16 @@ export default {
// } // }
}, },
openDetailsDialog(data) { openDetailsDialog(data) {
console.log("data2222",data);
this.$parent.hiMapFun.removeLayerByLayerName('EventListDetail') this.$parent.hiMapFun.removeLayerByLayerName('EventListDetail')
const EventListDetail = [ const EventListDetail = [
{ {
latLng: { lat: data.latitude, lng: data.longitude }, latLng: { lat: data.value.latitude, lng: data.value.longitude },
data: data, data: data.value,
type: "eventList", type: "eventList",
}, },
]; ];
this.$parent.hiMap.mapObj.map.flyTo({ lat: data.latitude, lng: data.longitude }); this.$parent.hiMap.mapObj.map.flyTo({ lat: data.value.latitude, lng: data.value.longitude });
this.$parent.hiMapFun.openPopupEventDetailNew(EventListDetail[0]); this.$parent.hiMapFun.openPopupEventDetailNew(EventListDetail[0]);
this.$parent.hiMapFun.addResourceOnMapWithoutSuperMapCluster( this.$parent.hiMapFun.addResourceOnMapWithoutSuperMapCluster(
EventListDetail, EventListDetail,
@ -224,16 +270,18 @@ export default {
created() {}, created() {},
//生命周期 - 挂载完成（可以访问DOM元素） //生命周期 - 挂载完成（可以访问DOM元素）
mounted() { mounted() {
this.crowflowList();
// 查询检测预警。 // 查询检测预警。
const params = { // const params = {
page: 1, // page: 1,
pageSize: this.pageSize, // size: this.pageSize,
}; // };
selectByAreaEvent(params).then((res) => { // selectByAreaEvent(params).then((res) => {
this.eventListData = res.data.data.events; // this.eventListData = res.data.data.events;
this.total = res.data.data.sum; // this.total = res.data.data.sum;
// this.$parent.allListDataNum = res.data.data.sum; // // this.$parent.allListDataNum = res.data.data.sum;
}); // });
}, },
beforeCreate() {}, //生命周期 - 创建之前 beforeCreate() {}, //生命周期 - 创建之前
beforeMount() {}, //生命周期 - 挂载之前 beforeMount() {}, //生命周期 - 挂载之前

4
src/views/pages/areaMonitor/components/SiteListMore.vue
View File

@ -52,10 +52,10 @@
<el-table-column prop="location" label="位置" show-overflow-tooltip> <el-table-column prop="location" label="位置" show-overflow-tooltip>
</el-table-column> </el-table-column>
<el-table-column prop="allNums" label="负责人"> <el-table-column prop="manager" label="负责人">
</el-table-column> </el-table-column>
<el-table-column prop="allNums" label="联系电话"> <el-table-column prop="phone" label="联系电话">
</el-table-column> </el-table-column>
</el-table> </el-table>

6
src/views/pages/areaMonitor/components/VideoList.vue
View File

@ -1,5 +1,5 @@
<template> <template>
<div class="box"> <div class="video-box">
<div class="tabs-button"> <div class="tabs-button">
<div class="tabs-button-box"> <div class="tabs-button-box">
@ -252,11 +252,11 @@ export default {
}; };
</script> </script>
<style lang='scss' scoped> <style lang='scss' scoped>
.box { .video-box {
width: 100%; width: 100%;
height: 100%; height: 100%;
background: url(../../../../assets/construction/listTopBg.png) no-repeat, background: url(../../../../assets/construction/listTopBg.png) no-repeat,
url(../../../../assets/construction/videoTag.png) no-repeat 324px 17px; url(../../../../assets/construction/videoTag.png) no-repeat 410px 17px;
padding: 30px 0 18px 18px; padding: 30px 0 18px 18px;
.tabs-button { .tabs-button {

6
src/views/pages/areaMonitor/components/VideoListLeft.vue
View File

@ -171,9 +171,9 @@ export default {
width: 100%; width: 100%;
.video-List { .video-List {
//background: red; //background: red;
height: 146px; height: 210px;
margin-left: 40px; margin-left: 10px;
margin-right: 40px; margin-right: 10px;
margin-top: 10px; margin-top: 10px;
} }
} }

2
src/views/pages/areaMonitor/components/VideoLists.vue
View File

@ -256,7 +256,7 @@ export default {
width: 100%; width: 100%;
height: 100%; height: 100%;
background: url(../../../../assets/construction/listTopBg.png) no-repeat, background: url(../../../../assets/construction/listTopBg.png) no-repeat,
url(../../../../assets/construction/videoTag.png) no-repeat 324px 17px; url(../../../../assets/construction/videoTag.png) no-repeat 410px 17px;
padding: 30px 0 18px 18px; padding: 30px 0 18px 18px;
.tabs-button { .tabs-button {

60
src/views/pages/civilizedCity/components/EventListDetailsPopNew.vue
View File

@ -96,13 +96,14 @@
</div> </div>
<div class="video-content"> <div class="video-content">
<div class="video-title"> <div class="video-title">
<div class="title-name"><span>周边监控</span></div> <div class="title-name"><span>周边图片</span></div>
<div class="check-more">查看更多</div> <!-- <div class="check-more">查看更多</div> -->
</div> </div>
<div class="video-play-content"> <div class="video-play-content">
<video-play <!-- <video-play
:key="channelCode" :channel-id="[feature.data.channelCode]" :key="channelCode" :channel-id="[feature.data.channelCode]"
></video-play> ></video-play> -->
</div> </div>
</div> </div>
</div> </div>
@ -216,7 +217,7 @@ export default {
backgroundColor: "rgba(32, 33, 36,.7)", backgroundColor: "rgba(32, 33, 36,.7)",
grid: { grid: {
top: "20px", top: "20px",
right: "40px", right: "20px",
left: "40px", left: "40px",
bottom: "20px", bottom: "20px",
}, },
@ -227,7 +228,6 @@ export default {
borderColor: "rgba(32, 33, 36,0.20)", borderColor: "rgba(32, 33, 36,0.20)",
borderWidth: 1, borderWidth: 1,
textStyle: { textStyle: {
// 文字提示样式
color: "#fff", color: "#fff",
fontSize: "12", fontSize: "12",
}, },
@ -240,19 +240,40 @@ export default {
type: "category", type: "category",
data: ["2022.11.01", "2022.11.02", "2022.11.03", "2022.11.04", "2022.11.05","2022.11.06","2022.11.07"], data: ["2022.11.01", "2022.11.02", "2022.11.03", "2022.11.04", "2022.11.05","2022.11.06","2022.11.07"],
axisLine: { axisLine: {
show: false, // 不显示坐标轴线
lineStyle: { lineStyle: {
color: "#fff", color: "#fff",
fontSize: 10, fontSize: 10,
}, },
}, },
axisTick: {
show: false, // 隐藏坐标轴的刻度线
alignWithLabel: true, // 图形于标题居中
inside: true, // 刻度线是指向内部还是外部
length: 0, // x轴上指向标题刻度线的长度
},
}, },
yAxis: [ yAxis: [
{ {
type: "value", type: "value",
axisLine: { axisTick: {
show: false, // 隐藏坐标轴的刻度线
alignWithLabel: true, // 图形于标题居中
inside: true, // 刻度线是指向内部还是外部
length: 0, // x轴上指向标题刻度线的长度
},
axisLabel: {
textStyle: {
color: "#fff", // 坐标轴文字颜色
fontSize: 10, // 坐标轴文字大小
},
},
splitLine: {
lineStyle: { lineStyle: {
color: "#fff", // 直线指示器样式设置
fontSize: 10, color: "#48b",
width: 1,
type: "solid",
}, },
}, },
} }
@ -263,8 +284,18 @@ export default {
yAxisIndex: 0, yAxisIndex: 0,
data: [60, 80, 100, 100, 150, 126,100,160], data: [60, 80, 100, 100, 150, 126,100,160],
itemStyle: { itemStyle: {
color: 'orange', normal: {
showSymbol: false, color: "#08e715", //圆点颜色
borderColor: "rgba(251,222,153,0.5)",
borderWidth: 4,
lineStyle: {
//折线颜色大小
type: "solid", //'dotted'虚线 'solid'实线
color: "#08e715",
width: 1,
borderColor: "#147f1a", //拐点边框颜色
},
},
}, },
}, },
@ -394,7 +425,7 @@ export default {
width:50%; width:50%;
//padding-left:10px; //padding-left:10px;
.population-statistics{ .population-statistics{
width: 270px; width: 335px;
height:60px; height:60px;
display: flex; display: flex;
flex-wrap:wrap; flex-wrap:wrap;
@ -402,12 +433,14 @@ export default {
} }
.population-statistics>.item{ .population-statistics>.item{
//border: 1px solid black; //border: 1px solid black;
background: url("~@/assets/img/roadGovernancebg.png") no-repeat;
padding-top: 5px; padding-top: 5px;
margin-left: 2px; margin-left: 2px;
margin-right:10px;
flex:1; flex:1;
height:60px; height:60px;
text-align: center; text-align: center;
background: #abcdef; // background: #abcdef;
line-height: 25px; line-height: 25px;
.item-title{} .item-title{}
.item-num{} .item-num{}
@ -446,6 +479,7 @@ export default {
width: 320px; width: 320px;
height: 233px; height: 233px;
background-color: #abcdef; background-color: #abcdef;
background: url(~@/assets/img/taidong.png) no-repeat;
} }
} }
} }