From d5a8f84703464b2858b1bc2df199eb9336755ad8 Mon Sep 17 00:00:00 2001
From: caoxiaozhu <caoxiaozhu@users.noreply.github.com>
Date: Fri, 26 Jun 2026 22:42:29 +0800
Subject: [PATCH] =?UTF-8?q?refactor(web):=20=E5=BA=94=E7=94=A8=E5=A4=96?=
 =?UTF-8?q?=E5=A3=B3/=E5=B7=AE=E6=97=85=E8=AF=A6=E6=83=85/=E6=8A=A5?=
 =?UTF-8?q?=E9=94=80=E5=88=9B=E5=BB=BA=E8=A7=86=E5=9B=BE=E9=80=82=E9=85=8D?=
 =?UTF-8?q?=E4=B8=BB=E9=A2=98=E4=B8=8E=E5=A4=9A=20task?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

- AppShellRouteView/useAppShell 适配主题皮肤与会话入口
- TravelRequestDetailView/travelRequestDetailSetup 差旅详情适配，travel-request-detail-view.css 调整
- TravelReimbursementCreateView/useTravelReimbursementCreateViewLifecycle 创建视图适配
- 更新 app-shell-financial-assistant-entry/travel-request-detail-risk-advice 测试
---
 .../views/travel-request-detail-view.css      |  80 ++++++-
 web/src/composables/useAppShell.js            |  12 +-
 web/src/views/AppShellRouteView.vue           |   1 +
 web/src/views/TravelRequestDetailView.vue     |  88 ++++++-
 .../scripts/TravelReimbursementCreateView.js  |   4 +
 .../views/scripts/travelRequestDetailSetup.js | 216 ++++++++++++++++--
 ...eTravelReimbursementCreateViewLifecycle.js |   6 +-
 ...p-shell-financial-assistant-entry.test.mjs |   9 +-
 ...travel-request-detail-risk-advice.test.mjs |  38 +--
 9 files changed, 396 insertions(+), 58 deletions(-)

diff --git a/web/src/assets/styles/views/travel-request-detail-view.css b/web/src/assets/styles/views/travel-request-detail-view.css
index e8476a0..b09db59 100644
--- a/web/src/assets/styles/views/travel-request-detail-view.css
+++ b/web/src/assets/styles/views/travel-request-detail-view.css
@@ -616,8 +616,8 @@
   border-left: 0;
 }
 
-.application-detail-fact span,
-.application-detail-fact strong {
+.application-detail-fact > span,
+.application-detail-fact > strong {
   display: flex;
   align-items: center;
   min-width: 0;
@@ -625,7 +625,7 @@
   line-height: 1.5;
 }
 
-.application-detail-fact span {
+.application-detail-fact > span {
   background: #f8fafc;
   color: #64748b;
   font-size: 12px;
@@ -637,10 +637,11 @@
   color: #0f172a;
   font-size: 13px;
   font-weight: 750;
+  gap: 8px;
   overflow-wrap: anywhere;
 }
 
-.application-detail-fact.highlight span {
+.application-detail-fact.highlight > span {
   background: var(--theme-primary-soft);
   color: var(--theme-primary-active);
 }
@@ -654,6 +655,77 @@
   font-weight: 850;
 }
 
+.application-detail-fact-value {
+  min-width: 0;
+  flex: 1 1 auto;
+  overflow-wrap: anywhere;
+}
+
+.application-detail-edit-btn,
+.application-detail-edit-confirm,
+.application-detail-edit-cancel {
+  flex: 0 0 auto;
+  width: 24px;
+  height: 24px;
+  display: inline-grid;
+  place-items: center;
+  border: 1px solid transparent;
+  border-radius: 4px;
+  background: transparent;
+  color: #64748b;
+  cursor: pointer;
+}
+
+.application-detail-edit-btn {
+  opacity: 0;
+  transition:
+    opacity 0.16s ease,
+    background 0.16s ease,
+    color 0.16s ease;
+}
+
+.application-detail-fact.editable:hover .application-detail-edit-btn,
+.application-detail-edit-btn:focus-visible {
+  opacity: 1;
+}
+
+.application-detail-edit-btn:hover:not(:disabled),
+.application-detail-edit-btn:focus-visible,
+.application-detail-edit-confirm:hover:not(:disabled),
+.application-detail-edit-cancel:hover:not(:disabled) {
+  background: rgba(var(--theme-primary-rgb, 58, 124, 165), 0.1);
+  color: var(--theme-primary-active);
+}
+
+.application-detail-edit-confirm {
+  background: rgba(22, 163, 74, 0.1);
+  color: #15803d;
+}
+
+.application-detail-edit-cancel {
+  background: #f1f5f9;
+}
+
+.application-detail-edit-btn:disabled,
+.application-detail-edit-confirm:disabled,
+.application-detail-edit-cancel:disabled {
+  cursor: not-allowed;
+  opacity: 0.45;
+}
+
+.application-detail-fact.editing strong {
+  align-items: center;
+}
+
+.application-detail-editor-control {
+  flex: 1 1 auto;
+  min-width: 0;
+}
+
+.application-detail-editor-select {
+  width: 100%;
+}
+
 .related-application-facts {
   margin-top: 0;
 }
diff --git a/web/src/composables/useAppShell.js b/web/src/composables/useAppShell.js
index 0c28770..cf17120 100644
--- a/web/src/composables/useAppShell.js
+++ b/web/src/composables/useAppShell.js
@@ -56,7 +56,8 @@ export function useAppShell() {
     sessionType: '',
     budgetContext: null,
     initialPromptAutoSubmit: true,
-    initialApplicationPreview: null
+    initialApplicationPreview: null,
+    initialDraftPayload: null
   })
   const smartEntrySessionId = ref(0)
   const smartEntryRevealToken = ref(0)
@@ -337,7 +338,8 @@ export function useAppShell() {
       sessionType: '',
       budgetContext: null,
       initialPromptAutoSubmit: true,
-      initialApplicationPreview: null
+      initialApplicationPreview: null,
+      initialDraftPayload: null
     }
     smartEntrySessionId.value += 1
   }
