<template>
|
<div>
|
<el-row>
|
<el-col :xs="24" :sm="24" :md="24" :lg="12" :xl="12">
|
<div class="tableDiv">
|
<table>
|
<tr>
|
<th colspan="7" style="text-align: left">营养服务管理记录</th>
|
</tr>
|
<tr>
|
<td rowspan="3">基本信息</td>
|
<td>患者姓名</td>
|
<td></td>
|
<td>性别</td>
|
<td></td>
|
<td>年龄</td>
|
<td></td>
|
</tr>
|
<tr>
|
|
|
<td>身高(m)</td>
|
<td></td>
|
<td>病史</td>
|
<td></td>
|
<td>听力/视力障碍</td>
|
<td></td>
|
</tr>
|
<tr>
|
|
<td>透析频次</td>
|
<td></td>
|
<td>透析时长</td>
|
<td></td>
|
<td>透龄</td>
|
<td></td>
|
</tr>
|
<tr>
|
<td rowspan="2">其他</td>
|
<td>口腔功能</td>
|
<td></td>
|
<td>手机使用度</td>
|
<td></td>
|
<td>营养服务类别</td>
|
<td></td>
|
</tr>
|
<tr>
|
<td>知识接受度</td>
|
<td></td>
|
<td>临床依从性</td>
|
<td></td>
|
<td>营养服务认可度</td>
|
<td></td>
|
</tr>
|
<tr>
|
<td>项目</td>
|
<td>序号</td>
|
<td>项目内容</td>
|
<td>时间</td>
|
<td>详情</td>
|
<td>备注</td>
|
<td>记录者</td>
|
</tr>
|
<tr>
|
<td rowspan="4">食物过敏史及
|
<br/>胃肠功能评估</td>
|
<td rowspan="2">1</td>
|
<td rowspan="2">食物过敏源</td>
|
<td></td>
|
<td></td>
|
<td></td>
|
<td></td>
|
</tr>
|
<tr>
|
<td></td>
|
<td></td>
|
<td></td>
|
<td></td>
|
</tr>
|
<tr>
|
|
<td rowspan="2">2</td>
|
<td rowspan="2">胃肠功能评估</td>
|
<td></td>
|
<td></td>
|
<td></td>
|
<td></td>
|
</tr>
|
<tr>
|
<td></td>
|
<td></td>
|
<td></td>
|
<td></td>
|
</tr>
|
<!-- 饮食管理 -->
|
<tr>
|
<td rowspan="6">饮食管理</td>
|
<td rowspan="2">1</td>
|
<td rowspan="2">膳食调查</td>
|
<td></td>
|
<td></td>
|
<td></td>
|
<td></td>
|
</tr>
|
<tr>
|
<td></td>
|
<td></td>
|
<td></td>
|
<td></td>
|
</tr>
|
<tr>
|
|
<td rowspan="2">2</td>
|
<td rowspan="2">饮食问题</td>
|
<td></td>
|
<td></td>
|
<td></td>
|
<td></td>
|
</tr>
|
<tr>
|
<td></td>
|
<td></td>
|
<td></td>
|
<td></td>
|
</tr>
|
<tr>
|
|
<td rowspan="2">3</td>
|
<td rowspan="2">饮食建议</td>
|
<td></td>
|
<td></td>
|
<td></td>
|
<td></td>
|
</tr>
|
<tr>
|
<td></td>
|
<td></td>
|
<td></td>
|
<td></td>
|
</tr>
|
<!-- 生活方式管理 -->
|
<tr>
|
<td rowspan="4">生活方式管理</td>
|
<td rowspan="2">1</td>
|
<td rowspan="2">生活习惯</td>
|
<td></td>
|
<td></td>
|
<td></td>
|
<td></td>
|
</tr>
|
<tr>
|
<td></td>
|
<td></td>
|
<td></td>
|
<td></td>
|
</tr>
|
<tr>
|
|
<td rowspan="2">2</td>
|
<td rowspan="2">指导建议</td>
|
<td></td>
|
<td></td>
|
<td></td>
|
<td></td>
|
</tr>
|
<tr>
|
<td></td>
|
<td></td>
|
<td></td>
|
<td></td>
|
</tr>
|
<!-- 用药管理 -->
|
<tr>
|
<td rowspan="6">用药管理</td>
|
<td rowspan="2">1</td>
|
<td rowspan="2">用药调查</td>
|
<td></td>
|
<td></td>
|
<td></td>
|
<td></td>
|
</tr>
|
<tr>
|
<td></td>
|
<td></td>
|
<td></td>
|
<td></td>
|
</tr>
|
<tr>
|
|
<td rowspan="2">2</td>
|
<td rowspan="2">用药监督</td>
|
<td></td>
|
<td></td>
|
<td></td>
|
<td></td>
|
</tr>
|
<tr>
|
<td></td>
|
<td></td>
|
<td></td>
|
<td></td>
|
</tr>
|
<tr>
|
|
<td rowspan="2">3</td>
|
<td rowspan="2">指导建议</td>
|
<td></td>
|
<td></td>
|
<td></td>
|
<td></td>
|
</tr>
|
<tr>
|
<td></td>
|
<td></td>
|
<td></td>
|
<td></td>
|
</tr>
|
<!-- 随访 -->
|
<tr>
|
<td rowspan="2">随访</td>
|
<td rowspan="2">1</td>
|
<td rowspan="2">随访情况</td>
|
<td></td>
|
<td></td>
|
<td></td>
|
<td></td>
|
</tr>
|
<tr>
|
<td></td>
|
<td></td>
|
<td></td>
|
<td></td>
|
</tr>
|
|
</table>
|
</div>
|
</el-col>
|
<el-col :xs="24" :sm="24" :md="24" :lg="12" :xl="12">
|
<div class="tableDiv">
|
<table>
|
<tr>
|
<td rowspan="2">随访</td>
|
<td rowspan="2">1</td>
|
<td rowspan="2">随访情况</td>
|
<td></td>
|
<td></td>
|
<td></td>
|
<td></td>
|
</tr>
|
<tr>
|
<td></td>
|
<td></td>
|
<td></td>
|
<td></td>
|
</tr>
|
</table>
|
</div>
|
</el-col>
|
</el-row>
|
</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">
|
|
|
.tableDiv {
|
table {
|
width: 100%;
|
border-collapse: collapse;
|
}
|
th,
|
td {
|
border: 1px solid #ddd;
|
padding: 8px;
|
text-align: center;
|
}
|
th {
|
background-color: #409eff;
|
font-weight: bold;
|
color: #ffffff;
|
}
|
tr:nth-child(even) {
|
background-color: #f2f2f2;
|
}
|
.note {
|
color: #409eff;
|
font-size: smaller;
|
}
|
.fontred {
|
color: red;
|
font-size: large;
|
}
|
}
|
</style>
|
