迁移合同费用通用附件

1、删除旧费用附件 API、CRUD、模型和专用前端面板，统一改用通用附件能力。

2、调整合同费用接口为 study_id 语义，并补充合同、凭证、发票等附件类型的权限映射。

3、将合同费用新建和编辑改为抽屉流程，详情页与列表页复用同一编辑组件。

4、补充数据库迁移、附件列表、合同费用抽屉和权限场景测试，覆盖旧权限移除与新流程。

frontend/src/views/fees/ContractFees.vue

@@ -80,7 +80,7 @@
             <el-button @click="resetFilters">{{ TEXT.common.actions.reset }}</el-button>
           </div>
           <div class="filter-spacer"></div>
-          <el-button type="primary" :disabled="!canCreate" @click="goNew" class="header-action-btn">
+          <el-button v-if="canCreate" type="primary" @click="openCreate" class="header-action-btn">
             <el-icon class="el-icon--left"><Plus /></el-icon>
             {{ TEXT.modules.feeContracts.newTitle }}
           </el-button>
@@ -95,26 +95,26 @@
           class="contract-table"
           table-layout="fixed"
         >
-          <el-table-column prop="center_name" :label="TEXT.common.fields.site" width="170" show-overflow-tooltip>
+          <el-table-column prop="center_name" :label="TEXT.common.fields.site" show-overflow-tooltip>
             <template #default="scope">
               <div class="site-cell">
                 <span class="site-name">{{ scope.row.center_name || TEXT.common.fallback }}</span>
               </div>
             </template>
           </el-table-column>
-          <el-table-column :label="TEXT.modules.feeContracts.contractAmount" width="150" align="right">
+          <el-table-column :label="TEXT.modules.feeContracts.contractAmount" align="left">
             <template #default="scope">
               <span class="amount-text">{{ formatAmountWan(scope.row.contract_amount) }}</span>
             </template>
           </el-table-column>
-          <el-table-column :label="TEXT.modules.feeContracts.caseProgress" width="170" align="center">
+          <el-table-column :label="TEXT.modules.feeContracts.caseProgress" align="center">
             <template #default="scope">
                <el-tag effect="plain" type="info">
                 {{ displayCases(scope.row.contract_cases, scope.row.actual_cases) }}
                </el-tag>
             </template>
           </el-table-column>
-          <el-table-column :label="TEXT.modules.feeContracts.paidSummary" width="190">
+          <el-table-column :label="TEXT.modules.feeContracts.paidSummary">
             <template #default="scope">
               <div class="summary-line">
                 <span>{{ TEXT.modules.feeContracts.paidTotal }}</span>
@@ -127,7 +127,7 @@
               </div>
             </template>
           </el-table-column>
-          <el-table-column :label="TEXT.modules.feeContracts.verifySummary" width="190">
+          <el-table-column :label="TEXT.modules.feeContracts.verifySummary">
             <template #default="scope">
               <div class="summary-line">
                 <span>{{ TEXT.modules.feeContracts.verifiedTotal }}</span>
@@ -140,7 +140,7 @@
               </div>
             </template>
           </el-table-column>
-          <el-table-column :label="TEXT.modules.feeContracts.recentDates" width="170">
+          <el-table-column :label="TEXT.modules.feeContracts.recentDates">
              <template #default="scope">
               <div class="date-line">
                 <span class="date-label">{{ TEXT.modules.feeContracts.lastPaid }}</span>
@@ -152,13 +152,24 @@
               </div>
             </template>
           </el-table-column>
-          <el-table-column :label="TEXT.common.labels.actions" width="110">
+          <el-table-column v-if="canUpdate || canDelete" :label="TEXT.common.labels.actions" align="center">
             <template #default="scope">
               <el-button
+                v-if="canUpdate"
+                link
+                type="primary"
+                size="small"
+                :disabled="isInactiveSite(scope.row.center_id)"
+                @click.stop="openEdit(scope.row)"
+              >
+                {{ TEXT.common.actions.edit }}
+              </el-button>
+              <el-button
+                v-if="canDelete"
                 link
                 type="danger"
                 size="small"
-                :disabled="!canDelete || isInactiveSite(scope.row.center_id)"
+                :disabled="isInactiveSite(scope.row.center_id)"
                 @click.stop="remove(scope.row)"
               >
                 {{ TEXT.common.actions.delete }}
