修改页面弹窗全屏
This commit is contained in:
@@ -1,7 +1,6 @@
|
||||
<template>
|
||||
<Card title="预警信息" v-bind="$attrs">
|
||||
<template #extra>
|
||||
<!-- 状态筛选标签 + 更多按钮 整合到extra插槽 -->
|
||||
<div class="status-filter-container">
|
||||
<div class="status-filter">
|
||||
<span
|
||||
@@ -17,36 +16,27 @@
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<!-- 预警列表容器:移除边框 + 紧凑布局 + 滚动条 -->
|
||||
<div class="alert-list-container">
|
||||
<!-- 加载状态提示 -->
|
||||
<div v-if="loading" class="empty-tip">
|
||||
加载中...
|
||||
</div>
|
||||
<!-- 空数据提示 -->
|
||||
<div v-else-if="!alertList.length" class="empty-tip">
|
||||
暂无{{ statusOptions.find(item => item.value === currentStatus)?.label }}的预警信息
|
||||
</div>
|
||||
|
||||
<!-- 预警项列表 -->
|
||||
<div v-else class="alert-list">
|
||||
<div
|
||||
v-for="item in alertList"
|
||||
:key="item.id"
|
||||
class="alert-item"
|
||||
>
|
||||
<!-- 预警级别(固定宽度) -->
|
||||
<span
|
||||
class="level-tag"
|
||||
:class="`level-${item.alertLevel}`"
|
||||
>
|
||||
{{ getLevelText(item.alertLevel) }}
|
||||
</span>
|
||||
<!-- 预警触发时间(固定宽度) -->
|
||||
<span class="trigger-time">{{ item.triggerTime }}</span>
|
||||
<!-- 预警类型(固定宽度) -->
|
||||
<span class="alert-type">{{ item.alertType }}</span>
|
||||
<!-- 预警标题 - 仅优化这部分 -->
|
||||
<span
|
||||
class="alert-title"
|
||||
@mouseenter="showFullContent(item.alertTitle || '', $event)"
|
||||
@@ -56,6 +46,12 @@
|
||||
<span class="title-text">{{ item.alertTitle || '--' }}</span>
|
||||
</a-button>
|
||||
</span>
|
||||
<span class="alert-title"
|
||||
@mouseenter="showFullContent(item.alertContent || '', $event)"
|
||||
@mouseleave="hideFullContent"
|
||||
>
|
||||
{{ item.alertContent || '--' }}
|
||||
</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
@@ -5,7 +5,7 @@
|
||||
title="预警详情"
|
||||
@ok="handleSubmit"
|
||||
:showFooter="true"
|
||||
width="45%"
|
||||
width="65%"
|
||||
@cancel="handleCancel"
|
||||
class="warning-detail-modal"
|
||||
>
|
||||
|
||||
Reference in New Issue
Block a user