# Review package: 2f22df6..9362c47

## Commits
9362c47 refactor: reuse shared header on G03

## Files changed
 pages/genealogy/g03-create-genealogy.vue | 62 ++++----------------------------
 tests/g03-create-flow-contract.ps1       |  9 +++--
 tests/g03-document-flow-contract.ps1     |  4 ++-
 tests/g03-visual-states-contract.ps1     |  4 +--
 4 files changed, 17 insertions(+), 62 deletions(-)

## Diff
diff --git a/pages/genealogy/g03-create-genealogy.vue b/pages/genealogy/g03-create-genealogy.vue
index 2bc757d..f37cadc 100644
--- a/pages/genealogy/g03-create-genealogy.vue
+++ b/pages/genealogy/g03-create-genealogy.vue
@@ -1,30 +1,20 @@
 <!-- 页面编号：G-03；用途：创建家谱与录入首代人物的同路由两步流程。 -->
 <template>
   <view class="flow-page">
     <GenealogyPageBackground />
 
-    <view class="flow-header">
-      <view class="flow-header__content">
-        <view class="flow-header__back" @click="goBack">
-          <image
-            class="flow-header__back-icon"
-            src="/static/assets/foundation/transparent/chevron-right.png"
-            mode="aspectFit"
-          />
-        </view>
-        <text class="flow-header__title">{{
-          isAncestorStep ? "录入首代人物" : "创建家谱"
-        }}</text>
-        <view class="flow-header__side" />
-      </view>
-    </view>
+    <PageHeader
+      :title="isAncestorStep ? '录入首代人物' : '创建家谱'"
+      custom-back
+      @back="goBack"
+    />
 
     <view class="flow-content">
       <view class="create-flow-panel">
         <view v-if="!isAncestorStep" class="create-flow-panel__content">
           <view class="flow-step-label"><text>第一步 · 立谱信息</text></view>
           <text class="flow-heading">为家族立一部可传承的谱</text>
           <text class="flow-note"
             >家谱建立后可继续完善，名称与访问规则由创建者维护。</text
           >
 
@@ -241,20 +231,21 @@
         </view>
       </view>
     </view>
   </view>
 </template>
 
 <script setup>
 import { computed, onMounted, onUnmounted, reactive, ref } from "vue";
 import { onLoad, onShow } from "@dcloudio/uni-app";
 import GenealogyPageBackground from "@/components/GenealogyPageBackground.vue";
