refactor(web): 应用外壳/差旅详情/报销创建视图适配主题与多 task
- AppShellRouteView/useAppShell 适配主题皮肤与会话入口 - TravelRequestDetailView/travelRequestDetailSetup 差旅详情适配,travel-request-detail-view.css 调整 - TravelReimbursementCreateView/useTravelReimbursementCreateViewLifecycle 创建视图适配 - 更新 app-shell-financial-assistant-entry/travel-request-detail-risk-advice 测试
This commit is contained in:
@@ -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;
|
||||
}
|
||||
|
||||
@@ -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
|
||||
|
||||
@@ -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"
|
||||
|
||||
@@ -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 }}
|
||||
|
||||
@@ -94,6 +94,10 @@ export default {
|
||||
type: Object,
|
||||
default: null
|
||||
},
|
||||
initialDraftPayload: {
|
||||
type: Object,
|
||||
default: null
|
||||
},
|
||||
initialFiles: {
|
||||
type: Array,
|
||||
default: () => []
|
||||
|
||||
@@ -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,
|
||||
|
||||
@@ -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()
|
||||
}
|
||||
|
||||
@@ -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(
|
||||
|
||||
@@ -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', () => {
|
||||
|
||||
Reference in New Issue
Block a user