未知（继上次中断）

frontend/src/views/admin/Projects.vue

@@ -1,11 +1,13 @@
 <template>
   <div class="page">
-    <el-card>
-      <div class="header">
-        <div>
-          <h3>{{ TEXT.modules.adminProjects.title }}</h3>
+    <el-card shadow="never" class="main-content-card">
+      <div class="filter-container">
+        <div class="filter-form">
+          <div class="filter-spacer"></div>
+          <el-button type="primary" @click="openCreate" class="header-action-btn">
+            {{ TEXT.common.actions.add }}{{ TEXT.modules.adminProjects.projectLabel }}
+          </el-button>
         </div>
-        <el-button type="primary" @click="openCreate">{{ TEXT.common.actions.add }}{{ TEXT.modules.adminProjects.projectLabel }}</el-button>
       </div>
       <el-table :data="projects" v-loading="loading" stripe>
         <el-table-column prop="name" :label="TEXT.common.fields.projectName" min-width="300">
@@ -13,6 +15,11 @@
             <el-link type="primary" @click="goDetail(scope.row)" class="font-medium">{{ scope.row.name }}</el-link>
           </template>
         </el-table-column>
+        <el-table-column prop="code" :label="TEXT.common.fields.projectCode" min-width="160">
+          <template #default="scope">
+            <span class="text-gray-500">{{ scope.row.code || "-" }}</span>
+          </template>
+        </el-table-column>
         <el-table-column prop="status" :label="TEXT.common.fields.status" min-width="120" align="center">
           <template #default="scope">
             <el-tag :type="statusTag(scope.row.status)" effect="plain" round>{{ statusLabel(scope.row.status) }}</el-tag>
@@ -24,11 +31,6 @@
             <el-tag v-else type="success" effect="plain" round>未锁定</el-tag>
           </template>
         </el-table-column>
-        <el-table-column prop="created_at" :label="TEXT.modules.adminUsers.createdAt" min-width="180" align="center">
-          <template #default="scope">
-            <span class="text-gray-500">{{ displayDateTime(scope.row.created_at) }}</span>
-          </template>
-        </el-table-column>
         <el-table-column :label="TEXT.common.labels.actions" min-width="280" align="center">
           <template #default="scope">
             <el-tooltip :content="TEXT.modules.adminProjects.members" placement="top">
@@ -69,7 +71,6 @@ import { fetchStudies, deleteStudy, lockStudy } from "../../api/studies";
 import type { Study } from "../../types/api";
 import ProjectForm from "./ProjectForm.vue";
 import { useStudyStore } from "../../store/study";
-import { displayDateTime } from "../../utils/display";
 import { TEXT } from "../../locales";
 
 const projects = ref<Study[]>([]);
@@ -167,13 +168,25 @@ const handleLockToggle = async (study: Study) => {
         type: "warning",
       }
     );
-    
+
+    const { value } = await ElMessageBox.prompt(TEXT.modules.adminProjects.lockConfirmPrompt, TEXT.modules.adminProjects.lockConfirmTitle, {
+      confirmButtonText: TEXT.common.actions.confirm,
+      cancelButtonText: TEXT.common.actions.cancel,
+      inputPlaceholder: TEXT.modules.adminProjects.lockConfirmPlaceholder,
+      inputValidator: (input: string) => input === "确认锁定" || TEXT.modules.adminProjects.lockConfirmMismatch,
+      type: "warning",
+    });
+    if (value !== "确认锁定") {
+      ElMessage.warning(TEXT.modules.adminProjects.lockConfirmMismatchWarning);
+      return;
+    }
     await lockStudy(study.id);
     ElMessage.success("项目已锁定");
     await loadProjects();
   } catch (err) {
-    if (err !== "cancel") {
-      ElMessage.error("锁定项目失败");
+    if (err !== "cancel" && err !== "close") {
+      const detail = (err as any)?.response?.data?.detail || "锁定项目失败";
+      ElMessage.error(detail);
     }
   }
 };
@@ -204,27 +217,33 @@ onMounted(() => {
 
 <style scoped>
 .page {
-  padding: 24px;
-}
-
-.header {
   display: flex;
+  flex-direction: column;
+}
+
+.main-content-card :deep(.el-card__body) {
+  padding: 20px;
+}
+
+.filter-container {
+  margin-bottom: 20px;
+}
+
+.filter-form {
+  display: flex;
+  width: 100%;
+  gap: 12px;
   align-items: center;
-  justify-content: space-between;
-  margin-bottom: 24px;
 }
 
-.header h3 {
-  font-size: 20px;
-  font-weight: 600;
-  color: #1f2937;
-  margin: 0;
+.filter-spacer {
+  flex: 1;
 }
 
-.sub {
-  color: #6b7280;
-  margin-top: 8px;
-  font-size: 14px;
+.header-action-btn {
+  height: 36px;
+  padding: 0 20px;
+  border-radius: 8px;
 }
 
 /* 表格样式美化 */
@@ -238,19 +257,18 @@ onMounted(() => {
 :deep(.el-table th.el-table__cell) {
   background-color: #f9fafb;
   font-weight: 600;
-  height: 50px;
+  height: 44px;
 }
 
-/* 增加单元格间距 */
 :deep(.el-table .el-table__cell) {
-  padding: 16px 0;
+  padding: 8px 0;
 }
 
 /* 操作按钮美化 */
 .action-btn {
-  font-size: 20px; /* 图标变更大 */
-  padding: 6px;
-  margin: 0 4px;
+  font-size: 18px; /* 图标变更大 */
+  padding: 4px;
+  margin: 0 2px;
   transition: all 0.3s;
 }
 
@@ -261,7 +279,7 @@ onMounted(() => {
 }
 
 .enter-btn {
-  font-size: 20px;
+  font-size: 18px;
   font-weight: bold;
 }
 </style>