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,
createRoadGovernancePop,
createEventListDetailsPop,
createEventListDetailsPopNew
createEventListDetailsPopNew,
createImportantAreaPopNew,
} from './createMarkerPopup'
// 引入资源上图方法
import {
@ -156,6 +157,9 @@ export function MapFun(mapObj) {
} else if (feature.type == 'eventList') {
const elementHtml = createEventListDetailsPopNew(feature)
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 {
const elementHtml = createSearchAddressTitlePop(feature)
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-details" v-for="item in eventListData" :key="item.index" @click="openDetailsDialog(item)">
<div class="event-details-title">
<p>{{item.eventNewName||''}}</p>
<span>数据智能检测</span>
<span>城市广场</span>
<span>已下发</span>
<p>{{item.value.name||''}}</p>
<span>{{item.value.type||''}}</span>
<span>{{item.value.name||''}}</span>
<span>{{item.value.type2||''}}</span>
</div>
<div class="event-details-des">
<p>人数:12</p>
<p>人数:{{ item.cnt || ''}}</p>
<p>{{ item.captureTime || ''}}</p>
</div>
</div>
@ -92,11 +92,15 @@
<script>
//这里可以导入其他文件（比如：组件，工具js，第三方插件js，json文件，图片文件等等）
//例如：import 《组件名称》 from '《组件路径》';
import {
selectByAreaEvent,
selectByNameAreaEvent,
selectByDayAreaEvent,
} from "@/api/area";
import {
crowflowList,
} from "@/api/areaMonitor";
export default {
//import引入的组件需要注入到对象中才能使用
@ -108,7 +112,7 @@ export default {
{
name: "今日事件",
data: [],
dataNum: "",
dataNum: "13",
},
{
name: "数据智能监测",
@ -118,7 +122,7 @@ export default {
{
name: "视频感知",
data: [],
dataNum: "",
dataNum: "36",
},
],
checkStatus: "2",
@ -167,19 +171,60 @@ export default {
currentPage:1,
};
},
//监听属性 类似于data概念
computed: {},
//监控data中的数据变化
watch: {
checkStatus(newV, oldV) {
console.log(newV);
// this.$refs.tree.filter(newV);
},
// checkStatus(newV, oldV) {
// console.log(newV);
// // this.$refs.tree.filter(newV);
// },
},
//方法集合
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) {
// debugger
// this.hiMapFun.removeLayerByLayerName('roadPoint')
@ -203,15 +248,16 @@ export default {
// }
},
openDetailsDialog(data) {
console.log("data2222",data);
this.$parent.hiMapFun.removeLayerByLayerName('EventListDetail')
const EventListDetail = [
{
latLng: { lat: data.latitude, lng: data.longitude },
data: data,
latLng: { lat: data.value.latitude, lng: data.value.longitude },
data: data.value,
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.addResourceOnMapWithoutSuperMapCluster(
EventListDetail,
@ -224,16 +270,18 @@ export default {
created() {},
//生命周期 - 挂载完成（可以访问DOM元素）
mounted() {
this.crowflowList();
// 查询检测预警。
const params = {
page: 1,
pageSize: this.pageSize,
};
selectByAreaEvent(params).then((res) => {
this.eventListData = res.data.data.events;
this.total = res.data.data.sum;
// this.$parent.allListDataNum = res.data.data.sum;
});
// const params = {
// page: 1,
// size: this.pageSize,
// };
// selectByAreaEvent(params).then((res) => {
// this.eventListData = res.data.data.events;
// this.total = res.data.data.sum;
// // this.$parent.allListDataNum = res.data.data.sum;
// });
},
beforeCreate() {}, //生命周期 - 创建之前
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>
<el-table-column prop="allNums" label="负责人">
<el-table-column prop="manager" label="负责人">
</el-table-column>
<el-table-column prop="allNums" label="联系电话">
<el-table-column prop="phone" label="联系电话">
</el-table-column>
</el-table>

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

@ -1,5 +1,5 @@
<template>
<div class="box">
<div class="video-box">
<div class="tabs-button">
<div class="tabs-button-box">
@ -252,11 +252,11 @@ export default {
};
</script>
<style lang='scss' scoped>
.box {
.video-box {
width: 100%;
height: 100%;
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;
.tabs-button {

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

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

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

@ -256,7 +256,7 @@ export default {
width: 100%;
height: 100%;
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;
.tabs-button {

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

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