feat: 新增预算费控模型与报销审批流引擎

后端新增预算费控服务和报销单审批流模块，引入申请人费用画像
算法，优化知识库 RAG 运行时和同步逻辑，完善报销单工作流常
量和明细同步，更新差旅报销规则电子表格，前端新增预算分析
组件和数字员工模型，完善审批对话框和洞察面板交互，优化侧
边栏和顶栏样式，补充单元测试。

web/src/components/travel/TravelReimbursementInsightPanel.vue

@@ -16,6 +16,7 @@
         </div>
         <div v-else class="review-insight-title-row">
           <div class="review-insight-title-copy">
+            <i v-if="!ui.activeReviewPayload && ui.isReviewFlowDrawer" :class="ui.reviewFlowDrawerIcon" class="title-icon"></i>
             <h3>{{ ui.reviewDrawerTitle }}</h3>
           </div>
         </div>
@@ -23,7 +24,7 @@
         <p v-if="!ui.activeReviewPayload && !ui.isReviewFlowDrawer">{{ ui.currentInsight.summary }}</p>
       </div>
 
-      <div v-if="ui.activeReviewPayload || ui.isReviewFlowDrawer" class="review-insight-tools">
+      <div v-if="ui.activeReviewPayload" class="review-insight-tools">
         <button
           v-if="ui.activeReviewPayload && ui.reviewOverviewDrawerAvailable"
           type="button"

web/src/components/travel/TravelRequestApprovalDialog.vue

@@ -14,21 +14,6 @@
     @close="emit('close')"
     @confirm="emit('confirm')"
   >
-    <div class="submit-confirm-summary" aria-label="领导审批通过摘要">
-      <div class="submit-confirm-row">
-        <span>单据编号</span>
-        <strong>{{ documentNo }}</strong>
-      </div>
-      <div class="submit-confirm-row">
-        <span>当前节点</span>
-        <strong>{{ node }}</strong>
-      </div>
-      <div class="submit-confirm-row">
-        <span>{{ summaryLabel }}</span>
-        <strong>{{ nextStage }}</strong>
-      </div>
-    </div>
-
     <label class="approval-opinion-field">
       <span>
         {{ opinionTitle }}
