|
|
@ -1,25 +1,12 @@ |
|
|
|
<template> |
|
|
|
<Dialog |
|
|
|
v-model="obverseVisible" |
|
|
|
:title="dialogData._itemData && dialogData._itemData.title" |
|
|
|
> |
|
|
|
<Dialog v-model="obverseVisible" :title="dialogData._itemData && dialogData._itemData.title"> |
|
|
|
<div class="TrafficIncidents"> |
|
|
|
<div class="header"> |
|
|
|
<Video class="video-stream" :pileNum="dialogData.stakeMark" /> |
|
|
|
<Video |
|
|
|
class="video-stream" |
|
|
|
:pileNum="dialogData.stakeMark" |
|
|
|
:rangeIndex="1" |
|
|
|
/> |
|
|
|
<Video class="video-stream" :pileNum="dialogData.stakeMark" :rangeIndex="1" /> |
|
|
|
</div> |
|
|
|
|
|
|
|
<Descriptions |
|
|
|
labelWidth="72px" |
|
|
|
:list="list" |
|
|
|
:data="data" |
|
|
|
style="gap: 18px" |
|
|
|
column="7" |
|
|
|
/> |
|
|
|
<Descriptions labelWidth="72px" :list="list" :data="data" style="gap: 18px" column="7" /> |
|
|
|
</div> |
|
|
|
</Dialog> |
|
|
|
</template> |
|
|
@ -55,11 +42,11 @@ export default { |
|
|
|
deviceVendors: "XXX厂家", |
|
|
|
}, |
|
|
|
list: [ |
|
|
|
{ |
|
|
|
label: "机构", |
|
|
|
key: "organizationName", |
|
|
|
gridColumn: "3", |
|
|
|
}, |
|
|
|
// { |
|
|
|
// label: "机构", |
|
|
|
// key: "organizationName", |
|
|
|
// gridColumn: "3", |
|
|
|
// }, |
|
|
|
{ |
|
|
|
label: "高速名称", |
|
|
|
key: "roadName", |
|
|
@ -109,11 +96,11 @@ export default { |
|
|
|
enum: "CameraDirectionEnum", |
|
|
|
gridColumn: "3", |
|
|
|
}, |
|
|
|
{ |
|
|
|
label: "完结时间", |
|
|
|
key: "endTime", |
|
|
|
gridColumn: "3", |
|
|
|
}, |
|
|
|
// { |
|
|
|
// label: "完结时间", |
|
|
|
// key: "endTime", |
|
|
|
// gridColumn: "3", |
|
|
|
// }, |
|
|
|
{ |
|
|
|
label: "事件描述", |
|
|
|
key: "description", |
|
|
@ -132,12 +119,12 @@ export default { |
|
|
|
if (code != 200) return; |
|
|
|
|
|
|
|
this.data = { ...data, ...this.data }; |
|
|
|
console.log('trafficIncidents',data); |
|
|
|
console.log('trafficIncidents', data); |
|
|
|
}) |
|
|
|
.catch((err) => {}); |
|
|
|
.catch((err) => { }); |
|
|
|
}, |
|
|
|
methods: { |
|
|
|
handleClickTabs() {}, |
|
|
|
handleClickTabs() { }, |
|
|
|
}, |
|
|
|
}; |
|
|
|
</script> |
|
|
@ -158,7 +145,7 @@ export default { |
|
|
|
display: flex; |
|
|
|
gap: 9px; |
|
|
|
|
|
|
|
> div.video-stream { |
|
|
|
>div.video-stream { |
|
|
|
height: 210px; |
|
|
|
} |
|
|
|
} |
|
|
@ -186,7 +173,7 @@ export default { |
|
|
|
align-items: center; |
|
|
|
justify-content: end; |
|
|
|
|
|
|
|
> div { |
|
|
|
>div { |
|
|
|
font-size: 16px; |
|
|
|
padding: 6px 12px; |
|
|
|
} |
|
|
|