gx样式

chenyc

2025-03-04 3a4602d8286f09ce2f7812dea697995e2a9487cf

gx样式

 .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/'

 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">

 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">

 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">

 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)=>{

 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">

 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">

 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">

 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" >

 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">

 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">

 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">

 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; */
        }
    }