62 lines
1.3 KiB
Vue
62 lines
1.3 KiB
Vue
|
<template>
|
||
|
|
<div :style="{ height: maxTableHeight + 'px' }" class="cardlist">
|
||
|
|
<div v-for="item in patientInfoList" :key="item.id">
|
||
|
|
<div class="carditem">
|
||
|
|
<div class="top">
|
||
|
|
<img src="../../../assets/manage/nvtouxiang.png" alt="" class="img" />
|
||
|
|
<!-- <img src="../../../assets/manage/touxiang.png" alt="" class="img" /> -->
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</template>
|
||
|
|
<script>
|
||
|
|
export default {
|
||
|
|
name: 'cardlist',
|
||
|
|
props: {
|
||
|
|
maxTableHeight: {
|
||
|
|
type: Number,
|
||
|
|
default: 0,
|
||
|
|
},
|
||
|
|
patientInfoList: {
|
||
|
|
type: Array,
|
||
|
|
default: []
|
||
|
|
}
|
||
|
|
},
|
||
|
|
data() {
|
||
|
|
return {
|
||
|
|
}
|
||
|
|
},
|
||
|
|
mounted() {
|
||
|
|
},
|
||
|
|
methods: {},
|
||
|
|
}
|
||
|
|
</script>
|
||
|
|
<style lang="scss" scoped>
|
||
|
|
.cardlist {
|
||
|
|
display: flex;
|
||
|
|
flex-wrap: wrap;
|
||
|
|
align-content: flex-start;
|
||
|
|
overflow-y: auto;
|
||
|
|
|
||
|
|
.carditem {
|
||
|
|
margin-right: 10px;
|
||
|
|
margin-bottom: 10px;
|
||
|
|
width: 260px;
|
||
|
|
min-height: 200px;
|
||
|
|
border: 1px solid #DCDFE6;
|
||
|
|
border-radius: 10px;
|
||
|
|
|
||
|
|
.top {
|
||
|
|
height: 80px;
|
||
|
|
background-color: #F7F8FA;
|
||
|
|
}
|
||
|
|
|
||
|
|
.img {
|
||
|
|
margin: 10px 0 0 10px;
|
||
|
|
width: 50px;
|
||
|
|
height: 50px;
|
||
|
|
}
|
||
|
|
}
|
||
|
|
}
|
||
|
|
</style>
|