From f5987541fae35e3bed09c5eb7ba3b5f8ab65aba9 Mon Sep 17 00:00:00 2001
From: gaoluyang <2820782392@qq.com>
Date: 星期一, 21 七月 2025 17:50:02 +0800
Subject: [PATCH] 1.生产订单、生产派工、工序排产前端页面开发
---
src/views/monitor/server/index.vue | 29 ++++++++++++++++-------------
1 files changed, 16 insertions(+), 13 deletions(-)
diff --git a/src/views/monitor/server/index.vue b/src/views/monitor/server/index.vue
index a21d195..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,7 +100,7 @@
<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-layout:fixed;">
<tbody>
@@ -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