From 3a4602d8286f09ce2f7812dea697995e2a9487cf Mon Sep 17 00:00:00 2001
From: chenyc <501753378@qq.com>
Date: 星期二, 04 三月 2025 17:11:39 +0800
Subject: [PATCH] gx样式
---
src/views/home/components/pingubiao/editDietary2.vue | 2
src/views/home/components/shiwuguoming/editDietary.vue | 2
src/views/home/components/pingubiao/editDietary4.vue | 2
src/views/home/components/suifangjilu/editDietary.vue | 2
src/views/home/components/editDietary2.vue | 2
src/views/home/components/jilubiao/index.vue | 10 +
src/views/home/components/editDietary.vue | 2
.env.development | 4
src/views/home/components/pingubiao/editDietary3.vue | 2
src/views/home/index.vue | 314 +++++++++++++++++++++++++++-------------------------
src/views/home/components/fangAn/editDietary.vue | 2
src/views/home/components/pingubiao/editDietary5.vue | 2
src/views/home/components/pingubiao/editDietary.vue | 2
13 files changed, 182 insertions(+), 166 deletions(-)
diff --git a/.env.development b/.env.development
index f6a2c27..4db89da 100644
--- a/.env.development
+++ b/.env.development
@@ -2,5 +2,5 @@
ENV = development
# 本地环境接口地址
-VITE_API_URL = 'http://testbs.ihemodialysis.com/'
-# VITE_API_URL = 'https://hemobs.icoldchain.cn/'
+# VITE_API_URL = 'http://testbs.ihemodialysis.com/'
+VITE_API_URL = 'https://hemobs.icoldchain.cn/'
diff --git a/src/views/home/components/editDietary.vue b/src/views/home/components/editDietary.vue
index 1db33d6..1aee596 100644
--- a/src/views/home/components/editDietary.vue
+++ b/src/views/home/components/editDietary.vue
@@ -1,7 +1,7 @@
<template>
<div class="dietarySurvey-item">
<el-dialog v-model="state.dialogTableVisible" title="膳食生活调查22表" :fullscreen="true" width="100%">
- <div class="container" style="width: 100%; height: 100%;overflow: auto;">
+ <div style="width: 100%; height: 100%;overflow: auto;">
<div ref="printRef">
<div>
<el-form size="small">
diff --git a/src/views/home/components/editDietary2.vue b/src/views/home/components/editDietary2.vue
index 7a133b8..4fac9b0 100644
--- a/src/views/home/components/editDietary2.vue
+++ b/src/views/home/components/editDietary2.vue
@@ -1,7 +1,7 @@
<template>
<div class="dietarySurvey-item">
<el-dialog v-model="state.dialogTableVisible" title="营养膳食调查表" :fullscreen="true" width="100%">
- <div class="container" style="width: 100%; height: 100%;overflow: auto;">
+ <div style="width: 100%; height: 100%;overflow: auto;">
<div id='printMe'>
<div>
<el-form size="small">
diff --git a/src/views/home/components/fangAn/editDietary.vue b/src/views/home/components/fangAn/editDietary.vue
index 88538d8..1e614ee 100644
--- a/src/views/home/components/fangAn/editDietary.vue
+++ b/src/views/home/components/fangAn/editDietary.vue
@@ -1,7 +1,7 @@
<template>
<div class="dietarySurvey-item">
<el-dialog v-model="state.dialogTableVisible" title="营养饮食指导方案" :fullscreen="true" width="100%">
- <div class="container" style="width: 100%; height: 100%;overflow: auto;" >
+ <div style="width: 100%; height: 100%;overflow: auto;" >
<div ref="printRef" id="fanganprintFrom1" class="print-section">
<div>
<el-form size="small">
diff --git a/src/views/home/components/jilubiao/index.vue b/src/views/home/components/jilubiao/index.vue
index 17644bd..7fe9823 100644
--- a/src/views/home/components/jilubiao/index.vue
+++ b/src/views/home/components/jilubiao/index.vue
@@ -94,7 +94,7 @@
<br/>胃肠功能评估
</td>
<td :rowspan="state.from1Datas.length*1">食物过敏源</td>
- <td>{{state.from1Datas[index]?.初次调查日期}}</td>
+ <td>{{state.from1Datas[index]?.初次调查日期?.substring(0,11)}}</td>
<td colspan="2">
{{state.from1Datas[index]?.食物过敏源调查?.过敏食物.type.join()}}
</td>
@@ -104,7 +104,7 @@
<td>{{state.from1Datas[index]?.记录者}}</td>
</tr>
<tr v-else>
- <td>{{state.from1Datas[index].初次调查日期}}</td>
+ <td>{{state.from1Datas[index].初次调查日期?.substring(0,11)}}</td>
<td colspan="2">
{{state.from1Datas[index]?.食物过敏源调查?.过敏食物.type.join()}}
</td>
@@ -118,7 +118,7 @@
<template v-for="(row,index) in state.from1Datas" :key="index">
<tr v-if="index===0">
<td :rowspan="state.from1Datas.length*1">胃肠功能评估</td>
- <td>{{state.from1Datas[index].初次调查日期}}</td>
+ <td>{{state.from1Datas[index].初次调查日期?.substring(0,11)}}</td>
<td colspan="2" >
<span v-if="state.from1Datas[index]?.胃肠症状体现?.便秘.type==='是'">便秘,</span>
<span v-if="state.from1Datas[index]?.胃肠症状体现?.存在恶心呕吐.type==='是'">存在恶心呕吐, </span>
@@ -132,7 +132,7 @@
<td>{{state.from1Datas[index]?.记录者}}</td>
</tr>
<tr v-else>
- <td>{{state.from1Datas[index].初次调查日期}}</td>
+ <td>{{state.from1Datas[index].初次调查日期?.substring(0,11)}}</td>
<td colspan="2" >
<span v-if="state.from1Datas[index]?.胃肠症状体现?.便秘.type==='是'">便秘,</span>
<span v-if="state.from1Datas[index]?.胃肠症状体现?.存在恶心呕吐.type==='是'">存在恶心呕吐, </span>
@@ -759,6 +759,8 @@
});
}
+ console.log('食物过敏的------------------')
+ console.log(state.from1Datas)
if(fromData2.data.list.length>0){
fromData2.data.list.forEach((element:any)=>{
diff --git a/src/views/home/components/pingubiao/editDietary.vue b/src/views/home/components/pingubiao/editDietary.vue
index 0b4ba94..77c77b4 100644
--- a/src/views/home/components/pingubiao/editDietary.vue
+++ b/src/views/home/components/pingubiao/editDietary.vue
@@ -1,7 +1,7 @@
<template>
<div class="dietarySurvey-item">
<el-dialog v-model="state.dialogTableVisible" title="NRS-2002" :fullscreen="true" width="100%">
- <div class="container" style="width: 100%; height: 100%; overflow: auto">
+ <div style="width: 100%; height: 100%; overflow: auto">
<div id="pinggu1">
<div>
<el-form size="small">
diff --git a/src/views/home/components/pingubiao/editDietary2.vue b/src/views/home/components/pingubiao/editDietary2.vue
index 44e59f8..45a7faf 100644
--- a/src/views/home/components/pingubiao/editDietary2.vue
+++ b/src/views/home/components/pingubiao/editDietary2.vue
@@ -1,7 +1,7 @@
<template>
<div class="dietarySurvey-item">
<el-dialog v-model="state.dialogTableVisible" title="SGA" :fullscreen="true" width="100%">
- <div class="container" style="width: 100%; height: 100%;overflow: auto;">
+ <div style="width: 100%; height: 100%;overflow: auto;">
<div id="pinggu2">
<div>
<el-form size="small">
diff --git a/src/views/home/components/pingubiao/editDietary3.vue b/src/views/home/components/pingubiao/editDietary3.vue
index cfe1650..390b6b5 100644
--- a/src/views/home/components/pingubiao/editDietary3.vue
+++ b/src/views/home/components/pingubiao/editDietary3.vue
@@ -1,7 +1,7 @@
<template>
<div class="dietarySurvey-item">
<el-dialog v-model="state.dialogTableVisible" title="MIS" :fullscreen="true" width="100%">
- <div class="container" style="width: 100%; height: 100%; overflow: auto">
+ <div style="width: 100%; height: 100%; overflow: auto">
<div id="pinggu3">
<div>
<el-form size="small">
diff --git a/src/views/home/components/pingubiao/editDietary4.vue b/src/views/home/components/pingubiao/editDietary4.vue
index 8962cb1..bb7630b 100644
--- a/src/views/home/components/pingubiao/editDietary4.vue
+++ b/src/views/home/components/pingubiao/editDietary4.vue
@@ -1,7 +1,7 @@
<template>
<div class="dietarySurvey-item">
<el-dialog v-model="state.dialogTableVisible" title="PEW" :fullscreen="true" width="100%">
- <div class="container" style="width: 100%; height: 100%;overflow: auto;">
+ <div style="width: 100%; height: 100%;overflow: auto;">
<div id="pinggu4">
<div>
<el-form size="small" >
diff --git a/src/views/home/components/pingubiao/editDietary5.vue b/src/views/home/components/pingubiao/editDietary5.vue
index 35e8cba..9a26b26 100644
--- a/src/views/home/components/pingubiao/editDietary5.vue
+++ b/src/views/home/components/pingubiao/editDietary5.vue
@@ -1,7 +1,7 @@
<template>
<div class="dietarySurvey-item">
<el-dialog v-model="state.dialogTableVisible" title="GNRI" :fullscreen="true" width="100%">
- <div class="container" style="width: 100%; height: 100%;overflow: auto;">
+ <div style="width: 100%; height: 100%;overflow: auto;">
<div id="pinggu5">
<div>
<el-form size="small">
diff --git a/src/views/home/components/shiwuguoming/editDietary.vue b/src/views/home/components/shiwuguoming/editDietary.vue
index 114b1a0..07caa16 100644
--- a/src/views/home/components/shiwuguoming/editDietary.vue
+++ b/src/views/home/components/shiwuguoming/editDietary.vue
@@ -2,7 +2,7 @@
<template>
<div class="dietarySurvey-item">
<el-dialog v-model="state.dialogTableVisible" title="食物过敏原及胃肠功能调查" :fullscreen="true" width="100%">
- <div class="container" style="width: 100%; height: 100%;overflow: auto;">
+ <div style="width: 100%; height: 100%;overflow: auto;">
<div id="guomingyuan">
<div>
<el-form size="small">
diff --git a/src/views/home/components/suifangjilu/editDietary.vue b/src/views/home/components/suifangjilu/editDietary.vue
index c3fbca2..88c7329 100644
--- a/src/views/home/components/suifangjilu/editDietary.vue
+++ b/src/views/home/components/suifangjilu/editDietary.vue
@@ -1,7 +1,7 @@
<template>
<div class="dietarySurvey-item">
<el-dialog v-model="state.dialogTableVisible" title="随访记录" :fullscreen="true" width="100%">
- <div class="container" style="width: 100%; height: 100%;overflow: auto;">
+ <div style="width: 100%; height: 100%;overflow: auto;">
<div id="printFrom1">
<div>
<el-form size="small">
diff --git a/src/views/home/index.vue b/src/views/home/index.vue
index e2ec58e..e877662 100644
--- a/src/views/home/index.vue
+++ b/src/views/home/index.vue
@@ -1,155 +1,158 @@
<template>
<div class="home-container layout-pd ">
- <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%">
- <el-table-column>
- <template #header>
- <div class="home-title">
- <el-avatar shape="square"
- style="width: 16px; height: 16px;background-color: #ffffff;margin-right: 10px;margin-left: 10px;"
- fit="contain" :src="huanzheliebiao" />
- <div class="titleHome">患者列表</div>
- </div>
- <el-input size="default" @change="getPatients" v-model="state.search" placeholder="支持模糊查询"
- :prefix-icon="Search" />
+ <div class="container">
+ <div class="container-left">
+ <div class="patTabel">
+ <el-table :data="state.filterTableData" stripe :height="state.tableHeight.left" size="default"
+ highlight-current-row @current-change="handleCurrentChange" style="width: 300px">
+ <el-table-column>
+ <template #header>
+ <div class="home-title">
+ <el-avatar shape="square"
+ style="width: 16px; height: 16px;background-color: #ffffff;margin-right: 10px;margin-left: 10px;"
+ fit="contain" :src="huanzheliebiao" />
+ <div class="titleHome">患者列表</div>
+ </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="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>
- </el-table>
- </el-col>
- <el-col :xs="18" :sm="18" :md="20" :lg="21" :xl="21" >
- <el-tabs v-model="state.activeName" class="demo-tabs" @tab-click="handleClick">
- <el-tab-pane label="患者档案" name="患者档案">
- <template #label>
- <span class="custom-tabs-label home-title">
- <el-icon>
- <Avatar />
- </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>
- <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">
- <el-icon>
- <Notification />
- </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>
- <Notification />
- </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>
- <ChatDotRound />
- </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>
- <Grid />
- </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>
- <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-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"
- ref="patientFileRef" />
- <lisUi v-show="state.activeName === '生化数据'" ref="lisUiRef">
- </lisUi>
- <MedicationRecords v-show="state.activeName === '用药记录'" :tableHeight="state.tableHeight.detailRight" ref="MedicationRecordsRef">
- </MedicationRecords>
- <dietarySurvey ref="dietarySurveyRef" v-show="state.activeName === '膳食调查'" :tableHeight="state.tableHeight.detailRight"></dietarySurvey>
- <shiwuguoming ref="shiwuguomingRef" v-show="state.activeName === '食物过敏原及胃肠功能调查'" :tableHeight="state.tableHeight.detailRight"></shiwuguoming>
- <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>
-
-
+ <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="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>
+ </el-table>
</div>
+ </div>
+ <div class="right" style="width: 100%;">
+ <div style="width: 100%;">
+ <el-tabs v-model="state.activeName" class="demo-tabs" @tab-click="handleClick">
+ <el-tab-pane label="患者档案" name="患者档案">
+ <template #label>
+ <span class="custom-tabs-label home-title">
+ <el-icon>
+ <Avatar />
+ </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>
+ <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">
+ <el-icon>
+ <Notification />
+ </el-icon>
+ <span style="margin-left: 5px">膳食调查</span>
+ </span>
+ </template>
+
+ </el-tab-pane>
- </el-col>
- </el-row>
+ <el-tab-pane label="食物过敏原及胃肠功能调查" name="食物过敏原及胃肠功能调查">
+ <template #label>
+ <span class="custom-tabs-label home-title">
+ <el-icon>
+ <Notification />
+ </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>
+ <ChatDotRound />
+ </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>
+ <Grid />
+ </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>
+ <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-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"
+ ref="patientFileRef" />
+ <lisUi v-show="state.activeName === '生化数据'" ref="lisUiRef">
+ </lisUi>
+ <MedicationRecords v-show="state.activeName === '用药记录'" :tableHeight="state.tableHeight.detailRight" ref="MedicationRecordsRef">
+ </MedicationRecords>
+ <dietarySurvey ref="dietarySurveyRef" v-show="state.activeName === '膳食调查'" :tableHeight="state.tableHeight.detailRight"></dietarySurvey>
+ <shiwuguoming ref="shiwuguomingRef" v-show="state.activeName === '食物过敏原及胃肠功能调查'" :tableHeight="state.tableHeight.detailRight"></shiwuguoming>
+ <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>
+ </div>
+ </div>
+ </div>
<div class="fixed-div" v-show="patientsInfo.patientName">
<el-avatar :size="80" :src="patientsInfo.patientAvatarIcon" />
<div>{{ patientsInfo.patientName }}</div>
@@ -337,10 +340,23 @@
</script>
<style lang="scss">
+.container {
+ gap: 10px; /* 在flex项目之间设置间距 */
+ display: flex;
+}
+
+.container-left {
+ width: 300px; /* 右边div的固定宽度 */
+.right {
+ background-color: #409EFF;
+ flex-grow: 1; /* 让这个div扩展以填充可用空间 */
+ margin-left: 20px; /* 如果需要的话，可以给右边的div留出一些间距 */
+}
+}
.home-container {
overflow: hidden;
-
.patTabel {
+ width: 100%;
.el-table th.el-table__cell {
background-color: #6babfa;
color: #ffffff;
@@ -349,8 +365,6 @@
.el-table__body tr.current-row>td.el-table__cell {
background: rgb(197.7, 225.9, 255);
color: #409EFF;
- /* height: 25px; */
- /* border: tomato solid 1px; */
}
}
--
Gitblit v1.8.0