+import PageHeader from "@/components/PageHeader.vue";
 
 const currentStep = ref("create");
 const genealogyId = ref("");
 const isSubmitting = ref(false);
 const createState = ref("form");
 const ancestorState = ref("form");
 const duplicateReminderVisible = ref(false);
 const fieldErrors = reactive({
   surname: "",
   name: "",
@@ -416,61 +407,20 @@ const enterOverview = () =>
 </script>
 
 <style scoped lang="scss">
 .flow-page {
   display: flex;
   min-height: 100vh;
   flex-direction: column;
   background: #f9f6ef;
 }
 
-.flow-header {
-  z-index: 3;
-  height: 112rpx;
-  overflow: hidden;
-  background: url("/static/assets/foundation/opaque/root-header-cinnabar.jpg")
-    center / 100% 100% no-repeat;
-}
-
-.flow-header__content {
-  z-index: 1;
-  display: flex;
-  height: 100%;
-  align-items: center;
-  justify-content: space-between;
-  padding: 0 26rpx;
-  box-sizing: border-box;
-}
-
-.flow-header__back,
-.flow-header__side {
-  display: flex;
-  width: 72rpx;
-  align-items: center;
-}
-
-.flow-header__back-icon {
-  width: 34rpx;
-  height: 34rpx;
-  transform: rotate(180deg);
-}
-
-.flow-header__title {
-  flex: 1;
-  color: #ffe4a7;
-  font-family: "STKaiti", "KaiTi", serif;
-  font-size: 39rpx;
-  font-weight: 700;
-  letter-spacing: 4rpx;
-  text-align: center;
-}
-
 .flow-content {
   z-index: 2;
   padding: 24rpx 32rpx 48rpx;
 }
 
 .create-flow-panel {
   min-height: 1000rpx;
   background: url("/static/assets/modules/genealogy/transparent/g01-empty-panel-frame.png")
     center / 100% 100% no-repeat;
 }
diff --git a/tests/g03-create-flow-contract.ps1 b/tests/g03-create-flow-contract.ps1
index 4accfd6..89923c2 100644
--- a/tests/g03-create-flow-contract.ps1
+++ b/tests/g03-create-flow-contract.ps1
@@ -30,29 +30,32 @@ foreach ($required in @(
   'window.addEventListener("hashchange", syncFlowFromRoute)',
   'step=ancestor&genealogyId=',
   'const createState = ref("form");',
   'const ancestorState = ref("form");',
   'const fieldErrors = reactive({',
   'const duplicateReminderVisible = ref(false);',
   'class="duplicate-reminder-layer"',
   'if (isSubmitting.value) return;',
   '/pages/genealogy/g05-genealogy-overview?genealogyId=',
   'g01-empty-panel-frame.png',
-  'root-header-cinnabar.jpg',
   'a01-scroll-primary-v3.png',
   'create-flow-panel',
-  'flow-primary-action'
+  'flow-primary-action',
+  'import PageHeader from "@/components/PageHeader.vue";',
+  '<PageHeader',
+  'custom-back',
+  '@back="goBack"'
 )) {
   Assert-Contains -Content $g03 -Expected $required -Message "Missing G03 flow contract: $required"
 }
 
-foreach ($forbidden in @("from '@/utils/api.js'", 'appApi.', 'uni.showToast', 'uni.showModal', 'uni.showLoading', 'uni.showActionSheet', '/pages/tree/t01-tree-overview?genealogyId=')) {
+foreach ($forbidden in @("from '@/utils/api.js'", 'appApi.', 'uni.showToast', 'uni.showModal', 'uni.showLoading', 'uni.showActionSheet', '/pages/tree/t01-tree-overview?genealogyId=', 'class="flow-header"', 'flow-header__back', 'root-header-cinnabar.jpg')) {
   if ($g03 -match [regex]::Escape($forbidden)) { throw "G03 retains forbidden implementation: $forbidden" }
 }
 
 foreach ($className in @('create-flow-panel', 'flow-primary-action')) {
   Assert-NoCssSurface -Content $g03 -ClassName $className
 }
 
 if (-not (Test-Path -LiteralPath $panelPath)) { throw 'G03 requires the accepted genealogy paper panel bitmap' }
 Add-Type -AssemblyName System.Drawing
 $panel = [System.Drawing.Bitmap]::FromFile($panelPath)
diff --git a/tests/g03-document-flow-contract.ps1 b/tests/g03-document-flow-contract.ps1
index 0249541..654dfa7 100644
--- a/tests/g03-document-flow-contract.ps1
+++ b/tests/g03-document-flow-contract.ps1
@@ -1,15 +1,17 @@
 $ErrorActionPreference = 'Stop'
 $root = Split-Path -Parent $PSScriptRoot
 $page = Get-Content -LiteralPath (Join-Path $root 'pages/genealogy/g03-create-genealogy.vue') -Raw -Encoding utf8
 $style = [regex]::Match($page, '(?s)<style[^>]*>(.*?)</style>').Groups[1].Value
 $positions = [regex]::Matches([regex]::Replace($style, '(?s)/\*.*?\*/', ''), '(?m)\bposition\s*:\s*([^;]+);')
 if ($positions.Count -ne 1 -or $positions[0].Groups[1].Value.Trim() -ne 'fixed') {
   throw "G03 must retain only its combined fixed dialog layer rule; found $($positions.Count) position declarations"
 }
 foreach ($required in @(
-  'background: url("/static/assets/foundation/opaque/root-header-cinnabar.jpg")',
   'background: url("/static/assets/modules/genealogy/transparent/g01-empty-panel-frame.png")',
   'background: url("/static/assets/modules/auth/transparent/a01-scroll-dialog-v3.png")',
   'background: url("/static/assets/foundation/transparent/a01-scroll-primary-v3.png")'
 )) { if ($page -notmatch [regex]::Escape($required)) { throw "G03 is missing real asset background: $required" } }
+foreach ($forbidden in @('flow-header', 'root-header-cinnabar.jpg')) {
+  if ($page -match [regex]::Escape($forbidden)) { throw "G03 must not retain private header token: $forbidden" }
+}
 Write-Output 'G03-DOCUMENT-FLOW-CONTRACT PASS'
diff --git a/tests/g03-visual-states-contract.ps1 b/tests/g03-visual-states-contract.ps1
index 5342acb..cfb7911 100644
--- a/tests/g03-visual-states-contract.ps1
+++ b/tests/g03-visual-states-contract.ps1
@@ -2,22 +2,22 @@ $ErrorActionPreference = 'Stop'
 
 $root = Split-Path -Parent $PSScriptRoot
 $g03 = Get-Content -LiteralPath (Join-Path $root 'pages/genealogy/g03-create-genealogy.vue') -Raw -Encoding utf8
 
 function Assert-Match {
   param([string]$Content, [string]$Pattern, [string]$Message)
   if ($Content -notmatch $Pattern) { throw $Message }
 }
 
 if ($g03 -match '<text>返回</text>') { throw 'G03 header must use only the approved image back arrow' }
-Assert-Match -Content $g03 -Pattern '(?s)\.flow-header__back,\s*\.flow-header__side\s*\{[^}]*width:\s*72rpx;' -Message 'G03 header side slots must preserve centered title after removing back text'
-Assert-Match -Content $g03 -Pattern '(?s)\.flow-header__back-icon\s*\{[^}]*width:\s*34rpx;[^}]*height:\s*34rpx;' -Message 'G03 back arrow must use the approved visible size'
+Assert-Match -Content $g03 -Pattern '(?s)<PageHeader\s+:title="isAncestorStep \? .\u5F55\u5165\u9996\u4EE3\u4EBA\u7269. : .\u521B\u5EFA\u5BB6\u8C31."\s+custom-back\s+@back="goBack"\s*/>' -Message 'G03 must use PageHeader with its dynamic title and custom back handler'
+if ($g03 -match 'flow-header|flow-header__back|flow-header__title') { throw 'G03 must not retain a private header implementation' }
 Assert-Match -Content $g03 -Pattern '(?s)\.flow-note,\s*\.flow-rule__note\s*\{[^}]*font-size:\s*25rpx;' -Message 'G03 guidance copy must use the approved readable size'
 Assert-Match -Content $g03 -Pattern '(?s)\.flow-rule__option\s*\{[^}]*font-size:\s*23rpx;' -Message 'G03 visibility options must use the approved readable size'
 Assert-Match -Content $g03 -Pattern '(?s)\.field-error\s*\{[^}]*font-size:\s*24rpx;[^}]*line-height:\s*34rpx;' -Message 'G03 field errors must use the approved readable size'
 Assert-Match -Content $g03 -Pattern '(?s)\.flow-error\s*\{[^}]*font-size:\s*25rpx;[^}]*line-height:\s*36rpx;' -Message 'G03 submit errors must use the approved readable size'
 
 foreach ($asset in @('a01-scroll-dialog-v3.png', 'a01-scroll-primary-v3.png', 'a01-scroll-secondary-v3.png')) {
   if ($g03 -notmatch [regex]::Escape($asset)) { throw "G03 must retain approved shared asset: $asset" }
 }
 
 Write-Output 'G03-VISUAL-STATES-CONTRACT PASS'