@@ -171,6 +182,14 @@
         </el-table>
       </section>
     </div>
+
+    <ContractFeeEditorDrawer
+      v-model="drawerVisible"
+      :contract-id="editingId || undefined"
+      :sites="sites"
+      :initial-center-id="study.currentSite?.id || ''"
+      @saved="handleEditorSaved"
+    />
   </div>
 </template>
 
@@ -187,18 +206,22 @@ import { displayDate } from "../../utils/display";
 import StateLoading from "../../components/StateLoading.vue";
 import StateError from "../../components/StateError.vue";
 import KpiCard from "../../components/KpiCard.vue";
+import ContractFeeEditorDrawer from "./ContractFeeEditorDrawer.vue";
 import { TEXT } from "../../locales";
 
 const router = useRouter();
 const study = useStudyStore();
 const { can } = usePermission();
 const canCreate = computed(() => can("fees.contract.create"));
+const canUpdate = computed(() => can("fees.contract.update"));
 const canDelete = computed(() => can("fees.contract.delete"));
 
 const loading = ref(false);
 const errorMessage = ref("");
 const contracts = ref<any[]>([]);
 const sites = ref<any[]>([]);
+const drawerVisible = ref(false);
+const editingId = ref("");
 const siteActiveMap = computed(() => {
   const map: Record<string, boolean> = {};
   sites.value.forEach((site) => {
@@ -269,12 +292,12 @@ const loadSites = async () => {
 };
 
 const load = async () => {
-  const projectId = study.currentStudy?.id;
-  if (!projectId) return;
+  const studyId = study.currentStudy?.id;
+  if (!studyId) return;
   loading.value = true;
   errorMessage.value = "";
   try {
-    const { data } = await listContractFees({ projectId });
+    const { data } = await listContractFees({ study_id: studyId });
     contracts.value = data?.data || [];
   } catch (e: any) {
     errorMessage.value = e?.response?.data?.message || TEXT.common.messages.loadFailed;
@@ -288,7 +311,29 @@ const resetFilters = () => {
   filters.q = "";
 };
 
-const goNew = () => router.push("/fees/contracts/new");
+const openCreate = () => {
+  if (!canCreate.value) {
+    ElMessage.warning("权限不足");
+    return;
+  }
+  editingId.value = "";
+  drawerVisible.value = true;
+};
+
+const openEdit = async (row: any) => {
+  if (!row?.id) return;
+  if (!canUpdate.value) {
+    ElMessage.warning("权限不足");
+    return;
+  }
+  if (isInactiveSite(row?.center_id)) {
+    ElMessage.warning("中心已停用");
+    return;
+  }
+  editingId.value = row.id;
+  drawerVisible.value = true;
+};
+
 const goDetail = (id: string) => router.push(`/fees/contracts/${id}`);
 const onRowClick = (row: any) => {
   if (!row?.id) return;
@@ -296,7 +341,11 @@ const onRowClick = (row: any) => {
 };
 
 const remove = async (row: any) => {
-  if (!row?.id || !canDelete.value) return;
+  if (!row?.id) return;
+  if (!canDelete.value) {
+    ElMessage.warning("权限不足");
+    return;
+  }
   if (isInactiveSite(row?.center_id)) {
     ElMessage.warning("中心已停用");
     return;
@@ -312,6 +361,10 @@ const remove = async (row: any) => {
   }
 };
 
+const handleEditorSaved = async () => {
+  await load();
+};
+
 const displayCases = (contractCases: any, actualCases: any) => {
   const contractValue = Number(contractCases ?? 0);
   const actualValue = Number(actualCases ?? 0);
@@ -340,6 +393,17 @@ watch(() => study.currentSite, (newSite: any) => {
   filters.centerId = newSite?.id || "";
 });
 
+watch(
+  () => study.currentStudy?.id,
+  async () => {
+    filters.centerId = study.currentSite?.id || "";
+    filters.q = "";
+    drawerVisible.value = false;
+    await loadSites();
+    await load();
+  }
+);
+
 onMounted(async () => {
   await loadSites();
   load();
@@ -457,6 +521,7 @@ onMounted(async () => {
   font-weight: 500;
   letter-spacing: 0.02em;
 }
+
 </style>
 
 <style>