浏览代码

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

master
lizhuang 2 天前
父节点
当前提交
634f1d7673
共有 2 个文件被更改,包括 8 次插入15 次删除
  1. 1
    6
      src/router/index.js
  2. 7
    9
      src/views/oa/attendance/checkin/index.vue

+ 1
- 6
src/router/index.js 查看文件

component: () => import("@/views/oa/attendance/checkin"), component: () => import("@/views/oa/attendance/checkin"),
hidden: true, hidden: true,
meta: { title: "menu.checkin", icon: "date" }, 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 查看文件

<div class="status-card"> <div class="status-card">
<div class="status-time"> <div class="status-time">
<!-- 上班 --> <!-- 上班 -->
{{ $t('checkin.workStartTime') }}
{{ attendanceGroup.workStartTime }}
{{ getCheckInStatusText('clockIn') }}
{{ formatTime(attendanceStatus.clockInTime) }}
</div> </div>
<div class="status-label"> <div class="status-label">
<span>{{ getCheckInStatusText('clockIn') }}</span>
<span>{{ formatTime(attendanceStatus.clockInTime) }}</span>
<span>{{ $t('checkin.workStartTime') }} {{ attendanceGroup.workStartTime }}</span>
</div> </div>
</div> </div>
<div class="status-card"> <div class="status-card">
<div class="status-time"> <div class="status-time">
<!-- 下班 --> <!-- 下班 -->
{{ $t('checkin.workEndTime') }}
{{ attendanceGroup.workEndTime }}
{{ getCheckInStatusText('clockOut') }}
{{ formatTime(attendanceStatus.clockOutTime) }}
</div> </div>
<div class="status-label"> <div class="status-label">
<span>{{ getCheckInStatusText('clockOut') }}</span>
<span>{{ formatTime(attendanceStatus.clockOutTime) }}</span>
<span>{{ $t('checkin.workEndTime') }} {{ attendanceGroup.workEndTime }}</span>
</div> </div>
</div> </div>
</div> </div>
} }


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

正在加载...
取消
保存