|
|
@@ -1,6 +1,6 @@
|
|
|
<template>
|
|
|
<el-dialog
|
|
|
- width="400px"
|
|
|
+ width="500px"
|
|
|
:title="activeRow.username || ''"
|
|
|
:visible.sync="lookVisible"
|
|
|
:before-close="onClose"
|
|
|
@@ -18,6 +18,7 @@
|
|
|
item.isFinish == 1 ? 'check' : '',
|
|
|
]"
|
|
|
>
|
|
|
+ <div v-if="item.isFinish > -1" style="font-size: 12px">打卡{{ item.singleDayTrainingDuration }}分钟</div>
|
|
|
<img
|
|
|
v-if="item.isFinish == 0"
|
|
|
class="clock-img"
|
|
|
@@ -31,7 +32,7 @@
|
|
|
alt=""
|
|
|
/>
|
|
|
<img
|
|
|
- v-if="item.isFinish == 2"
|
|
|
+ v-if="item.isFinish == -1"
|
|
|
class="clock-img"
|
|
|
src="../images/icon_check_disabled.png"
|
|
|
alt=""
|
|
|
@@ -61,15 +62,8 @@ export default {
|
|
|
const res = await getUserTrainingTime({ userId: row.id, campId: row.campId });
|
|
|
this.trainingList = res.data;
|
|
|
this.trainingList.forEach((item) => {
|
|
|
- const tempDate = dayjs(item.trainingDate).format("YYYY-MM-DD");
|
|
|
- const tempNow = dayjs(new Date()).format("YYYY-MM-DD");
|
|
|
- item.isFinish = item.isFinish
|
|
|
- ? item.isFinish
|
|
|
- : dayjs(tempDate).isBefore(tempNow)
|
|
|
- ? item.isFinish
|
|
|
- : 2;
|
|
|
item.trainingDate = dayjs(item.trainingDate).format("M月D日");
|
|
|
- item.isFinish == 1;
|
|
|
+ item.singleDayTrainingDuration = Math.floor(item.playTime / 60)
|
|
|
});
|
|
|
} catch (e) {
|
|
|
console.log(e);
|
|
|
@@ -107,8 +101,9 @@ export default {
|
|
|
flex-direction: column;
|
|
|
justify-content: center;
|
|
|
margin: 0 auto;
|
|
|
- width: 55px;
|
|
|
- height: 66px;
|
|
|
+ padding: 10px 0;
|
|
|
+ width: 94%;
|
|
|
+ height: 100px;
|
|
|
background: linear-gradient(180deg, #f0f0f0 0%, #d3d3d3 100%);
|
|
|
box-shadow: 0px 6px 4px 0px rgba(125, 125, 125, 0.14);
|
|
|
border-radius: 0.06rem;
|
