sx/map
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

链路监视：添加数据状态

Browse Source
This commit is contained in:
高云鹏 2024-12-31 14:12:11 +08:00
parent 9dc5abf77a
commit 4aaf2782e6
1 changed files with 18 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

20
ui/dasadmin/src/views/backend/linkMonitor/index.vue
View File

@ -43,10 +43,21 @@
<div class="tabsPart"> <div class="tabsPart">
<el-table :data="linkMonitorTableData" class="tablePart" highlight-current-row> <el-table :data="linkMonitorTableData" class="tablePart" highlight-current-row>
<el-table-column prop="linkName" :label="LinkMonitorFieldsEnums['linkName']" align="left"> </el-table-column> <el-table-column prop="linkName" :label="LinkMonitorFieldsEnums['linkName']" align="left"> </el-table-column>
<el-table-column prop="status" :label="LinkMonitorFieldsEnums['status']" align="center" width="80"> <el-table-column prop="status" :label="LinkMonitorFieldsEnums['status']" align="center" width="100">
<template #default="scope"> <template #default="scope">
<div class="status-container"> <div class="status-container">
<span :class="scope.row.status == 0 ? 'status-dot-online' : 'status-dot-offline'"></span> <el-tag v-if="scope.row.onlineStatus === 1" type="success">在线</el-tag>
<el-tag v-else type="danger">离线</el-tag>
</div>
<div></div>
</template>
</el-table-column>
<el-table-column label="数据状态" width="150" align="left">
<template #default="scope">
<div class="dataState">
<el-tag :type="scope.row.realStatus === 1 ? 'success' : 'danger'">实时数据</el-tag>
<el-tag v-if="scope.row.ftpStatus === 1" type="success">FTP</el-tag>
<el-tag v-else-if="scope.row.ftpStatus === 0" type="danger">FTP</el-tag>
</div> </div>
</template> </template>
</el-table-column> </el-table-column>
@ -460,6 +471,11 @@ $paginationHeight: 32px;
justify-content: center; justify-content: center;
align-items: center; align-items: center;
} }
.dataState {
display: flex;
justify-content: space-between;
align-items: center;
}
.status-dot-online, .status-dot-online,
.status-dot-offline { .status-dot-offline {
width: 10px; width: 10px;