| | |
| | | </div> |
| | | <el-input size="default" @change="getPatients" v-model="state.search" placeholder="支持模糊查询" |
| | | :prefix-icon="Search" /> |
| | | |
| | | <el-row style="margin-top: 5px;"> |
| | | <el-col :span="10">姓名</el-col> |
| | | <el-col :span="5">性别</el-col> |
| | | <el-col :span="4">年龄</el-col> |
| | | <el-col :span="5">床号</el-col> |
| | | </el-row> |
| | | </template> |
| | | <template #default="scope"> |
| | | <el-row> |
| | | <el-col :span="12">{{ scope.row.patientName }}</el-col> |
| | | <el-col :span="6">{{ scope.row.patientGenderText }}</el-col> |
| | | <el-col :span="6">{{ scope.row.age }}</el-col> |
| | | <el-col :span="10">{{ scope.row.patientName }}</el-col> |
| | | <el-col :span="5">{{ scope.row?.patientGender===0?'男':'女' }}</el-col> |
| | | <el-col :span="4">{{ scope.row.age }}</el-col> |
| | | <el-col :span="5">{{ scope.row.deviceNo }}</el-col> |
| | | </el-row> |
| | | </template> |
| | | </el-table-column> |
| | |
| | | </span> |
| | | </template> |
| | | </el-tab-pane> |
| | | |
| | | <el-tab-pane label="营养饮食指导方案" name="营养饮食指导方案"> |
| | | <template #label> |
| | | <span class="custom-tabs-label home-title"> |
| | | <el-icon> |
| | | <Grid /> |
| | | </el-icon> |
| | | <span style="margin-left: 5px">营养饮食指导方案</span> |
| | | </span> |
| | | </template> |
| | | <!-- <el-empty description="该功能未开发"></el-empty> --> |
| | | </el-tab-pane> |
| | | <el-tab-pane label="随访记录" name="随访记录"> |
| | | <template #label> |
| | | <span class="custom-tabs-label home-title"> |
| | |
| | | <span style="margin-left: 5px">随访记录</span> |
| | | </span> |
| | | </template> |
| | | <!-- <el-empty description="该功能未开发"></el-empty> --> |
| | | </el-tab-pane> |
| | | <el-tab-pane label="营养饮食指导方案" name="营养饮食指导方案"> |
| | | <template #label> |
| | | <span class="custom-tabs-label home-title"> |
| | | <el-icon> |
| | | <Grid /> |
| | | </el-icon> |
| | | <span style="margin-left: 5px">营养饮食指导方案</span> |
| | | </span> |
| | | </template> |
| | | </el-tab-pane> |
| | | <el-tab-pane label="生化数据" name="生化数据"> |
| | | <template #label> |
| | |
| | | </template> |
| | | |
| | | </el-tab-pane> |
| | | <el-tab-pane label="营养服务管理记录" name="营养服务管理记录"> |
| | | <template #label> |
| | | <span class="custom-tabs-label home-title"> |
| | | <el-icon> |
| | | <Edit /> |
| | | </el-icon> |
| | | <span style="margin-left: 5px">营养服务管理记录</span> |
| | | </span> |
| | | </template> |
| | | |
| | | </el-tab-pane> |
| | | </el-tabs> |
| | | <div class="itemDoby"> |
| | | <patientFile v-show="state.activeName === '患者档案'" :tableHeight="state.tableHeight.detailRight" |
| | |
| | | <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> |
| | | |
| | | <jilubiao ref="jilubiaoRef" v-show="state.activeName === '营养服务管理记录'" :tableHeight="state.tableHeight.detailRight"></jilubiao> |
| | | |
| | | |
| | | </div> |
| | | |
| | |
| | | <script setup lang="ts" name="home"> |
| | | import huanzheliebiao from '/@/assets/imgs/huanzheliebiao.png' |
| | | import { reactive, onMounted, ref, watch, nextTick, onActivated, markRaw } from 'vue'; |
| | | import { QueryList } from '/@/api/Patients' |
| | | import { QueryList,getRecordsInToday2 } from '/@/api/Patients' |
| | | import { storeToRefs } from 'pinia'; |
| | | import { useUserInfo } from '/@/stores/userInfo'; |
| | | import { usePatientsInfo } from '/@/stores/patientsInfo'; |
| | |
| | | import fangAn from './components/fangAn/index.vue' |
| | | // 随访记录 |
| | | import suifangjilu from './components/suifangjilu/index.vue' |
| | | // 营养记录表 |
| | | import jilubiao from './components/jilubiao/index.vue' |
| | | interface User { |
| | | code: string, |
| | | patientName: string |
| | |
| | | const shiwuguomingRef=ref() |
| | | const fangAnRef=ref() |
| | | const suifangjiluRef=ref() |
| | | const jilubiaoRef=ref() |
| | | const state = reactive({ |
| | | global: { |
| | | homeChartOne: null, |
| | |
| | | }) |
| | | const handleCurrentChange = (val: any | undefined) => { |
| | | if (val) { |
| | | currentRow.value = val |
| | | //缓存到vuex 中 |
| | | storesPat.setPatientsInfo(val) |
| | | console.log(val) |
| | | currentRow.value = val |
| | | const ps={ |
| | | id: val.patientId, |
| | | code: val.patientCode, |
| | | age: val.age, |
| | | patientName:val.patientName, |
| | | patientGenderText: val?.patientGender?'女':'男', |
| | | patientAvatarIcon: val?.patientAvatar, |
| | | clientCode:val.clientCode |
| | | } |
| | | //缓存到vuex 中 |
| | | storesPat.setPatientsInfo(ps) |
| | | getTabsData() |
| | | } |
| | | } |
| | | /**获取患者列表 */ |
| | | const getPatients = () => { |
| | | const loading = ElLoading.service({ |
| | | lock: true, |
| | | text: 'Loading', |
| | | background: 'rgba(0, 0, 0, 0.7)', |
| | | }) |
| | | var ps = { |
| | | page: 0, |
| | | size: 0, |
| | | wherecondition: `client_code="${userInfos.value.clientCode}" and (patient_name like "%${state.search.toLowerCase()}%" |
| | | OR patient_name_py like "%${state.search.toLowerCase()}%")` |
| | | } |
| | | // 初始化患者信息 |
| | | storesPat.setPatientsInfo({ |
| | | id: '', |
| | | code: '', |
| | |
| | | clientCode:'' |
| | | |
| | | }) |
| | | QueryList(ps).then(res => { |
| | | console.log('----------------患者--------') |
| | | console.log(res.data) |
| | | state.filterTableData = res.data.list |
| | | }).finally(() => { |
| | | loading.close() |
| | | // 患者信息查询条件 |
| | | const pp={ |
| | | timeSlot:3, |
| | | patientFrom:-1, |
| | | patientName:state.search.toLowerCase(), |
| | | orderCondition:2, |
| | | clientCode:userInfos.value.clientCode, |
| | | dateBegin:"2025-02-18 00:00:00", |
| | | dateEnd:"2025-02-18 23:59:59" |
| | | } |
| | | const loading = ElLoading.service({ |
| | | lock: true, |
| | | text: 'Loading', |
| | | background: 'rgba(0, 0, 0, 0.7)', |
| | | }) |
| | | getRecordsInToday2(pp).then(re=>{ |
| | | console.log(re.data) |
| | | state.filterTableData = re.data |
| | | }).finally(() => { |
| | | loading.close() |
| | | }) |
| | | |
| | | // var ps = { |
| | | // page: 0, |
| | | // size: 0, |
| | | // wherecondition: `client_code="${userInfos.value.clientCode}" and (patient_name like "%${state.search.toLowerCase()}%" |
| | | // OR patient_name_py like "%${state.search.toLowerCase()}%")` |
| | | // } |
| | | |
| | | // QueryList(ps).then(res => { |
| | | // console.log('----------------患者--------') |
| | | // console.log(res.data) |
| | | // state.filterTableData = res.data.list |
| | | // }).finally(() => { |
| | | // loading.close() |
| | | // }) |
| | | } |
| | | /**设置高度 */ |
| | | const setTableHeight = () => { |
| | |
| | | fangAnRef.value.getData() |
| | | }else if(state.activeName==='随访记录'){ |
| | | suifangjiluRef.value.getData() |
| | | }else if(state.activeName==='营养服务管理记录'){ |
| | | jilubiaoRef.value.getData() |
| | | } |
| | | } |
| | | } |