From 05c827fea632f004821cc746ba73880769fab7cd Mon Sep 17 00:00:00 2001
From: chenyc <501753378@qq.com>
Date: 星期一, 14 七月 2025 10:06:43 +0800
Subject: [PATCH] gx1868 日期选择和排班患者查询条件,默认显示当天的已排班患者

---
 src/views/home/components/editDietary2.vue | 1205 ++++++++++++++++++++++-----------------------------------
 1 files changed, 466 insertions(+), 739 deletions(-)

diff --git a/src/views/home/components/editDietary2.vue b/src/views/home/components/editDietary2.vue
index dd897b1..4fac9b0 100644
--- a/src/views/home/components/editDietary2.vue
+++ b/src/views/home/components/editDietary2.vue
@@ -1,8 +1,8 @@
 <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>
+        <el-dialog v-model="state.dialogTableVisible" title="营养膳食调查表" :fullscreen="true" width="100%">
+            <div style="width: 100%; height: 100%;overflow: auto;">
+                <div id='printMe'>
                     <div>
                         <el-form size="small">
                             <div style="width: 100%">
@@ -11,20 +11,27 @@
                                     <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">记录者:{{ state.tableData.记录者 }}</th>
+                                        <th colspan="2">
+                                            <el-form-item label="记录者">
+                                                <el-input v-model="state.tableData.记录者" style="width: 100px;"
+                                                    placeholder="" />
+                                            </el-form-item>
+                                        </th>
 
                                     </tr>
                                     <tr>
@@ -35,40 +42,65 @@
                                             1.常吃的主食
                                         </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">B.杂豆类</el-radio>
-                                                    <el-radio value="C">C.粗粮</el-radio>
-                                                    <el-radio value="D">B.薯类</el-radio>
-                                                    <el-radio value="E">E.其它</el-radio>
+                                                    <el-radio-group
+                                                        v-model="state.tableData.常吃的主食.type">
+                                                        <el-checkbox value="精米面类">A.精米面类</el-checkbox>
+                                                        <el-checkbox value="杂豆类">B.杂豆类</el-checkbox>
+                                                        <el-checkbox value="粗粮">C.粗粮</el-checkbox>
+                                                        <el-checkbox value="薯类">B.薯类</el-checkbox>
+                                                        <el-checkbox value="其它">E.其它</el-checkbox>
 
-                                                </el-radio-group>
-                                            </el-form-item>
-
+                                                    </el-radio-group>
+                                                    <span>
+                                                        <el-input v-model="state.tableData.常吃的主食.input1"
+                                                            style="max-width: 150px" placeholder="">
+                                                            <template #append>次/周</template>
+                                                        </el-input> 
+                                                    </span>
+                                                    <span>食用份量</span>
+                                                    <span>
+                                                        <el-input v-model="state.tableData.常吃的主食.input2"
+                                                            style="max-width: 150px" placeholder="">
+                                                            <template #append>g/天</template>
+                                                        </el-input>
+                                                    </span>
+                                                </el-form-item>
                                         </td>
-                                      
+
                                     </tr>
                                     <tr>
                                         <td>
                                             2.常吃的蔬菜
                                         </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">B.根茎类</el-radio>
-                                                    <el-radio value="C">C.瓜茄</el-radio>
-                                                    <el-radio value="D">B.鲜豆</el-radio>
-                                                    <el-radio value="E">E.菌藻</el-radio>
+                                            <el-form :inline="true" size="small" >
+                                                <el-form-item>
+                                                <el-radio-group  v-model="state.tableData.常吃的蔬菜.type">
+                                                    <el-checkbox value="叶菜">A.叶菜</el-checkbox>
+                                                    <el-checkbox value="根茎类">B.根茎类</el-checkbox>
+                                                    <el-checkbox value="瓜茄">C.瓜茄</el-checkbox>
+                                                    <el-checkbox value="鲜豆">B.鲜豆</el-checkbox>
+                                                    <el-checkbox value="菌藻">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>
@@ -77,38 +109,35 @@
                                         </td>
                                         <td colspan="5">
                                             <el-form-item>
