wuhongjian
/
hi-ucs
1
0
Fork 0
Code Issues Pull Requests Projects Releases 10 Wiki Activity

西海岸-基础设施：在线视频预览，弹出视频窗口，改成鼠标放上后给出tips“请申请后再预览”，弹框标题增加提示信息

This commit is contained in:
guoyue 2022-10-19 10:20:09 +08:00
parent 3f22be0d8d
commit 2af92a6f8f
1 changed files with 23 additions and 9 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

32
front/src/views/home/infrastructurePage.vue
View File

@ -312,16 +312,24 @@
<span>{{ statusText[record.status] || '' }}</span>
</template>
<template v-if="column.dataIndex === 'operation'">
<a :class="record.status != 1 ? 'disabled-text' : ''" @click="
openVideo(
record.channelCode ||
record.channelId ||
record.channelCode.channelId,
record
)
">
<!-- 离线 -->
<a v-if="record.status != 1" class="disabled-text">
预览
</a>
<a-tooltip v-else placement="top">
<template #title>请申请后在我的申请中预览视频!</template>
<a @click="
openVideo(
record.channelCode ||
record.channelId ||
record.channelCode.channelId,
record
)
">
预览
</a>
</a-tooltip>
</template>
</template>
</a-table>
@ -343,7 +351,12 @@
</a-table>
</div>
<!-- 单个预览弹窗 -->
<a-modal wrapClassName="single-preview-modal" v-model:visible="visible" title="视频预览" :width="960" destroyOnClose>
<a-modal wrapClassName="single-preview-modal" v-model:visible="visible" :width="960" destroyOnClose>
<!-- title="视频预览" -->
<template #title>
<span>视频预览</span>
<span style="color: #ff4d4f;margin-left:10px">{{`(请申请后在我的申请中预览视频)`}}</span>
</template>
<template #footer></template>
<div style="width: 100%; display: flex; justify-content: center">
<div style="width: 100%; height: 100%; position: relative" v-show="isXiHaiAn">
@ -2373,6 +2386,7 @@ video::-webkit-media-controls {
cursor: not-allowed;
opacity: 0.5;
color: #666666;
&:hover {
color: #666666;
}