From 39b4d2a2eac6fba2caada2af2498af3c0abc8871 Mon Sep 17 00:00:00 2001
From: Cheng Zhou <zhoucheng857@gmail.com>
Date: Wed, 4 Mar 2026 16:36:28 +0800
Subject: [PATCH] feat(ui): unify finance and file management surfaces

---
 frontend/scripts/verify-ui-contract.mjs       | 21 +++++++++++++++++++
 frontend/src/views/fees/ContractFees.vue      |  2 +-
 frontend/src/views/fees/SpecialExpenses.vue   |  2 +-
 .../src/views/ia/FileVersionManagement.vue    | 19 ++++++++++++++---
 4 files changed, 39 insertions(+), 5 deletions(-)

diff --git a/frontend/scripts/verify-ui-contract.mjs b/frontend/scripts/verify-ui-contract.mjs
index b96a301f..731f1f3e 100644
--- a/frontend/scripts/verify-ui-contract.mjs
+++ b/frontend/scripts/verify-ui-contract.mjs
@@ -67,6 +67,27 @@ for (const className of requiredOverviewClasses) {
   }
 }
 
+const financeAndFilePages = [
+  "src/views/fees/ContractFees.vue",
+  "src/views/fees/SpecialExpenses.vue",
+  "src/views/ia/FileVersionManagement.vue"
+];
+
+const requiredFinanceAndFileClasses = [
+  "ctms-page-shell",
+  "unified-action-bar",
+  "unified-shell"
+];
+
+for (const file of financeAndFilePages) {
+  const content = readFileSync(file, "utf8");
+  for (const className of requiredFinanceAndFileClasses) {
+    if (!content.includes(className)) {
+      missing.push(`${file}:${className}`);
+    }
+  }
+}
+
 if (missing.length) {
   console.error("UI contract check failed. Missing:", missing.join(", "));
   process.exit(1);
diff --git a/frontend/src/views/fees/ContractFees.vue b/frontend/src/views/fees/ContractFees.vue
index aee42b52..0d9fa9fe 100644
--- a/frontend/src/views/fees/ContractFees.vue
+++ b/frontend/src/views/fees/ContractFees.vue
@@ -1,5 +1,5 @@
 <template>
-  <div class="page">
+  <div class="page ctms-page-shell">
     <div class="overview">
       <el-row :gutter="20">
         <el-col :xs="24" :sm="12" :md="6">
diff --git a/frontend/src/views/fees/SpecialExpenses.vue b/frontend/src/views/fees/SpecialExpenses.vue
index 943023f8..1de78b80 100644
--- a/frontend/src/views/fees/SpecialExpenses.vue
+++ b/frontend/src/views/fees/SpecialExpenses.vue
@@ -1,5 +1,5 @@
 <template>
-  <div class="page">
+  <div class="page ctms-page-shell">
     <div class="overview">
       <el-row :gutter="20">
         <el-col :xs="24" :sm="12" :md="6">
diff --git a/frontend/src/views/ia/FileVersionManagement.vue b/frontend/src/views/ia/FileVersionManagement.vue
index ebbcf51d..88a4c811 100644
--- a/frontend/src/views/ia/FileVersionManagement.vue
+++ b/frontend/src/views/ia/FileVersionManagement.vue
@@ -1,6 +1,13 @@
 <template>
-  <div class="redirecting">
-    <el-empty :description="`${TEXT.common.loading}...`" />
+  <div class="redirecting ctms-page-shell">
+    <section class="unified-action-bar">
+      <div class="redirecting-title">{{ TEXT.menu.fileVersionManagement }}</div>
+    </section>
+    <section class="unified-shell">
+      <section class="unified-section">
+        <el-empty :description="`${TEXT.common.loading}...`" />
+      </section>
+    </section>
   </div>
 </template>
 
@@ -23,6 +30,12 @@ onMounted(() => {
 
 <style scoped>
 .redirecting {
-  padding: 24px;
+  min-height: 180px;
+}
+
+.redirecting-title {
+  font-size: 15px;
+  font-weight: 700;
+  color: var(--ctms-text-main);
 }
 </style>