|
|
|
@ -3,41 +3,24 @@ |
|
|
|
<div class="PerceiveEvent"> |
|
|
|
<!-- <Video class="item-video" /> --> |
|
|
|
<div class="video-pic"> |
|
|
|
<Video |
|
|
|
style="height: 100%; flex: 1" |
|
|
|
:showHeader="false" |
|
|
|
:url="dialogData.formData.videoList[0]" |
|
|
|
videoType="mp4" |
|
|
|
/> |
|
|
|
<Carousel |
|
|
|
style="flex: 1; height: 100%" |
|
|
|
:pictures="dialogData.formData.pictures" |
|
|
|
/> |
|
|
|
<Video style="height: 100%; flex: 1" :showHeader="false" :url="dialogData.formData.videoList[0]" |
|
|
|
videoType="mp4" /> |
|
|
|
<Carousel style="flex: 1; height: 100%" :pictures="dialogData.formData.pictures" /> |
|
|
|
</div> |
|
|
|
<LineChart class="chart" /> |
|
|
|
<Form |
|
|
|
class="form" |
|
|
|
v-loading="loading" |
|
|
|
v-model="data" |
|
|
|
ref="FormConfigRef" |
|
|
|
:formList="formList" |
|
|
|
column="1" |
|
|
|
/> |
|
|
|
<Form class="form" v-loading="loading" v-model="data" ref="FormConfigRef" :formList="formList" column="1" /> |
|
|
|
</div> |
|
|
|
|
|
|
|
<template #footer> |
|
|
|
<Button>误报</Button> |
|
|
|
<Button |
|
|
|
style="background-color: rgba(0, 179, 204, 0.3)" |
|
|
|
@click.native="obverseVisible = false" |
|
|
|
>取消</Button |
|
|
|
> |
|
|
|
<Button style="background-color: rgba(0, 179, 204, 0.3)" @click.native="obverseVisible = false">取消</Button> |
|
|
|
<Button @click.native="updateEvent" :loading="btnLoading">确定</Button> |
|
|
|
</template> |
|
|
|
</Dialog> |
|
|
|
</template> |
|
|
|
|
|
|
|
<script> |
|
|
|
|
|
|
|
import Dialog from "@screen/components/Dialog/index.vue"; |
|
|
|
import Button from "@screen/components/Buttons/Button.vue"; |
|
|
|
import Descriptions from "@screen/components/Descriptions.vue"; |
|
|
|
@ -48,10 +31,9 @@ import request from "@/utils/request"; |
|
|
|
import { Message } from "element-ui"; |
|
|
|
import moment from "moment"; |
|
|
|
import Carousel from "@screen/pages/control/event/event/EventDetailDialog/Carousel"; |
|
|
|
import { WarningTypeList, WarningSubclassList } from "@screen/utils/enum.js"; |
|
|
|
import { WarningTypeList, WarningSubclassList, LaneOccupancyList, DirectionTypes } from "@screen/utils/enum.js"; |
|
|
|
// import { getRoadInfoByStakeMark, getProduct } from "@screen/pages/Home/components/RoadAndEvents/utils/httpList.js" |
|
|
|
import { dialogDelayVisible } from "./../mixin"; |
|
|
|
import { LaneOccupancyList, DirectionTypes } from "@screen/utils/enum.js"; |
|
|
|
|
|
|
|
let vehicleTypeList = []; |
|
|
|
|
|
|
|
@ -138,7 +120,7 @@ export default { |
|
|
|
}, |
|
|
|
ons: { |
|
|
|
change: (value, { data }) => { |
|
|
|
this.formList[4].options.options = |
|
|
|
this.formList[5].options.options = |
|
|
|
WarningSubclassList[value] || []; |
|
|
|
data.warningSubclass = null; |
|
|
|
}, |
|
|
|
@ -197,7 +179,7 @@ export default { |
|
|
|
this.getDetails(); |
|
|
|
this.getVehicleTypeList(); |
|
|
|
}, |
|
|
|
async mounted() {}, |
|
|
|
async mounted() { }, |
|
|
|
beforeDestroy() { |
|
|
|
clearInterval(this.interval); |
|
|
|
}, |
|
|
|
@ -220,7 +202,7 @@ export default { |
|
|
|
}) |
|
|
|
); |
|
|
|
}) |
|
|
|
.catch((err) => {}); |
|
|
|
.catch((err) => { }); |
|
|
|
}, |
|
|
|
convertSecToHHmmss(sec) { |
|
|
|
let currentTime = moment.duration(sec, "seconds"); |
|
|
|
@ -277,7 +259,7 @@ export default { |
|
|
|
lane: data.lane?.split(",") || [], |
|
|
|
}; |
|
|
|
|
|
|
|
this.formList[4].options.options = |
|
|
|
this.formList[5].options.options = |
|
|
|
WarningSubclassList[data.warningType] || []; |
|
|
|
|
|
|
|
setTimeout(() => { |
|
|
|
|
zhangzhang
11 months ago