-                                                <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>
+                                                <el-radio-group class="elradiozdi"
+                                                    v-model="state.tableData.蔬菜日食用量.type">
+                                                    <el-radio value="<300g">A.< 300g </el-radio>
+                                                    <el-radio value="300g-500g">B.300g-500g</el-radio>
+                                                    <el-radio value=">500g">C.> 500g</el-radio>
                                                 </el-radio-group>
                                             </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>
@@ -118,36 +147,30 @@
                                         <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">B.禽产品</el-radio>
-                                                    <el-radio value="C">C.水产品类</el-radio>
-                                                    <el-radio value="D">D.蛋类</el-radio>
-                                                    <el-radio value="E">E.其他</el-radio>
+                                                    <el-checkbox value="畜产品">A.畜产品</el-checkbox>
+                                                    <el-checkbox value="禽产品">B.禽产品</el-checkbox>
+                                                    <el-checkbox value="水产品类">C.水产品类</el-checkbox>
+                                                    <el-checkbox value="蛋类">D.蛋类</el-checkbox>
+                                                    <el-checkbox value="其他">E.其他</el-checkbox>
                                                 </el-radio-group>
 
                                             </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>
@@ -160,40 +183,31 @@
                                         <td colspan="5">
                                             <el-form-item>
                                                 <el-radio-group class="elradiozdi" v-model="state.tableData.常吃的肉类.type">
-                                                    <el-radio value="A">A.大豆类,具体为:
-                                                        <el-input
-                                                        v-model="state.tableData.常吃的大豆及其制品是.input3" 
-                                                        style="max-width: 100px"
-                                                        placeholder=""
-                                                        />
-                                                    </el-radio>
-                                                    <el-radio value="B">B.非发酵豆制品</el-radio>
-                                                    <el-radio value="C">C.发酵豆制品</el-radio>
+                                                    <el-checkbox value="大豆类">A.大豆类,具体为:
+                                                        <el-input v-model="state.tableData.常吃的大豆及其制品是.input1"
+                                                            style="max-width: 100px" placeholder="" />
+                                                    </el-checkbox>
+                                                    <el-checkbox value="非发酵豆制品">B.非发酵豆制品</el-checkbox>
+                                                    <el-checkbox value="发酵豆制品">C.发酵豆制品</el-checkbox>
                                                 </el-radio-group>
 
                                             </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>
@@ -208,20 +222,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>
@@ -230,7 +238,7 @@
 
                                             </el-form-item>
                                         </td>
-                                      
+
                                     </tr>
                                     <tr>
                                         <td>
@@ -238,30 +246,25 @@
                                         </td>
                                         <td colspan="5">
                                             <el-form-item>
-                                                <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-radio-group class="elradiozdi"
+                                                    v-model="state.tableData.每天食用奶类的量.type">
+
+                                                    <el-radio value="液态奶">A.液态奶 具体为:
+                                                        <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-radio value="酸奶">B.酸奶</el-radio>
+                                                    <el-radio value="奶粉">C.奶粉 具体为:
+                                                        <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>
+                                                    <el-radio value="奶酪">D.奶酪</el-radio>
+                                                    <el-radio value="无">D.无</el-radio>
                                                 </el-radio-group>
 
                                             </el-form-item>
                                         </td>
-                                      
+
                                     </tr>
                                     <tr>
                                         <td>
@@ -269,48 +272,45 @@
                                         </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;margin-right: 20px" placeholder="">
                                                     <template #append>ml/d</template>
+                                                </el-input>
+                                                <el-form-item label="备注">
+                                                <el-input v-model="state.tableData.每日饮水量种类.type"
+                                                    style="max-width: 150px" placeholder="">
                                                 </el-input>
 
                                             </el-form-item>
