|
@@ -22,21 +22,23 @@
|
|
|
<span class="mr5">是否置顶:{{ state.ruleForm.isTop ? '是' : '否' }}</span>
|
|
|
<span>是否飘窗:{{ state.ruleForm.isPopup ? '是' : '否' }}</span>
|
|
|
</p>
|
|
|
- <p style="text-align: center">
|
|
|
+ <p style="text-align: center" >
|
|
|
<span class="mr5">结束时间:{{ formatDate(state.ruleForm.bulletinTime, 'YYYY-mm-dd HH:MM:SS') }}</span>
|
|
|
- <span>来源单位:{{ state.ruleForm.sourceOrgName }}</span>
|
|
|
+ <span>来源部门:{{ state.ruleForm.sourceOrgName }}</span>
|
|
|
</p>
|
|
|
<!-- 安全卫士 -->
|
|
|
<template v-if="state.ruleForm.bulletinTypeId === 'aqws'">
|
|
|
- <p style="text-align: center">
|
|
|
+ <p style="text-align: center" class="mt10">
|
|
|
<span class="mr5">志愿者类型:{{ state.ruleForm?.safetyTypeNames?.join(',') }}</span>
|
|
|
<span>形式:{{ state.ruleForm.shape === 0 ? '消息' : '视频' }}</span>
|
|
|
</p>
|
|
|
<el-divider />
|
|
|
<div v-html="state.ruleForm.content" v-if="state.ruleForm.shape === 0"></div>
|
|
|
<div v-else>
|
|
|
- <div>视频封面:{{ state.ruleForm?.videoCoverImgUrl }}</div>
|
|
|
- <div>视频地址:{{ state.ruleForm?.videoPath }}</div>
|
|
|
+ <div>视频封面: <el-image style="width: 178px; height: 178px" :src="videoCoverImgUrlPath" /></div>
|
|
|
+ <div class="mt20">视频地址:
|
|
|
+ <video controls :src="videoPathAllUrl" width="100%"/>
|
|
|
+ </div>
|
|
|
</div>
|
|
|
</template>
|
|
|
<template v-else>
|
|
@@ -80,7 +82,7 @@
|
|
|
</template>
|
|
|
|
|
|
<script setup lang="tsx" name="noticeDetail">
|
|
|
-import { reactive, ref } from 'vue';
|
|
|
+import { computed, reactive, ref } from 'vue';
|
|
|
import { auditSnapshotBulletin, getSnapshotBulletinDetail } from '@/api/snapshot/info';
|
|
|
import { formatDate } from '@/utils/formatTime';
|
|
|
import { ElMessage, FormInstance } from 'element-plus';
|
|
@@ -151,6 +153,14 @@ const onSubmit = (formEl: FormInstance | undefined) => {
|
|
|
});
|
|
|
});
|
|
|
};
|
|
|
+// 视频封面全路径
|
|
|
+const videoCoverImgUrlPath = computed(() => {
|
|
|
+ return state.ruleForm.videoCoverImgUrl ? `${import.meta.env.VITE_API_UPLOAD_URL}${state.ruleForm.videoCoverImgUrl}` : '';
|
|
|
+});
|
|
|
+// 视频地址全路径
|
|
|
+const videoPathAllUrl = computed(() => {
|
|
|
+ return state.ruleForm.videoPath ? `${import.meta.env.VITE_API_UPLOAD_URL}${state.ruleForm.videoPath}` : '';
|
|
|
+});
|
|
|
// 暴露变量
|
|
|
defineExpose({
|
|
|
openDialog,
|