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
This commit is contained in:
caoxiaozhu
2026-05-12 07:23:29 +00:00
parent 4d748bcdeb
commit b1e67cc99b
3 changed files with 26 additions and 2 deletions

13
web/src/assets/header.svg Normal file
View File

@@ -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>

After

Width:  |  Height:  |  Size: 742 B

11
web/src/assets/person.svg Normal file
View File

@@ -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>

After

Width:  |  Height:  |  Size: 576 B

View File

@@ -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'