From 9aae2af6f3937a7d99ec619b51f457002cef969f Mon Sep 17 00:00:00 2001
From: gaoluyang <2820782392@qq.com>
Date: 星期一, 03 十一月 2025 14:29:37 +0800
Subject: [PATCH] 档案管理-添加导出功能
---
src/views/monitor/server/index.vue | 31 +++++++++++++++++--------------
1 files changed, 17 insertions(+), 14 deletions(-)
diff --git a/src/views/monitor/server/index.vue b/src/views/monitor/server/index.vue
index 28762f1..d9840ac 100644
--- a/src/views/monitor/server/index.vue
+++ b/src/views/monitor/server/index.vue
@@ -1,9 +1,9 @@
<template>
<div class="app-container">
- <el-row>
+ <el-row :gutter="10">
<el-col :span="12" class="card-box">
<el-card>
- <template #header><span>CPU</span></template>
+ <template #header><Cpu style="width: 1em; height: 1em; vertical-align: middle;" /> <span style="vertical-align: middle;">CPU</span></template>
<div class="el-table el-table--enable-row-hover el-table--medium">
<table cellspacing="0" style="width: 100%;">
<thead>
@@ -37,7 +37,7 @@
<el-col :span="12" class="card-box">
<el-card>
- <template #header><span>鍐呭瓨</span></template>
+ <template #header><Tickets style="width: 1em; height: 1em; vertical-align: middle;" /> <span style="vertical-align: middle;">鍐呭瓨</span></template>
<div class="el-table el-table--enable-row-hover el-table--medium">
<table cellspacing="0" style="width: 100%;">
<thead>
@@ -76,7 +76,7 @@
<el-col :span="24" class="card-box">
<el-card>
- <template #header><span>鏈嶅姟鍣ㄤ俊鎭�</span></template>
+ <template #header><Monitor style="width: 1em; height: 1em; vertical-align: middle;" /> <span style="vertical-align: middle;">鏈嶅姟鍣ㄤ俊鎭�</span></template>
<div class="el-table el-table--enable-row-hover el-table--medium">
<table cellspacing="0" style="width: 100%;">
<tbody>
@@ -100,9 +100,9 @@
<el-col :span="24" class="card-box">
<el-card>
- <template #header><span>Java铏氭嫙鏈轰俊鎭�</span></template>
+ <template #header><CoffeeCup style="width: 1em; height: 1em; vertical-align: middle;" /> <span style="vertical-align: middle;">Java铏氭嫙鏈轰俊鎭�</span></template>
<div class="el-table el-table--enable-row-hover el-table--medium">
- <table cellspacing="0" style="width: 100%;">
+ <table cellspacing="0" style="width: 100%;table-layout:fixed;">
<tbody>
<tr>
<td class="el-table__cell is-leaf"><div class="cell">Java鍚嶇О</div></td>
@@ -136,7 +136,7 @@
<el-col :span="24" class="card-box">
<el-card>
- <template #header><span>纾佺洏鐘舵��</span></template>
+ <template #header><MessageBox style="width: 1em; height: 1em; vertical-align: middle;" /> <span style="vertical-align: middle;">纾佺洏鐘舵��</span></template>
<div class="el-table el-table--enable-row-hover el-table--medium">
<table cellspacing="0" style="width: 100%;">
<thead>
@@ -171,17 +171,20 @@
<script setup>
import { getServer } from '@/api/monitor/server'
+import {onMounted} from "vue";
-const server = ref([]);
-const { proxy } = getCurrentInstance();
+const server = ref([])
+const { proxy } = getCurrentInstance()
function getList() {
- proxy.$modal.loading("姝ｅ湪鍔犺浇鏈嶅姟鐩戞帶鏁版嵁锛岃绋嶅�欙紒");
+ proxy.$modal.loading("姝ｅ湪鍔犺浇鏈嶅姟鐩戞帶鏁版嵁锛岃绋嶅�欙紒")
getServer().then(response => {
- server.value = response.data;
- proxy.$modal.closeLoading();
- });
+ server.value = response.data
+ proxy.$modal.closeLoading()
+ })
}
-getList();
+onMounted(() => {
+ getList();
+});
</script>
--
Gitblit v1.9.3