@@ -504,7 +506,8 @@ export function useAppShell() {
           ? payload.budgetContext
           : null,
         initialPromptAutoSubmit: false,
-        initialApplicationPreview: null
+        initialApplicationPreview: null,
+        initialDraftPayload: null
       }
       smartEntrySessionId.value += 1
       return
@@ -531,6 +534,9 @@ export function useAppShell() {
       initialPromptAutoSubmit: payload.initialPromptAutoSubmit !== false,
       initialApplicationPreview: payload.applicationPreview && typeof payload.applicationPreview === 'object'
         ? payload.applicationPreview
+        : null,
+      initialDraftPayload: payload.draftPayload && typeof payload.draftPayload === 'object'
+        ? payload.draftPayload
         : null
     }
     smartEntrySessionId.value += 1
diff --git a/web/src/views/AppShellRouteView.vue b/web/src/views/AppShellRouteView.vue
index 6076694..65e3768 100644
--- a/web/src/views/AppShellRouteView.vue
+++ b/web/src/views/AppShellRouteView.vue
@@ -227,6 +227,7 @@
       :initial-budget-context="smartEntryContext.budgetContext"
       :initial-prompt-auto-submit="smartEntryContext.initialPromptAutoSubmit"
       :initial-application-preview="smartEntryContext.initialApplicationPreview"
+      :initial-draft-payload="smartEntryContext.initialDraftPayload"
       :entry-source="smartEntryContext.source"
       :request-context="smartEntryContext.request"
       :invalidated-draft-claim-id="smartEntryInvalidatedDraftClaimId"
diff --git a/web/src/views/TravelRequestDetailView.vue b/web/src/views/TravelRequestDetailView.vue
index 675fa8c..9f34626 100644
--- a/web/src/views/TravelRequestDetailView.vue
+++ b/web/src/views/TravelRequestDetailView.vue
@@ -43,10 +43,84 @@
                   v-for="item in applicationDetailFactItems"
                   :key="item.key"
                   class="application-detail-fact"
-                  :class="{ highlight: item.highlight, emphasis: item.emphasis }"
+                  :class="{
+                    highlight: item.highlight,
+                    emphasis: item.emphasis,
+                    editable: canEditApplicationDetailItem(item),
+                    editing: isApplicationDetailEditing(item)
+                  }"
                 >
                   <span>{{ item.label }}</span>
