修改工单列表

src/components/TicketList.vue

@@ -1,19 +1,9 @@
 <template>
   <el-card class="compact-card" shadow="never">
-    <el-table
+    <el-table :data="tickets" v-loading="loading" header-cell-class-name="table-header" style="width: 100%">
-      :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 
+          <el-link type="primary" :href="row.website" target="_blank" class="site-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;
 }