+                                            </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;margin-right: 20px"
+                                                    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>
@@ -319,26 +319,20 @@
                                         <td colspan="5">
                                             <el-form-item>
                                                 <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-radio>
-                                                    <el-radio value="B">B.动物油,具体是:
-                                                        <el-input
-                                                        v-model="state.tableData.烹饪油.input2" 
-                                                        style="max-width: 100px"
-                                                        placeholder=""
-                                                        />
-                                                    </el-radio>
+
+                                                    <el-checkbox value="植物油">A.植物油,具体是:
+                                                        <el-input v-model="state.tableData.烹饪油.input1"
+                                                            style="max-width: 100px" placeholder="" />
+                                                    </el-checkbox>
+                                                    <el-checkbox value="动物油">B.动物油,具体是:
+                                                        <el-input v-model="state.tableData.烹饪油.input2"
+                                                            style="max-width: 100px" placeholder="" />
+                                                    </el-checkbox>
                                                 </el-radio-group>
 
                                             </el-form-item>
                                         </td>
-                                      
+
                                     </tr>
                                     <tr>
                                         <td>
@@ -346,24 +340,22 @@
                                         </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">B.烧煮</el-radio>
-                                                    <el-radio value="C">C.丙炖煨</el-radio>
-                                                    <el-radio value="D">D.滑炒</el-radio>
-                                                    <el-radio value="E">E.熏烤</el-radio>
-                                                    <el-radio value="F">F.其它:
-                                                        <el-input
-                                                        v-model="state.tableData.经常使用的烹饪方法.input1" 
-                                                        style="max-width: 100px"
-                                                        placeholder=""
-                                                        />
-                                                    </el-radio>
+                                                <el-radio-group class="elradiozdi"
+                                                    v-model="state.tableData.经常使用的烹饪方法.type">
+                                                    <el-checkbox value="煎炸">A.煎炸</el-checkbox>
+                                                    <el-checkbox value="烧煮">B.烧煮</el-checkbox>
+                                                    <el-checkbox value="炖煨">C.炖煨</el-checkbox>
+                                                    <el-checkbox value="滑炒">D.滑炒</el-checkbox>
+                                                    <el-checkbox value="熏烤">E.熏烤</el-checkbox>
+                                                    <el-checkbox value="其它">F.其它:
+                                                        <el-input v-model="state.tableData.经常使用的烹饪方法.input1"
+                                                            style="max-width: 100px" placeholder="" />
+                                                    </el-checkbox>
                                                 </el-radio-group>
 
                                             </el-form-item>
                                         </td>
-                                      
+
                                     </tr>
                                     <tr>
                                         <td>
@@ -371,29 +363,27 @@
                                         </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">B.油炸食品</el-radio>
-                                                    <el-radio value="C">C.腌腊食品</el-radio>
-                                                    <el-radio value="D">D.饼干</el-radio>
-                                                    <el-radio value="E">E.膨化食品</el-radio>
-                                                    <el-radio value="F">F.快餐</el-radio>
-                                                    <el-radio value="G">G.方便面</el-radio>
-                                                    <el-radio value="H">H.火腿肠</el-radio>
-                                                    <el-radio value="I">I.碳酸饮料</el-radio>
-                                                    <el-radio value="J">J.辛辣食品</el-radio>
-                                                    <el-radio value="K">K.其它:
-                                                        <el-input
-                                                        v-model="state.tableData.是否食用零食.input1" 
-                                                        style="max-width: 100px"
-                                                        placeholder=""
-                                                        />
-                                                    </el-radio>
+                                                <el-radio-group class="elradiozdi"
+                                                    v-model="state.tableData.是否食用零食.type">
+                                                    <el-checkbox value="烟熏食品">A.烟熏食品</el-checkbox>
+                                                    <el-checkbox value="油炸食品">B.油炸食品</el-checkbox>
+                                                    <el-checkbox value="腌腊食品">C.腌腊食品</el-checkbox>
+                                                    <el-checkbox value="饼干">D.饼干</el-checkbox>
+                                                    <el-checkbox value="膨化食品">E.膨化食品</el-checkbox>
+                                                    <el-checkbox value="快餐">F.快餐</el-checkbox>
+                                                    <el-checkbox value="方便面">G.方便面</el-checkbox>
+                                                    <el-checkbox value="火腿肠">H.火腿肠</el-checkbox>
+                                                    <el-checkbox value="碳酸饮料">I.碳酸饮料</el-checkbox>
+                                                    <el-checkbox value="辛辣食品">J.辛辣食品</el-checkbox>
+                                                    <el-checkbox value="其它">K.其它:
+                                                        <el-input v-model="state.tableData.是否食用零食.input1"
+                                                            style="max-width: 100px" placeholder="" />
+                                                    </el-checkbox>
                                                 </el-radio-group>
 
                                             </el-form-item>
                                         </td>
