From 33f91828d0dcbacbc7dc919f89d2d206bcc98da8 Mon Sep 17 00:00:00 2001
From: chenyc <501753378@qq.com>
Date: 星期六, 24 八月 2024 10:47:35 +0800
Subject: [PATCH] 更新透析单打印医嘱备注显示
---
src/views/home/index.vue | 2
src/views/home/components/dietary_survey.vue | 85 ++--------------
src/assets/imgs/营养模块规划0618.docx | 0
src/views/home/components/dietaryDtaile.vue | 169 +++++++++++++++++++++++++++++++++
4 files changed, 183 insertions(+), 73 deletions(-)
diff --git "a/src/assets/imgs/\350\220\245\345\205\273\346\250\241\345\235\227\350\247\204\345\210\2220618.docx" "b/src/assets/imgs/\350\220\245\345\205\273\346\250\241\345\235\227\350\247\204\345\210\2220618.docx"
new file mode 100644
index 0000000..ec5addf
--- /dev/null
+++ "b/src/assets/imgs/\350\220\245\345\205\273\346\250\241\345\235\227\350\247\204\345\210\2220618.docx"
Binary files differ
diff --git a/src/views/home/components/dietaryDtaile.vue b/src/views/home/components/dietaryDtaile.vue
new file mode 100644
index 0000000..f1dcd4e
--- /dev/null
+++ b/src/views/home/components/dietaryDtaile.vue
@@ -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>
diff --git a/src/views/home/components/dietary_survey.vue b/src/views/home/components/dietary_survey.vue
index 98fbadf..8c5758a 100644
--- a/src/views/home/components/dietary_survey.vue
+++ b/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>
diff --git a/src/views/home/index.vue b/src/views/home/index.vue
index 628e315..80aa0c8 100644
--- a/src/views/home/index.vue
+++ b/src/views/home/index.vue
@@ -151,7 +151,7 @@
dispose: [null, '', undefined],
} as any,
filterTableData:[],
- activeName:'患者档案',
+ activeName:'膳食调查',
tableHeight:{
left:0,
detailRight:0
--
Gitblit v1.8.0