From b1e67cc99b5afe9ea1c504fd0e62727fef29bae8 Mon Sep 17 00:00:00 2001
From: caoxiaozhu <caoxiaozhu@users.noreply.github.com>
Date: Tue, 12 May 2026 07:23:29 +0000
Subject: [PATCH] feat(web): add SVG assets and update travel reimbursement
 script

- web/src/assets/header.svg: add header SVG asset
- web/src/assets/person.svg: add person SVG asset
- scripts/TravelReimbursementCreateView.js: update travel form logic
---
 web/src/assets/header.svg                           | 13 +++++++++++++
 web/src/assets/person.svg                           | 11 +++++++++++
 .../views/scripts/TravelReimbursementCreateView.js  |  4 ++--
 3 files changed, 26 insertions(+), 2 deletions(-)
 create mode 100644 web/src/assets/header.svg
 create mode 100644 web/src/assets/person.svg

diff --git a/web/src/assets/header.svg b/web/src/assets/header.svg
new file mode 100644
index 0000000..638581f
--- /dev/null
+++ b/web/src/assets/header.svg
@@ -0,0 +1,13 @@
+<svg width="64" height="64" viewBox="0 0 64 64" fill="none" xmlns="http://www.w3.org/2000/svg">
+  <defs>
+    <linearGradient id="headerGradient" x1="12" y1="10" x2="54" y2="56" gradientUnits="userSpaceOnUse">
+      <stop stop-color="#34D399"/>
+      <stop offset="1" stop-color="#059669"/>
+    </linearGradient>
+  </defs>
+  <circle cx="32" cy="32" r="32" fill="url(#headerGradient)"/>
+  <circle cx="32" cy="32" r="22" fill="white" fill-opacity="0.16"/>
+  <rect x="18" y="18" width="28" height="28" rx="14" fill="white" fill-opacity="0.18"/>
+  <path d="M24 37L28.8 25H31.4L36.2 37H33.4L32.4 34.3H27.7L26.7 37H24ZM28.5 32.2H31.7L30.1 27.8L28.5 32.2Z" fill="white"/>
+  <path d="M37.9 37V25H40.6V29.6H44.7V32H40.6V37H37.9Z" fill="white"/>
+</svg>
diff --git a/web/src/assets/person.svg b/web/src/assets/person.svg
new file mode 100644
index 0000000..ffb3f20
--- /dev/null
+++ b/web/src/assets/person.svg
@@ -0,0 +1,11 @@
+<svg width="64" height="64" viewBox="0 0 64 64" fill="none" xmlns="http://www.w3.org/2000/svg">
+  <defs>
+    <linearGradient id="personGradient" x1="14" y1="10" x2="52" y2="56" gradientUnits="userSpaceOnUse">
+      <stop stop-color="#60A5FA"/>
+      <stop offset="1" stop-color="#2563EB"/>
+    </linearGradient>
+  </defs>
+  <circle cx="32" cy="32" r="32" fill="url(#personGradient)"/>
+  <circle cx="32" cy="24" r="10" fill="white" fill-opacity="0.94"/>
+  <path d="M18 48C18 40.268 24.268 34 32 34C39.732 34 46 40.268 46 48V50H18V48Z" fill="white" fill-opacity="0.94"/>
+</svg>
diff --git a/web/src/views/scripts/TravelReimbursementCreateView.js b/web/src/views/scripts/TravelReimbursementCreateView.js
index 95be99a..4d9b169 100644
--- a/web/src/views/scripts/TravelReimbursementCreateView.js
+++ b/web/src/views/scripts/TravelReimbursementCreateView.js
@@ -1,7 +1,7 @@
 import { computed, nextTick, onBeforeUnmount, onMounted, ref } from 'vue'
 
-import aiAvatar from '../../assets/header.svg'
-import userAvatar from '../../assets/person.svg'
+import aiAvatar from '../../assets/header.svg?no-inline'
+import userAvatar from '../../assets/person.svg?no-inline'
 import { useSystemState } from '../../composables/useSystemState.js'
 import { recognizeOcrFiles } from '../../services/ocr.js'
 import { runOrchestrator } from '../../services/orchestrator.js'