更新透析记录单

chenyc

2024-11-26 4b8f86adc1d9df170ce14606f091f8118f2d7936

更新透析记录单

 src/views/home/components/suifangjilu/index.vue

New file
@@ -0,0 +1,330 @@
<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>

 src/views/home/index.vue

@@ -112,7 +112,7 @@
                                <span style="margin-left: 5px">随访记录</span>
                            </span>
                        </template>
                        <el-empty  description="该功能未开发"></el-empty> 
                        <!-- <el-empty  description="该功能未开发"></el-empty>  -->
                    </el-tab-pane>
                </el-tabs>
                <div class="itemDoby">
@@ -125,6 +125,7 @@
                    <dietarySurvey ref="dietarySurveyRef" v-show="state.activeName === '膳食调查'"  :tableHeight="state.tableHeight.detailRight"></dietarySurvey>
                    <pinggubiao ref="pinggubiaoRef" v-show="state.activeName === '营养筛查评估'"  :tableHeight="state.tableHeight.detailRight"></pinggubiao>
                    <fangAn ref="fangAnRef" v-show="state.activeName === '方案'"  :tableHeight="state.tableHeight.detailRight"></fangAn>
                    <suifangjilu ref="suifangjiluRef" v-show="state.activeName === '随访记录'" :tableHeight="state.tableHeight.detailRight"></suifangjilu>

                </div>

@@ -162,6 +163,8 @@
import pinggubiao from './components/pingubiao/index.vue'
// 方案
import fangAn from './components/fangAn/index.vue'
// 随访记录
import suifangjilu from './components/suifangjilu/index.vue'
interface User {
    code: string,
    patientName: string
@@ -175,6 +178,7 @@
const pinggubiaoRef=ref()
const dietarySurveyRef=ref()// 膳食调查
const fangAnRef=ref()
const suifangjiluRef=ref()
const state = reactive({
    global: {
        homeChartOne: null,
@@ -264,6 +268,10 @@
        }else if(state.activeName === '营养筛查评估'){
            pinggubiaoRef.value.getData()
           
        }else if(state.activeName==='方案'){
            fangAnRef.value.getData()
        }else if(state.activeName==='随访记录'){
            suifangjiluRef.value.getData()
        }
    }
}