优化排班功能

platform/src/views/tools/passwordStore/index.vue

@@ -132,7 +132,7 @@
           </template>
         </el-table-column>
 
-        <el-table-column prop="platform" label="平台名称" min-width="160">
+        <el-table-column prop="platform" label="平台名称" min-width="200">
           <template #default="{ row }">
             <div class="platform-name-cell">
               <el-icon class="platform-icon"><Key /></el-icon>
@@ -168,7 +168,7 @@
           </template>
         </el-table-column>
 
-        <el-table-column label="账号预览" min-width="220" show-overflow-tooltip>
+        <el-table-column label="账号预览" min-width="220">
           <template #default="{ row }">
             <div v-if="row.accounts && row.accounts.length > 0" class="account-preview-tags">
               <el-tag
@@ -177,6 +177,7 @@
                 size="small"
                 class="acc-preview-tag"
                 type="info"
+                :title="acc.username || '(无账号名)'"
               >
                 {{ acc.username || '(无账号名)' }}
               </el-tag>
@@ -924,10 +925,19 @@ onMounted(load)
 }
 
 .acc-preview-tag {
-  max-width: 110px;
+  max-width: 140px;
+  min-width: 0;
+  flex-shrink: 1;
+}
+
+/* el-tag 文字在内层 .el-tag__content 中，需用 :deep 才能让省略号生效 */
+.acc-preview-tag :deep(.el-tag__content) {
+  display: inline-block;
+  max-width: 100%;
   overflow: hidden;
   text-overflow: ellipsis;
   white-space: nowrap;
+  vertical-align: bottom;
 }
 
 .more-tag {