-                  <strong>{{ item.value }}</strong>
+                  <strong>
+                    <template v-if="isApplicationDetailEditing(item)">
+                      <ElDatePicker
+                        v-if="resolveApplicationDetailEditorControl(item) === 'date'"
+                        v-model="applicationDetailEditor.draftValue"
+                        class="application-detail-editor-control"
+                        type="date"
+                        value-format="YYYY-MM-DD"
+                        format="YYYY/MM/DD"
+                        popper-class="detail-editor-date-popper"
+                        :clearable="false"
+                        :disabled="applicationDetailEditor.saving"
+                        @click.stop
+                      />
+                      <EnterpriseSelect
+                        v-else-if="resolveApplicationDetailEditorControl(item) === 'select'"
+                        v-model="applicationDetailEditor.draftValue"
+                        class="application-detail-editor-control application-detail-editor-select"
+                        :options="APPLICATION_TRANSPORT_MODE_OPTIONS"
+                        clearable
+                        :teleported="false"
+                        :disabled="applicationDetailEditor.saving"
+                        @click.stop
+                      />
+                      <ElInput
+                        v-else
+                        v-model="applicationDetailEditor.draftValue"
+                        class="application-detail-editor-control"
+                        clearable
+                        :disabled="applicationDetailEditor.saving"
+                        @click.stop
+                        @keydown.enter.stop.prevent="saveApplicationDetailEdit(item)"
+                        @keydown.esc.stop.prevent="cancelApplicationDetailEditor"
+                      />
+                      <button
+                        class="application-detail-edit-confirm"
+                        type="button"
+                        title="保存"
+                        aria-label="保存"
+                        :disabled="applicationDetailEditor.saving"
+                        @click.stop="saveApplicationDetailEdit(item)"
+                      >
+                        <i :class="applicationDetailEditor.saving ? 'mdi mdi-loading mdi-spin' : 'mdi mdi-check'"></i>
+                      </button>
+                      <button
+                        class="application-detail-edit-cancel"
+                        type="button"
+                        title="取消"
+                        aria-label="取消"
+                        :disabled="applicationDetailEditor.saving"
+                        @click.stop="cancelApplicationDetailEditor"
+                      >
+                        <i class="mdi mdi-close"></i>
+                      </button>
+                    </template>
+                    <template v-else>
+                      <span class="application-detail-fact-value">{{ item.value }}</span>
+                      <button
+                        v-if="canEditApplicationDetailItem(item)"
+                        class="application-detail-edit-btn"
+                        type="button"
+                        title="编辑"
+                        aria-label="编辑"
+                        :disabled="actionBusy"
+                        @click.stop="openApplicationDetailEditor(item)"
+                      >
+                        <i class="mdi mdi-pencil-outline"></i>
+                      </button>
+                    </template>
+                  </strong>
                 </div>
               </div>
               <TravelRequestBudgetAnalysis
@@ -458,16 +532,6 @@
             <i class="mdi mdi-trash-can-outline"></i>
             {{ deleteBusy ? '删除中' : deleteActionLabel }}
           </button>
-          <button
-            v-if="canModifyReturnedApplication"
-            class="secondary-action"
-            type="button"
-            :disabled="actionBusy"
-            @click="handleModifyApplication"
-          >
-            <i class="mdi mdi-pencil-outline"></i>
-            修改申请
-          </button>
           <button class="approve-action" type="button" :disabled="!canSubmit" @click="handleSubmit">
             <i :class="submitActionIcon"></i>
             {{ submitActionLabel }}
diff --git a/web/src/views/scripts/TravelReimbursementCreateView.js b/web/src/views/scripts/TravelReimbursementCreateView.js
index f165c34..288a327 100644
--- a/web/src/views/scripts/TravelReimbursementCreateView.js
+++ b/web/src/views/scripts/TravelReimbursementCreateView.js
@@ -94,6 +94,10 @@ export default {
       type: Object,
       default: null
     },
