Browse Source

refactor: 优化考勤打卡页面,调整时间显示逻辑,提升代码可读性和用户体验。移除不必要的路由配置,简化组件结构。

master
lizhuang 2 days ago
parent
commit
634f1d7673
2 changed files with 8 additions and 15 deletions
  1. 1
    6
      src/router/index.js
  2. 7
    9
      src/views/oa/attendance/checkin/index.vue

+ 1
- 6
src/router/index.js View File

@@ -94,12 +94,7 @@ export const constantRoutes = [
component: () => import("@/views/oa/attendance/checkin"),
hidden: true,
meta: { title: "menu.checkin", icon: "date" },
},
{
path: "/sales-analysis/reports/analysis",
component: () => import("@/views/sales-analysis/reports/CommonAnalysis"),
meta: { title: "menu.commonAnalysis", icon: "date" },
},
}
];

// 动态路由,基于用户权限动态去加载

+ 7
- 9
src/views/oa/attendance/checkin/index.vue View File

@@ -38,23 +38,21 @@
<div class="status-card">
<div class="status-time">
<!-- 上班 -->
{{ $t('checkin.workStartTime') }}
{{ attendanceGroup.workStartTime }}
{{ getCheckInStatusText('clockIn') }}
{{ formatTime(attendanceStatus.clockInTime) }}
</div>
<div class="status-label">
<span>{{ getCheckInStatusText('clockIn') }}</span>
<span>{{ formatTime(attendanceStatus.clockInTime) }}</span>
<span>{{ $t('checkin.workStartTime') }} {{ attendanceGroup.workStartTime }}</span>
</div>
</div>
<div class="status-card">
<div class="status-time">
<!-- 下班 -->
{{ $t('checkin.workEndTime') }}
{{ attendanceGroup.workEndTime }}
{{ getCheckInStatusText('clockOut') }}
{{ formatTime(attendanceStatus.clockOutTime) }}
</div>
<div class="status-label">
<span>{{ getCheckInStatusText('clockOut') }}</span>
<span>{{ formatTime(attendanceStatus.clockOutTime) }}</span>
<span>{{ $t('checkin.workEndTime') }} {{ attendanceGroup.workEndTime }}</span>
</div>
</div>
</div>
@@ -752,7 +750,7 @@ export default {
}

.status-time {
font-size: 16px;
font-size: 15px;
font-weight: 600;
margin-bottom: 5px;
}

Loading…
Cancel
Save