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:
@@ -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 }}
|
||||
|
||||
Reference in New Issue
Block a user