| | |
| | | <template> |
| | | <div class="home-container layout-pd "> |
| | | <el-row> |
| | | <el-row :gutter="10"> |
| | | <el-col class="patTabel" :xs="6" :sm="6" :md="4" :lg="3" :xl="3" v-if="state.isTable"> |
| | | <el-table :data="state.filterTableData" stripe :height="state.tableHeight.left" size="default" |
| | | highlight-current-row @current-change="handleCurrentChange" style="width: 100%"> |
| | |
| | | </span> |
| | | </template> |
| | | </el-tab-pane> |
| | | <el-tab-pane label="生化数据" name="生化数据"> |
| | | <template #label> |
| | | <span class="custom-tabs-label home-title"> |
| | | <el-icon> |
| | | <Aim /> |
| | | </el-icon> |
| | | <span style="margin-left: 5px">生化数据</span> |
| | | </span> |
| | | </template> |
| | | <lisUi ref="lisUiRef"></lisUi> |
| | | </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-tab-pane label="历史服务" name="历史服务"> |
| | | |
| | | <!-- <el-tab-pane label="历史服务" name="历史服务"> |
| | | <template #label> |
| | | <span class="custom-tabs-label home-title"> |
| | | <el-icon> |
| | |
| | | </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> |
| | | <Histogram /> |
| | | </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> |
| | | <Histogram /> |
| | | </el-icon> |
| | | <span style="margin-left: 5px">营养筛查评估</span> |
| | | </span> |
| | | </template> |
| | | |
| | | </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-empty description="该功能未开发"></el-empty> --> |
| | | </el-tab-pane> |
| | | <el-tab-pane label="随访记录" name="随访记录"> |
| | | <template #label> |
| | |
| | | <span style="margin-left: 5px">随访记录</span> |
| | | </span> |
| | | </template> |
| | | <el-empty description="该功能未开发"></el-empty> |
| | | <!-- <el-empty description="该功能未开发"></el-empty> --> |
| | | </el-tab-pane> |
| | | <el-tab-pane label="生化数据" name="生化数据"> |
| | | <template #label> |
| | | <span class="custom-tabs-label home-title"> |
| | | <el-icon> |
| | | <Aim /> |
| | | </el-icon> |
| | | <span style="margin-left: 5px">生化数据</span> |
| | | </span> |
| | | </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"> |
| | |
| | | </MedicationRecords> |
| | | <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> |
| | | |
| | |
| | | import lisUi from './components/lis_.ui.vue' |
| | | // 评估表 |
| | | 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 |
| | |
| | | const lisUiRef = ref() |
| | | const pinggubiaoRef=ref() |
| | | const dietarySurveyRef=ref()// 膳食调查 |
| | | const fangAnRef=ref() |
| | | const suifangjiluRef=ref() |
| | | const state = reactive({ |
| | | global: { |
| | | homeChartOne: null, |
| | |
| | | dispose: [null, '', undefined], |
| | | } as any, |
| | | filterTableData: [], |
| | | activeName: '膳食调查', |
| | | activeName: '患者档案', |
| | | tableHeight: { |
| | | left: 0, |
| | | detailRight: 0 |
| | |
| | | currentRow.value = val |
| | | //缓存到vuex 中 |
| | | storesPat.setPatientsInfo(val) |
| | | console.log(val) |
| | | getTabsData() |
| | | } |
| | | } |
| | |
| | | age: 0, |
| | | patientName: '', |
| | | patientGenderText: '', |
| | | patientAvatarIcon: '' |
| | | patientAvatarIcon: '', |
| | | clientCode:'' |
| | | |
| | | }) |
| | | QueryList(ps).then(res => { |
| | | console.log('----------------患者--------') |
| | |
| | | }else if(state.activeName === '营养筛查评估'){ |
| | | pinggubiaoRef.value.getData() |
| | | |
| | | }else if(state.activeName==='方案'){ |
| | | fangAnRef.value.getData() |
| | | }else if(state.activeName==='随访记录'){ |
| | | suifangjiluRef.value.getData() |
| | | } |
| | | } |
| | | } |
| | |
| | | .patTabel { |
| | | .el-table th.el-table__cell { |
| | | background-color: #6babfa; |
| | | color: #606266; |
| | | color: #ffffff; |
| | | } |
| | | |
| | | .el-table__body tr.current-row>td.el-table__cell { |
| | | background: #E4F6DE; |
| | | color: #5FCD00; |
| | | background: rgb(197.7, 225.9, 255); |
| | | color: #409EFF; |
| | | /* height: 25px; */ |
| | | /* border: tomato solid 1px; */ |
| | | } |
| | |
| | | right: 30px; |
| | | width: 200px; |
| | | height: 100px; |
| | | background-color: #ffffff; |
| | | color: rgb(16, 3, 3); |
| | | padding: 10px; |
| | | z-index: 999; |