0214
/
ALOps_sys1
2
0
Fork 0
Code Issues Pull Requests 1 Packages Projects Releases Wiki Activity

【web】 title添加

Browse Source
dev
Wangxin 8 months ago
parent f7a65a2f28
commit d00e998586
2 changed files with 33 additions and 20 deletions
Show all changes Ignore whitespace when comparing lines Ignore changes in amount of whitespace Ignore changes in whitespace at EOL
Show Stats Download Patch File Download Diff File
  1. 15
      ALOps_sys_fe/alops-ui/src/views/inMonitoring/devicesState/cardItem.vue
  2. 38
      ALOps_sys_fe/alops-ui/src/views/inMonitoring/devicesState/detail.vue

15
ALOps_sys_fe/alops-ui/src/views/inMonitoring/devicesState/cardItem.vue
Unescape View File

@ -26,26 +26,26 @@
<span class="info-label"> <span class="info-label">
<i class="fas fa-layer-group"></i> 设备级别 <i class="fas fa-layer-group"></i> 设备级别
</span> </span>
<span class="info-value">{{cardData.deviceLevel || '暂无'}}级</span> <span class="info-value" :title="cardData.deviceLevel || '暂无'">{{cardData.deviceLevel || '暂无'}}级</span>
</div> </div>
<div class="info-item"> <div class="info-item">
<span class="info-label"> <span class="info-label">
<i class="fas fa-map-marker-alt"></i> 安装位置 <i class="fas fa-map-marker-alt"></i> 安装位置
</span> </span>
<span class="info-value">{{cardData.location || '暂无'}}</span> <span class="info-value" :title="cardData.location || '暂无'">{{cardData.location || '暂无'}}</span>
</div> </div>
<div class="info-item"> <div class="info-item">
<span class="info-label"> <span class="info-label">
<i class="fas fa-tag"></i> 品牌型号 <i class="fas fa-tag"></i> 品牌型号
</span> </span>
<span class="info-value">{{cardData.brand || '暂无'}}</span> <span class="info-value" :title="cardData.brand || '暂无'">{{cardData.brand || '暂无'}}</span>
</div> </div>
<div class="info-item"> <div class="info-item">
<span class="info-label"> <span class="info-label">
<i class="fas fa-heartbeat"></i> 带外IP <i class="fas fa-heartbeat"></i> 带外IP
<!-- <i class="fas fa-heartbeat"></i> 带内IP --> <!-- <i class="fas fa-heartbeat"></i> 带内IP -->
</span> </span>
<span class="info-value">{{cardData.ip || '暂无'}}</span> <span class="info-value" :title="cardData.ip || '暂无'">{{cardData.ip || '暂无'}}</span>
</div> </div>
</div> </div>
</div> </div>
@ -420,6 +420,7 @@ export default {
.info-label i { .info-label i {
font-size: 12px; font-size: 12px;
width: 8px;
color: #4299e1; color: #4299e1;
} }
@ -427,6 +428,12 @@ export default {
font-size: 14px; font-size: 14px;
font-weight: 600; font-weight: 600;
color: #2d3748; color: #2d3748;
padding-left: 14px;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
cursor: help;
width: 90px;
} }
.chart-container { .chart-container {

38
ALOps_sys_fe/alops-ui/src/views/inMonitoring/devicesState/detail.vue
Unescape View File

@ -26,31 +26,31 @@
<span class="info-label"> <span class="info-label">
<i class="fas fa-heartbeat"></i> 设备编号 <i class="fas fa-heartbeat"></i> 设备编号
</span> </span>
<span class="info-value">{{details.equNumber || '暂无'}}</span> <span class="info-value" :title="details.equNumber || '暂无'">{{details.equNumber || '暂无'}}</span>
</div> </div>
<div class="info-item"> <div class="info-item">
<span class="info-label"> <span class="info-label">
<i class="fas fa-layer-group"></i> 固件版本 <i class="fas fa-layer-group"></i> 固件版本
</span> </span>
<span class="info-value">{{details.version || '暂无'}}</span> <span class="info-value" :title="details.version || '暂无'">{{details.version || '暂无'}}</span>
</div> </div>
<div class="info-item"> <div class="info-item">
<span class="info-label"> <span class="info-label">
<i class="fas fa-layer-group"></i> 设备级别 <i class="fas fa-layer-group"></i> 设备级别
</span> </span>
<span class="info-value">{{details.deviceLevel || '暂无'}}级</span> <span class="info-value" :title="(details.deviceLevel || '暂无') + '级'">{{details.deviceLevel || '暂无'}}级</span>
</div> </div>
<div class="info-item"> <div class="info-item">
<span class="info-label"> <span class="info-label">
<i class="fas fa-map-marker-alt"></i> 安装位置 <i class="fas fa-map-marker-alt"></i> 安装位置
</span> </span>
<span class="info-value">{{details.location || '暂无'}}</span> <span class="info-value" :title="details.location || '暂无'">{{details.location || '暂无'}}</span>
</div> </div>
<div class="info-item"> <div class="info-item">
<span class="info-label"> <span class="info-label">
<i class="fas fa-tag"></i> 品牌型号 <i class="fas fa-tag"></i> 品牌型号
</span> </span>
<span class="info-value">{{details.brand || '暂无'}}</span> <span class="info-value" :title="details.brand || '暂无'">{{details.brand || '暂无'}}</span>
</div> </div>
</div> </div>
@ -62,33 +62,33 @@
<span class="info-label"> <span class="info-label">
<i class="fas fa-layer-group"></i> 生产厂商名称 <i class="fas fa-layer-group"></i> 生产厂商名称
</span> </span>
<span class="info-value">{{details.equManuName || '暂无'}}</span> <span class="info-value" :title="details.equManuName || '暂无'">{{details.equManuName || '暂无'}}</span>
</div> </div>
<div class="info-item"> <div class="info-item">
<span class="info-label"> <span class="info-label">
<i class="fas fa-map-marker-alt"></i> 供货商名称 <i class="fas fa-map-marker-alt"></i> 供货商名称
</span> </span>
<span class="info-value">{{details.supplierName || '暂无'}}</span> <span class="info-value" :title="details.supplierName || '暂无'">{{details.supplierName || '暂无'}}</span>
</div> </div>
<div class="info-item"> <div class="info-item">
<span class="info-label"> <span class="info-label">
<i class="fas fa-tag"></i> 供货商联系人 <i class="fas fa-tag"></i> 供货商联系人
</span> </span>
<span class="info-value">{{ details.contactBy || '暂无'}}</span> <span class="info-value" :title="details.contactBy || '暂无'">{{ details.contactBy || '暂无'}}</span>
</div> </div>
<div class="info-item"> <div class="info-item">
<span class="info-label"> <span class="info-label">
<i class="fas fa-heartbeat"></i> 供货商联系电话 <i class="fas fa-heartbeat"></i> 供货商联系电话
</span> </span>
<span class="info-value">{{ details.contactWay || '暂无'}}</span> <span class="info-value" :title="details.contactWay || '暂无'">{{ details.contactWay || '暂无'}}</span>
</div> </div>
<div class="info-item"> <div class="info-item">
<span class="info-label"> <span class="info-label">
<i class="fas fa-heartbeat"></i> 质保时间 <i class="fas fa-heartbeat"></i> 质保时间
</span> </span>
<span class="info-value">{{details.warranty || '暂无'}}</span> <span class="info-value" :title="details.warranty || '暂无'">{{details.warranty || '暂无'}}</span>
</div> </div>
</div> </div>
@ -100,7 +100,7 @@
<span class="info-label"> <span class="info-label">
<i class="fas fa-layer-group"></i> 带外管理IP <i class="fas fa-layer-group"></i> 带外管理IP
</span> </span>
<span class="info-value">{{details.ip || '暂无'}}</span> <span class="info-value" :title="details.ip || '暂无'">{{details.ip || '暂无'}}</span>
</div> </div>
<div class="info-item"> <div class="info-item">
<span class="info-label"> <span class="info-label">
@ -112,13 +112,13 @@
<span class="info-label"> <span class="info-label">
<i class="fas fa-layer-group"></i> 安装日期 <i class="fas fa-layer-group"></i> 安装日期
</span> </span>
<span class="info-value">{{details.installDate || '暂无'}}</span> <span class="info-value" :title="details.installDate || '暂无'">{{details.installDate || '暂无'}}</span>
</div> </div>
<div class="info-item"> <div class="info-item">
<span class="info-label"> <span class="info-label">
<i class="fas fa-layer-group"></i> 管理员 <i class="fas fa-layer-group"></i> 管理员
</span> </span>
<span class="info-value">{{details.inCharge || '暂无'}}</span> <span class="info-value" :title="details.inCharge || '暂无'">{{details.inCharge || '暂无'}}</span>
</div> </div>
</div> </div>
@ -129,19 +129,19 @@
<span class="info-label"> <span class="info-label">
<i class="fas fa-layer-group"></i> 设备持续运行时长 <i class="fas fa-layer-group"></i> 设备持续运行时长
</span> </span>
<span class="info-value">{{formatDuration(details.contWorkPeriod) || '暂无'}}</span> <span class="info-value" :title="formatDuration(details.contWorkPeriod) || '暂无'">{{formatDuration(details.contWorkPeriod) || '暂无'}}</span>
</div> </div>
<div class="info-item"> <div class="info-item">
<span class="info-label"> <span class="info-label">
<i class="fas fa-layer-group"></i> 待处理预警数 <i class="fas fa-layer-group"></i> 待处理预警数
</span> </span>
<span class="info-value">{{details.unhandledAlertCount || '暂无'}}</span> <span class="info-value" :title="details.unhandledAlertCount || '暂无'">{{details.unhandledAlertCount || '暂无'}}</span>
</div> </div>
<div class="info-item"> <div class="info-item">
<span class="info-label"> <span class="info-label">
<i class="fas fa-layer-group"></i> 预警总数 <i class="fas fa-layer-group"></i> 预警总数
</span> </span>
<span class="info-value">{{details.alertCount || '暂无'}}</span> <span class="info-value" :title="details.alertCount || '暂无'">{{details.alertCount || '暂无'}}</span>
</div> </div>
</div> </div>
</div> </div>
@ -1138,4 +1138,10 @@ mounted() {
font-weight: 600; font-weight: 600;
border-bottom: 2px solid #2d3748; border-bottom: 2px solid #2d3748;
} }
.info-value {
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
cursor: help;
}
</style> </style>
Write Preview
Loading…
Cancel
Save