需求变更

This commit is contained in:
yanran200730
2022-05-30 18:53:32 +08:00
parent 3fbc6c336f
commit 272f2615a6
2 changed files with 27 additions and 12 deletions

View File

@@ -2,12 +2,15 @@
<div class="report"> <div class="report">
<components class="report-item" ref="reportItem" :config="currConfig" v-if="currConfig.length" :is="component"></components> <components class="report-item" ref="reportItem" :config="currConfig" v-if="currConfig.length" :is="component"></components>
<div class="report-list" data-html2canvas-ignore> <div class="report-list" data-html2canvas-ignore>
<image <div
v-for="(item, index) in configList" class="report-item"
:src="item.thum"
:key="index" :key="index"
v-for="(item, index) in configList"
:class="[currIndex === index ? 'active' : '']" :class="[currIndex === index ? 'active' : '']"
@click="changeComponent(item, index)" /> @click="changeComponent(item, index)">
<image class="img" :src="item.thum" />
<image class="checked" v-if="currIndex === index" src="./images/xuanzhong.png" />
</div>
</div> </div>
<div class="report-btn" data-html2canvas-ignore @click="save">完成</div> <div class="report-btn" data-html2canvas-ignore @click="save">完成</div>
</div> </div>
@@ -150,7 +153,7 @@
.report-list { .report-list {
position: fixed; position: fixed;
display: flex; display: flex;
justify-content: center; justify-content: space-between;
align-items: center; align-items: center;
left: 0; left: 0;
bottom: 0; bottom: 0;
@@ -159,18 +162,30 @@
padding: 0 24px; padding: 0 24px;
background: #FFFFFF; background: #FFFFFF;
image { .report-item {
width: 156px; position: relative;
width: 176px;
height: 208px; height: 208px;
margin-right: 16px;
border: 4px solid transparent; border: 4px solid transparent;
&:last-child { .img {
margin-right: 0; width: 100%;
height: 208px;
}
.checked {
position: absolute;
top: 0;
right: 0;
z-index: 1;
width: 64px;
height: 64px;
} }
&.active { &.active {
border: 4px solid #408EF6; .img {
border: 4px solid #408EF6;
}
} }
} }
} }

View File

@@ -22,7 +22,7 @@
<span @click="changeTab(1)" :class="[currIndex === 1 ? 'active' : '']">已出勤 {{ attendanceCount.hasIn || 0 }}</span> <span @click="changeTab(1)" :class="[currIndex === 1 ? 'active' : '']">已出勤 {{ attendanceCount.hasIn || 0 }}</span>
<span @click="changeTab(2)" :class="[currIndex === 2 ? 'active' : '']">未出勤 {{ attendanceCount.hasOut || 0 }}</span> <span @click="changeTab(2)" :class="[currIndex === 2 ? 'active' : '']">未出勤 {{ attendanceCount.hasOut || 0 }}</span>
</div> </div>
<div class="right" @click="linkTo('./AttendanceSetting')" v-if="isAdmin">考勤设置</div> <div class="right" @click="linkTo('./AttendanceSetting')" v-if="!isAdmin">考勤设置</div>
</div> </div>
<div class="info-table"> <div class="info-table">
<div class="table-header"> <div class="table-header">