feat(web): update views

- AppShellRouteView.vue: update app shell route view
- AuditView.vue: update audit view
- EmployeeManagementView.vue: update employee management view
- PoliciesView.vue: update policies view
- RequestsView.vue: update requests view
- TravelReimbursementCreateView.vue: update travel form view
- TravelRequestDetailView.vue: update travel detail view
This commit is contained in:
caoxiaozhu
2026-05-13 03:33:11 +00:00
parent 473198c669
commit 8b72f4e962
7 changed files with 456 additions and 398 deletions

View File

@@ -605,40 +605,37 @@
</article>
</Transition>
<Teleport to="body">
<div v-if="versionSwitchTarget" class="modal-backdrop" @click.self="cancelVersionSwitch">
<section class="version-modal panel" role="dialog" aria-modal="true" aria-labelledby="version-switch-title">
<div class="card-head">
<div>
<h3 id="version-switch-title">切换规则版本</h3>
<p>切换后编辑器只会替换当前展示内容不会直接回滚后端当前版本</p>
</div>
</div>
<div class="version-modal-summary">
<div>
<span>当前展示版本</span>
<strong>{{ selectedSkill?.displayVersion }}</strong>
</div>
<i class="mdi mdi-arrow-right"></i>
<div>
<span>目标版本</span>
<strong>{{ versionSwitchTarget.version }}</strong>
</div>
</div>
<div class="version-modal-note">
<strong>{{ versionSwitchTarget.note }}</strong>
<span>{{ versionSwitchTarget.time }}</span>
</div>
<footer class="modal-actions">
<button class="minor-action" type="button" @click="cancelVersionSwitch">取消</button>
<button class="major-action" type="button" @click="confirmVersionSwitch">确认切换</button>
</footer>
</section>
<ConfirmDialog
:open="Boolean(versionSwitchTarget)"
badge="切换版本"
badge-tone="info"
title="切换规则版本"
description="切换后编辑器只会替换当前展示内容,不会直接回滚后端当前版本。"
cancel-text="取消"
confirm-text="确认切换"
busy-text="切换中..."
confirm-tone="primary"
confirm-icon="mdi mdi-swap-horizontal"
@close="cancelVersionSwitch"
@confirm="confirmVersionSwitch"
>
<div class="version-modal-summary">
<div>
<span>当前展示版本</span>
<strong>{{ selectedSkill?.displayVersion }}</strong>
</div>
<i class="mdi mdi-arrow-right"></i>
<div>
<span>目标版本</span>
<strong>{{ versionSwitchTarget?.version }}</strong>
</div>
</div>
</Teleport>
<div v-if="versionSwitchTarget" class="version-modal-note">
<strong>{{ versionSwitchTarget.note }}</strong>
<span>{{ versionSwitchTarget.time }}</span>
</div>
</ConfirmDialog>
</section>
</template>