renkang/xj-screen
7
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

体检数据

Browse Source
This commit is contained in:
zhaotiantian
2023-11-22 18:24:54 +08:00
parent a9541bc81c
commit bd168e909f
13 changed files with 1182 additions and 13 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/components/body-d-left/threeL.vue
+58
View File
@@ -5,6 +5,32 @@
<div class="type-time">
<span :class="selectIndex===index?'select':'unSelect'" v-for="(item,index) in typeTime" :key="index" @click="handleSelect(index)">{{item.name}}</span>
</div>
<div class="physical-container">
<div class="physical-item">
<span>10444人</span>
<span>兴隆圆医院</span>
</div>
<div class="physical-item">
<span>144人</span>
<span>兴隆圆医院</span>
</div>
<div class="physical-item">
<span>344人</span>
<span>兴隆圆医院</span>
</div>
<div class="physical-item">
<span>144人</span>
<span>兴隆圆医院</span>
</div>
<div class="physical-item">
<span>144人</span>
<span>兴隆圆医院</span>
</div>
<div class="physical-item">
<span>144人</span>
<span>延安</span>
</div>
</div>
</div>
</div>
</template>
@@ -28,6 +54,7 @@ const typeTime = ref([
value:'week',
}
])
const physical = ref();
const selectIndex = ref(0)
function handleSelect(index:number){
selectIndex.value = index;
@@ -36,5 +63,36 @@ function handleSelect(index:number){
<style scoped lang="less">
.inner {
height: calc(100% - 40px);
.physical-container{
width: 96%;
height: 92%;
padding-top: 2%;
display: flex;
flex-wrap: wrap;
align-content: space-around;
.physical-item{
width: 33%;
height: 46%;
color: #FFFFFF;
display: flex;
flex-direction: column;
span:nth-child(1){
font-size: 28px;
font-weight: bold;
}
span:nth-child(2){
padding-top: 6%;
font-size: 22px;
}
}
.physical-item:nth-child(1),.physical-item:nth-child(2),.physical-item:nth-child(3){
background: url("../../assets/images/physical-top.png") no-repeat;
background-size: 100% 100%;
}
.physical-item:nth-child(4),.physical-item:nth-child(5),.physical-item:nth-child(6){
background: url("../../assets/images/physical-bottom.png") no-repeat;
background-size: 100% 100%;
}
}
}
</style>