From 0f841407b944d53a8bde7398004954d734b34427 Mon Sep 17 00:00:00 2001
From: chenyc <501753378@qq.com>
Date: 星期四, 17 十月 2024 11:56:57 +0800
Subject: [PATCH] gx
---
src/views/home/components/editDietary2.vue | 668 +++++++++++++++++++++++++------------------------------
1 files changed, 306 insertions(+), 362 deletions(-)
diff --git a/src/views/home/components/editDietary2.vue b/src/views/home/components/editDietary2.vue
index 0158ba2..f6b28cb 100644
--- a/src/views/home/components/editDietary2.vue
+++ b/src/views/home/components/editDietary2.vue
@@ -1,6 +1,6 @@
<template>
<div class="dietarySurvey-item">
- <el-dialog v-model="state.dialogTableVisible" title="营养膳食调查表" :fullscreen="true" width="100%">
+ <el-dialog v-model="state.dialogTableVisible" title="营养膳食调查表" :fullscreen="true" width="100%">
<div class="container" style="width: 100%; height: 100%;overflow: auto;">
<div>
<div>
@@ -11,22 +11,25 @@
<tr>
<th colspan="2">
<el-form-item label="初次调查日期">
- <el-date-picker v-model="state.tableData.初次调查日期" type="date" style="width: 100px;"
- placeholder="" format="YYYY/MM/DD" value-format="YYYY-MM-DD" />
+ <el-date-picker v-model="state.tableData.初次调查日期" type="date"
+ style="width: 100px;" placeholder="" format="YYYY/MM/DD"
+ value-format="YYYY-MM-DD" />
</el-form-item>
</th>
<th colspan="2">
<el-form-item label="更新日期">
- <el-date-picker v-model="state.tableData.更新日期" type="date" style="width: 100px;"
- placeholder="" format="YYYY/MM/DD" value-format="YYYY-MM-DD" />
+ <el-date-picker v-model="state.tableData.更新日期" type="date"
+ style="width: 100px;" placeholder="" format="YYYY/MM/DD"
+ value-format="YYYY-MM-DD" />
</el-form-item>
</th>
<th colspan="2">
<el-form-item label="记录者">
- <el-input v-model="state.tableData.记录者" style="width: 100px;" placeholder="" />
+ <el-input v-model="state.tableData.记录者" style="width: 100px;"
+ placeholder="" />
</el-form-item>
</th>
@@ -39,29 +42,43 @@
1.常吃的主食
</td>
<td colspan="5">
+ <el-form :inline="true" size="small" >
+ <el-form-item>
+ <el-radio-group class="elradiozdi"
+ v-model="state.tableData.常吃的主食.type">
+ <el-checkbox value="A">A.精米面类</el-checkbox>
+ <el-checkbox value="B">B.杂豆类</el-checkbox>
+ <el-checkbox value="C">C.粗粮</el-checkbox>
+ <el-checkbox value="D">B.薯类</el-checkbox>
+ <el-checkbox value="E">E.其它</el-checkbox>
- <el-form-item>
- <el-radio-group class="elradiozdi" v-model="state.tableData.常吃的主食.type">
- <el-checkbox value="A">A.精米面类</el-checkbox>
- <el-checkbox value="B">B.杂豆类</el-checkbox>
- <el-checkbox value="C">C.粗粮</el-checkbox>
- <el-checkbox value="D">B.薯类</el-checkbox>
- <el-checkbox value="E">E.其它</el-checkbox>
-
- </el-radio-group>
- </el-form-item>
-
+ </el-radio-group>
+ </el-form-item>
+ <el-form-item label="食用频率">
+ <el-input v-model="state.tableData.常吃的主食.input1"
+ style="max-width: 150px" placeholder="">
+ <template #append>次/周</template>
+ </el-input>
+ </el-form-item>
+ <el-form-item label="食用份量">
+ <el-input v-model="state.tableData.常吃的主食.input2"
+ style="max-width: 150px" placeholder="">
+ <template #append>g/天</template>
+ </el-input>
+ </el-form-item>
+ </el-form>
</td>
-
+
</tr>
<tr>
<td>
2.常吃的蔬菜
</td>
<td colspan="5">
- <el-form-item>
- <el-radio-group class="elradiozdi"
- v-model="state.tableData.常吃的蔬菜.type">
+
+ <el-form :inline="true" size="small" >
+ <el-form-item>
+ <el-radio-group class="elradiozdi" v-model="state.tableData.常吃的蔬菜.type">
<el-checkbox value="A">A.叶菜</el-checkbox>
<el-checkbox value="B">B.根茎类</el-checkbox>
<el-checkbox value="C">C.瓜茄</el-checkbox>
@@ -69,10 +86,23 @@
<el-checkbox value="E">E.菌藻</el-checkbox>
</el-radio-group>
</el-form-item>
-
+
+ <el-form-item label="食用频率">
+ <el-input v-model="state.tableData.常吃的蔬菜.input1"
+ style="max-width: 150px" placeholder="">
+ <template #append>次/周</template>
+ </el-input>
+ </el-form-item>
+ <el-form-item label="食用份量">
+ <el-input v-model="state.tableData.常吃的蔬菜.input2"
+ style="max-width: 150px" placeholder="">
+ <template #append>g/天</template>
+ </el-input>
+ </el-form-item>
+ </el-form>
</td>
-
+
</tr>
<tr>
@@ -81,7 +111,8 @@
</td>
<td colspan="5">
<el-form-item>
- <el-radio-group class="elradiozdi" v-model="state.tableData.蔬菜日食用量.type">
+ <el-radio-group class="elradiozdi"
+ v-model="state.tableData.蔬菜日食用量.type">
<el-radio value="A">A.小于300g </el-radio>
<el-radio value="B">B.300g-500g</el-radio>
<el-radio value="C">C.大于500g</el-radio>
@@ -89,30 +120,26 @@
</el-form-item>
</td>
-
+
</tr>
<tr>
<td>
3.水果食用量及频率
</td>
<td colspan="5">
- <el-input
- v-model="state.tableData.水果食用量及频率.input1"
- style="max-width: 150px"
- placeholder=""
- >
+ <el-input v-model="state.tableData.水果食用量及频率.input1" style="max-width: 150px"
+ placeholder="">
<template #append>次/周</template>
</el-input>
- <el-input
- v-model="state.tableData.水果食用量及频率.input2"
- style="max-width: 200px;margin-left: 10px"
- placeholder=""
- >
+ <el-input v-model="state.tableData.水果食用量及频率.input2"
+ style="max-width: 200px;margin-left: 10px" placeholder="">
<template #prepend>约</template>
<template #append>g/次</template>
</el-input>
+ <el-input style="max-width: 250px;margin-left: 10px"
+ v-model="state.tableData.水果食用量及频率.input3" placeholder="备注" />
</td>
</tr>
<tr>
@@ -131,27 +158,21 @@
</el-form-item>
</td>
-
+
</tr>
<tr>
<td>
食用频率以及份量
</td>
<td colspan="5">
- <el-input
- v-model="state.tableData.常吃的肉类.input1"
- style="max-width: 150px"
- placeholder=""
- >
+ <el-input v-model="state.tableData.常吃的肉类.input1" style="max-width: 150px"
+ placeholder="">
<template #append>次/周</template>
</el-input>
- <el-input
- v-model="state.tableData.常吃的肉类.input2"
- style="max-width: 200px;margin-left: 10px"
- placeholder=""
- >
+ <el-input v-model="state.tableData.常吃的肉类.input2"
+ style="max-width: 200px;margin-left: 10px" placeholder="">
<template #prepend>约</template>
<template #append>g/次</template>
</el-input>
@@ -165,11 +186,8 @@
<el-form-item>
<el-radio-group class="elradiozdi" v-model="state.tableData.常吃的肉类.type">
<el-checkbox value="A">A.大豆类，具体为：
- <el-input
- v-model="state.tableData.常吃的大豆及其制品是.input1"
- style="max-width: 100px"
- placeholder=""
- />
+ <el-input v-model="state.tableData.常吃的大豆及其制品是.input1"
+ style="max-width: 100px" placeholder="" />
</el-checkbox>
<el-checkbox value="B">B.非发酵豆制品</el-checkbox>
<el-checkbox value="C">C.发酵豆制品</el-checkbox>
@@ -177,27 +195,21 @@
</el-form-item>
</td>
-
+
</tr>
<tr>
<td>
食用频率以及份量
</td>
<td colspan="5">
- <el-input
- v-model="state.tableData.常吃的大豆及其制品是.input1"
- style="max-width: 150px"
- placeholder=""
- >
+ <el-input v-model="state.tableData.常吃的大豆及其制品是.input1"
+ style="max-width: 150px" placeholder="">
<template #append>次/周</template>
</el-input>
- <el-input
- v-model="state.tableData.常吃的大豆及其制品是.input2"
- style="max-width: 200px;margin-left: 10px"
- placeholder=""
- >
+ <el-input v-model="state.tableData.常吃的大豆及其制品是.input2"
+ style="max-width: 200px;margin-left: 10px" placeholder="">
<template #prepend>约</template>
<template #append>g/次</template>
</el-input>
@@ -212,20 +224,14 @@
<el-radio-group class="elradiozdi" v-model="state.tableData.坚果摄入量.type">
<el-radio value="不吃">不吃</el-radio>
<el-radio value="吃">吃
- <el-input
- v-model="state.tableData.坚果摄入量.input1"
- style="max-width: 150px"
- placeholder=""
- >
+ <el-input v-model="state.tableData.坚果摄入量.input1"
+ style="max-width: 150px" placeholder="">
<template #append>次/周</template>
</el-input>
- <el-input
- v-model="state.tableData.坚果摄入量.input2"
- style="max-width: 200px;margin-left: 10px"
- placeholder=""
- >
+ <el-input v-model="state.tableData.坚果摄入量.input2"
+ style="max-width: 200px;margin-left: 10px" placeholder="">
<template #prepend>约</template>
<template #append>g/次</template>
</el-input>
@@ -234,7 +240,7 @@
</el-form-item>
</td>
-
+
</tr>
<tr>
<td>
@@ -242,22 +248,17 @@
</td>
<td colspan="5">
<el-form-item>
- <el-radio-group class="elradiozdi" v-model="state.tableData.每天食用奶类的量.type">
-
+ <el-radio-group class="elradiozdi"
+ v-model="state.tableData.每天食用奶类的量.type">
+
<el-radio value="A">A.液态奶 具体为:
- <el-input
- v-model="state.tableData.每天食用奶类的量.input1"
- style="max-width: 100px"
- placeholder=""
- />
+ <el-input v-model="state.tableData.每天食用奶类的量.input1"
+ style="max-width: 100px" placeholder="" />
</el-radio>
<el-radio value="B">B.酸奶</el-radio>
<el-radio value="C">C.奶粉 具体为:
- <el-input
- v-model="state.tableData.每天食用奶类的量.input2"
- style="max-width: 100px"
- placeholder=""
- />
+ <el-input v-model="state.tableData.每天食用奶类的量.input2"
+ style="max-width: 100px" placeholder="" />
</el-radio>
<el-radio value="D">D.奶酪</el-radio>
<el-radio value="E">D.无</el-radio>
@@ -265,7 +266,7 @@
</el-form-item>
</td>
-
+
</tr>
<tr>
<td>
@@ -273,48 +274,39 @@
</td>
<td colspan="5">
<el-form-item>
- <el-input
- v-model="state.tableData.每日饮水量种类.input1"
- style="max-width: 150px"
- placeholder=""
- >
+ <el-input v-model="state.tableData.每日饮水量种类.input1"
+ style="max-width: 150px" placeholder="">
<template #append>ml/d</template>
</el-input>
</el-form-item>
</td>
-
+
</tr>
-
+
<tr>
<td>
9.日食盐量:
</td>
<td colspan="5">
<el-form-item>
- <el-input
- v-model="state.tableData.日食盐量.input1"
- style="max-width: 150px"
- placeholder=""
- >
+ <el-input v-model="state.tableData.日食盐量.input1" style="max-width: 150px"
+ placeholder="">
<template #append>g</template>
</el-input>
-
- <el-form-item label="调味品使用">
- <el-input
- v-model="state.tableData.日食盐量.input2"
- style="max-width: 150px"
- placeholder=""
- >
-
- </el-input>
-
+ <el-form-item label="调味品使用">
+ <el-input v-model="state.tableData.日食盐量.input2"
+ style="max-width: 150px" placeholder="">
+
+ </el-input>
+
+
+ </el-form-item>
</el-form-item>
- </el-form-item>
-
+
</td>
-
+
</tr>
<tr>
<td>
@@ -323,26 +315,20 @@
<td colspan="5">
<el-form-item>
<el-radio-group class="elradiozdi" v-model="state.tableData.烹饪油.type">
-
+
<el-checkbox value="A">A.植物油,具体是:
- <el-input
- v-model="state.tableData.烹饪油.input1"
- style="max-width: 100px"
- placeholder=""
- />
+ <el-input v-model="state.tableData.烹饪油.input1"
+ style="max-width: 100px" placeholder="" />
</el-checkbox>
<el-checkbox value="B">B.动物油,具体是:
- <el-input
- v-model="state.tableData.烹饪油.input2"
- style="max-width: 100px"
- placeholder=""
- />
+ <el-input v-model="state.tableData.烹饪油.input2"
+ style="max-width: 100px" placeholder="" />
</el-checkbox>
</el-radio-group>
</el-form-item>
</td>
-
+
</tr>
<tr>
<td>
@@ -350,24 +336,22 @@
</td>
<td colspan="5">
<el-form-item>
- <el-radio-group class="elradiozdi" v-model="state.tableData.经常使用的烹饪方法.type">
+ <el-radio-group class="elradiozdi"
+ v-model="state.tableData.经常使用的烹饪方法.type">
<el-checkbox value="A">A.煎炸</el-checkbox>
<el-checkbox value="B">B.烧煮</el-checkbox>
<el-checkbox value="C">C.炖煨</el-checkbox>
<el-checkbox value="D">D.滑炒</el-checkbox>
<el-checkbox value="E">E.熏烤</el-checkbox>
<el-checkbox value="F">F.其它:
- <el-input
- v-model="state.tableData.经常使用的烹饪方法.input1"
- style="max-width: 100px"
- placeholder=""
- />
+ <el-input v-model="state.tableData.经常使用的烹饪方法.input1"
+ style="max-width: 100px" placeholder="" />
</el-checkbox>
</el-radio-group>
</el-form-item>
</td>
-
+
</tr>
<tr>
<td>
@@ -375,7 +359,8 @@
</td>
<td colspan="5">
<el-form-item>
- <el-radio-group class="elradiozdi" v-model="state.tableData.是否食用零食.type">
+ <el-radio-group class="elradiozdi"
+ v-model="state.tableData.是否食用零食.type">
<el-checkbox value="A">A.烟熏食品</el-checkbox>
<el-checkbox value="B">B.油炸食品</el-checkbox>
<el-checkbox value="C">C.腌腊食品</el-checkbox>
@@ -387,17 +372,14 @@
<el-checkbox value="I">I.碳酸饮料</el-checkbox>
<el-checkbox value="J">J.辛辣食品</el-checkbox>
<el-checkbox value="K">K.其它:
- <el-input
- v-model="state.tableData.是否食用零食.input1"
- style="max-width: 100px"
- placeholder=""
- />
+ <el-input v-model="state.tableData.是否食用零食.input1"
+ style="max-width: 100px" placeholder="" />
</el-checkbox>
</el-radio-group>
</el-form-item>
</td>
-
+
</tr>
<tr>
<td>
@@ -405,76 +387,31 @@
</td>
<td colspan="5">
<el-form-item>
- <el-radio-group class="elradiozdi" v-model="state.tableData.三餐怎么安排.type">
+ <el-radio-group class="elradiozdi"
+ v-model="state.tableData.三餐怎么安排.type">
<el-checkbox value="A">A.不吃</el-checkbox>
<el-checkbox value="B">B.在外面凑合吃</el-checkbox>
<el-checkbox value="C">C.在家中简单吃</el-checkbox>
<el-checkbox value="D">D.在家中吃得近丰盛</el-checkbox>
<el-checkbox value="F">F.其它:
- <el-input
- v-model="state.tableData.三餐怎么安排.input1"
- style="max-width: 100px"
- placeholder=""
- />
+ <el-input v-model="state.tableData.三餐怎么安排.input1"
+ style="max-width: 100px" placeholder="" />
</el-checkbox>
</el-radio-group>
</el-form-item>
</td>
-
- </tr>
- <tr>
- <td>
- 14.中晚餐如何搭配:
- </td>
- <td colspan="5">
- <el-form-item label="荤菜:">
- <el-input
- v-model="state.tableData.中晚餐如何搭配.input1"
- style="max-width: 100px"
- placeholder=""
- >
- </el-input>
-
- <el-form-item label="素菜:">
- <el-input
- v-model="state.tableData.中晚餐如何搭配.input2"
- style="max-width: 100px"
- placeholder=""
- >
-
- </el-input>
- </el-form-item>
- <el-form-item label="主食:">
- <el-input
- v-model="state.tableData.中晚餐如何搭配.input3"
- style="max-width: 100px"
- placeholder=""
- >
-
- </el-input>
- </el-form-item>
- <el-form-item label="汤:">
- <el-input
- v-model="state.tableData.中晚餐如何搭配.input4"
- style="max-width: 100px"
- placeholder=""
- >
-
- </el-input>
- </el-form-item>
- </el-form-item>
- </td>
-
</tr>
+
<tr>
<td>
- 15.每日膳食搭配::
+ 14.每日膳食搭配::
</td>
<td colspan="5">
<el-form-item>
- <el-radio-group class="elradiozdi" v-model="state.tableData.每日膳食搭配.type">
+ <el-radio-group class="elradiozdi"
+ v-model="state.tableData.每日膳食搭配.type">
<el-radio value="A">A.以荤为主</el-radio>
<el-radio value="B">B.荤素各半</el-radio>
<el-radio value="C">C.以素为主</el-radio>
@@ -485,15 +422,16 @@
</el-form-item>
</td>
-
+
</tr>
<tr>
<td>
- 16.一日三餐能按时:
+ 15.一日三餐能按时:
</td>
<td colspan="5">
<el-form-item>
- <el-radio-group class="elradiozdi" v-model="state.tableData.一日三餐能按时.type">
+ <el-radio-group class="elradiozdi"
+ v-model="state.tableData.一日三餐能按时.type">
<el-radio value="A">A.按时</el-radio>
<el-radio value="B">B.基本按时</el-radio>
<el-radio value="C">C.很难按时</el-radio>
@@ -502,62 +440,58 @@
</el-form-item>
</td>
-
+
</tr>
<tr>
<td>
- 17.一日三餐中饮食结构最合理的是:
+ 16.一日三餐中饮食结构最合理的是:
</td>
<td colspan="5">
<el-form-item>
- <el-radio-group class="elradiozdi" v-model="state.tableData.一日三餐中饮食结构最合理的是.type">
+ <el-radio-group class="elradiozdi"
+ v-model="state.tableData.一日三餐中饮食结构最合理的是.type">
<el-radio value="A">A.早餐</el-radio>
<el-radio value="B">B.中餐</el-radio>
<el-radio value="C">C.晚餐</el-radio>
</el-radio-group>
</el-form-item>
</td>
-
+
</tr>
<tr>
<td>
- 18.是否加餐:
+ 17.是否加餐:
</td>
<td colspan="5">
<el-form-item>
<el-radio-group class="elradiozdi" v-model="state.tableData.是否加餐.type">
<el-radio value="A">A.是</el-radio>
<el-radio value="B">
- <el-form-item label="B.否">
- <el-input
- v-model="state.tableData.是否加餐.input1"
- style="max-width: 150px"
- placeholder=""
- >
- <template #append>次/周</template>
- </el-input>
- <el-form-item>
- <el-input
- v-model="state.tableData.是否加餐.input1"
- style="max-width: 150px;margin-left: 10px;"
- placeholder=""
- >
- <template #append>次/天</template>
- </el-input>
+ <el-form-item label="B.否">
+ <el-input v-model="state.tableData.是否加餐.input1"
+ style="max-width: 150px" placeholder="">
+ <template #append>次/周</template>
+ </el-input>
+ <el-form-item>
+ <el-input v-model="state.tableData.是否加餐.input1"
+ style="max-width: 150px;margin-left: 10px;"
+ placeholder="">
+ <template #append>次/天</template>
+ </el-input>
+ </el-form-item>
</el-form-item>
- </el-form-item>
-
+
</el-radio>
-
+
</el-radio-group>
</el-form-item>
</td>
-
+
</tr>
<tr>
<td>
- 19.三天饮食记录表(食材、份量)
+ 18.三天饮食记录表(食材、份量)
</td>
<td>早餐</td>
<td>加餐</td>
@@ -568,8 +502,9 @@
<tr>
<td>
<el-form-item label="透析日一">
- <el-date-picker v-model="state.tableData.三天饮食记录表.透析日1.日期" type="date" style="width: 100px;"
- placeholder="" format="MM/DD" value-format="YYYY-MM-DD" />
+ <el-date-picker v-model="state.tableData.三天饮食记录表.透析日1.日期" type="date"
+ style="width: 100px;" placeholder="" format="MM/DD"
+ value-format="YYYY-MM-DD" />
</el-form-item>
</td>
<td>
@@ -600,8 +535,9 @@
<tr>
<td>
<el-form-item label="非透析日">
- <el-date-picker v-model="state.tableData.三天饮食记录表.非透析日.日期" type="date" style="width: 100px;"
- placeholder="" format="MM/DD" value-format="YYYY-MM-DD" />
+ <el-date-picker v-model="state.tableData.三天饮食记录表.非透析日.日期" type="date"
+ style="width: 100px;" placeholder="" format="MM/DD"
+ value-format="YYYY-MM-DD" />
</el-form-item>
</td>
<td>
@@ -631,9 +567,10 @@
</tr>
<tr>
<td>
- <el-form-item label="透析日二">
- <el-date-picker v-model="state.tableData.三天饮食记录表.透析日2.日期" type="date" style="width: 100px;"
- placeholder="" format="MM/DD" value-format="YYYY-MM-DD" />
+ <el-form-item label="透析日二">
+ <el-date-picker v-model="state.tableData.三天饮食记录表.透析日2.日期" type="date"
+ style="width: 100px;" placeholder="" format="MM/DD"
+ value-format="YYYY-MM-DD" />
</el-form-item>
</td>
<td>
@@ -663,11 +600,12 @@
</tr>
<tr>
<td>
- 20.每餐就餐时间:
+ 19.每餐就餐时间:
</td>
<td colspan="5">
<el-form-item>
- <el-radio-group class="elradiozdi" v-model="state.tableData.每餐就餐时间.type">
+ <el-radio-group class="elradiozdi"
+ v-model="state.tableData.每餐就餐时间.type">
<el-radio value="A">A.小于5分钟</el-radio>
<el-radio value="B">B.5-10分钟</el-radio>
<el-radio value="C">C.10-20分钟 </el-radio>
@@ -676,15 +614,16 @@
</el-radio-group>
</el-form-item>
</td>
-
+
</tr>
<tr>
<td>
- 21.你如何调节自己的饮食:
+ 20.你如何调节自己的饮食:
</td>
<td colspan="5">
<el-form-item>
- <el-radio-group class="elradiozdi" v-model="state.tableData.你如何调节自己的饮食.type">
+ <el-radio-group class="elradiozdi"
+ v-model="state.tableData.你如何调节自己的饮食.type">
<el-radio value="A">A.随心所欲</el-radio>
<el-radio value="B">B.家人安排</el-radio>
<el-radio value="C">C.自己合理控制 </el-radio>
@@ -692,15 +631,16 @@
</el-radio-group>
</el-form-item>
</td>
-
+
</tr>
<tr>
<td>
- 22.你对合理膳食的基本要求知道多少:
+ 21.你对合理膳食的基本要求知道多少:
</td>
<td colspan="5">
<el-form-item>
- <el-radio-group class="elradiozdi" v-model="state.tableData.你对合理膳食的基本要求知道多少.type">
+ <el-radio-group class="elradiozdi"
+ v-model="state.tableData.你对合理膳食的基本要求知道多少.type">
<el-radio value="A">A.全知道</el-radio>
<el-radio value="B">B.基本知道</el-radio>
<el-radio value="C">C.知道较少 </el-radio>
@@ -708,14 +648,14 @@
</el-radio-group>
</el-form-item>
</td>
-
+
</tr>
<tr>
- <td style="background-color: antiquewhite;">
+ <td style="background-color: antiquewhite;">
饮食指导建议：
</td>
- <td colspan="5" style="background-color: antiquewhite;">
+ <td colspan="5" style="background-color: antiquewhite;">
<el-form-item>
<el-input v-model="state.tableData.备注.input1" type="textarea"
:autosize="{ minRows: 2, maxRows: 6 }" placeholder="请饮食指导建议" />
@@ -1012,7 +952,7 @@
</td>
</tr> -->
-
+
@@ -1045,142 +985,145 @@
import { useUserInfo } from '/@/stores/userInfo';
import { usePatientsInfo } from '/@/stores/patientsInfo';
const storesPat = usePatientsInfo();
-import {Add,update,deleteId,tiaochabiaoInfo} from '/@/api/tiaochabiao/index'
+import { Add, update, deleteId, tiaochabiaoInfo } from '/@/api/tiaochabiao/index'
import { storeToRefs } from 'pinia';
-import { useRoute,useRouter } from 'vue-router';
+import { useRoute, useRouter } from 'vue-router';
import { ElMessage } from 'element-plus';
const stores = useUserInfo();
const { patientsInfo } = storeToRefs(storesPat);
const { userInfos } = storeToRefs(stores);
const router = useRouter()
-const emit = defineEmits([ "shuaxin" ]);
+const emit = defineEmits(["shuaxin"]);
const state = reactive({
- dialogTableVisible:false,
+ dialogTableVisible: false,
tableData: {
表名: '营养膳食调查表',
- 初次调查日期:"",
+ 初次调查日期: "",
填表日期: '',
更新日期: '',
记录者: '陈银成',
常吃的主食: {
type: '', //只能选择独居或者家庭
input1: '',
+ input2: '',
},
常吃的蔬菜: {
type: '',
input1: '',
+ input2: '',
},
蔬菜日食用量: {
type: '',
input1: '',
},
- 水果食用量及频率:{
+ 水果食用量及频率: {
input1: '',
- input2:''
+ input2: '',
+ input3: ''
},
常吃的肉类: {
type: '',
input1: '',
- input2:''
+ input2: ''
},
常吃的大豆及其制品是: {
type: '',
input1: '',
- input2:''
+ input2: ''
},
- 坚果摄入量:{
+ 坚果摄入量: {
type: '',
input1: '',
- input2:''
+ input2: ''
},
- 每天食用奶类的量:{
+ 每天食用奶类的量: {
type: '',
input1: '',
input2: '',
},
- 每日饮水量种类:{
+ 每日饮水量种类: {
type: '',
input1: '',
},
- 日食盐量:{
+ 日食盐量: {
type: '',
input1: '',
input2: '',
},
- 烹饪油:{
+ 烹饪油: {
type: '',
input1: '',
input2: '',
},
- 经常使用的烹饪方法:{
+ 经常使用的烹饪方法: {
type: '',
input1: '',
input2: '',
},
- 是否食用零食:{
+ 是否食用零食: {
type: '',
input1: '',
input2: '',
},
- 三餐怎么安排:{
+ 三餐怎么安排: {
type: '',
input1: '',
input2: '',
},
- 中晚餐如何搭配:{
+ 中晚餐如何搭配: {
type: '',
input1: '',
input2: '',
input3: '',
input4: '',
},
- 每日膳食搭配:{
+ 每日膳食搭配: {
type: '',
input1: '',
input2: '',
},
- 一日三餐能按时:{
+ 一日三餐能按时: {
type: '',
input1: '',
input2: '',
},
- 一日三餐中饮食结构最合理的是:{
+ 一日三餐中饮食结构最合理的是: {
type: '',
input1: '',
input2: '',
},
- 是否加餐:{
+ 是否加餐: {
type: '',
input1: '',
input2: '',
},
-
- 三天饮食记录表:{
- 透析日1:{日期:'',早餐:'',加餐1:'',午餐:"",加餐2:'',晚餐:''},
- 非透析日:{日期:'',早餐:'',加餐1:'',午餐:"",加餐2:'',晚餐:''},
- 透析日2:{日期:'',早餐:'',加餐1:'',午餐:"",加餐2:'',晚餐:''}
+
+ 三天饮食记录表: {
+ 透析日1: { 日期: '', 早餐: '', 加餐1: '', 午餐: "", 加餐2: '', 晚餐: '' },
+ 非透析日: { 日期: '', 早餐: '', 加餐1: '', 午餐: "", 加餐2: '', 晚餐: '' },
+ 透析日2: { 日期: '', 早餐: '', 加餐1: '', 午餐: "", 加餐2: '', 晚餐: '' }
},
- 每餐就餐时间:{
+ 每餐就餐时间: {
type: '',
input1: '',
input2: '',
},
- 你如何调节自己的饮食:{
+ 你如何调节自己的饮食: {
type: '',
input1: '',
input2: '',
},
- 你对合理膳食的基本要求知道多少:{
+ 你对合理膳食的基本要求知道多少: {
type: '',
input1: '',
input2: '',
},
- 过敏食物:{
+ 过敏食物: {
type: '',
input1: '',
input2: '',
},
- 过敏症状表现为以下哪些: {type: '', input1: '',},
+ 过敏症状表现为以下哪些: { type: '', input1: '', },
人员构成: {
type: '', //只能选择独居或者家庭
input1: '',
@@ -1197,66 +1140,66 @@
type: '',
input1: '',
},
-
-
- 是否吸烟:{ type: '',input1: ''},
- 是否饮酒:{ type: '',input1: '',input2: '',input3: ''},
- 周运动频率:{ type: '',input1: '',input2: '',input3: ''},
- 作息时间: {type: '', input1: '',input2: ''},
- 排便情况:{ type: '',input1: ''},
- 备注:{ type: '',input1: ''}
+
+
+ 是否吸烟: { type: '', input1: '' },
+ 是否饮酒: { type: '', input1: '', input2: '', input3: '' },
+ 周运动频率: { type: '', input1: '', input2: '', input3: '' },
+ 作息时间: { type: '', input1: '', input2: '' },
+ 排便情况: { type: '', input1: '' },
+ 备注: { type: '', input1: '' }
},
loading: false,
- viewInfo:{
+ viewInfo: {
id: 0,
code: '',
- surveryFormType:0,
+ surveryFormType: 0,
clientCode: userInfos.value.clientCode,
patientCode: patientsInfo.value.code,
surveryTime: formatDate(new Date(), 'YYYY-mm-dd HH:MM:SS'),
surveryPerson: userInfos.value.code,
surveryJsonBody: '',
- suveryFormName:'营养膳食调查表',
+ suveryFormName: '营养膳食调查表',
updateTime: ''
}
})
-const funhui=()=>{
- state.dialogTableVisible=false
+const funhui = () => {
+ state.dialogTableVisible = false
}
const onSubmit = () => {
- console.log('submit!')
- console.log(state.tableData)
- const info:tiaochabiaoInfo={
- id: state.viewInfo.id,
- code: state.viewInfo.code,
- clientCode: userInfos.value.clientCode,
- patientCode: patientsInfo.value.code,
- surveryTime: formatDate(new Date(), 'YYYY-mm-dd HH:MM:SS'),
- surveryPerson: userInfos.value.code,
- surveryJsonBody: JSON.stringify(state.tableData),
- suveryFormName:'营养膳食调查表',
- surveryFormType:0,
- updateTime: ''
- }
- console.log(info)
- if(info.id===0){
- Add(info).then(re=>{
- console.log(re.data)
- state.dialogTableVisible=false
- emit('shuaxin')
- })
- }else if(info.id>0){
- info.surveryTime=state.viewInfo.surveryTime
- update(info).then(re=>{
- console.log(re.data)
- state.dialogTableVisible=false
- emit('shuaxin')
- })
- }
-
+ console.log('submit!')
+ console.log(state.tableData)
+ const info: tiaochabiaoInfo = {
+ id: state.viewInfo.id,
+ code: state.viewInfo.code,
+ clientCode: userInfos.value.clientCode,
+ patientCode: patientsInfo.value.code,
+ surveryTime: formatDate(new Date(), 'YYYY-mm-dd HH:MM:SS'),
+ surveryPerson: userInfos.value.code,
+ surveryJsonBody: JSON.stringify(state.tableData),
+ suveryFormName: '营养膳食调查表',
+ surveryFormType: 0,
+ updateTime: ''
+ }
+ console.log(info)
+ if (info.id === 0) {
+ Add(info).then(re => {
+ console.log(re.data)
+ state.dialogTableVisible = false
+ emit('shuaxin')
+ })
+ } else if (info.id > 0) {
+ info.surveryTime = state.viewInfo.surveryTime
+ update(info).then(re => {
+ console.log(re.data)
+ state.dialogTableVisible = false
+ emit('shuaxin')
+ })
+ }
+
}
// 第一步：定义子组件里面的方法
const getData = (str: string) => {
@@ -1265,148 +1208,151 @@
}
// 打开查看或者编辑明细
-const openShow = (type: string,mode:tiaochabiaoInfo) => {
+const openShow = (type: string, mode: tiaochabiaoInfo) => {
console.log(type)
- if(type==='add'){
+ if (type === 'add') {
getPageInfo()
state.dialogTableVisible = true
}
- else if(type==='update'){
+ else if (type === 'update') {
console.log(mode)
- state.viewInfo=mode
- state.tableData=JSON.parse(mode.surveryJsonBody)
+ state.viewInfo = mode
+ state.tableData = JSON.parse(mode.surveryJsonBody)
state.dialogTableVisible = true
}
-
+
}
-const getPageInfo=()=>{
- state.tableData={
+const getPageInfo = () => {
+ state.tableData = {
表名: '营养膳食调查表',
- 初次调查日期: formatDate(new Date(),'YYYY-mm-dd'),
+ 初次调查日期: formatDate(new Date(), 'YYYY-mm-dd'),
填表日期: '',
- 更新日期: formatDate(new Date(),'YYYY-mm-dd'),
+ 更新日期: formatDate(new Date(), 'YYYY-mm-dd'),
记录者: userInfos.value.userName,
常吃的主食: {
type: '', //只能选择独居或者家庭
input1: '',
+ input2: '',
},
常吃的蔬菜: {
type: '',
input1: '',
+ input2: '',
},
蔬菜日食用量: {
type: '',
input1: '',
},
- 水果食用量及频率:{
+ 水果食用量及频率: {
input1: '',
- input2:''
+ input2: '',
+ input3: ''
},
常吃的肉类: {
type: '',
input1: '',
- input2:''
+ input2: ''
},
常吃的大豆及其制品是: {
type: '',
input1: '',
- input2:''
+ input2: ''
},
- 坚果摄入量:{
+ 坚果摄入量: {
type: '',
input1: '',
- input2:''
+ input2: ''
},
- 每天食用奶类的量:{
+ 每天食用奶类的量: {
type: '',
input1: '',
input2: '',
},
- 每日饮水量种类:{
+ 每日饮水量种类: {
type: '',
input1: '',
},
- 日食盐量:{
+ 日食盐量: {
type: '',
input1: '',
input2: '',
},
- 烹饪油:{
+ 烹饪油: {
type: '',
input1: '',
input2: '',
},
- 经常使用的烹饪方法:{
+ 经常使用的烹饪方法: {
type: '',
input1: '',
input2: '',
},
- 是否食用零食:{
+ 是否食用零食: {
type: '',
input1: '',
input2: '',
},
- 三餐怎么安排:{
+ 三餐怎么安排: {
type: '',
input1: '',
input2: '',
},
- 中晚餐如何搭配:{
+ 中晚餐如何搭配: {
type: '',
input1: '',
input2: '',
input3: '',
input4: '',
},
- 每日膳食搭配:{
+ 每日膳食搭配: {
type: '',
input1: '',
input2: '',
},
- 一日三餐能按时:{
+ 一日三餐能按时: {
type: '',
input1: '',
input2: '',
},
- 一日三餐中饮食结构最合理的是:{
+ 一日三餐中饮食结构最合理的是: {
type: '',
input1: '',
input2: '',
},
- 是否加餐:{
+ 是否加餐: {
type: '',
input1: '',
input2: '',
},
-
- 三天饮食记录表:{
- 透析日1:{日期:'',早餐:'',加餐1:'',午餐:"",加餐2:'',晚餐:''},
- 非透析日:{日期:'',早餐:'',加餐1:'',午餐:"",加餐2:'',晚餐:''},
- 透析日2:{日期:'',早餐:'',加餐1:'',午餐:"",加餐2:'',晚餐:''}
+
+ 三天饮食记录表: {
+ 透析日1: { 日期: '', 早餐: '', 加餐1: '', 午餐: "", 加餐2: '', 晚餐: '' },
+ 非透析日: { 日期: '', 早餐: '', 加餐1: '', 午餐: "", 加餐2: '', 晚餐: '' },
+ 透析日2: { 日期: '', 早餐: '', 加餐1: '', 午餐: "", 加餐2: '', 晚餐: '' }
},
- 每餐就餐时间:{
+ 每餐就餐时间: {
type: '',
input1: '',
input2: '',
},
- 你如何调节自己的饮食:{
+ 你如何调节自己的饮食: {
type: '',
input1: '',
input2: '',
},
- 你对合理膳食的基本要求知道多少:{
+ 你对合理膳食的基本要求知道多少: {
type: '',
input1: '',
input2: '',
},
- 过敏食物:{
+ 过敏食物: {
type: '',
input1: '',
input2: '',
},
- 过敏症状表现为以下哪些: {type: '', input1: '',},
+ 过敏症状表现为以下哪些: { type: '', input1: '', },
人员构成: {
type: '', //只能选择独居或者家庭
input1: '',
@@ -1423,13 +1369,13 @@
type: '',
input1: '',
},
-
- 备注:{ type: '',input1: ''},
- 是否吸烟:{ type: '',input1: ''},
- 是否饮酒:{ type: '',input1: '',input2: '',input3: ''},
- 周运动频率:{ type: '',input1: '',input2: '',input3: ''},
- 作息时间: {type: '', input1: '',input2: ''},
- 排便情况:{ type: '',input1: ''},
+
+ 备注: { type: '', input1: '' },
+ 是否吸烟: { type: '', input1: '' },
+ 是否饮酒: { type: '', input1: '', input2: '', input3: '' },
+ 周运动频率: { type: '', input1: '', input2: '', input3: '' },
+ 作息时间: { type: '', input1: '', input2: '' },
+ 排便情况: { type: '', input1: '' },
}
}
@@ -1439,7 +1385,6 @@
<style scoped lang="scss">
-
.gridtable {
font-family: verdana, arial, sans-serif;
font-size: 11px;
@@ -1447,7 +1392,7 @@
border-width: 1px;
border-color: #666666;
border-collapse: collapse;
-
+
}
.gridtable th {
@@ -1465,5 +1410,4 @@
border-color: #666666;
background-color: #ffffff;
}
-
</style>
--
Gitblit v1.8.0