feat: 实现出差申请页面

- 创建出差申请表单,包含出差事由、行程明细、审批人选择
- 实现行程明细的增删改功能,支持开始/结束时间、出发地、目的地等
- 添加单程/往返类型选择和交通工具下拉选择
- 实现自动计算行程时长和总时长
- 创建审批人和抄送人选择页面
- 添加前后端API接口定义
- 更新i18n国际化翻译
- 整理开发文档和UI设计图

Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
This commit is contained in:
root
2026-02-24 23:44:40 +08:00
parent 49fa9c3f92
commit 2d39357cc3
14 changed files with 1337 additions and 27 deletions
@@ -0,0 +1,80 @@
.page {
min-height: 100vh;
background: #f5f5f5;
display: flex;
flex-direction: column;
}
.navBar {
background: #fff;
border-bottom: 1px solid #f0f0f0;
}
.searchSection {
background: #fff;
padding: 8px 16px;
border-bottom: 1px solid #f0f0f0;
}
.userList {
flex: 1;
overflow-y: auto;
padding: 8px 0;
}
.userItem {
display: flex;
justify-content: space-between;
align-items: center;
padding: 12px 16px;
background: #fff;
border-bottom: 1px solid #f5f5f5;
cursor: pointer;
transition: background 0.2s;
}
.userItem:active {
background: #f5f5f5;
}
.userInfo {
display: flex;
align-items: center;
gap: 12px;
flex: 1;
}
.avatar {
width: 44px;
height: 44px;
border-radius: 50%;
background: #f0f0f0;
}
.userDetails {
display: flex;
flex-direction: column;
gap: 4px;
}
.name {
font-size: 15px;
color: #333;
font-weight: 500;
}
.position {
font-size: 13px;
color: #999;
}
.checkbox {
--size: 20px;
--icon-size: 14px;
}
.footer {
background: #fff;
padding: 12px 16px;
border-top: 1px solid #f0f0f0;
}