YG-Soft/X-Financial
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

feat(web): update travel request and reimbursement views

Browse Source
This commit is contained in:
caoxiaozhu
2026-05-14 07:10:46 +00:00
parent 476d5fdf93
commit 4a72b977ba
4 changed files with 109 additions and 147 deletions
Download Patch File Download Diff File Expand all files Collapse all files

51
web/src/views/TravelRequestDetailView.vue
View File

@@ -3,40 +3,39 @@
<div class="approval-detail">
<div class="detail-scroll">
<article class="detail-hero panel">
<div class="hero-topline">
<div class="applicant-card">
<div class="portrait">{{ profile.avatar }}</div>
<div class="applicant-copy">
<h2>{{ profile.name }}</h2>
<p>{{ profile.position }}</p>
<div class="applicant-meta">
<div v-for="item in profile.facts" :key="item.label" class="applicant-meta-item">
<span>{{ item.label }}</span>
<strong>{{ item.value }}</strong>
<div class="hero-banner">
<div class="hero-banner-main">
<div class="applicant-card">
<div class="portrait">
<img src="/assets/person.png" alt="" />
</div>
<div class="applicant-copy">
<div class="applicant-name-row">
<h2>{{ profile.name }}</h2>
<span class="identity-badge">{{ profile.identity }}</span>
</div>
<div class="applicant-meta-line">
<span><em>部门</em><strong>{{ profile.department }}</strong></span>
<span><em>职级</em><strong>{{ profile.grade }}</strong></span>
<span><em>直属上司</em><strong>{{ profile.manager }}</strong></span>
</div>
</div>
</div>
</div>
<div class="hero-stat-strip">
<div v-for="stat in heroStats" :key="stat.label" :class="['hero-stat', { emphasis: stat.emphasis }]">
<span>{{ stat.label }}</span>
<strong v-if="stat.kind === 'text'">{{ stat.value }}</strong>
<b v-else :class="[stat.className, stat.tone]">{{ stat.value }}</b>
<div class="hero-fact-grid">
<div v-for="item in heroFactItems" :key="item.key" class="hero-fact">
<div class="hero-fact-label">
<i v-if="item.icon" :class="item.icon"></i>
<span>{{ item.label }}</span>
</div>
<strong :class="item.valueClass">{{ item.value }}</strong>
</div>
</div>
</div>
</div>
</article>
<div class="hero-summary-panel">
<div v-for="item in heroSummaryItems" :key="item.label" class="hero-summary-item">
<div class="hero-summary-label">
<span class="hero-summary-icon"><i :class="item.icon"></i></span>
<span>{{ item.label }}</span>
</div>
<strong>{{ item.value }}</strong>
</div>
</div>
<article class="progress-card panel">
<div class="progress-block">
<div class="progress-head">
<h3>{{ isTravelRequest ? '差旅进度' : '报销进度' }}</h3>