You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
62 lines
1.3 KiB
62 lines
1.3 KiB
2 years ago
|
<template>
|
||
|
|
<div class="leftMiddle">
|
||
|
|
<dv-border-box-13>
|
||
|
|
<dv-border-box-2 class="item">
|
||
|
|
<p>手术间数</p>
|
||
|
|
<span>80</span>
|
||
|
|
</dv-border-box-2>
|
||
|
|
<dv-decoration-2 />
|
||
|
|
<dv-border-box-2 class="item">
|
||
|
|
<p>手术间利用率</p>
|
||
|
|
<span>72%</span>
|
||
|
|
</dv-border-box-2>
|
||
|
|
<dv-decoration-2 />
|
||
|
|
<dv-border-box-2 class="item">
|
||
|
|
<p>平均接台时间</p>
|
||
|
|
<span>45分钟</span>
|
||
|
|
</dv-border-box-2>
|
||
|
|
</dv-border-box-13>
|
||
|
|
</div>
|
||
|
|
</template>
|
||
|
|
|
||
|
|
<script>
|
||
|
|
export default {};
|
||
|
|
</script>
|
||
|
|
|
||
|
|
<style lang="scss" scoped>
|
||
|
|
.leftMiddle {
|
||
|
|
height: 100%;
|
||
|
|
:deep(.dv-border-box-13) {
|
||
|
|
padding: 20px;
|
||
|
|
box-sizing: border-box;
|
||
|
|
> div {
|
||
|
|
display: flex;
|
||
|
|
flex-direction: column;
|
||
|
|
justify-content: space-around;
|
||
|
|
align-items: center;
|
||
|
|
.item {
|
||
|
|
height: 45%;
|
||
|
|
.border-box-content {
|
||
|
|
display: flex;
|
||
|
|
flex-direction: column;
|
||
|
|
justify-content: space-around;
|
||
|
|
align-items: center;
|
||
|
|
padding: 20px 0;
|
||
|
|
box-sizing: border-box;
|
||
|
|
p {
|
||
|
|
font-size: 24px;
|
||
|
|
}
|
||
|
|
span {
|
||
|
|
font-size: 30px;
|
||
|
|
color: #61bad3;
|
||
|
|
}
|
||
|
|
}
|
||
|
|
}
|
||
|
|
.dv-decoration-2 {
|
||
|
|
height: 2%;
|
||
|
|
}
|
||
|
|
}
|
||
|
|
}
|
||
|
|
}
|
||
|
|
</style>
|