From c6daf41a2e418454b873c67252eed2f808b68bd3 Mon Sep 17 00:00:00 2001
From: Charles7c <charles7c@126.com>
Date: Sun, 20 Oct 2024 21:23:41 +0800
Subject: [PATCH] =?UTF-8?q?style:=20=E4=BC=98=E5=8C=96=E9=83=A8=E5=88=86?=
 =?UTF-8?q?=E9=93=BE=E6=8E=A5=E6=A0=B7=E5=BC=8F?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/GiCell/GiCellAvatar.vue              | 13 ++++++++++++-
 src/components/GiTable/index.vue                    |  4 ++++
 .../dashboard/workplace/components/Project.vue      |  4 ++--
 src/views/system/notice/index.vue                   | 13 ++++++++++++-
 src/views/system/role/index.vue                     | 13 ++++++++++++-
 5 files changed, 42 insertions(+), 5 deletions(-)

diff --git a/src/components/GiCell/GiCellAvatar.vue b/src/components/GiCell/GiCellAvatar.vue
index 5a3a273..3b3724f 100644
--- a/src/components/GiCell/GiCellAvatar.vue
+++ b/src/components/GiCell/GiCellAvatar.vue
@@ -3,7 +3,18 @@
     <a-avatar :size="24" shape="circle">
       <img :src="props.avatar" alt="avatar" />
     </a-avatar>
-    <a-link v-if="props.isLink" @click="emit('click')">{{ props.name }}</a-link>
+    <a-link v-if="props.isLink" @click="emit('click')">
+      <a-typography-paragraph
+        class="link-text"
+        :ellipsis="{
+          rows: 1,
+          showTooltip: true,
+          css: true,
+        }"
+      >
+        {{ props.name }}
+      </a-typography-paragraph>
+    </a-link>
     <span v-else>{{ props.name }}</span>
   </a-space>
 </template>
diff --git a/src/components/GiTable/index.vue b/src/components/GiTable/index.vue
index ce8ab00..d57816f 100644
--- a/src/components/GiTable/index.vue
+++ b/src/components/GiTable/index.vue
@@ -302,6 +302,10 @@ defineExpose({ tableRef })
         }
       }
     }
+
+    :deep(.link-text.arco-typography) {
+      color: rgb(var(--link-6));
+    }
   }
 
   &__header {
diff --git a/src/views/dashboard/workplace/components/Project.vue b/src/views/dashboard/workplace/components/Project.vue
index 10c7155..c90a7f9 100644
--- a/src/views/dashboard/workplace/components/Project.vue
+++ b/src/views/dashboard/workplace/components/Project.vue
@@ -15,12 +15,12 @@
         :xxl="8"
         class="my-project-item"
       >
-        <a-card style="min-height: 204px" :bordered="true" hoverable>
+        <a-card style="min-height: 204px; max-height: 204px" :bordered="true" hoverable>
           <div class="badge badge-right" :style="`background-color: ${item.statusColor}`">{{ item.status }}</div>
           <a :href="item.url" target="_blank">
             <a-space direction="vertical">
               <a-space>
-                <img :src="item.logo" width="30px" alt="logo" />
+                <a-image :src="item.logo" width="30px" alt="logo" />
                 <a-typography-text bold>{{ item.name }}</a-typography-text>
               </a-space>
               <a-typography-paragraph
diff --git a/src/views/system/notice/index.vue b/src/views/system/notice/index.vue
index b549017..3ede207 100644
--- a/src/views/system/notice/index.vue
+++ b/src/views/system/notice/index.vue
@@ -36,7 +36,18 @@
         </a-button>
       </template>
       <template #title="{ record }">
-        <a-link @click="onDetail(record)">{{ record.title }}</a-link>
+        <a-link @click="onDetail(record)">
+          <a-typography-paragraph
+            class="link-text"
+            :ellipsis="{
+              rows: 1,
+              showTooltip: true,
+              css: true,
+            }"
+          >
+          {{ record.title }}
+          </a-typography-paragraph>
+        </a-link>
       </template>
       <template #type="{ record }">
         <GiCellTag :value="record.type" :dict="notice_type" />
diff --git a/src/views/system/role/index.vue b/src/views/system/role/index.vue
index 3f2d138..920ffeb 100644
--- a/src/views/system/role/index.vue
+++ b/src/views/system/role/index.vue
@@ -28,7 +28,18 @@
         </a-button>
       </template>
       <template #name="{ record }">
-        <a-link @click="onDetail(record)">{{ record.name }}</a-link>
+        <a-link @click="onDetail(record)">
+          <a-typography-paragraph
+            class="link-text"
+            :ellipsis="{
+              rows: 1,
+              showTooltip: true,
+              css: true,
+            }"
+          >
+            {{ record.name }}
+          </a-typography-paragraph>
+        </a-link>
       </template>
       <template #dataScope="{ record }">
         <GiCellTag :value="record.dataScope" :dict="data_scope_enum" />