From 5b64a7f3e94b26cffd3e976fffc001a0833ddc70 Mon Sep 17 00:00:00 2001
From: BianLzhaoMin <11485688+bianliangzhaomin123@user.noreply.gitee.com>
Date: Mon, 30 Dec 2024 18:14:06 +0800
Subject: [PATCH] =?UTF-8?q?=E9=A1=B5=E9=9D=A2=E5=AE=8C=E5=96=84?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../components/company-card.vue               | 41 +++++++++++++------
 1 file changed, 29 insertions(+), 12 deletions(-)

diff --git a/src/views/company-manage/components/company-card.vue b/src/views/company-manage/components/company-card.vue
index d0d6923e..c67ad7fc 100644
--- a/src/views/company-manage/components/company-card.vue
+++ b/src/views/company-manage/components/company-card.vue
@@ -1,7 +1,11 @@
 <template>
     <div class="company-card">
         <div class="company-info">
-            <div> 头像 </div>
+            <div>
+                <el-avatar
+                    src="https://fuss10.elemecdn.com/e/5d/4a731a90594a4af544c0c25941171jpeg.jpeg"
+                />
+            </div>
             <div>
                 <div>
                     安徽送变电工程有限公司
@@ -12,29 +16,29 @@
             </div>
         </div>
 
-        <div>
-            <div>
+        <div class="items-card">
+            <div class="items-center">
                 <div>用户</div>
                 <div>20</div>
             </div>
-            <div>
-                <div>用户</div>
+            <div class="items-center">
+                <div>项目</div>
                 <div>20</div>
             </div>
-            <div>
-                <div>用户</div>
+            <div class="items-center">
+                <div>设备</div>
                 <div>20</div>
             </div>
         </div>
-        <div>
+        <div class="items-card">
             <div>
-                <div>详情操作</div>
+                <div>详情</div>
             </div>
             <div>
-                <div>详情操作</div>
+                <div>编辑</div>
             </div>
             <div>
-                <div>详情操作</div>
+                <div>注销</div>
             </div>
         </div>
     </div>
@@ -47,10 +51,23 @@ export default {}
 <style lang="scss" scoped>
 .company-card {
     background-color: #f7f8fc;
-
+    padding: 12px 10px;
+    border-radius: 6px;
     .company-info {
         display: flex;
         align-items: center;
     }
+
+    .items-card {
+        margin-top: 16px;
+        display: flex;
+        justify-content: space-around;
+
+        .items-center {
+            display: flex;
+            flex-direction: column;
+            align-items: center;
+        }
+    }
 }
 </style>