-                                      
+
                                     </tr>
                                     <tr>
                                         <td>
@@ -401,159 +391,111 @@
                                         </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">B.在外面凑合吃</el-radio>
-                                                    <el-radio value="C">C.在家中简单吃</el-radio>
-                                                    <el-radio value="D">D.在家中吃得近丰盛</el-radio>
-                                                    <el-radio value="F">F.其它:
-                                                        <el-input
-                                                        v-model="state.tableData.三餐怎么安排.input1" 
-                                                        style="max-width: 100px"
-                                                        placeholder=""
-                                                        />
+                                                <el-radio-group class="elradiozdi"
+                                                    v-model="state.tableData.三餐怎么安排.type">
+                                                    <el-checkbox value="不吃">A.不吃</el-checkbox>
+                                                    <el-checkbox value="在外面凑合吃">B.在外面凑合吃</el-checkbox>
+                                                    <el-checkbox value="在家中简单吃">C.在家中简单吃</el-checkbox>
+                                                    <el-checkbox value="在家中吃得近丰盛">D.在家中吃得近丰盛</el-checkbox>
+                                                    <el-checkbox value="其它">F.其它:
+                                                        <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>
+                                                <el-radio-group class="elradiozdi"
+                                                    v-model="state.tableData.每日膳食搭配.type">
+                                                    <el-radio value="以荤为主">A.以荤为主</el-radio>
+                                                    <el-radio value="荤素各半">B.荤素各半</el-radio>
+                                                    <el-radio value="以素为">C.以素为主</el-radio>
+                                                    <el-radio value="不吃素菜">D.不吃素菜</el-radio>
+                                                    <el-radio value="全素食">E.全素食
                                                     </el-radio>
                                                 </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.每日膳食搭配::
+                                            15.一日三餐能按时:
                                         </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">B.荤素各半</el-radio>
-                                                    <el-radio value="C">C.以素为主</el-radio>
-                                                    <el-radio value="D">D.不吃素菜</el-radio>
-                                                    <el-radio value="E">E.全素食
-                                                    </el-radio>
+                                                <el-radio-group class="elradiozdi"
+                                                    v-model="state.tableData.一日三餐能按时.type">
+                                                    <el-radio value="按时">A.按时</el-radio>
+                                                    <el-radio value="基本按时">B.基本按时</el-radio>
+                                                    <el-radio value="很难按时">C.很难按时</el-radio>
+                                                    <el-radio value="不按时">D.不按时</el-radio>
                                                 </el-radio-group>
 
                                             </el-form-item>
                                         </td>
-                                      
-                                    </tr>
-                                    <tr>
-                                        <td>
-                                            16.一日三餐能按时:
-                                        </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">B.基本按时</el-radio>
-                                                    <el-radio value="C">C.很难按时</el-radio>
-                                                    <el-radio value="D">D.不按时</el-radio>
-                                                </el-radio-group>
 
