简单汉化

frontend/src/views/Finance.vue

@@ -5,10 +5,10 @@
     <el-card class="mb-12">
       <div class="filters">
         <el-select v-model="filters.status" placeholder="状态" clearable @change="loadList">
-          <el-option v-for="s in statuses" :key="s" :label="s" :value="s" />
+          <el-option v-for="s in statuses" :key="s" :label="statusLabel(s)" :value="s" />
         </el-select>
         <el-select v-model="filters.category" placeholder="类别" clearable @change="loadList">
-          <el-option v-for="c in categories" :key="c" :label="c" :value="c" />
+          <el-option v-for="c in categories" :key="c" :label="categoryLabel(c)" :value="c" />
         </el-select>
         <el-date-picker
           v-model="filters.date_from"
@@ -34,7 +34,11 @@
     <el-card>
       <el-table :data="items" v-loading="loading" @row-click="goDetail" style="width: 100%">
         <el-table-column prop="title" label="标题" min-width="160" />
-        <el-table-column prop="category" label="类别" width="140" />
+        <el-table-column prop="category" label="类别" width="140">
+          <template #default="scope">
+            {{ categoryLabel(scope.row.category) }}
+          </template>
+        </el-table-column>
         <el-table-column prop="amount" label="金额" width="140" align="right">
           <template #default="scope">
             ￥{{ formatAmount(scope.row.amount) }}
@@ -43,7 +47,7 @@
         <el-table-column prop="occur_date" label="发生日期" width="140" />
         <el-table-column prop="status" label="状态" width="120">
           <template #default="scope">
-            <el-tag :type="statusTag(scope.row.status)">{{ scope.row.status }}</el-tag>
+            <el-tag :type="statusTag(scope.row.status)">{{ statusLabel(scope.row.status) }}</el-tag>
           </template>
         </el-table-column>
         <el-table-column prop="submitted_at" label="提交时间" width="160" />
@@ -123,6 +127,22 @@ const statusTag = (status?: string) => {
       return "info";
   }
 };
+const statusLabel = (status?: string) =>
+  ({
+    DRAFT: "草稿",
+    SUBMITTED: "已提交",
+    APPROVED: "已审批",
+    REJECTED: "已驳回",
+    PAID: "已支付",
+  }[status || ""] || status || "");
+
+const categoryLabel = (c?: string) =>
+  ({
+    SITE_FEE: "中心费用",
+    SUBJECT_STIPEND: "受试者补偿",
+    TRAVEL: "差旅",
+    OTHER: "其他",
+  }[c || ""] || c || "");
 
 const loadSummary = async () => {
   if (!study.currentStudy) return;