<template>
|
<div class="dietarySurvey-home">
|
<div v-if="patientsInfo.id">
|
<div class="lisview">
|
<div class="child">
|
1的撒啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊
|
</div>
|
<div class="child">
|
1
|
</div>
|
<div class="child">
|
大水水水水水水水水水水水水水水
|
</div>
|
<div class="child">
|
1
|
</div>
|
<div class="child">
|
1
|
</div>
|
<div class="child">
|
1
|
</div>
|
<div class="child">
|
1
|
</div>
|
<div class="child">
|
1
|
</div>
|
<div class="child">
|
大水水水水水水水水水水水水水水水水水水
|
</div>
|
<div class="child">
|
34222222222222222222222222222222222222222222222222222222222反倒是水水水水水水水水水水水水水水水水十大啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊
|
</div>
|
</div>
|
</div>
|
<el-empty v-else description="无数据，请先选择患者"></el-empty>
|
</div>
|
|
</template>
|
|
<script setup lang="ts">
|
import { storeToRefs } from 'pinia';
|
import { usePatientsInfo } from '/@/stores/patientsInfo';
|
import { computed, reactive } from 'vue';
|
const storesPat = usePatientsInfo();
|
const { patientsInfo } = storeToRefs(storesPat);
|
const props = defineProps(['tableHeight'])
|
const state = reactive({
|
tableData: [],
|
loading: false,
|
})
|
const tableHe = computed(() => {
|
return props.tableHeight - 130
|
})
|
// 第一步：定义子组件里面的方法
|
const getData = (str: string) => {
|
console.log("子组件获取显示数据！" + str);
|
console.log(props.tableHeight)
|
var pam = {
|
patientCode: patientsInfo.value.code,
|
page: 1,
|
size: 100,
|
orderType: 1,
|
orderIsUse: 2,
|
desc: 1,
|
orderName: '',
|
}
|
state.loading = true
|
|
}
|
|
// 第二步：暴露方法
|
defineExpose({ getData })
|
</script>
|
|
<style lang="scss">
|
|
.lisview{
|
display: flex; /* 使用Flexbox布局 */
|
flex-wrap: wrap;
|
.child {
|
margin: 5px; /* 为了清楚地展示间隔 */
|
padding: 10px;
|
border: 1px solid #000;
|
}
|
}
|
|
|
|
</style>
|