-                                            </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 value="A">A.早餐</el-radio>
-                                                    <el-radio value="B">B.中餐</el-radio>
-                                                    <el-radio value="C">C.晚餐</el-radio>
+                                                <el-radio-group class="elradiozdi"
+                                                    v-model="state.tableData.一日三餐中饮食结构最合理的是.type">
+                                                    <el-radio value="早餐">A.早餐</el-radio>
+                                                    <el-radio value="中餐">B.中餐</el-radio>
+                                                    <el-radio value="晚餐">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-radio value="是">A.是</el-radio>
+                                                    <el-radio value="否">
+                                                        <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>
@@ -564,8 +506,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>
@@ -596,8 +539,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>
@@ -627,9 +571,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>
@@ -659,347 +604,69 @@
                                     </tr>
                                     <tr>
                                         <td>
-                                            20.每餐就餐时间:
-                                        </td>
-                                        <td colspan="5">
-                                            <el-form-item>
-                                                <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>
-                                                    <el-radio value="D">D.20-30分钟 </el-radio>
-                                                    <el-radio value="E">E.30分钟 </el-radio>
-                                                </el-radio-group>
-                                            </el-form-item>
-                                        </td>
-                                      
-                                    </tr>
-                                    <tr>
-                                        <td>
-                                            21.你如何调节自己的饮食:
-                                        </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">B.家人安排</el-radio>
-                                                    <el-radio value="C">C.自己合理控制 </el-radio>
-                                                    <el-radio value="D">D.仿照别人 </el-radio>
-                                                </el-radio-group>
-                                            </el-form-item>
-                                        </td>
-                                      
-                                    </tr>
-                                    <tr>
-                                        <td>
-                                            22.你对合理膳食的基本要求知道多少:
-                                        </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">B.基本知道</el-radio>
-                                                    <el-radio value="C">C.知道较少 </el-radio>
-                                                    <el-radio value="D">D.不了解 </el-radio>
-                                                </el-radio-group>
-                                            </el-form-item>
-                                        </td>
-                                      
-                                    </tr>
-                                    <tr>
-                                        <td>
-                                            23.过敏食物:
-                                        </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">B.蛋类</el-radio>
-                                                    <el-radio value="C">C.坚果类 </el-radio>
-                                                    <el-radio value="D">D.海鲜类 </el-radio>
-                                                    <el-radio value="E">E.无 </el-radio>
-                                                </el-radio-group>
-                                            </el-form-item>
-                                        </td>
-                                      
-                                    </tr>
-                                    <tr>
-                                        <td>
-                                            过敏症状表现为以下哪些:
-                                        </td>
-                                        <td colspan="5">
-                                            <el-form-item>
-                                                <el-radio-group class="elradiozdi" v-model="state.tableData.过敏症状表现为以下哪些.type">
-                                                    <el-radio value="A">消化问题(腹胀、腹泻、呕吐等)</el-radio>
-                                                    <el-radio value="B">皮肤问题(皮疹、湿疹、皮肤瘙痒等)</el-radio>
-                                                    <el-radio value="C">眼睛问题(发痒、发红、疼痛、流泪等) </el-radio>
-                                                    <el-radio value="D">呼吸道问题(咳嗽、呼吸困难、鼻塞等) </el-radio>
-                                                    <el-radio value="E">其他(吞咽困难等) </el-radio>
-                                                </el-radio-group>
-                                            </el-form-item>
-                                        </td>
-                                      
-                                    </tr>
-                                    <tr>
-                                        <td>
-                                            24.人员构成
-                                        </td>
-                                        <td colspan="3">
-
-                                            <el-form-item>
-                                                <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-group>
-                                            </el-form-item>
-
-                                        </td>
-                                        <td colspan="2">
-                                            <el-form-item>
-                                                <el-input v-model="state.tableData.人员构成.input1" type="textarea"
-                                                    :autosize="{ minRows: 1, maxRows: 6 }" placeholder="备注" />
-                                            </el-form-item>
-                                        </td>
-
-                                    </tr>
-                                    <tr>
-                                        <td>
-                                            25.烹饪主要操作者
-                                        </td>
-                                        <td colspan="3">
-                                            <el-form-item>
-                                                <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>
-
-                                        <td colspan="2">
-                                            <el-form-item>
-                                                <el-input v-model="state.tableData.烹饪主要操作者.input1" type="textarea"
-                                                    :autosize="{ minRows: 1, maxRows: 6 }" placeholder="备注" />
-                                            </el-form-item>
-                                        </td>
-
-                                    </tr>
-                                    <tr>
-                                        <td>
-                                            26.食材采购
-                                        </td>
-                                        <td colspan="3">
-                                            <el-form-item>
-                                                <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>
-                                        <td colspan="2">
-                                            <el-form-item>
-                                                <el-input v-model="state.tableData.食材采购.input1" type="textarea"
-                                                    :autosize="{ minRows: 1, maxRows: 6 }" placeholder="备注" />
-                                            </el-form-item>
-                                        </td>
-                                    </tr>
-                                    <tr>
-                                        <td>
-                                            27.食物偏好
-                                        </td>
-                                        <td colspan="3">
-                                            <el-form-item>
-                                                <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-group>
-                                            </el-form-item>
-
-                                        </td>
-                                        <td colspan="2">
-                                            <el-form-item>
-                                                <el-input v-model="state.tableData.食物偏好.input1" type="textarea"
-                                                    :autosize="{ minRows: 1, maxRows: 6 }" placeholder="备注" />
-                                            </el-form-item>
-                                        </td>
-                                    </tr>
-                                    <tr>
-                                        <th colspan="6">个人习惯</th>
-                                    </tr>
-                                    <tr>
-                                        <td>
-                                            1.是否吸烟?
-                                        </td>
-                                        <td colspan="3">
-                                            <el-form-item>
-                                                <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-group>
-                                            </el-form-item>
-
-                                        </td>
-                                        <td colspan="2">
-                                            <el-form-item>
-                                                <el-input v-model="state.tableData.是否吸烟.input1" type="textarea"
-                                                    :autosize="{ minRows: 1, maxRows: 6 }" placeholder="备注" />
-                                            </el-form-item>
-                                        </td>
-                                    </tr>
-                                    <tr>
-                                        <td>
-                                            2.是否饮酒?
+                                            19.每餐就餐时间:
                                         </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 label="">
