From e87a45a4dfb21632d2e228724f545e585a427a51 Mon Sep 17 00:00:00 2001
From: chenyc <501753378@qq.com>
Date: 星期二, 11 三月 2025 16:12:34 +0800
Subject: [PATCH] gx
---
src/views/home/components/fangAn/editDietary.vue | 510 +++++++++++++++++++++++++++++++++++++++++---------------
1 files changed, 374 insertions(+), 136 deletions(-)
diff --git a/src/views/home/components/fangAn/editDietary.vue b/src/views/home/components/fangAn/editDietary.vue
index ab47e6a..fd7e96e 100644
--- a/src/views/home/components/fangAn/editDietary.vue
+++ b/src/views/home/components/fangAn/editDietary.vue
@@ -11,9 +11,9 @@
<th colspan="8">
<el-row>
<el-col :span="12">
- <el-form-item label="实施日期">
+ <el-form-item label="实施日期" >
<el-date-picker v-model="state.tableData.实施日期" type="date"
- style="width: 100px;" placeholder="" format="YYYY/MM/DD"
+ style="width: 120px;" placeholder="" format="YYYY/MM/DD"
value-format="YYYY-MM-DD" />
</el-form-item>
</el-col>
@@ -21,7 +21,7 @@
<div style="text-align:right;width: 100%">
<span>营养师：</span> <el-input v-model="state.tableData.记录者" readonly
- style="width: 100px;" placeholder="" />
+ style="width: 120px;" placeholder="" />
</div>
@@ -39,77 +39,112 @@
<tr>
<td class="htr">食物过敏原</td>
<td colspan="7">
- <el-form-item>
+ <el-form-item v-if='!state.dy状态'>
<el-input v-model="state.tableData.食物过敏原" type="textarea"
- :autosize="{ minRows: 1, maxRows: 3 }" placeholder="食物过敏原" />
+ :autosize="{ minRows: 1, maxRows: 10 }" placeholder="" />
</el-form-item>
+ <template v-else>
+ {{state.tableData.食物过敏原}}
+ </template>
+
</td>
</tr>
<tr>
<td class="htr">胃肠功能状况</td>
<td colspan="7">
- <el-form-item>
+ <el-form-item v-if='!state.dy状态'>
<el-input v-model="state.tableData.胃肠功能状况" type="textarea"
- :autosize="{ minRows: 1, maxRows: 3 }" placeholder="胃肠功能状况" />
+ :autosize="{ minRows: 1, maxRows: 10 }" placeholder="" />
</el-form-item>
+ <template v-else>
+ {{state.tableData.胃肠功能状况}}
+ </template>
+
</td>
</tr>
<tr>
<td class="htr">蛋白粉补充情况</td>
<td colspan="7">
- <el-form-item>
+ <el-form-item v-if='!state.dy状态'>
<el-input v-model="state.tableData.蛋白粉补充情况" type="textarea"
- :autosize="{ minRows: 1, maxRows: 3 }" placeholder="蛋白粉补充情况" />
+ :autosize="{ minRows: 1, maxRows: 10 }" placeholder="" />
</el-form-item>
+ <template v-else>
+ {{state.tableData.蛋白粉补充情况}}
+ </template>
</td>
</tr>
<tr>
<td class="htr">营养记录汇总</td>
<td colspan="7">
- <el-form-item>
- <el-input v-model="state.tableData.营养记录汇总" type="textarea"
- :autosize="{ minRows: 1, maxRows: 3 }" placeholder="营养记录汇总" />
+ <el-form-item v-if='!state.dy状态'>
+ <el-input v v-model="state.tableData.营养记录汇总" type="textarea"
+ :autosize="{ minRows: 1, maxRows: 10 }" placeholder="" />
</el-form-item>
+ <template v-else>
+ {{state.tableData.营养记录汇总}}
+ </template>
</td>
</tr>
<tr>
<td class="htr">饮食问题</td>
<td colspan="7">
- <el-form-item>
+ <el-form-item v-if='!state.dy状态'>
<el-input v-model="state.tableData.饮食问题" type="textarea"
- :autosize="{ minRows: 1, maxRows: 3 }" placeholder="饮食问题" />
+ :autosize="{ minRows: 1, maxRows: 10 }" placeholder="" />
</el-form-item>
+ <template v-else>
+ {{state.tableData.饮食问题}}
+ </template>
</td>
</tr>
<tr>
<td class="htr" rowspan="2">生活习惯</td>
<td>大小便</td>
<td>
- <el-input v-model="state.tableData.生活习惯.大小便" placeholder="" />
+ <el-input v-if='!state.dy状态' v-model="state.tableData.生活习惯.大小便" placeholder="" />
+ <template v-else>
+ {{state.tableData.生活习惯.大小便}}
+ </template>
</td>
<td>睡眠</td>
<td>
- <el-input v-model="state.tableData.生活习惯.睡眠" placeholder="" />
+ <el-input v-if='!state.dy状态' v-model="state.tableData.生活习惯.睡眠" placeholder="" />
+ <template v-else>
+ {{state.tableData.生活习惯.睡眠}}
+ </template>
</td>
<td>运动</td>
<td colspan="2">
- <el-input v-model="state.tableData.生活习惯.运动" placeholder="" />
+ <el-input v-if='!state.dy状态' v-model="state.tableData.生活习惯.运动" placeholder="" />
+ <template v-else>
+ {{state.tableData.生活习惯.运动}}
+ </template>
</td>
</tr>
<tr>
<td>烟酒</td>
<td>
- <el-input v-model="state.tableData.生活习惯.烟酒" placeholder="" />
+ <el-input v-if='!state.dy状态' v-model="state.tableData.生活习惯.烟酒" placeholder="" />
+ <template v-else>
+ {{state.tableData.生活习惯.烟酒}}
+ </template>
</td>
<td>吞咽咀嚼功能</td>
<td>
- <el-input v-model="state.tableData.生活习惯.吞咽咀嚼功能" placeholder="" />
+ <el-input v-if='!state.dy状态' v-model="state.tableData.生活习惯.吞咽咀嚼功能" placeholder="" />
+ <template v-else>
+ {{state.tableData.生活习惯.吞咽咀嚼}}
+ </template>
</td>
<td>其他</td>
<td colspan="2">
- <el-input v-model="state.tableData.生活习惯.其他" placeholder="" />
+ <el-input v-if='!state.dy状态' v-model="state.tableData.生活习惯.其他" placeholder="" />
+ <template v-else>
+ {{state.tableData.生活习惯.其他}}
+ </template>
</td>
</tr>
<tr>
@@ -121,10 +156,13 @@
<td>营养风险筛查结果</td>
<td colspan="6">
- <el-form-item>
- <el-input v-model="state.tableData.营养筛查评估.营养风险筛查结果" type="textarea"
- :autosize="{ minRows: 1, maxRows: 3 }" placeholder="" />
+ <el-form-item v-if='!state.dy状态'>
+ <el-input v-model="state.tableData.营养筛查评估.营养风险筛查结果" type="textarea"
+ :autosize="{ minRows: 1, maxRows: 10 }" placeholder="" />
</el-form-item>
+ <template v-else>
+ {{state.tableData.营养筛查评估.营养风险筛查结果}}
+ </template>
</td>
@@ -133,20 +171,26 @@
<td>营养评估结果</td>
<td colspan="6">
- <el-form-item>
- <el-input v-model="state.tableData.营养筛查评估.营养评估结果" type="textarea"
- :autosize="{ minRows: 1, maxRows: 3 }" placeholder="" />
+ <el-form-item v-if='!state.dy状态'>
+ <el-input v-model="state.tableData.营养筛查评估.营养评估结果" type="textarea"
+ :autosize="{ minRows: 1, maxRows: 10 }" placeholder="" />
</el-form-item>
+ <template v-else>
+ {{state.tableData.营养筛查评估.营养评估结果}}
+ </template>
</td>
</tr>
<tr>
<td class="htr">异常生化指标</td>
<td colspan="7">
- <el-form-item>
- <el-input v-model="state.tableData.异常生化指标" type="textarea"
- :autosize="{ minRows: 1, maxRows: 3 }" placeholder="" />
+ <el-form-item v-if='!state.dy状态'>
+ <el-input v-model="state.tableData.异常生化指标" type="textarea"
+ :autosize="{ minRows: 1, maxRows: 10 }" placeholder="" />
</el-form-item>
+ <template v-else>
+ {{state.tableData.异常生化指标}}
+ </template>
</td>
</tr>
<tr>
@@ -157,20 +201,27 @@
<td class="htr">营养饮食现状</td>
<td colspan="7">
- <el-form-item>
+ <el-form-item v-if='!state.dy状态'>
<el-input v-model="state.tableData.营养饮食现状" type="textarea"
- :autosize="{ minRows: 1, maxRows: 3 }" placeholder="" />
+ :autosize="{ minRows: 1, maxRows: 10 }" placeholder="" />
</el-form-item>
+ <template v-else>
+ {{state.tableData.营养饮食现状}}
+ </template>
</td>
</tr>
<tr>
<td class="htr">营养指导初期目标</td>
<td colspan="7">
- <el-form-item>
- <el-input v-model="state.tableData.营养指导初期目标" type="textarea"
- :autosize="{ minRows: 1, maxRows: 3 }" placeholder="" />
+ <el-form-item v-if='!state.dy状态'>
+ <el-input v-model="state.tableData.营养指导初期目标" type="textarea"
+ :autosize="{ minRows: 1, maxRows: 10 }" placeholder="" />
+
</el-form-item>
+ <template v-else>
+ {{state.tableData.营养指导初期目标}}
+ </template>
</td>
</tr>
<tr>
@@ -178,12 +229,14 @@
<td rowspan="3">透析饮食指导</td>
<td>能量</td>
<td>
- <el-input v-model="state.tableData.营养师指导建议.透析饮食指导.能量" placeholder="" >
- <template #append>
+ <el-input v-if='!state.dy状态' v-model="state.tableData.营养师指导建议.透析饮食指导.能量" placeholder="" >
+ <template #append >
<span @click="state.centerDialogVisibleNL=true">计算</span>
-
</template>
</el-input>
+ <template v-else>
+ {{state.tableData.营养师指导建议.透析饮食指导.能量}}
+ </template>
<el-dialog v-model="state.centerDialogVisibleNL" title="计算能量" width="400" center>
<span>
<div style="text-align: center">
@@ -206,12 +259,15 @@
</td>
<td>蛋白质</td>
<td>
- <el-input v-model="state.tableData.营养师指导建议.透析饮食指导.蛋白质" placeholder="">
+ <el-input v-if='!state.dy状态' v-model="state.tableData.营养师指导建议.透析饮食指导.蛋白质" placeholder="">
<template #append>
<span @click="state.centerDialogVisibleDBZ=true">计算</span>
</template>
</el-input>
+ <template v-else>
+ {{state.tableData.营养师指导建议.透析饮食指导.蛋白质}}
+ </template>
<el-dialog v-model="state.centerDialogVisibleDBZ" title="计算蛋白质" width="400" center>
<span>
<div style="text-align: center">
@@ -234,12 +290,15 @@
</td>
<td>优质蛋白</td>
<td>
- <el-input v-model="state.tableData.营养师指导建议.透析饮食指导.优质蛋白" placeholder="" >
+ <el-input v-if='!state.dy状态' v-model="state.tableData.营养师指导建议.透析饮食指导.优质蛋白" placeholder="" >
<template #append>
<span @click="state.centerDialogVisibleYZDBZ=true">计算</span>
</template>
</el-input>
+ <template v-else>
+ {{state.tableData.营养师指导建议.透析饮食指导.优质蛋白}}
+ </template>
<el-dialog v-model="state.centerDialogVisibleYZDBZ" title="计算蛋白质" width="400" center>
<span>
<div style="text-align: center">
@@ -264,85 +323,136 @@
<tr>
<td>钠</td>
<td>
- <el-input v-model="state.tableData.营养师指导建议.透析饮食指导.钠" placeholder="" />
+ <el-input v-if='!state.dy状态' v-model="state.tableData.营养师指导建议.透析饮食指导.钠" placeholder="" />
+ <template v-else>
+ {{state.tableData.营养师指导建议.透析饮食指导.钠}}
+ </template>
</td>
<td>钾</td>
<td>
- <el-input v-model="state.tableData.营养师指导建议.透析饮食指导.钾" placeholder="" />
+ <el-input v-if='!state.dy状态' v-model="state.tableData.营养师指导建议.透析饮食指导.钾" placeholder="" />
+ <template v-else>
+ {{state.tableData.营养师指导建议.透析饮食指导.钾}}
+ </template>
</td>
<td>磷</td>
<td>
- <el-input v-model="state.tableData.营养师指导建议.透析饮食指导.磷" placeholder="" />
+ <el-input v-if='!state.dy状态' v-model="state.tableData.营养师指导建议.透析饮食指导.磷" placeholder="" />
+ <template v-else>
+ {{state.tableData.营养师指导建议.透析饮食指导.磷}}
+ </template>
</td>
</tr>
<tr>
<td>饮水量</td>
<td>
- <el-input v-model="state.tableData.营养师指导建议.透析饮食指导.饮水量" placeholder="" />
+ <el-input v-if='!state.dy状态' v-model="state.tableData.营养师指导建议.透析饮食指导.饮水量" placeholder="" />
+
+ <template v-else>
+ {{state.tableData.营养师指导建议.透析饮食指导.饮水量}}
+ </template>
</td>
<td>食物种类</td>
<td colspan="3">
- <el-input v-model="state.tableData.营养师指导建议.透析饮食指导.食物种类" placeholder="" />
+ <el-input v-if='!state.dy状态' v-model="state.tableData.营养师指导建议.透析饮食指导.食物种类" placeholder="" />
+ <template v-else>
+ {{state.tableData.营养师指导建议.透析饮食指导.食物种类}}
+ </template>
</td>
</tr>
<tr>
<td rowspan="3">特殊饮食指导</td>
<td>高血压</td>
<td>
- <el-input v-model="state.tableData.营养师指导建议.特殊饮食指导.高血压" placeholder="" />
+ <el-input v-if='!state.dy状态' v-model="state.tableData.营养师指导建议.特殊饮食指导.高血压" placeholder="" />
+ <template v-else>
+ {{state.tableData.营养师指导建议.特殊饮食指导.高血压}}
+ </template>
</td>
<td>低蛋白血症</td>
<td>
- <el-input v-model="state.tableData.营养师指导建议.特殊饮食指导.低蛋白血症" placeholder="" />
+ <el-input v-if='!state.dy状态' v-model="state.tableData.营养师指导建议.特殊饮食指导.低蛋白血症" placeholder="" />
+ <template v-else>
+ {{state.tableData.营养师指导建议.特殊饮食指导.低蛋白血症}}
+ </template>
</td>
<td>贫血</td>
<td>
- <el-input v-model="state.tableData.营养师指导建议.特殊饮食指导.贫血" placeholder="" />
+ <el-input v-if='!state.dy状态' v-model="state.tableData.营养师指导建议.特殊饮食指导.贫血" placeholder="" />
+ <template v-else>
+ {{state.tableData.营养师指导建议.特殊饮食指导.贫血}}
+ </template>
</td>
</tr>
<tr>
<td>高血糖</td>
<td>
- <el-input v-model="state.tableData.营养师指导建议.特殊饮食指导.高血糖" placeholder="" />
+ <el-input v-if='!state.dy状态' v-model="state.tableData.营养师指导建议.特殊饮食指导.高血糖" placeholder="" />
+ <template v-else>
+ {{state.tableData.营养师指导建议.特殊饮食指导.高血糖}}
+ </template>
</td>
<td>高磷血症</td>
<td>
- <el-input v-model="state.tableData.营养师指导建议.特殊饮食指导.高磷血症" placeholder="" />
+ <el-input v-if='!state.dy状态' v-model="state.tableData.营养师指导建议.特殊饮食指导.高磷血症" placeholder="" />
+ <template v-else>
+ {{state.tableData.营养师指导建议.特殊饮食指导.高磷血症}}
+ </template>
</td>
<td>低钙血症</td>
<td>
- <el-input v-model="state.tableData.营养师指导建议.特殊饮食指导.低钙血症" placeholder="" />
+ <el-input v-if='!state.dy状态' v-model="state.tableData.营养师指导建议.特殊饮食指导.低钙血症" placeholder="" />
+ <template v-else>
+ {{state.tableData.营养师指导建议.特殊饮食指导.低钙血症}}
+ </template>
</td>
</tr>
<tr>
<td>高尿酸</td>
<td>
- <el-input v-model="state.tableData.营养师指导建议.特殊饮食指导.高尿酸" placeholder="" />
+ <el-input v-if='!state.dy状态' v-model="state.tableData.营养师指导建议.特殊饮食指导.高尿酸" placeholder="" />
+ <template v-else>
+ {{state.tableData.营养师指导建议.特殊饮食指导.高尿酸}}
+ </template>
</td>
<td>高钾血症</td>
<td>
- <el-input v-model="state.tableData.营养师指导建议.特殊饮食指导.高钾血症" placeholder="" />
+ <el-input v-if='!state.dy状态' v-model="state.tableData.营养师指导建议.特殊饮食指导.高钾血症" placeholder="" />
+ <template v-else>
+ {{state.tableData.营养师指导建议.特殊饮食指导.高钾血症}}
+ </template>
</td>
<td>蛋白质能量摄入不足</td>
<td>
- <el-input v-model="state.tableData.营养师指导建议.特殊饮食指导.蛋白质能量摄入不足"
+ <el-input v-if='!state.dy状态' v-model="state.tableData.营养师指导建议.特殊饮食指导.蛋白质能量摄入不足"
placeholder="" />
+ <template v-else>
+ {{state.tableData.营养师指导建议.特殊饮食指导.蛋白质能量摄入不足}}
+ </template>
</td>
</tr>
<tr>
<td >其他指导</td>
<td>便秘</td>
<td>
- <el-input v-model="state.tableData.营养师指导建议.其他指导.便秘" placeholder="" />
+ <el-input v-if='!state.dy状态' v-model="state.tableData.营养师指导建议.其他指导.便秘" placeholder="" />
+ <template v-else>
+ {{state.tableData.营养师指导建议.其他指导.便秘}}
+ </template>
</td>
<td>腹泻</td>
<td>
- <el-input v-model="state.tableData.营养师指导建议.其他指导.腹泻" placeholder="" />
+ <el-input v-if='!state.dy状态' v-model="state.tableData.营养师指导建议.其他指导.腹泻" placeholder="" />
+ <template v-else>
+ {{state.tableData.营养师指导建议.其他指导.腹泻}}
+ </template>
</td>
<td>体重管理</td>
<td>
- <el-input v-model="state.tableData.营养师指导建议.其他指导.体重管理"
- placeholder="" />
+ <el-input v-if='!state.dy状态' v-model="state.tableData.营养师指导建议.其他指导.体重管理" placeholder="" />
+ <template v-else>
+ {{state.tableData.营养师指导建议.其他指导.体重管理}}
+ </template>
</td>
</tr>
<tr class="page-break"></tr>
@@ -353,53 +463,65 @@
<tr>
<td class="htr">烹饪技巧</td>
<td colspan="6">
- <el-form-item>
+ <el-form-item v-if='!state.dy状态'>
<el-input v-model="state.tableData.烹饪技巧" type="textarea"
:autosize="{ minRows: 2, maxRows: 6 }">
</el-input>
</el-form-item>
+ <template v-else>
+ {{state.tableData.烹饪技巧}}
+ </template>
</td>
<td>
- <el-button type="primary" @click="Edit1('烹饪技巧')" :icon="Edit">模版</el-button>
+ <el-button v-if='!state.dy状态' type="primary" @click="Edit1('烹饪技巧')" :icon="Edit">模版</el-button>
</td>
</tr>
<tr>
<td class="htr">食材选择</td>
<td colspan="6">
- <el-form-item>
+ <el-form-item v-if='!state.dy状态'>
<el-input v-model="state.tableData.食材选择" type="textarea"
:autosize="{ minRows: 2, maxRows: 6 }">
</el-input>
</el-form-item>
+ <template v-else>
+ {{state.tableData.食材选择}}
+ </template>
</td>
<td>
- <el-button type="primary" @click="Edit1('食材选择')" :icon="Edit">模版</el-button>
+ <el-button v-if='!state.dy状态' type="primary" @click="Edit1('食材选择')" :icon="Edit">模版</el-button>
</td>
</tr>
<tr>
<td class="htr">少盐控油</td>
<td colspan="6">
- <el-form-item>
+ <el-form-item v-if='!state.dy状态'>
<el-input v-model="state.tableData.少盐控油" type="textarea"
:autosize="{ minRows: 2, maxRows: 6 }">
</el-input>
</el-form-item>
+ <template v-else>
+ {{state.tableData.少盐控油}}
+ </template>
</td>
<td>
- <el-button type="primary" @click="Edit1('少盐控油')" :icon="Edit">模版</el-button>
+ <el-button v-if='!state.dy状态' type="primary" @click="Edit1('少盐控油')" :icon="Edit">模版</el-button>
</td>
</tr>
<tr>
<td class="htr">适量饮水，量出为入</td>
<td colspan="6">
- <el-form-item>
- <el-input v-model="state.tableData.适量饮水量出为入" type="textarea"
+ <el-form-item v-if='!state.dy状态'>
+ <el-input v-model="state.tableData.适量饮水量出为入" type="textarea"
:autosize="{ minRows: 2, maxRows: 6 }">
</el-input>
</el-form-item>
+ <template v-else>
+ {{state.tableData.适量饮水量出为入}}
+ </template>
</td>
<td>
- <el-button type="primary" @click="Edit1('适量饮水量出为入')" :icon="Edit">模版</el-button>
+ <el-button v-if='!state.dy状态' type="primary" @click="Edit1('适量饮水量出为入')" :icon="Edit">模版</el-button>
</td>
</tr>
<tr>
@@ -416,127 +538,178 @@
<tr>
<td colspan="2" class="htr">早餐</td>
<td colspan="2">
- <el-form-item>
+ <el-form-item v-if='!state.dy状态' >
<el-input v-model="state.tableData.三天食补参考.第一天.早餐" type="textarea"
:autosize="{ minRows: 2, maxRows: 6 }">
</el-input>
</el-form-item>
+ <template v-else>
+ {{state.tableData.三天食补参考.第一天.早餐}}
+ </template>
</td>
<td colspan="2">
- <el-input v-model="state.tableData.三天食补参考.第二天.早餐" type="textarea"
+ <el-input v-if='!state.dy状态' v-model="state.tableData.三天食补参考.第二天.早餐" type="textarea"
:autosize="{ minRows: 2, maxRows: 6 }">
</el-input>
+ <template v-else>
+ {{state.tableData.三天食补参考.第二天.早餐}}
+ </template>
</td>
<td colspan="2">
- <el-input v-model="state.tableData.三天食补参考.第三天.早餐" type="textarea"
+ <el-input v-if='!state.dy状态' v-model="state.tableData.三天食补参考.第三天.早餐" type="textarea"
:autosize="{ minRows: 2, maxRows: 6 }">
</el-input>
+ <template v-else>
+ {{state.tableData.三天食补参考.第三天.早餐}}
+ </template>
</td>
</tr>
<tr>
<td class="lvse" colspan="2">加餐</td>
<td class="lvse" colspan="2">
- <el-form-item>
- <el-input v-model="state.tableData.三天食补参考.第一天.早加餐" type="textarea"
+ <el-form-item v-if='!state.dy状态'>
+ <el-input v-model="state.tableData.三天食补参考.第一天.早加餐" type="textarea"
:autosize="{ minRows: 1, maxRows: 6 }">
</el-input>
</el-form-item>
+ <template v-else>
+ {{state.tableData.三天食补参考.第一天.早加餐}}
+ </template>
</td>
<td class="lvse" colspan="2">
- <el-form-item>
- <el-input v-model="state.tableData.三天食补参考.第二天.早加餐" type="textarea"
+ <el-form-item v-if='!state.dy状态'>
+ <el-input v-model="state.tableData.三天食补参考.第二天.早加餐" type="textarea"
:autosize="{ minRows: 1, maxRows: 6 }">
</el-input>
</el-form-item>
+ <template v-else>
+ {{state.tableData.三天食补参考.第二天.早加餐}}
+ </template>
</td>
<td class="lvse" colspan="2">
- <el-form-item>
- <el-input v-model="state.tableData.三天食补参考.第三天.早加餐" type="textarea"
+ <el-form-item v-if='!state.dy状态'>
+ <el-input v-model="state.tableData.三天食补参考.第三天.早加餐" type="textarea"
:autosize="{ minRows: 1, maxRows: 6 }">
</el-input>
</el-form-item>
+ <template v-else>
+ {{state.tableData.三天食补参考.第三天.早加餐}}
+ </template>
</td>
</tr>
<tr>
<td colspan="2" class="htr">午餐</td>
<td colspan="2">
- <el-form-item>
- <el-input v-model="state.tableData.三天食补参考.第一天.午餐" type="textarea"
+ <el-form-item v-if='!state.dy状态'>
+ <el-input v-model="state.tableData.三天食补参考.第一天.午餐" type="textarea"
:autosize="{ minRows: 2, maxRows: 6 }">
</el-input>
</el-form-item>
+ <template v-else>
+ {{state.tableData.三天食补参考.第一天.午餐}}
+ </template>
</td>
<td colspan="2">
- <el-input v-model="state.tableData.三天食补参考.第二天.午餐" type="textarea"
+ <el-input v-if='!state.dy状态' v-model="state.tableData.三天食补参考.第二天.午餐" type="textarea"
:autosize="{ minRows: 2, maxRows: 6 }">
</el-input>
+ <template v-else>
+ {{state.tableData.三天食补参考.第二天.午餐}}
+ </template>
</td>
<td colspan="2">
- <el-input v-model="state.tableData.三天食补参考.第三天.午餐" type="textarea"
+ <el-input v-if='!state.dy状态' v-model="state.tableData.三天食补参考.第三天.午餐" type="textarea"
:autosize="{ minRows: 2, maxRows: 6 }">
</el-input>
+ <template v-else>
+ {{state.tableData.三天食补参考.第三天.午餐}}
+ </template>
</td>
</tr>
<tr>
<td class="lvse" colspan="2">加餐</td>
<td class="lvse" colspan="2">
- <el-form-item>
+ <el-form-item v-if='!state.dy状态'>
<el-input v-model="state.tableData.三天食补参考.第一天.午加餐" type="textarea"
:autosize="{ minRows: 1, maxRows: 6 }">
</el-input>
</el-form-item>
+ <template v-else>
+ {{state.tableData.三天食补参考.第一天.午加餐}}
+ </template>
</td>
<td class="lvse" colspan="2">
- <el-form-item>
- <el-input v-model="state.tableData.三天食补参考.第二天.午加餐" type="textarea"
+ <el-form-item v-if='!state.dy状态'>
+ <el-input v-model="state.tableData.三天食补参考.第二天.午加餐" type="textarea"
:autosize="{ minRows: 1, maxRows: 6 }">
</el-input>
</el-form-item>
+ <template v-else>
+ {{state.tableData.三天食补参考.第二天.午加餐}}
+ </template>
</td>
<td class="lvse" colspan="2">
- <el-form-item>
- <el-input v-model="state.tableData.三天食补参考.第三天.午加餐" type="textarea"
+ <el-form-item v-if='!state.dy状态'>
+ <el-input v-model="state.tableData.三天食补参考.第三天.午加餐" type="textarea"
:autosize="{ minRows: 1, maxRows: 6 }">
</el-input>
</el-form-item>
+ <template v-else>
+ {{state.tableData.三天食补参考.第三天.午加餐}}
+ </template>
</td>
</tr>
<tr>
<td colspan="2" class="htr">晚餐</td>
<td colspan="2">
- <el-form-item>
- <el-input v-model="state.tableData.三天食补参考.第一天.晚餐" type="textarea"
+ <el-form-item v-if='!state.dy状态'>
+ <el-input v-model="state.tableData.三天食补参考.第一天.晚餐" type="textarea"
:autosize="{ minRows: 3, maxRows: 6 }">
</el-input>
</el-form-item>
+ <template v-else>
+ {{state.tableData.三天食补参考.第一天.晚餐}}
+ </template>
</td>
<td colspan="2">
- <el-input v-model="state.tableData.三天食补参考.第二天.晚餐" type="textarea"
+ <el-input v-if='!state.dy状态' v-model="state.tableData.三天食补参考.第二天.晚餐" type="textarea"
:autosize="{ minRows: 3, maxRows: 6 }">
</el-input>
+ <template v-else>
+ {{state.tableData.三天食补参考.第二天.晚}}
+ </template>
</td>
<td colspan="2">
- <el-input v-model="state.tableData.三天食补参考.第三天.晚餐" type="textarea"
+ <el-input v-if='!state.dy状态' v-model="state.tableData.三天食补参考.第三天.晚餐" type="textarea"
:autosize="{ minRows: 3, maxRows: 6 }">
</el-input>
+ <template v-else>
+ {{state.tableData.三天食补参考.第三天.晚}}
+ </template>
</td>
</tr>
<tr>
<td colspan="2" class="htr">全天用油量</td>
<td colspan="2">
- <el-form-item>
+ <el-form-item v-if='!state.dy状态'>
<el-input v-model="state.tableData.三天食补参考.全天用油量" type="textarea"
:autosize="{ minRows: 3, maxRows: 6 }">
</el-input>
</el-form-item>
+ <template v-else>
+ {{state.tableData.三天食补参考.全天用油量}}
+ </template>
</td>
<td colspan="2" class="htr">
全天食盐量
</td>
<td colspan="2">
- <el-input v-model="state.tableData.三天食补参考.全天食盐量" type="textarea"
+ <el-input v-if='!state.dy状态' v-model="state.tableData.三天食补参考.全天食盐量" type="textarea"
:autosize="{ minRows: 3, maxRows: 6 }">
</el-input>
+ <template v-else>
+ {{state.tableData.三天食补参考.全天食盐量}}
+ </template>
</td>
</tr>
@@ -549,17 +722,23 @@
肉类
</td>
<td colspan="3">
- <el-input v-model="state.tableData.食物替换法.肉类" type="textarea"
+ <el-input v-if='!state.dy状态' v-model="state.tableData.食物替换法.肉类" type="textarea"
:autosize="{ minRows: 1, maxRows: 6 }">
</el-input>
+ <template v-else>
+ {{state.tableData.食物替换法.肉类}}
+ </template>
</td>
<td class="htr">
瓜菜
</td>
<td colspan="3">
- <el-input v-model="state.tableData.食物替换法.瓜菜" type="textarea"
+ <el-input v-if='!state.dy状态' v-model="state.tableData.食物替换法.瓜菜" type="textarea"
:autosize="{ minRows: 1, maxRows: 6 }">
</el-input>
+ <template v-else>
+ {{state.tableData.食物替换法.瓜菜}}
+ </template>
</td>
</tr>
<tr>
@@ -567,17 +746,23 @@
肉类与豆腐、鸡蛋白
</td>
<td colspan="3">
- <el-input v-model="state.tableData.食物替换法.肉类与豆腐鸡蛋白" type="textarea"
+ <el-input v-if='!state.dy状态' v-model="state.tableData.食物替换法.肉类与豆腐鸡蛋白" type="textarea"
:autosize="{ minRows: 1, maxRows: 6 }">
</el-input>
+ <template v-else>
+ {{state.tableData.食物替换法.肉类与豆腐鸡蛋白}}
+ </template>
</td>
<td class="htr">
绿叶菜
</td>
<td colspan="3">
- <el-input v-model="state.tableData.食物替换法.绿叶菜" type="textarea"
+ <el-input v-if='!state.dy状态' v-model="state.tableData.食物替换法.绿叶菜" type="textarea"
:autosize="{ minRows: 1, maxRows: 6 }">
</el-input>
+ <template v-else>
+ {{state.tableData.食物替换法.绿叶菜}}
+ </template>
</td>
</tr>
<tr>
@@ -589,9 +774,12 @@
水果
</td>
<td colspan="3">
- <el-input v-model="state.tableData.食物替换法.水果" type="textarea"
+ <el-input v-if='!state.dy状态' v-model="state.tableData.食物替换法.水果" type="textarea"
:autosize="{ minRows: 1, maxRows: 6 }">
</el-input>
+ <template v-else>
+ {{state.tableData.食物替换法.水果}}
+ </template>
</td>
</tr>
@@ -667,7 +855,7 @@
import { Add, update, deleteId, tiaochabiaoInfo, list } from '/@/api/tiaochabiao/index'
import { storeToRefs } from 'pinia';
import { useRoute, useRouter } from 'vue-router';
-import { ElMessage } from 'element-plus';
+import { ElLoading, ElMessage } from 'element-plus';
const stores = useUserInfo();
const { patientsInfo } = storeToRefs(storesPat);
const { userInfos } = storeToRefs(stores);
@@ -676,6 +864,7 @@
const printRef = ref();
const emit = defineEmits(["shuaxin"]);
const state = reactive({
+ dy状态:false,
centerDialogVisibleYZDBZ:false,
yzdbzjsz:2,
centerDialogVisibleDBZ:false,
@@ -829,47 +1018,80 @@
})
// 打印
const onPrint=()=>{
- printJs({
- printable: printRef.value,
- type: 'html',
- css: ['@/assets/css/printcss.css','//at.alicdn.com/t/c/font_2298093_rnp72ifj3ba.css', '//unpkg.com/element-plus/dist/index.css'],
- scanStyles: false,
- style: `@media print{.gridtable {
- font-family: verdana, arial, sans-serif;
+ state.dy状态=true
+ const loading = ElLoading.service({
+ lock: true,
+ text: 'Loading',
+ background: 'rgba(0, 0, 0, 0.7)',
+ })
+ setTimeout(()=>{
+ try {
+ printJs({
+ printable: printRef.value,
+ type: 'html',
+ css: ['@/assets/css/printcss.css','//at.alicdn.com/t/c/font_2298093_rnp72ifj3ba.css', '//unpkg.com/element-plus/dist/index.css'],
+ scanStyles: false,
+ style: `@media print{.gridtable {
+ font-family: verdana, arial, sans-serif;
+ color: #333333;
+ border-width: 1px;
+ border-color: #666666;
+ border-collapse: collapse;
+ text-align: left;
+ font-size:12px;
+
+ }
- color: #333333;
- border-width: 1px;
- border-color: #666666;
- border-collapse: collapse;
+ .gridtable th {
+ border-width: 1px;
+ padding: 8px;
+ border-style: solid;
+ border-color: #666666;
+ background-color: #a4b0e2;
+ }
+
+ .gridtable td {
+ border-width: 1px;
+ padding: 8px;
+ border-style: solid;
+ border-color: #666666;
+ font-weight: 800;
+
+ }
+ .gridtable tr td:first-child {
+ text-align: center;
+ }
+ textarea{
+ font-weight: 800;
+ color: #303133;
+ }
+ input{
+ font-weight: 800;
+ color: #303133;
+ }
+ .htr {
+ background-color: rgb(250, 236, 216);
+ font-weight: 800;
+ min-width: 80px;
+ text-align: center;
+
+
+ }
+
+ .lvse {
+ background-color: rgb(239.8, 248.9, 235.3);
+ }}}`,
+ });
+ } catch (err) {
+ console.log('打印出错了')
+ } finally {
+
+ }
+ loading.close()
+ state.dy状态=false
+ },1000)
-}
-
-.gridtable th {
- border-width: 1px;
- padding: 8px;
- border-style: solid;
- border-color: #666666;
- background-color: #a4b0e2;
-}
-
-.gridtable td {
- border-width: 1px;
- padding: 8px;
- border-style: solid;
- border-color: #666666;
- text-align: center;
-}
-
-.htr {
- background-color: rgb(250, 236, 216);
- font-weight: 800;
-
-}
-
-.lvse {
- background-color: rgb(239.8, 248.9, 235.3);
-}}}`,
- });
+
}
const numberPart=(str:any)=>{
if(str){
@@ -1246,7 +1468,6 @@
<style scoped lang="scss">
.gridtable {
font-family: verdana, arial, sans-serif;
-
color: #333333;
border-width: 1px;
border-color: #666666;
@@ -1272,7 +1493,9 @@
.htr {
background-color: rgb(250, 236, 216);
+ min-width: 120px;
font-weight: 800;
+ text-align: left;
}
@@ -1295,4 +1518,19 @@
page-break-after: always;
}
}
+@page {
+ margin: 0;
+}
+
+@media print {
+ * {
+ background: transparent !important;
+ color: black !important;
+ box-shadow: none !important;
+ text-shadow: none !important;
+ }
+ body, table, td, th {
+ font-size: 10pt !important;
+ }
+}
</style>
--
Gitblit v1.8.0