From f528f0cf7d264856b722855c9af99dbc6c6b0e92 Mon Sep 17 00:00:00 2001
From: xuewuerduo <53554701+xuewuerduo@users.noreply.github.com>
Date: Thu, 18 Jul 2024 22:46:36 +0800
Subject: [PATCH] =?UTF-8?q?21.=E7=AE=A1=E7=90=86=E5=91=98=E5=88=97?=
 =?UTF-8?q?=E8=A1=A8=E9=A1=B5=E9=9D=A2=E5=B8=83=E5=B1=80=E5=92=8C=E9=87=8D?=
 =?UTF-8?q?=E5=86=99ElementPlus=20=E9=BB=98=E8=AE=A4=E6=A0=B7=E5=BC=8F?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/assets/admin/css/home.css          | 12 +++++++++++
 src/views/admin/administrator/list.vue | 30 +++++++++++++++++---------
 2 files changed, 32 insertions(+), 10 deletions(-)

diff --git a/src/assets/admin/css/home.css b/src/assets/admin/css/home.css
index 7ccdea1..59701e3 100644
--- a/src/assets/admin/css/home.css
+++ b/src/assets/admin/css/home.css
@@ -111,3 +111,15 @@ li {
     flex: 1;
     overflow-y: auto;
 }
+
+/* 重写 ElementPlus 默认样式 */
+/* 表格 */
+.el-table {
+    margin-top: 7px;
+    width: 1000px;
+}
+
+/* 面包屑 */
+.el-breadcrumb {
+    margin-bottom: 7px;
+}
diff --git a/src/views/admin/administrator/list.vue b/src/views/admin/administrator/list.vue
index 54d6d9c..f26cdcc 100644
--- a/src/views/admin/administrator/list.vue
+++ b/src/views/admin/administrator/list.vue
@@ -1,18 +1,28 @@
 <template>
-  <div>
-    管理员列表
+  <el-table :data="data.list" border>
+    <el-table-column prop="id" label="ID" width="60" />
+    <el-table-column prop="name" label="名称" />
+    <el-table-column prop="email" label="邮箱" />
+    <el-table-column prop="remark" label="备注" />
 
-  </div>
+    <el-table-column label="操作" width="150">
+      <template #default="scope">
+        <el-button size="small" type="primary">编辑</el-button>
+        <el-button size="small">删除</el-button>
+      </template>
+    </el-table-column>
+  </el-table>
 </template>
 
-<script>
-export default {
-  setup() {
+<script setup>
+import { reactive } from "vue";
+    const data = reactive({
+      list:[
+        {id: '1', name: '李龙龙', email:'lilonglong@koteladt.com', remark:'lll'},
+        {id: '2', name: '张三', email:'zhangsan@koteladt.com', remark:'zs'},
+      ]
+    })
 
-
-    return {}
-  }
-}
 </script>
 
 <style lang="scss" scoped>