chenyc
2024-08-24 33f91828d0dcbacbc7dc919f89d2d206bcc98da8
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>