From 9bc45f6b03aa0e26d950006d7baaf7b14c2bc426 Mon Sep 17 00:00:00 2001
From: GiveMePast <1248298477@qq.com>
Date: Wed, 11 Feb 2026 11:52:58 +0800
Subject: [PATCH] =?UTF-8?q?=E4=BF=AE=E6=94=B9=E5=B7=A5=E5=8D=95=E5=88=97?=
 =?UTF-8?q?=E8=A1=A8?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/TicketList.vue | 25 ++++++++++++-------------
 1 file changed, 12 insertions(+), 13 deletions(-)

diff --git a/src/components/TicketList.vue b/src/components/TicketList.vue
index d443cef..859f3e7 100644
--- a/src/components/TicketList.vue
+++ b/src/components/TicketList.vue
@@ -1,19 +1,9 @@
 <template>
   <el-card class="compact-card" shadow="never">
-    <el-table
-      :data="tickets"
-      v-loading="loading"
-      header-cell-class-name="table-header"
-      style="width: 100%"
-    >
+    <el-table :data="tickets" v-loading="loading" header-cell-class-name="table-header" style="width: 100%">
       <el-table-column prop="website" label="网站地址" min-width="180">
         <template #default="{ row }">
-          <el-link 
-            type="primary" 
-            :href="row.website" 
-            target="_blank" 
-            class="site-link"
-          >
+          <el-link type="primary" :href="row.website" target="_blank" class="site-link">
             {{ row.website }}
           </el-link>
         </template>
@@ -32,7 +22,7 @@
             </div>
           </div>
         </template>
-    </el-table-column>
+      </el-table-column>
 
       <el-table-column prop="is_complete" label="状态" width="100" align="center">
         <template #default="{ row }">
@@ -94,6 +84,7 @@ const getStatusStyle = (status) => {
   gap: 6px;
   padding: 4px 0;
 }
+
 .staff-item {
   display: flex;
   align-items: center;
@@ -103,6 +94,7 @@ const getStatusStyle = (status) => {
   overflow: hidden;
   border: 1px solid transparent;
 }
+
 .staff-role {
   width: 40px;
   height: 100%;
@@ -112,6 +104,7 @@ const getStatusStyle = (status) => {
   font-size: 11px;
   font-weight: bold;
 }
+
 .staff-name {
   padding-left: 8px;
   font-weight: 500;
@@ -123,6 +116,7 @@ const getStatusStyle = (status) => {
   border-color: #e9e9eb;
   color: #909399;
 }
+
 .staff-item.client .staff-role {
   background: #909399;
   color: #fff;
@@ -134,6 +128,7 @@ const getStatusStyle = (status) => {
   border-color: #d9ecff;
   color: #409eff;
 }
+
 .staff-item.internal .staff-role {
   background: #409eff;
   color: #fff;
@@ -157,17 +152,20 @@ const getStatusStyle = (status) => {
   flex-direction: column;
   gap: 4px;
 }
+
 .role-tag {
   font-size: 12px;
   padding: 2px 8px;
   border-radius: 2px;
   width: fit-content;
 }
+
 .role-tag.client {
   background: #f0f2f5;
   color: #666;
   border-left: 3px solid #dcdfe6;
 }
+
 .role-tag.owner {
   background: #e8f4ff;
   color: #1890ff;
@@ -192,6 +190,7 @@ const getStatusStyle = (status) => {
   font-size: 12px;
   color: #606266;
 }
+
 .update-label {
   color: #909399;
 }