center 服务器 数据库 邮箱 列表页面调整展示形式

This commit is contained in:
任珮宇 2024-03-12 14:57:48 +08:00
parent fa9ad25892
commit 88eb8d89b7
3 changed files with 25 additions and 17 deletions

View File

@ -15,11 +15,12 @@
:canSelect="false"
>
<template slot="info" slot-scope="{ record }">
<div class="info-alarm">{{ record.alarmValue }}{{ JSON.parse(record.operator).units }}</div>
<div>
{{ JSON.parse(record.operator).name }} {{ JSON.parse(record.operator).operator }}
{{ JSON.parse(record.operator).threshold }}{{ JSON.parse(record.operator).units }}
</div>
<a-popover>
<template slot="content">
{{ JSON.parse(record.alarmInfo) }}{{ JSON.parse(record.operator).units }}
</template>
{{ JSON.parse(record.alarmInfo) }}{{ JSON.parse(record.operator).units }}
</a-popover>
</template>
</custom-table>
</div>
@ -91,6 +92,7 @@ const columns = [
{
title: 'ALARM INFO',
align: 'left',
ellipsis: true,
dataIndex: 'alarmInfo',
scopedSlots: {
customRender: 'info',

View File

@ -10,13 +10,15 @@
:loading="loading"
:pagination="false"
:canSelect="false"
:scroll="{ y: 655 }"
>
<template slot="info" slot-scope="{ record }">
<div class="info-alarm">{{ record.alarmValue }}{{ JSON.parse(record.operator).units }}</div>
<div>
{{ JSON.parse(record.operator).name }} {{ JSON.parse(record.operator).operator }}
{{ JSON.parse(record.operator).threshold }}{{ JSON.parse(record.operator).units }}
</div>
<a-popover>
<template slot="content">
{{ JSON.parse(record.alarmInfo) }}{{ JSON.parse(record.operator).units }}
</template>
{{ JSON.parse(record.alarmInfo) }}{{ JSON.parse(record.operator).units }}
</a-popover>
</template>
</TableList>
<a-pagination
@ -60,6 +62,7 @@ const columns = [
{
title: 'ALARM INFO',
align: 'left',
ellipsis: true,
dataIndex: 'alarmInfo',
scopedSlots: {
customRender: 'info',
@ -162,7 +165,7 @@ export default {
<style lang="less" scoped>
.server-main {
width: 100%;
// width: 100%;
height: calc(100% - 50px);
overflow: hidden;
padding-top: 15px;

View File

@ -10,13 +10,15 @@
:loading="loading"
:pagination="false"
:canSelect="false"
:scroll="{ y: 655 }"
>
<template slot="info" slot-scope="{ record }">
<div class="info-alarm">{{ record.alarmValue }}{{ JSON.parse(record.operator).units }}</div>
<div>
{{ JSON.parse(record.operator).name }} {{ JSON.parse(record.operator).operator }}
{{ JSON.parse(record.operator).threshold }}{{ JSON.parse(record.operator).units }}
</div>
<a-popover>
<template slot="content">
{{ JSON.parse(record.alarmInfo) }}{{ JSON.parse(record.operator).units }}
</template>
{{ JSON.parse(record.alarmInfo) }}{{ JSON.parse(record.operator).units }}
</a-popover>
</template>
</TableList>
<a-pagination
@ -60,6 +62,7 @@ const columns = [
{
title: 'ALARM INFO',
align: 'left',
ellipsis: true,
dataIndex: 'alarmInfo',
scopedSlots: {
customRender: 'info',
@ -162,7 +165,7 @@ export default {
<style lang="less" scoped>
.server-main {
width: 100%;
// width: 100%;
height: calc(100% - 50px);
overflow: hidden;
padding-top: 15px;