二维码自动补发

frontend/src/features/admin/views/AdminQrCodePoolView.vue

@@ -486,14 +486,17 @@ onMounted(reloadAll)
             />
           </template>
         </el-table-column>
-        <el-table-column label="过期时间" class-name="expire-col" align="center">
+        <el-table-column label="时间" class-name="time-col" align="center">
           <template #default="{ row }">
-            <span
-              class="expire-cell"
-              :class="{ 'expired-tag': row.expires_at && new Date(row.expires_at) < new Date() }"
-            >
-              {{ row.expires_at ? formatDateTime(row.expires_at) : '永久' }}
-            </span>
+            <div class="time-stack">
+              <span>上传 {{ formatDateTime(row.created_at) }}</span>
+              <span>{{ row.used_at ? `使用 ${formatDateTime(row.used_at)}` : '使用 -' }}</span>
+              <span
+                :class="{ 'expired-tag': row.expires_at && new Date(row.expires_at) < new Date() }"
+              >
+                {{ row.expires_at ? `过期 ${formatDateTime(row.expires_at)}` : '过期 永久' }}
+              </span>
+            </div>
           </template>
         </el-table-column>
         <el-table-column label="操作" class-name="action-col" align="center">
@@ -819,7 +822,7 @@ onMounted(reloadAll)
   width: 8%;
 }
 
-.qrcode-table :deep(.expire-col) {
+.qrcode-table :deep(.time-col) {
   width: 12%;
 }
 
@@ -843,9 +846,15 @@ onMounted(reloadAll)
   font-weight: 500;
 }
 
-.expire-cell {
+.time-stack {
+  display: inline-flex;
+  flex-direction: column;
+  gap: 2px;
   color: #5f6b7a;
-  font-size: 13px;
+  font-size: 12px;
+  line-height: 18px;
+  text-align: left;
+  white-space: nowrap;
 }
 
 .copy-cell-button {