|
|
@ -1,74 +1,32 @@ |
|
|
|
<template> |
|
|
|
<Dialog v-model="modelVisible" title="事件详情" width="890px" top="11%"> |
|
|
|
<div |
|
|
|
class="EventDetail" |
|
|
|
:style="{ |
|
|
|
<div class="EventDetail" :style="{ |
|
|
|
height: activeName == '-1' || activeName == '0' ? '380px' : '598px', |
|
|
|
}" |
|
|
|
> |
|
|
|
}"> |
|
|
|
<Form :formList="formList" :dFormData="formData" label-width="100px" /> |
|
|
|
|
|
|
|
<div |
|
|
|
class="video-pic" |
|
|
|
:style="{ |
|
|
|
<div class="video-pic" :style="{ |
|
|
|
height: formData.component === 'VideoMulti' ? '242px' : undefined, |
|
|
|
}" |
|
|
|
> |
|
|
|
<component |
|
|
|
:is="formData.component" |
|
|
|
v-if="activeName != '-1'" |
|
|
|
style="height: 100%; width: 380px" |
|
|
|
:showHeader="false" |
|
|
|
:url=" |
|
|
|
formData.videoList && formData.videoList.length > 0 |
|
|
|
}"> |
|
|
|
<component :is="formData.component" v-if="activeName != '-1'" style="height: 100%; width: 380px" |
|
|
|
:showHeader="false" :url="formData.videoList && formData.videoList.length > 0 |
|
|
|
? formData.videoList[0] |
|
|
|
: '' |
|
|
|
" |
|
|
|
:camId="formData.upCamId" |
|
|
|
:pileNum="formData.stakeMark" |
|
|
|
rangeIndex="upCamera" |
|
|
|
:videoType="formData.videoType" |
|
|
|
/> |
|
|
|
" :camId="formData.upCamId" :pileNum="formData.stakeMark" rangeIndex="upCamera" :videoType="formData.videoType" /> |
|
|
|
|
|
|
|
<component |
|
|
|
:is="formData.component" |
|
|
|
v-if="activeName != '-1'" |
|
|
|
style="height: 100%; width: 380px" |
|
|
|
:showHeader="false" |
|
|
|
:url=" |
|
|
|
formData.videoList && formData.videoList.length > 0 |
|
|
|
<component :is="formData.component" v-if="activeName != '-1'" style="height: 100%; width: 380px" |
|
|
|
:showHeader="false" :url="formData.videoList && formData.videoList.length > 0 |
|
|
|
? formData.videoList[1] |
|
|
|
: '' |
|
|
|
" |
|
|
|
:camId="formData.downCamId" |
|
|
|
:pileNum="formData.stakeMark" |
|
|
|
rangeIndex="downCamera" |
|
|
|
:videoType="formData.videoType" |
|
|
|
/> |
|
|
|
" :camId="formData.downCamId" :pileNum="formData.stakeMark" rangeIndex="downCamera" |
|
|
|
:videoType="formData.videoType" /> |
|
|
|
|
|
|
|
<Carousel |
|
|
|
v-if="activeName == '-1'" |
|
|
|
style="flex: 1" |
|
|
|
:videos="formData.videoList" |
|
|
|
:pictures="[]" |
|
|
|
/> |
|
|
|
<Carousel |
|
|
|
v-if="activeName == '-1'" |
|
|
|
style="flex: 1" |
|
|
|
:pictures="formData.pictures" |
|
|
|
:videos="[]" |
|
|
|
/> |
|
|
|
<Carousel v-if="activeName == '-1'" style="flex: 1" :videos="formData.videoList" :pictures="[]" /> |
|
|
|
<Carousel v-if="activeName == '-1'" style="flex: 1" :pictures="formData.pictures" :videos="[]" /> |
|
|
|
</div> |
|
|
|
<!-- <div>{{ formData.videoList[0] }}</div> --> |
|
|
|
<TimeLine1 |
|
|
|
v-if="activeName == '1' || activeName == '2'" |
|
|
|
:data="timeLine1List" |
|
|
|
/> |
|
|
|
<TimeLine2 |
|
|
|
v-if="activeName == '1' || activeName == '2'" |
|
|
|
:data="timeLine2List" |
|
|
|
style="flex: 1" |
|
|
|
/> |
|
|
|
<TimeLine1 v-if="activeName == '1' || activeName == '2'" :data="timeLine1List" /> |
|
|
|
<TimeLine2 v-if="activeName == '1' || activeName == '2'" :data="timeLine2List" style="flex: 1" /> |
|
|
|
</div> |
|
|
|
|
|
|
|
<!-- 确认弹窗 --> |
|
|
@ -321,6 +279,18 @@ export default { |
|
|
|
if (result.code != 200) return Message.error(result?.msg); |
|
|
|
else Message.success("成功!"); |
|
|
|
|
|
|
|
this.modelVisible = false; |
|
|
|
this.$emit("queryData", true); |
|
|
|
}); |
|
|
|
} else if (this.activeName == '0') { |
|
|
|
request({ |
|
|
|
url: `/dc/system/event/dcEventState/${this.formData.id}/1`, |
|
|
|
method: "put", |
|
|
|
data: reData, |
|
|
|
}).then((result) => { |
|
|
|
if (result.code != 200) return Message.error(result?.msg); |
|
|
|
else Message.success("成功!"); |
|
|
|
|
|
|
|
this.modelVisible = false; |
|
|
|
this.$emit("queryData", true); |
|
|
|
}); |
|
|
|