data2/vue-nutritional-management.git

			@@ -2,7 +2,7 @@
			<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>
			<div id='printFrom2'>
			<div>
			<el-form size="small">
			<div style="width: 100%">
			@@ -274,12 +274,18 @@
			</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>
			@@ -290,7 +296,7 @@
			</td>
			<td colspan="5">
			<el-form-item>
			<el-input v-model="state.tableData.日食盐量.input1" style="max-width: 150px"
			<el-input v-model="state.tableData.日食盐量.input1" style="max-width: 150px;margin-right: 20px"
			placeholder="">
			<template #append>g</template>
			</el-input>
			@@ -656,306 +662,13 @@
			</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>
			<!-- <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.是否饮酒?
			</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>
			</el-radio-group>
			</el-form-item>

			</td>

			</tr>
			<tr>
			<td>
			3.运动?
			</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>
			</el-radio-group>
			</el-form-item>

			</td>

			</tr>
			<tr>
			<td>
			4.作息时间?
			</td>
			<td colspan="3">
			<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-form-item>

			</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> -->




			</table>
			</div>
			</el-form>
			@@ -969,6 +682,14 @@
			<el-button type="primary" @click="onSubmit">
			保存
			</el-button>
			<el-button v-if="state.viewInfo.id" type="primary" v-print="'#printFrom2'">
			<el-icon><Printer /></el-icon>
			打印
			</el-button>
			<el-button type="primary" v-if="state.viewInfo.id" @click="generatePDF">
			<el-icon><Position /></el-icon>
			导出
			</el-button>
			</div>
			</template>
			</el-dialog>
			@@ -979,6 +700,7 @@
			</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';
			@@ -1168,6 +890,18 @@

			const funhui = () => {
			state.dialogTableVisible = false
			}
			const generatePDF=()=> {
			const element = document.getElementById('printFrom2');
			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!')
			@@ -1411,3 +1145,4 @@
			background-color: #ffffff;
			}
			</style>