fix: 服务器监控

src/types/auto-components.d.ts

@@ -31,6 +31,7 @@ declare module 'vue' {
     EcoUser: typeof import('./../components/EcoUser/index.vue')['default']
     ElAvatar: typeof import('element-plus/es')['ElAvatar']
     ElButton: typeof import('element-plus/es')['ElButton']
+    ElCard: typeof import('element-plus/es')['ElCard']
     ElCheckbox: typeof import('element-plus/es')['ElCheckbox']
     ElCol: typeof import('element-plus/es')['ElCol']
     ElConfigProvider: typeof import('element-plus/es')['ElConfigProvider']

src/views/system/monitor/index.vue

@@ -1,3 +1,16 @@
 <template>
-  <div>服务监控</div>
+  <div class="card content-box">
+    <e-row>
+      <e-col :span="12">
+        <el-card style="max-width: 180px">
+          <p v-for="o in 4" :key="o" class="text item">{{ 'List item ' + o }}</p>
+        </el-card>
+      </e-col>
+      <e-col :span="12">
+        <el-card style="max-width: 480px">
+          <p v-for="o in 4" :key="o" class="text item">{{ 'List item ' + o }}</p>
+        </el-card>
+      </e-col>
+    </e-row>
+  </div>
 </template>

vite.config.ts

@@ -83,7 +83,11 @@ export default defineConfig(({ mode, command }: ConfigEnv): UserConfig => {
         'element-plus/es/components/input-number/style/css',
         'element-plus/es/components/tree-select/style/css',
         'element-plus/es/components/select/style/css',
-        'element-plus/es/components/option/style/css'
+        'element-plus/es/components/option/style/css',
+        'element-plus/es/components/dialog/style/css',
+        'element-plus/es/components/transfer/style/css',
+        'element-plus/es/components/row/style/css',
+        'element-plus/es/components/col/style/css'
       ]
     }
   }