style
This commit is contained in:
@ -14,7 +14,7 @@
|
|||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div class="detailBox" :class="{'show': newId}">
|
<div class="detailBox" :class="{ 'show': newId }">
|
||||||
<!-- <div class="detail_title">{{ newDetail.title }}</div> -->
|
<!-- <div class="detail_title">{{ newDetail.title }}</div> -->
|
||||||
<div class="detail_content" v-html="newDetail.content"></div>
|
<div class="detail_content" v-html="newDetail.content"></div>
|
||||||
</div>
|
</div>
|
||||||
@ -62,7 +62,8 @@
|
|||||||
</div>
|
</div>
|
||||||
<div v-for="item in teamAttendanceList" :key="item.id" class="attendance_item">
|
<div v-for="item in teamAttendanceList" :key="item.id" class="attendance_item">
|
||||||
<div class="attendance_item_title">{{ item.teamName }}</div>
|
<div class="attendance_item_title">{{ item.teamName }}</div>
|
||||||
<div class="attendance_item_number">{{ item.attendanceNumber }} <span class="subfont">人/{{ item.allNumber }}</span></div>
|
<div class="attendance_item_number">{{ item.attendanceNumber }} <span class="subfont">人/{{ item.allNumber
|
||||||
|
}}</span></div>
|
||||||
<div class="attendance_item_rate">{{ item.attendanceRate }} %</div>
|
<div class="attendance_item_rate">{{ item.attendanceRate }} %</div>
|
||||||
<div class="attendance_item_date subfont">{{ item.attendanceTime }}</div>
|
<div class="attendance_item_date subfont">{{ item.attendanceTime }}</div>
|
||||||
</div>
|
</div>
|
||||||
@ -247,12 +248,13 @@ onUnmounted(() => {
|
|||||||
margin-top: 15px;
|
margin-top: 15px;
|
||||||
|
|
||||||
.tag_item {
|
.tag_item {
|
||||||
|
width: 28%;
|
||||||
display: flex;
|
display: flex;
|
||||||
flex-direction: column;
|
flex-direction: column;
|
||||||
align-items: center;
|
align-items: center;
|
||||||
gap: 10px;
|
gap: 10px;
|
||||||
border: 1px dashed rgba(29, 214, 255, 0.3);
|
border: 1px dashed rgba(29, 214, 255, 0.3);
|
||||||
padding: 10px 25px;
|
padding: 10px;
|
||||||
|
|
||||||
.tag_info {
|
.tag_info {
|
||||||
font-size: 20px;
|
font-size: 20px;
|
||||||
|
@ -173,19 +173,20 @@ onUnmounted(() => {
|
|||||||
.chart_container {
|
.chart_container {
|
||||||
display: flex;
|
display: flex;
|
||||||
flex-direction: column;
|
flex-direction: column;
|
||||||
|
gap: 5px;
|
||||||
width: 100%;
|
width: 100%;
|
||||||
height: 100%;
|
height: 100%;
|
||||||
}
|
}
|
||||||
|
|
||||||
.echart {
|
.echart {
|
||||||
height: 50%;
|
height: 48%;
|
||||||
width: 100%;
|
width: 100%;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
.content {
|
.content {
|
||||||
max-height: 100px;
|
height: 100px;
|
||||||
margin: 0 15px;
|
margin: 0 15px;
|
||||||
padding: 0 10px;
|
padding: 0 10px;
|
||||||
margin-top: 15px;
|
margin-top: 15px;
|
||||||
|
Reference in New Issue
Block a user