-                                                                <el-input
-                                                                    v-model="state.tableData.是否饮酒.input2" 
-                                                                    style="max-width: 150px;margin-left: 10px;"
-                                                                    placeholder=""
-                                                                    >
-                                                                    <template #append>ml/次</template>
-                                                                </el-input>
-                                                            </el-form-item>
-                                                            <el-form-item label="">
-                                                                <el-input
-                                                                    v-model="state.tableData.是否饮酒.input3" 
-                                                                    style="max-width: 150px;margin-left: 10px;"
-                                                                    placeholder=""
-                                                                    >
-                                                                    <template #append>酒</template>
-                                                                </el-input>
-                                                            </el-form-item>
-                                                        </el-form-item>
-                                                       
-                                                        
-
-                                                    </el-radio>
+                                                    v-model="state.tableData.每餐就餐时间.type">
+                                                    <el-radio value="小于5分钟">A.小于5分钟</el-radio>
+                                                    <el-radio value="5-10分钟">B.5-10分钟</el-radio>
+                                                    <el-radio value="10-20分钟">C.10-20分钟 </el-radio>
+                                                    <el-radio value="20-30分钟">D.20-30分钟 </el-radio>
+                                                    <el-radio value="30分钟">E.30分钟 </el-radio>
                                                 </el-radio-group>
                                             </el-form-item>
