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

View File

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

View File

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