|
|
@ -29,8 +29,24 @@ |
|
|
|
</div> |
|
|
|
<div class="row"> |
|
|
|
<div class="item" style="width: 100%;"> |
|
|
|
<div class="field">音频:</div> |
|
|
|
<div class="value">{{ info.attachment_url }}</div> |
|
|
|
<div class="field">{{attachment_url.attachment_type}}:</div> |
|
|
|
<div class="value"> |
|
|
|
<template v-if="attachment_url.attachment_type_code=='image'"> |
|
|
|
<el-image style="min-width: 100px;max-width:200px;" |
|
|
|
:src="attachment_url.attachment_url" :fit="fit"></el-image> |
|
|
|
|
|
|
|
</template> |
|
|
|
<template v-if="attachment_url.attachment_type_code=='audio'"> |
|
|
|
<audio :src="attachment_url.attachment_url"> |
|
|
|
您的浏览器不支持 audio 标签。 |
|
|
|
</audio> |
|
|
|
</template> |
|
|
|
<template v-if="attachment_url.attachment_type_code=='video'"> |
|
|
|
<video :src="attachment_url.attachment_url" controls="controls"> |
|
|
|
您的浏览器不支持 video 标签。 |
|
|
|
</video> |
|
|
|
</template> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
<div class="row"> |
|
|
@ -77,7 +93,8 @@ |
|
|
|
<i class="i-line"></i> |
|
|
|
</div> |
|
|
|
<el-timeline class="timeline"> |
|
|
|
<el-timeline-item v-for="(item, index) in progress" :key="index" :class="index == progress.length - 1 ? 'sucess' : ''"> |
|
|
|
<el-timeline-item v-for="(item, index) in progress" :key="index" |
|
|
|
:class="index == progress.length - 1 ? 'sucess' : ''"> |
|
|
|
<div class="status-box"> |
|
|
|
<div class="status2" v-if="index == 0">回复</div> |
|
|
|
<div class="status1" v-else>回复</div> |
|
|
@ -102,8 +119,13 @@ |
|
|
|
|
|
|
|
<script> |
|
|
|
import popup from '@/views/dataBoard/cpts/popup'; |
|
|
|
import { GaodeMap, Map } from '@antv/l7-maps'; |
|
|
|
import { requestPostBi } from '@/js/dai/request-bipass'; |
|
|
|
import { |
|
|
|
GaodeMap, |
|
|
|
Map |
|
|
|
} from '@antv/l7-maps'; |
|
|
|
import { |
|
|
|
requestPostBi |
|
|
|
} from '@/js/dai/request-bipass'; |
|
|
|
|
|
|
|
export default { |
|
|
|
name: 'eventdetail', |
|
|
@ -118,18 +140,23 @@ export default { |
|
|
|
} |
|
|
|
}, |
|
|
|
|
|
|
|
components: { popup }, |
|
|
|
created() {}, |
|
|
|
components: { |
|
|
|
popup |
|
|
|
}, |
|
|
|
created() { |
|
|
|
this.getApiData(); |
|
|
|
}, |
|
|
|
data() { |
|
|
|
return { |
|
|
|
progress: [], |
|
|
|
info: {}, |
|
|
|
title: '事件' |
|
|
|
title: '事件', |
|
|
|
attachment_url: {} |
|
|
|
}; |
|
|
|
}, |
|
|
|
|
|
|
|
mounted() { |
|
|
|
this.getApiData(); |
|
|
|
|
|
|
|
}, |
|
|
|
|
|
|
|
methods: { |
|
|
@ -146,21 +173,31 @@ export default { |
|
|
|
let url = 'event_info'; |
|
|
|
this.title = '事件详情'; |
|
|
|
|
|
|
|
const { data, code, msg } = await requestPostBi( |
|
|
|
url, |
|
|
|
{ |
|
|
|
const { |
|
|
|
data, |
|
|
|
code, |
|
|
|
msg |
|
|
|
} = await requestPostBi( |
|
|
|
url, { |
|
|
|
queryParam: { |
|
|
|
event_id: this.detailId |
|
|
|
} |
|
|
|
}, |
|
|
|
{ |
|
|
|
}, { |
|
|
|
// mockId: 60235478, |
|
|
|
} |
|
|
|
); |
|
|
|
if (code === 0) { |
|
|
|
this.info = { ...this.info, ...data[0] }; |
|
|
|
|
|
|
|
this.info = { |
|
|
|
...this.info, |
|
|
|
...data[0] |
|
|
|
}; |
|
|
|
|
|
|
|
this.attachment_url = (JSON.parse(this.info.attachment_url))[0] |
|
|
|
console.log("ddd", this.attachment_url) |
|
|
|
if (this.detailType == '治理事件') { |
|
|
|
this.progress = this.info.progress; |
|
|
|
|
|
|
|
} |
|
|
|
} else { |
|
|
|
this.$message.error(msg); |
|
|
|