-
                                         </td>
-                                       
+
                                     </tr>
                                     <tr>
                                         <td>
-                                            3.运动?
+                                            20.你如何调节自己的饮食:
                                         </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 label="">
-                                                            <el-input 
-                                                                v-model="state.tableData.周运动频率.input2" 
-                                                                style="max-width: 250px;margin-left: 10px;"
-                                                                placeholder=""
-                                                                >
-                                                                <template #prepend>运动类型:</template>
-                                                            </el-input>
-                                                        </el-form-item>
-                                                        <el-form-item label="">
-                                                            <el-input 
-                                                                v-model="state.tableData.周运动频率.input3" 
-                                                                style="max-width: 200px;margin-left: 10px;"
-                                                                placeholder=""
-                                                                >
-                                                                <template #prepend>时间长短:</template>
-                                                            </el-input>
-                                                        </el-form-item>
-                                                        
-                                                        </el-form-item>
-                                                        
-
-                                                    </el-radio>
+                                                    v-model="state.tableData.你如何调节自己的饮食.type">
+                                                    <el-radio value="随心所欲">A.随心所欲</el-radio>
+                                                    <el-radio value="家人安排">B.家人安排</el-radio>
+                                                    <el-radio value="自己合理控制">C.自己合理控制 </el-radio>
+                                                    <el-radio value="仿照别人">D.仿照别人 </el-radio>
                                                 </el-radio-group>
                                             </el-form-item>
-
                                         </td>
-                                       
+
                                     </tr>
                                     <tr>
                                         <td>
-                                            4.作息时间?
+                                            21.你对合理膳食的基本要求知道多少:
                                         </td>
-                                        <td colspan="3">
+                                        <td colspan="5">
                                             <el-form-item>
-                                                <el-form-item>
-                                                            <el-input
-                                                                v-model="state.tableData.作息时间.input1" 
-                                                                style="max-width: 150px"
-                                                                placeholder=""
-                                                                >
-                                                                <template #append>睡</template>
-                                                            </el-input>
-                                                            <el-form-item label="" style="margin-left: 10px;">
-                                                            <el-input 
-                                                                v-model="state.tableData.作息时间.input2" 
-                                                                style="max-width: 150px"
-                                                                placeholder=""
-                                                                >
-                                                                <template #append>起</template>
-                                                            </el-input>
-                                                        </el-form-item>
-                                                        
-                                                 </el-form-item>
+                                                <el-radio-group class="elradiozdi"
+                                                    v-model="state.tableData.你对合理膳食的基本要求知道多少.type">
+                                                    <el-radio value="全知道">A.全知道</el-radio>
+                                                    <el-radio value="基本知道">B.基本知道</el-radio>
+                                                    <el-radio value="知道较少">C.知道较少 </el-radio>
+                                                    <el-radio value="不了解">D.不了解 </el-radio>
+                                                </el-radio-group>
                                             </el-form-item>
+                                        </td>
 
-                                        </td>
-                                        <td colspan="2">
-                                            <el-form-item label="睡醒体感">
-                                                            <el-radio-group class="elradiozdi"
-                                                                    v-model="state.tableData.作息时间.type">
-                                                                    <el-radio value="疲惫">疲惫</el-radio>
-                                                                    <el-radio value="精神">精神</el-radio>
-                                                                    <el-radio value="其他">
-                                                                        <el-form-item label="其他">
-                                                                            <el-input
-                                                                            v-model="state.tableData.作息时间.input3" 
-                                                                            style="max-width: 150px"
-                                                                            placeholder=""
-                                                                            >
-                                                                        
-                                                                        </el-input>
-                                                                        </el-form-item>
-                                                                       
-                                                                    </el-radio>
-                                                            </el-radio-group>
-                                                        </el-form-item>
-                                        </td>
-                                       
                                     </tr>