+    initialDraftPayload: {
+      type: Object,
+      default: null
+    },
     initialFiles: {
       type: Array,
       default: () => []
diff --git a/web/src/views/scripts/travelRequestDetailSetup.js b/web/src/views/scripts/travelRequestDetailSetup.js
index a6aaabd..1b034a4 100644
--- a/web/src/views/scripts/travelRequestDetailSetup.js
+++ b/web/src/views/scripts/travelRequestDetailSetup.js
@@ -2,6 +2,11 @@ import { computed, onBeforeUnmount, reactive, ref, watch } from 'vue'
 
 import { useSystemState } from '../../composables/useSystemState.js'
 import { useToast } from '../../composables/useToast.js'
+import {
+  AI_APPLICATION_ACTION_SAVE_DRAFT,
+  runAiApplicationPreviewAction
+} from '../../services/aiApplicationPreviewActions.js'
+import { calculateTravelReimbursement } from '../../services/reimbursements.js'
 import {
   canApproveBudgetExpenseApplications,
   canApproveLeaderExpenseClaims,
@@ -23,6 +28,13 @@ import {
 import { buildRiskViewerContext } from '../../utils/riskVisibility.js'
 import { resolveProgressStepsForViewer } from '../../utils/requestProgressViewer.js'
 import { isArchivedRequestView, normalizeRequestForUi } from '../../utils/requestViewModel.js'
+import {
+  APPLICATION_TRANSPORT_MODE_OPTIONS,
+  applyApplicationPolicyEstimateError,
+  applyApplicationPolicyEstimateResult,
+  buildApplicationPolicyEstimateRequest,
+  normalizeApplicationPreview
+} from '../../utils/expenseApplicationPreview.js'
 import {
   EXPENSE_TYPE_OPTIONS,
   buildFallbackExpenseItems,
@@ -43,6 +55,11 @@ export function useTravelRequestDetailSetup(props, { emit }) {
   const { currentUser } = useSystemState()
   const expenseItems = ref([])
   const expenseAttachmentMeta = reactive({})
+  const applicationDetailEditor = reactive({
+    fieldKey: '',
+    draftValue: '',
+    saving: false
+  })
   const riskFlagPreviewSnapshot = ref(null)
   let actionBusy = { value: false }
   const getActionBusy = () => Boolean(actionBusy?.value)
@@ -92,11 +109,10 @@ export function useTravelRequestDetailSetup(props, { emit }) {
   const isEditableRequest = computed(() => ['draft', 'supplement'].includes(request.value.approvalKey))
   const canOpenAiEntry = computed(() => isEditableRequest.value)
   const isCurrentApplicant = computed(() => isCurrentRequestApplicant(request.value, currentUser.value))
-  const canModifyReturnedApplication = computed(() => (
+  const canModifyApplication = computed(() => (
     isApplicationDocument.value
     && isEditableRequest.value
     && isCurrentApplicant.value
-    && String(request.value.status || '').trim().toLowerCase() === 'returned'
   ))
   const canManageCurrentClaim = computed(() => canManageExpenseClaims(currentUser.value))
   const isArchivedRequest = computed(() => isArchivedRequestView(request.value))
@@ -261,6 +277,7 @@ export function useTravelRequestDetailSetup(props, { emit }) {
     || approvalFlow.returnBusy.value
     || approvalFlow.approveBusy.value
     || paymentFlow.payBusy.value
+    || applicationDetailEditor.saving
     || smartEntryRecognitionBusy.value
     || Boolean(uploadingExpenseId.value)
     || Boolean(deletingAttachmentId.value)
@@ -350,6 +367,15 @@ export function useTravelRequestDetailSetup(props, { emit }) {
   )
   const applicationDetailFactItems = computed(() => buildApplicationDetailFactItems(request.value))
   const relatedApplicationFactItems = computed(() => buildRelatedApplicationFactItems(request.value))
+  const applicationEditEditableFields = ['reason', 'time', 'location', 'transportMode']
+  const applicationDetailEditableFactKeys = new Set([
+    'reason',
+    'location',
+    'transport_mode',
+    'trip_start_time',
+    'trip_return_time',
+    'time'
+  ])
 
   watch(
     request,
@@ -366,6 +392,7 @@ export function useTravelRequestDetailSetup(props, { emit }) {
         attachmentPreview.closeAttachmentPreview()
       }
       expenseEditor.resetExpenseWorkState()
+      cancelApplicationDetailEditor()
       void attachmentPreview.syncExpenseAttachmentMeta()
     },
     { immediate: true }
@@ -403,6 +430,8 @@ export function useTravelRequestDetailSetup(props, { emit }) {
     return {
       sourceText: '修改申请',
       modelReviewStatus: 'template',
+      applicationEditMode: true,
+      editableFields: applicationEditEditableFields,
       fields: {
         applicationType: pickFact('申请类型') || request.value.typeLabel || '费用申请',
         applicant: request.value.profileName || request.value.person || request.value.applicant || '',
@@ -424,27 +453,163 @@ export function useTravelRequestDetailSetup(props, { emit }) {
     }
   }
 
-  function handleModifyApplication() {
-    if (!canModifyReturnedApplication.value) {
+  function buildApplicationEditDraftPayload() {
+    const claimId = String(request.value?.claimId || '').trim()
+    const claimNo = String(request.value?.claimNo || request.value?.documentNo || request.value?.id || '').trim()
+    return {
+      draft_type: 'expense_application',
+      document_type: 'expense_application',
+      claim_id: claimId,
+      claim_no: claimNo,
+      status: String(request.value?.status || request.value?.approvalKey || '').trim(),
+      approval_stage: String(request.value?.node || request.value?.approvalStage || '待提交').trim(),
+      title: String(request.value?.typeLabel || '费用申请').trim(),
+      application_edit_mode: true
+    }
+  }
+
+  function normalizeApplicationDetailEditorValue(value = '') {
+    const text = String(value || '').trim()
+    return text === '待补充' ? '' : text
+  }
+
+  function resolveApplicationDetailFactValue(key = '') {
+    const targetKey = String(key || '').trim()
+    return String(applicationDetailFactItems.value.find((item) => item?.key === targetKey)?.value || '').trim()
+  }
+
+  function buildApplicationDetailDateRange(startDate = '', endDate = '') {
+    const start = String(startDate || '').trim()
+    const end = String(endDate || '').trim()
+    if (!start && !end) return ''
+    if (!start) return end
+    if (!end || end === start) return start
+    return `${start} 至 ${end}`
+  }
+
+  function resolveApplicationDetailDays(startDate = '', endDate = '') {
+    const start = String(startDate || '').trim()
+    const end = String(endDate || '').trim()
+    if (!start || !end) return ''
+    const startTime = new Date(`${start}T00:00:00`).getTime()
+    const endTime = new Date(`${end}T00:00:00`).getTime()
+    if (!Number.isFinite(startTime) || !Number.isFinite(endTime) || endTime < startTime) {
+      return ''
+    }
+    return `${Math.round((endTime - startTime) / 86400000) + 1}天`
+  }
+
+  function canEditApplicationDetailItem(item = {}) {
+    return (
+      canModifyApplication.value
+      && applicationDetailEditableFactKeys.has(String(item?.key || '').trim())
+    )
+  }
+
+  function isApplicationDetailEditing(item = {}) {
+    return String(applicationDetailEditor.fieldKey || '') === String(item?.key || '')
+  }
+
+  function resolveApplicationDetailEditorControl(item = {}) {
+    const key = String(item?.key || '').trim()
+    if (['trip_start_time', 'trip_return_time', 'time'].includes(key)) {
+      return 'date'
+    }
+    if (key === 'transport_mode') {
+      return 'select'
+    }
+    return 'text'
+  }
+
+  function openApplicationDetailEditor(item = {}) {
+    if (!canEditApplicationDetailItem(item) || applicationDetailEditor.saving) {
+      return
+    }
+    applicationDetailEditor.fieldKey = String(item.key || '').trim()
+    applicationDetailEditor.draftValue = normalizeApplicationDetailEditorValue(item.value)
+  }
+
+  function cancelApplicationDetailEditor() {
+    applicationDetailEditor.fieldKey = ''
+    applicationDetailEditor.draftValue = ''
+  }
+
+  function buildEditedApplicationPreview(item = {}) {
+    const key = String(item?.key || '').trim()
+    const nextValue = normalizeApplicationDetailEditorValue(applicationDetailEditor.draftValue)
+    const preview = buildApplicationEditPreview()
+    const fields = { ...(preview.fields || {}) }
+
+    if (key === 'reason') {
+      fields.reason = nextValue
+    } else if (key === 'location') {
+      fields.location = nextValue
+    } else if (key === 'transport_mode') {
+      fields.transportMode = nextValue
+    } else if (key === 'time') {
+      fields.time = nextValue
+    } else if (key === 'trip_start_time' || key === 'trip_return_time') {
+      const startDate = key === 'trip_start_time'
+        ? nextValue
+        : resolveApplicationDetailFactValue('trip_start_time')
+      const endDate = key === 'trip_return_time'
+        ? nextValue
+        : resolveApplicationDetailFactValue('trip_return_time')
+      fields.time = buildApplicationDetailDateRange(startDate, endDate)
+      fields.days = resolveApplicationDetailDays(startDate, endDate) || fields.days
+    }
+
+    return normalizeApplicationPreview({
+      ...preview,
+      fields
+    })
+  }
+
+  async function refreshEditedApplicationPreviewEstimate(preview = {}) {
+    const estimateRequest = buildApplicationPolicyEstimateRequest(preview, currentUser.value || {})
+    if (!estimateRequest.canCalculate) {
+      return preview
+    }
+    try {
+      const result = await calculateTravelReimbursement(estimateRequest.payload)
+      return applyApplicationPolicyEstimateResult(preview, result, currentUser.value || {})
+    } catch (error) {
+      return applyApplicationPolicyEstimateError(preview, error, currentUser.value || {})
+    }
+  }
+
+  async function saveApplicationDetailEdit(item = {}) {
+    if (!isApplicationDetailEditing(item) || applicationDetailEditor.saving) {
+      return
+    }
+    if (!String(request.value?.claimId || '').trim()) {
+      toast('当前申请缺少单据标识，暂不能修改。')
       return
     }
 
-    const claimId = String(request.value?.claimId || '').trim()
-    emit('openAssistant', {
-      source: 'application',
-      sessionType: 'application',
-      prompt: '',
-      applicationPreview: buildApplicationEditPreview(),
-      request: {
-        ...request.value,
-        applicationEditMode: true
-      },
-      restoreLatestConversation: false,
-      initialPromptAutoSubmit: false,
-      scope: claimId
-        ? { type: 'claim', claimId }
-        : null
-    })
+    applicationDetailEditor.saving = true
+    try {
+      const preview = await refreshEditedApplicationPreviewEstimate(buildEditedApplicationPreview(item))
+      const payload = await runAiApplicationPreviewAction({
+        actionType: AI_APPLICATION_ACTION_SAVE_DRAFT,
+        applicationPreview: preview,
+        currentUser: currentUser.value || {},
+        draftPayload: buildApplicationEditDraftPayload()
+      })
+      const draftPayload = payload?.result?.draft_payload || payload?.draft_payload || {}
+      emit('request-updated', {
+        claimId: String(draftPayload.claim_id || request.value.claimId || '').trim(),
+        claimNo: String(draftPayload.claim_no || request.value.claimNo || request.value.documentNo || '').trim(),
+        status: String(draftPayload.status || request.value.status || '').trim(),
+        approvalStage: String(draftPayload.approval_stage || request.value.node || '').trim()
+      })
+      cancelApplicationDetailEditor()
+      toast('申请信息已更新。')
+    } catch (error) {
+      toast(error?.message || '申请信息更新失败，请稍后重试。')
+    } finally {
+      applicationDetailEditor.saving = false
+    }
   }
 
   onBeforeUnmount(() => {
@@ -461,22 +626,25 @@ export function useTravelRequestDetailSetup(props, { emit }) {
     ...expenseEditor,
     ...paymentFlow,
     ...riskSubmit,
+    APPLICATION_TRANSPORT_MODE_OPTIONS,
+    applicationDetailEditor,
     applicationDetailFactItems,
     relatedApplicationFactItems,
+    canEditApplicationDetailItem,
     canDeleteRequest,
     canManageCurrentClaim,
-    canModifyReturnedApplication,
+    canModifyApplication,
     canOpenAiEntry,
     canApproveRequest,
     canReturnRequest,
     currentProgressRingMotion,
     expenseItems,
     expenseTypeOptions: EXPENSE_TYPE_OPTIONS,
-    handleModifyApplication,
     hasLeaderApprovalEvents,
     hasSingleLeaderApprovalEvent,
     heroFactItems,
     isApplicationDocument,
+    isApplicationDetailEditing,
     isDraftRequest,
     isEditableRequest,
     isTravelRequest,
@@ -485,8 +653,12 @@ export function useTravelRequestDetailSetup(props, { emit }) {
     profile,
     progressSteps,
     request,
+    cancelApplicationDetailEditor,
+    openApplicationDetailEditor,
     resolveExpenseReasonHelper,
     resolveExpenseReasonPlaceholder,
+    resolveApplicationDetailEditorControl,
+    saveApplicationDetailEdit,
     showApplicationLeaderOpinion,
     showBudgetAnalysis,
     showStageRiskAdvice,
diff --git a/web/src/views/scripts/useTravelReimbursementCreateViewLifecycle.js b/web/src/views/scripts/useTravelReimbursementCreateViewLifecycle.js
index c6e40bc..2947fd3 100644
--- a/web/src/views/scripts/useTravelReimbursementCreateViewLifecycle.js
+++ b/web/src/views/scripts/useTravelReimbursementCreateViewLifecycle.js
@@ -221,9 +221,13 @@ export function useTravelReimbursementCreateViewLifecycle({
       || buildWelcomeInsight(props.entrySource, linkedRequest.value, activeSessionType.value, currentUser.value)
     if (props.initialApplicationPreview && typeof props.initialApplicationPreview === 'object') {
       const applicationPreview = normalizeApplicationPreview(props.initialApplicationPreview)
+      const draftPayload = props.initialDraftPayload && typeof props.initialDraftPayload === 'object'
+        ? props.initialDraftPayload
+        : null
       messages.value.push(createMessage('assistant', buildLocalApplicationPreviewMessage(applicationPreview), [], {
         meta: ['修改申请'],
-        applicationPreview
+        applicationPreview,
+        draftPayload
       }))
       persistSessionState()
     }
diff --git a/web/tests/app-shell-financial-assistant-entry.test.mjs b/web/tests/app-shell-financial-assistant-entry.test.mjs
index 7dcebfc..10c27fd 100644
--- a/web/tests/app-shell-financial-assistant-entry.test.mjs
+++ b/web/tests/app-shell-financial-assistant-entry.test.mjs
@@ -182,10 +182,13 @@ test('application entry keeps its own assistant source without creating a separa
 test('application edit prefill opens assistant without auto submit', () => {
   assert.match(appShellRouteView, /:initial-prompt-auto-submit="smartEntryContext\.initialPromptAutoSubmit"/)
   assert.match(appShellRouteView, /:initial-application-preview="smartEntryContext\.initialApplicationPreview"/)
+  assert.match(appShellRouteView, /:initial-draft-payload="smartEntryContext\.initialDraftPayload"/)
   assert.match(appShellComposable, /initialPromptAutoSubmit:\s*true/)
   assert.match(appShellComposable, /initialApplicationPreview:\s*null/)
+  assert.match(appShellComposable, /initialDraftPayload:\s*null/)
   assert.match(appShellComposable, /initialPromptAutoSubmit:\s*payload\.initialPromptAutoSubmit !== false/)
   assert.match(appShellComposable, /initialApplicationPreview:\s*payload\.applicationPreview && typeof payload\.applicationPreview === 'object'/)
+  assert.match(appShellComposable, /initialDraftPayload:\s*payload\.draftPayload && typeof payload\.draftPayload === 'object'/)
   assert.match(
     assistantScript,
     /initialPromptAutoSubmit:\s*\{[\s\S]*type:\s*Boolean[\s\S]*default:\s*true/
@@ -194,9 +197,13 @@ test('application edit prefill opens assistant without auto submit', () => {
     assistantScript,
     /initialApplicationPreview:\s*\{[\s\S]*type:\s*Object[\s\S]*default:\s*null/
   )
+  assert.match(
+    assistantScript,
+    /initialDraftPayload:\s*\{[\s\S]*type:\s*Object[\s\S]*default:\s*null/
+  )
   assert.match(
     assistantSurface,
-    /props\.initialApplicationPreview[\s\S]*normalizeApplicationPreview\(props\.initialApplicationPreview\)[\s\S]*createMessage\('assistant', buildLocalApplicationPreviewMessage\(applicationPreview\)/
+    /props\.initialApplicationPreview[\s\S]*normalizeApplicationPreview\(props\.initialApplicationPreview\)[\s\S]*const draftPayload = props\.initialDraftPayload[\s\S]*createMessage\('assistant', buildLocalApplicationPreviewMessage\(applicationPreview\)[\s\S]*draftPayload/
   )
   assert.match(assistantSessionStateScript, /&& !props\.initialApplicationPreview/)
   assert.match(
diff --git a/web/tests/travel-request-detail-risk-advice.test.mjs b/web/tests/travel-request-detail-risk-advice.test.mjs
index e52f5da..0f9fa58 100644
--- a/web/tests/travel-request-detail-risk-advice.test.mjs
+++ b/web/tests/travel-request-detail-risk-advice.test.mjs
@@ -1593,27 +1593,35 @@ test('application detail uses application labels instead of reimbursement labels
   assert.match(detailViewTemplate, /当前申请单已进入流程，详情页仅展示状态与申请信息。/)
 })
 
-test('returned application detail can open assistant with editable prefill', () => {
-  assert.match(
-    detailViewTemplate,
-    /v-if="canModifyReturnedApplication"[\s\S]*@click="handleModifyApplication"[\s\S]*修改申请/
-  )
+test('draft or returned application detail edits allowed facts inline', () => {
+  assert.doesNotMatch(detailViewTemplate, /修改申请/)
+  assert.match(detailViewTemplate, /canEditApplicationDetailItem\(item\)/)
+  assert.match(detailViewTemplate, /application-detail-edit-btn/)
+  assert.match(detailViewTemplate, /openApplicationDetailEditor\(item\)/)
+  assert.match(detailViewTemplate, /saveApplicationDetailEdit\(item\)/)
+  assert.doesNotMatch(detailViewScript, /handleModifyApplication/)
   assert.match(
     detailViewScript,
-    /const canModifyReturnedApplication = computed\(\(\) => \([\s\S]*isApplicationDocument\.value[\s\S]*isCurrentApplicant\.value[\s\S]*returned/
+    /const canModifyApplication = computed\(\(\) => \([\s\S]*isApplicationDocument\.value[\s\S]*isEditableRequest\.value[\s\S]*isCurrentApplicant\.value[\s\S]*\)\)/
   )
   assert.match(detailViewScript, /function buildApplicationEditPreview\(\)/)
   assert.match(detailViewScript, /applicationDetailFactItems\.value[\s\S]*sourceText:\s*'修改申请'/)
-  assert.match(detailViewScript, /fields:\s*\{[\s\S]*applicationType:[\s\S]*reason:[\s\S]*transportMode:/)
-  assert.match(detailViewScript, /function handleModifyApplication\(\)/)
-  assert.match(detailViewScript, /source:\s*'application'/)
-  assert.match(detailViewScript, /sessionType:\s*'application'/)
-  assert.match(detailViewScript, /prompt:\s*''/)
-  assert.match(detailViewScript, /applicationPreview:\s*buildApplicationEditPreview\(\)/)
   assert.match(detailViewScript, /applicationEditMode:\s*true/)
-  assert.match(detailViewScript, /initialPromptAutoSubmit:\s*false/)
-  assert.match(detailViewScript, /canModifyReturnedApplication,/)
-  assert.match(detailViewScript, /handleModifyApplication,/)
+  assert.match(detailViewScript, /editableFields:\s*applicationEditEditableFields/)
+  assert.match(detailViewScript, /fields:\s*\{[\s\S]*applicationType:[\s\S]*reason:[\s\S]*transportMode:/)
+  assert.match(detailViewScript, /function buildApplicationEditDraftPayload\(\)/)
+  assert.match(detailViewScript, /draft_type:\s*'expense_application'/)
+  assert.match(detailViewScript, /claim_id:\s*claimId/)
+  assert.match(detailViewScript, /application_edit_mode:\s*true/)
+  assert.match(detailViewScript, /function canEditApplicationDetailItem\(item = \{\}\)/)
+  assert.match(detailViewScript, /function openApplicationDetailEditor\(item = \{\}\)/)
+  assert.match(detailViewScript, /async function saveApplicationDetailEdit\(item = \{\}\)/)
+  assert.match(detailViewScript, /runAiApplicationPreviewAction\(\{[\s\S]*AI_APPLICATION_ACTION_SAVE_DRAFT/)
+  assert.match(detailViewScript, /emit\('request-updated'/)
+  assert.match(detailViewScript, /canModifyApplication,/)
+  assert.match(detailViewScript, /canEditApplicationDetailItem,/)
+  assert.match(detailViewScript, /openApplicationDetailEditor,/)
+  assert.match(detailViewScript, /saveApplicationDetailEdit,/)
 })
 
 test('application detail does not show optional travel receipt reminders', () => {