@@ -64,10 +49,6 @@ const props = defineProps({
   confirmText: { type: String, required: true },
   busyText: { type: String, required: true },
   busy: { type: Boolean, required: true },
-  documentNo: { type: [String, Number], required: true },
-  node: { type: String, default: '' },
-  summaryLabel: { type: String, required: true },
-  nextStage: { type: String, required: true },
   opinionTitle: { type: String, required: true },
   opinion: { type: String, default: '' },
   opinionPlaceholder: { type: String, default: '' },

web/src/components/travel/TravelRequestBudgetAnalysis.vue

@@ -0,0 +1,293 @@
+<template>
+  <section class="application-budget-analysis" aria-label="预算分析">
+    <div class="application-budget-analysis__head">
+      <span><i class="mdi mdi-chart-donut"></i>预算分析</span>
+      <strong v-if="analysis && !loading">{{ scoreLabel }}</strong>
+    </div>
+
+    <div v-if="loading" class="application-budget-analysis__state">正在读取预算管控模型...</div>
+    <div v-else-if="error" class="application-budget-analysis__state danger">{{ error }}</div>
+    <div v-else-if="analysis" class="application-budget-analysis__body">
+      <div class="application-budget-analysis__metrics">
+        <article v-for="metric in metrics" :key="metric.key">
+          <span>{{ metric.label }}</span>
+          <strong>{{ metric.value }}</strong>
+        </article>
+      </div>
+
+      <div class="application-budget-analysis__summary">
+        <div :class="['application-budget-score', analysis.risk_level || 'low']">
+          <span>{{ analysis.score }}</span>
+          <em>综合评分</em>
+        </div>
+        <p>{{ analysis.summary }}</p>
+      </div>
+
+      <div class="application-budget-analysis__lists">
+        <div>
+          <span>规则依据</span>
+          <ul>
+            <li v-for="item in analysis.basis" :key="item">{{ item }}</li>
+          </ul>
+        </div>
+        <div>
+          <span>模型建议</span>
+          <ul>
+            <li v-for="item in analysis.suggestions" :key="item">{{ item }}</li>
+          </ul>
+        </div>
+      </div>
+    </div>
+  </section>
+</template>
+
+<script setup>
+import { computed, ref, watch } from 'vue'
+
+import { fetchExpenseClaimBudgetAnalysis } from '../../services/reimbursements.js'
+
+const props = defineProps({
+  claimId: { type: String, default: '' }
+})
+
+const analysis = ref(null)
+const loading = ref(false)
+const error = ref('')
+
+const scoreLabel = computed(() => {
+  const labels = {
+    recommended: '建议通过',
+    caution: '谨慎通过',
+    review: '需要复核',
+    block: '不建议直接通过',
+    reference: '参考口径'
+  }
+  return labels[String(analysis.value?.rating || '').trim()] || '模型建议'
+})
+
+const metrics = computed(() => {
+  const metric = analysis.value?.metrics || {}
+  return [
+    { key: 'total', label: '当前预算额度', value: formatMoney(metric.total_amount) },
+    { key: 'ratio', label: '此次费用占预算', value: formatPercent(metric.claim_amount_ratio) },
+    { key: 'after', label: '审批后使用率', value: formatPercent(metric.after_usage_rate) },
+    { key: 'available', label: '当前可用预算', value: formatMoney(metric.available_amount) }
+  ]
+})
+
+watch(
+  () => props.claimId,
+  (claimId) => {
+    loadAnalysis(claimId)
+  },
+  { immediate: true }
+)
+
+async function loadAnalysis(claimId) {
+  const normalizedClaimId = String(claimId || '').trim()
+  analysis.value = null
+  error.value = ''
+  if (!normalizedClaimId) {
+    return
+  }
+
+  loading.value = true
+  try {
+    analysis.value = await fetchExpenseClaimBudgetAnalysis(normalizedClaimId)
+  } catch (err) {
+    error.value = err?.message || '预算分析加载失败，请稍后重试。'
+  } finally {
+    loading.value = false
+  }
+}
+
+function formatMoney(value) {
+  const amount = Number(value)
+  if (!Number.isFinite(amount)) {
+    return '待匹配'
+  }
+  return `${amount.toLocaleString('zh-CN', { minimumFractionDigits: 2, maximumFractionDigits: 2 })} 元`
+}
+
+function formatPercent(value) {
+  const amount = Number(value)
+  if (!Number.isFinite(amount)) {
+    return '0.00%'
+  }
+  return `${amount.toFixed(2)}%`
+}
+</script>
+
+<style scoped>
+.application-budget-analysis {
+  display: grid;
+  gap: 14px;
+  margin-top: 18px;
+  padding-top: 18px;
+  border-top: 1px solid #e2e8f0;
+}
+
+.application-budget-analysis__head {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  gap: 12px;
+}
+
+.application-budget-analysis__head span {
+  display: inline-flex;
+  align-items: center;
+  gap: 8px;
+  color: #0f172a;
+  font-size: 15px;
+  font-weight: 850;
+}
+
+.application-budget-analysis__head i {
+  color: var(--theme-primary-active);
+  font-size: 18px;
+}
+
+.application-budget-analysis__head strong {
+  border-radius: 999px;
+  padding: 4px 10px;
+  background: rgba(var(--theme-primary-rgb), .1);
+  color: var(--theme-primary-active);
+  font-size: 12px;
+}
+
+.application-budget-analysis__state {
+  border-radius: 8px;
+  padding: 10px 12px;
+  background: #f8fafc;
+  color: #64748b;
+  font-size: 13px;
+}
+
+.application-budget-analysis__state.danger {
+  background: #fff1f2;
+  color: #be123c;
+}
+
+.application-budget-analysis__body {
+  display: grid;
+  gap: 14px;
+}
+
+.application-budget-analysis__metrics {
+  display: grid;
+  grid-template-columns: repeat(4, minmax(0, 1fr));
+  gap: 10px;
+}
+
+.application-budget-analysis__metrics article {
+  min-width: 0;
+  border-radius: 8px;
+  padding: 10px 12px;
+  background: #f8fafc;
+  border: 1px solid #e2e8f0;
+}
+
+.application-budget-analysis__metrics span,
+.application-budget-analysis__lists span {
+  display: block;
+  color: #64748b;
+  font-size: 12px;
+  font-weight: 750;
+}
+
+.application-budget-analysis__metrics strong {
+  display: block;
+  margin-top: 5px;
+  color: #0f172a;
+  font-size: 15px;
+  font-weight: 850;
+}
+
+.application-budget-analysis__summary {
+  display: grid;
+  grid-template-columns: auto minmax(0, 1fr);
+  gap: 12px;
+  align-items: center;
+  border-radius: 8px;
+  padding: 12px;
+  background: #fff;
+  border: 1px solid #e2e8f0;
+}
+
+.application-budget-analysis__summary p {
+  margin: 0;
+  color: #334155;
+  font-size: 13px;
+  line-height: 1.7;
+}
+
+.application-budget-score {
+  display: grid;
+  place-items: center;
+  width: 72px;
+  height: 72px;
+  border-radius: 50%;
+  background: #eef6ff;
+  color: #2563eb;
+}
+
+.application-budget-score.medium {
+  background: #fff7ed;
+  color: #c2410c;
+}
+
+.application-budget-score.high {
+  background: #fff1f2;
+  color: #be123c;
+}
+
+.application-budget-score span {
+  font-size: 22px;
+  font-weight: 900;
+  line-height: 1;
+}
+
+.application-budget-score em {
+  font-style: normal;
+  font-size: 11px;
+  font-weight: 800;
+}
+
+.application-budget-analysis__lists {
+  display: grid;
+  grid-template-columns: repeat(2, minmax(0, 1fr));
+  gap: 12px;
+}
+
+.application-budget-analysis__lists > div {
+  border-radius: 8px;
+  padding: 12px;
+  background: #f8fafc;
+  border: 1px solid #e2e8f0;
+}
+
+.application-budget-analysis__lists ul {
+  margin: 8px 0 0;
+  padding-left: 18px;
+  color: #334155;
+  font-size: 12px;
+  line-height: 1.7;
+}
+
+@media (max-width: 900px) {
+  .application-budget-analysis__metrics,
+  .application-budget-analysis__lists {
+    grid-template-columns: 1fr 1fr;
+  }
+}
+
+@media (max-width: 640px) {
+  .application-budget-analysis__metrics,
+  .application-budget-analysis__lists,
+  .application-budget-analysis__summary {
+    grid-template-columns: 1fr;
+  }
+}
+</style>
+