-                                    
+                                    <tr>
+                                        <td style="background-color: antiquewhite;">
+                                            饮食指导建议:
+                                        </td>
 
-
-
+                                        <td colspan="5" style="background-color: antiquewhite;">
+                                            <!-- <textarea style="width: 100%;" row="3" col="4" placeholder="请输入"></textarea> -->
+                                            <el-form-item>
+                                                <el-input v-model="state.tableData.备注.input1" type="textarea"
+                                                    :autosize="{ minRows: 2, maxRows: 6 }" placeholder="请饮食指导建议" />
+                                            </el-form-item>
+                                        </td>
+                                    </tr>
                                 </table>
                             </div>
                         </el-form>
@@ -1013,6 +680,14 @@
                     <el-button type="primary" @click="onSubmit">
                         保存
                     </el-button>
+                    <el-button v-if="state.viewInfo.id" type="primary" v-print="'#printMe'">
+                        <el-icon><Printer /></el-icon>
+                        打印ddd
+                    </el-button>
+                    <el-button type="primary" v-if="state.viewInfo.id" @click="generatePDF">
+                        <el-icon><Position /></el-icon>
+                        导出
+                    </el-button>
                 </div>
             </template>
         </el-dialog>
@@ -1023,148 +698,152 @@
 </template>
 
 <script setup lang="ts" name="visualizingLinkDemo2">
+import html2pdf from 'html2pdf.js';
 import { reactive, onMounted, onUnmounted, ref } from 'vue';
 import { formatDate } from '/@/utils/formatTime';
 import { NextLoading } from '/@/utils/loading';
 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: '',
@@ -1181,66 +860,78 @@
             type: '',
             input1: '',
         },
-        
-        
-        是否吸烟:{ type: '',input1: ''},
-        是否饮酒:{ type: '',input1: '',input2: '',input3: ''},
-        周运动频率:{ type: '',input1: '',input2: '',input3: ''},
-        作息时间: {type: '', input1: '',input2: ''},
-        排便情况:{ 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 generatePDF=()=> {
+      const element = document.getElementById('printMe');
+      const opt = {
+        margin: 10,
+        filename: `${state.tableData.表名}.pdf`,
+        image: { type: 'jpeg', quality: 0.98 },
+        html2canvas: { scale: 2 },
+        jsPDF: { unit: 'mm', format: 'a4', orientation: 'portrait' }
+      };
+      html2pdf().set(opt).from(element).save();
+
 }
 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: formatDate(new Date(), 'YYYY-mm-dd HH:MM:SS'),
+    }
+    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) => {
@@ -1249,148 +940,153 @@
 
 }
 // 打开查看或者编辑明细
-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.tableData.初次调查日期=mode.surveryTime
+        state.tableData.更新日期=mode.updateTime
         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: '',
@@ -1407,13 +1103,25 @@
             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: '' },
+    }
+    state.viewInfo= {
+        id: 0,
+        code: '',
+        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: '膳食调查表',
+        updateTime: ''
     }
 }
 
@@ -1423,7 +1131,26 @@
 
 
 <style scoped lang="scss">
+@media print {
+  body * {
+    visibility: hidden;
+  }
+  #printMe, #printMe * {
+    visibility: visible;
+  }
+  #printMe {
+    position: absolute;
+    top: 0;
+    left: 0;
+    width: 100%;
+    height: auto;
+  }
 
+  /* 控制分页 */
+  .page-break {
+    page-break-before: always;
+  }
+}
 .gridtable {
     font-family: verdana, arial, sans-serif;
     font-size: 11px;
@@ -1431,7 +1158,7 @@
     border-width: 1px;
     border-color: #666666;
     border-collapse: collapse;
-   
+
 }
 
 .gridtable th {
@@ -1449,5 +1176,5 @@
     border-color: #666666;
     background-color: #ffffff;
 }
-
 </style>
+

--
Gitblit v1.8.0