更新透析单打印医嘱备注显示

chenyc

2024-08-24 33f91828d0dcbacbc7dc919f89d2d206bcc98da8

更新透析单打印医嘱备注显示

 src/assets/imgs/营养模块规划0618.docx

Binary files differ

 src/views/home/components/dietaryDtaile.vue

New file
@@ -0,0 +1,169 @@
<template>
    <div class="dietarySurvey-item">
        
        <table id="tabledome" class="gridtable">
            <tr>
                <th colspan="4">膳食调查表</th>
                <th>初次调查日期</th>
                <th></th>
            </tr>
            <tr>
                <th colspan="4"></th>
                <th>更新日期</th>
                <th></th>
            </tr>
            <tr>
                <th colspan="4"></th>
                <th>记录者</th>
                <th></th>
            </tr>
            <tr>
                <td>
                    1.人员构成
                </td>
                <td>
                    <label>
                        <input type="radio" id="option1" name="group1" value="独居">
                        独居
                    </label>
                    
                </td>
                <td>
                    (<input type="text"  class="input-underline width50"/>)人
                </td>
                <td>
                    家族
                </td>
                <td colspan="2">
                    (<input type="text" style="width: 50px;" class="input-underline"/>)人
                </td>
                
            </tr>
            <tr>
                <td>
                    2.烹饪主要操作者
                </td>
                <td>
                    <label>
                        <input type="radio" id="option1" name="group2" value="本人">
                        本人
                    </label>
                    
                </td>
                <td>
                    <label>
                        <input type="radio" id="option1" name="group2" value="配偶">
                        配偶
                    </label>
                    
                </td>
                <td>
                    <label>
                        <input type="radio" id="option1" name="group2" value="其他">
                        其他
                    </label>
                    
                </td>
                <td colspan="2">
                    <input type="text" class="input-underline"/>
                </td>
                
            </tr>
            <tr>
                <td>
                    3.食材采购
                </td>
                <td>
                    外采
                </td>
                <td>
                    家种
                </td>
                <td>
                    
                </td>
                <td colspan="2">
                    
                </td>
                
            </tr>
        </table>
        <el-button @click="save">保存</el-button>
    </div>

</template>

<script setup lang="ts">
import { computed, reactive } from 'vue';

const props = defineProps(['tableHeight'])
const state = reactive({
    tableData: {
        表名:'膳食调查表',
        填表时间:'',
        更新时间:'',
        记录者:'',
        人员构成:{
            type:'', //只能选择独居或者家庭
            input1:'',
            input2:'',
        },
        烹饪主要操作者:{
            typr:'',
            input1:'',
        },
        食材采购:{
            typr:'',
            input1:'',
        },
        食物偏好:{
            typr:'',
            input1:'',
        },
        食物偏好:{
            typr:'',
            input1:'',
        }

    },
    loading: false,

})
const tableHe = computed(() => {
    return props.tableHeight - 130
})
// 第一步：定义子组件里面的方法
const getData = (str: string) => {
    console.log("子组件获取显示数据！" + str);
    state.loading = true

}
const save=()=>{
    const dome=document.getElementById('tabledome')
    console.log(dome)
}

// 第二步：暴露方法
defineExpose({ getData })
</script>

<style  lang="scss">


    .gridtable {font-family: verdana,arial,sans-serif;font-size:11px;color:#333333;border-width: 1px;border-color: #666666;border-collapse: collapse;min-width:800px;}

    .gridtable th {border-width: 1px;padding: 8px;border-style: solid;border-color: #666666;background-color: #a4b0e2;}

    .gridtable td {border-width: 1px;padding: 8px;border-style: solid;border-color: #666666;background-color: #ffffff;min-width: 100px;}
    .input-underline {
        border: none; /* 移除所有边框 */
        border-bottom: 1px solid #ccc; /* 显示下边框 */
        outline: none; /* 移除点击输入框时浏览器可能会提供的默认轮廓线 */
        text-align: center;
    }
    .width50{
        width: 50px;
    }


</style>

 src/views/home/components/dietary_survey.vue

@@ -1,77 +1,8 @@
<template>
    <div class="dietarySurvey-home">
        <div v-if="patientsInfo.id">
            <table class="gridtable">
                <tr>
                    <th colspan="4">膳食调查表</th>
                    <th>初次调查日期</th>
                    <th></th>
                </tr>
                <tr>
                    <th colspan="4"></th>
                    <th>更新日期</th>
                    <th></th>
                </tr>
                <tr>
                    <th colspan="4"></th>
                    <th>记录者</th>
                    <th></th>
                </tr>
                <tr>
                    <td>
                        1.人员构成
                    </td>
                    <td>
                       独居
                    </td>
                    <td>
                        （  ）人
                    </td>
                    <td>
                        家族
                    </td>
                    <td colspan="2">
                       （        ）
                    </td>
                    
                </tr>
                <tr>
                    <td>
                        2.烹饪主要操作者
                    </td>
                    <td>
                        本人
                    </td>
                    <td>
                        配偶
                    </td>
                    <td>
                        其他
                    </td>
                    <td colspan="2">
                       （        ）
                    </td>
                    
                </tr>
                <tr>
                    <td>
                        3.食材采购
                    </td>
                    <td>
                        外采
                    </td>
                    <td>
                        家种
                    </td>
                    <td>
                       
                    </td>
                    <td colspan="2">
                      
                    </td>
                    
                </tr>
            </table>
            222
           <ItemTable></ItemTable>

        </div>
        <el-empty v-else description="无数据，请先选择患者"></el-empty>
@@ -83,6 +14,7 @@
import { storeToRefs } from 'pinia';
import { usePatientsInfo } from '/@/stores/patientsInfo';
import { computed, reactive } from 'vue';
import ItemTable from './dietaryDtaile.vue'
const storesPat = usePatientsInfo();
const { patientsInfo } = storeToRefs(storesPat);
const props = defineProps(['tableHeight'])
@@ -121,7 +53,16 @@

    .gridtable th {border-width: 1px;padding: 8px;border-style: solid;border-color: #666666;background-color: #dedede;}

    .gridtable td {border-width: 1px;padding: 8px;border-style: solid;border-color: #666666;background-color: #ffffff;}
    .gridtable td {border-width: 1px;padding: 8px;border-style: solid;border-color: #666666;background-color: #ffffff;min-width: 100px;}
    .input-underline {
        border: none; /* 移除所有边框 */
        border-bottom: 1px solid #ccc; /* 显示下边框 */
        outline: none; /* 移除点击输入框时浏览器可能会提供的默认轮廓线 */
        text-align: center;
    }
    .width50{
        width: 50px;
    }


</style>

 src/views/home/index.vue

@@ -151,7 +151,7 @@
        dispose: [null, '', undefined],
    } as any,
    filterTableData:[],
    activeName:'患者档案',
    activeName:'膳食调查',
    tableHeight:{
        left:0,
        detailRight:0