From a6f64303f88508d1c4d6ce53ff46be6b745cfb93 Mon Sep 17 00:00:00 2001
From: chenyc <501753378@qq.com>
Date: 星期二, 14 十月 2025 15:21:59 +0800
Subject: [PATCH] 完成营养师管理
---
src/views/home/components/pingubiao/editDietary2.vue | 554 ++++++++++++++++++++++++++----------------------------
1 files changed, 269 insertions(+), 285 deletions(-)
diff --git a/src/views/home/components/pingubiao/editDietary2.vue b/src/views/home/components/pingubiao/editDietary2.vue
index 26c7a35..44dc1bc 100644
--- a/src/views/home/components/pingubiao/editDietary2.vue
+++ b/src/views/home/components/pingubiao/editDietary2.vue
@@ -1,8 +1,8 @@
<template>
<div class="dietarySurvey-item">
- <el-dialog v-model="state.dialogTableVisible" title="主观全面评定(SGA)评价" :fullscreen="true" width="100%">
- <div class="container" style="width: 100%; height: 100%;overflow: auto;">
- <div>
+ <el-dialog v-model="state.dialogTableVisible" title="SGA" :fullscreen="true" width="100%">
+ <div style="width: 100%; height: 100%;overflow: auto;">
+ <div id="pinggu2">
<div>
<el-form size="small">
<div style="width: 100%">
@@ -11,230 +11,170 @@
<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" readonly
+ 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" readonly
+ 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;" readonly placeholder="" />
+ </el-form-item>
+ </th>
</tr>
<tr>
<th colspan="2">
- 患者姓名:{{patientsInfo.patientName}}
+ 患者姓名:{{ patientsInfo.patientName }}
</th>
<th colspan="2">
- 年龄:{{patientsInfo.age}}
+ 年龄:{{ patientsInfo.age }}
</th>
- <th colspan="2">性别:{{patientsInfo.patientGenderText}}</th>
-
- </tr>
-
-
- <tr>
- <td colspan="3">
- 评价内容
-
- </td>
- <td colspan="3">
- 评级结果
- </td>
-
+ <th colspan="2">性别:{{ patientsInfo.patientGenderText }}</th>
</tr>
<tr>
- <td colspan="1" rowspan="3">
- 体重改变
-
+ <td rowspan="6">
+ (一)病史
+
</td>
- <td colspan="2">您目前体重?</td>
+ <td colspan="2">目前体重?</td>
<td colspan="3">
- <el-input
- v-model="state.tableData.您目前体重"
- style="max-width: 150px"
- placeholder=""
- >
+ <el-input v-model="state.tableData.您目前体重" style="max-width: 150px"
+ placeholder="">
<template #append>kg</template>
- </el-input>
+ </el-input>
</td>
</tr>
<tr>
-
- <td colspan="2">与您六月份前的体重相比有变化吗?</td>
- <td colspan="3">
- <el-radio-group class="elradiozdi"
- v-model="state.tableData.体重改变1.type">
- <el-radio value="A">A:体重变化<5%或5%-10%但正在改善</el-radio>
- <el-radio value="B">B:持续减少5%-10%或由10%升至5%-10%</el-radio>
- <el-radio value="C">C:持续减少>10%</el-radio>
+
+ <td colspan="2">1.体重变化(过去6个月内的体重下降)</td>
+ <td colspan="2">
+ <el-radio-group class="elradiozdi" v-model="state.tableData.体重变化.type">
+ <el-radio :value="1">(1)无变化; </el-radio>
+ <el-radio :value="2">(2)<5%;</el-radio>
+ <el-radio :value="3">(3)5%~10%;</el-radio>
+ <el-radio :value="4">(4)>10%~15%;</el-radio>
+ <el-radio :value="5">(5)>15%</el-radio>
</el-radio-group>
</td>
+ <td colspan="1">计分:({{state.tableData.体重变化.type}})</td>
</tr>
- <tr>
-
- <td colspan="2">近2周体重变化了吗?</td>
- <td colspan="3">
- <el-radio-group class="elradiozdi"
- v-model="state.tableData.体重改变2.type">
- <el-radio value="A">A:无变化,正常体重或恢复到5%内</el-radio>
- <el-radio value="B">B:稳定,但低于理想或通常体重;部分恢复但不完全</el-radio>
- <el-radio value="C">C:减少/降低</el-radio>
- </el-radio-group>
- </td>
- </tr>
+
<!-- 饮食 -->
<tr>
- <td rowspan="4">
- 进食
-
- </td>
- <td colspan="2">您的食欲??</td>
- <td colspan="3" rowspan="3">
- <el-radio-group class="elradiozdi"
- v-model="state.tableData.进食1.type">
- <el-radio value="A">A:好;无变化,轻度;短期变化</el-radio>
- <el-radio value="B">B:正常下限,但在减少;差,但在增加;差,没变化(取决于初始状态)</el-radio>
- <el-radio value="C">C:差,并在减少;差,无变化</el-radio>
+
+ <td colspan="2">2.食物摄入</td>
+ <td colspan="2">
+ <el-radio-group class="elradiozdi" v-model="state.tableData.食物摄入.type">
+ <el-radio :value="1">(1)无变化; </el-radio>
+ <el-radio :value="2">(2)固体食物略少;</el-radio>
+ <el-radio :value="3">(3)全量流食或中度减少;</el-radio>
+ <el-radio :value="4">(4)低热卡流食;</el-radio>
+ <el-radio :value="5">(5)饥饿;</el-radio>
</el-radio-group>
</td>
+ <td colspan="1">计分:({{state.tableData.食物摄入.type}})</td>
</tr>
<tr>
-
- <td colspan="2">您的进食量有变化吗?</td>
-
+
+ <td colspan="2">3.胃肠道症状</td>
+ <td colspan="2">
+ <el-radio-group class="elradiozdi" v-model="state.tableData.胃肠道症状.type">
+ <el-radio :value="1">(1)无症状;</el-radio>
+ <el-radio :value="2">(2)恶心;</el-radio>
+ <el-radio :value="3">(3)呕吐或中度胃肠道症状;</el-radio>
+ <el-radio :value="4">(4)腹泻;</el-radio>
+ <el-radio :value="4">(5)严重厌食;</el-radio>
+ </el-radio-group>
+ </td>
+ <td colspan="1">计分:({{state.tableData.胃肠道症状.type}})</td>
+
</tr>
<tr>
-
- <td colspan="2">这种情况持续多长时间?</td>
-
+
+ <td colspan="2">4.活动能力(营养相关性活动能力下降)?</td>
+ <td colspan="2">
+ <el-radio-group class="elradiozdi" v-model="state.tableData.活动能力.type">
+ <el-radio :value="1">(1)无变化(改善);</el-radio>
+ <el-radio :value="2">(2)步行困难;</el-radio>
+ <el-radio :value="3">(3)日常活动困难:;</el-radio>
+ <el-radio :value="4">(4)轻度活动;</el-radio>
+ <el-radio :value="5">(5)完全卧床,没有或极少活动</el-radio>
+
+ </el-radio-group>
+ </td>
+ <td colspan="1">计分:({{state.tableData.活动能力.type}})</td>
+
</tr>
<tr>
-
- <td colspan="2">您的食物类型有变化吗?</td>
- <td colspan="3">
- <el-radio-group class="elradiozdi"
- v-model="state.tableData.进食2.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>
- </td>
- </tr>
- <tr>
- <td rowspan="6">
- 胃肠道症状
+
+ <td colspan="2">5.并存病</td>
+ <td colspan="2">
+ <el-radio-group class="elradiozdi" v-model="state.tableData.并存病.type">
+ <el-radio :value="1">(1)MDH<12月,无其他健康问题;</el-radio>
+ <el-radio :value="2">(2)MDH 1~2年或轻度并存病;</el-radio>
+ <el-radio :value="3">(3)MDH 2~4年或>75 岁或中度并存病;</el-radio>
+ <el-radio :value="4">(4)MDH>4年或严重并存病;</el-radio>
+ <el-radio :value="5">(5)非常严重多发并存病;</el-radio>
+ </el-radio-group>
</td>
- <td colspan="5">近2周以来您经常出现下列问题吗?</td>
- </tr>
- <tr>
- <td colspan="2">1:没有食欲:</td>
- <td colspan="3">
- 从不-很少-每天-一周1-2次-每周2-3次
- </td>
- </tr>
- <tr>
- <td colspan="2">2:腹泻:</td>
- <td colspan="3">
- 从不-很少-每天-一周1-2次-每周2-3次
- </td>
- </tr>
- <tr>
- <td colspan="2">3:恶心:</td>
- <td colspan="3">
- 从不-很少-每天-一周1-2次-每周2-3次
- </td>
- </tr>
- <tr>
- <td colspan="2">4:呕吐:</td>
- <td colspan="3">
- 从不-很少-每天-一周1-2次-每周2-3次
- </td>
- </tr>
- <tr>
- <td colspan="6">
- <el-radio-group class="elradiozdi"
- v-model="state.tableData.胃肠道症状.type">
- <el-radio value="A">A:少有,间断</el-radio>
- <el-radio value="B">B:部分症状,>2周;严重、持续的症状,但在改善</el-radio>
- <el-radio value="C">C:部分或所有症状,频繁或每天,>2周</el-radio>
- </el-radio-group>
- </td>
-
- </tr>
- <!-- 功能特异 -->
- <tr>
- <td rowspan="6">
- 功能异常
- </td>
- <td colspan="5">您现在还能像往常那样做以下的事吗?</td>
- </tr>
- <tr>
- <td colspan="2">1:散步:</td>
- <td colspan="3">
- 没有-稍微减少-明显减少-增多
- </td>
- </tr>
- <tr>
- <td colspan="2">2:工作:</td>
- <td colspan="3">
- 没有-稍微减少-明显减少-增多
- </td>
- </tr>
- <tr>
- <td colspan="2">3:室内活动:</td>
- <td colspan="3">
- 没有-稍微减少-明显减少-增多
- </td>
- </tr>
- <tr>
- <td colspan="2">4:再过去的两周内有何变化:</td>
- <td colspan="3">
- 有所改善-无变化-恶化
- </td>
- </tr>
- <tr>
- <td colspan="6">
- <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>
- </td>
-
- </tr>
- <tr>
- <td>
- 疾病和相关营养需求
- </td>
- <td colspan="2">疾病诊断&代谢应激</td>
- <td colspan="3">
- <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>
- </td>
- </tr>
+ <td colspan="1">计分:({{state.tableData.并存病.type}})</td>
+ </tr>
+
+
<tr>
- <td colspan="6" style="font-weight: 600;">
- 注意:
- <br/>
- 1.体重变化,考虑过去6个月或近2周的,过去5个月变化显著,但近一个月无丢失无增加,或近2周经治疗后体重稳定,则体重丢失一项不予考虑。
- <br/>2.胃肠道症状至少持续2周,偶尔一两次不予考虑。
- <br/>3.应激参照:大面积烧伤、高烧、或大量出血属高应激,长期发烧、慢性腹泻属中应激,长期低烧或恶性肿瘤属低应
- <br/>4.评价结果中,8项中至少5项属于C级或者B级,分别定位重度或中度具体参考:C>5项定为重度营养不良,有明显的躯体症状C小于5但B+C大于等于5项定为中度营养不良,B+C小于5项为轻度营养不良A≥5定为营养良好,或有明显的改善病例结果
+ <td rowspan="2">
+ (二)体格检查
+ </td>
+ <td colspan="2">1.脂肪储存减少或皮下脂肪丢失(下眼眶、肱二头肌、肱三头肌及胸部)</td>
+ <td colspan="2">
+ <el-radio-group class="elradiozdi" v-model="state.tableData.脂肪储存减少或皮下脂肪丢失.type">
+ <el-radio :value="1">(1)无丢失;</el-radio>
+ <el-radio :value="2">(2)介于二者之间;</el-radio>
+ <el-radio :value="3">(3)中度丢失;</el-radio>
+ <el-radio :value="4">(4)介于二者之间;</el-radio>
+ <el-radio :value="5">(5)重度丢失;</el-radio>
+ </el-radio-group>
+ </td>
+ <td colspan="1">计分:({{state.tableData.脂肪储存减少或皮下脂肪丢失.type}})</td>
+ </tr>
+ <tr>
+ <td colspan="2">2.肌肉消耗征象(颞肌、锁骨、肩胛骨、肋骨、股四头肌、膝、骨间肌)</td>
+ <td colspan="2">
+ <el-radio-group class="elradiozdi" v-model="state.tableData.肌肉消耗征象.type">
+ <el-radio :value="1">(1)无消耗;</el-radio>
+ <el-radio :value="2">(2)介于二者之间;</el-radio>
+ <el-radio :value="3">(3)中度消耗;</el-radio>
+ <el-radio :value="4">(4)介于二者之间;</el-radio>
+ <el-radio :value="5">(5)重度消耗;</el-radio>
+ </el-radio-group>
+ </td>
+ <td colspan="1">计分:({{state.tableData.肌肉消耗征象.type}})</td>
+ </tr>
+ <tr>
+ <td colspan="1" rowspan="2">(三)SGA评分</td>
+ <td colspan="4" style="font-weight: 600; color: #000;">评分标准:
+ Q-SGA(透析营养评分)包括病史及体格检查两方面资料,包括体重、饮食、胃肠道症状、活动能力、并存病、脂肪丢失及肌肉消耗7个参数,
+ 每一个参数按严重程度分为1、2、3、4、5分,最低分7分,最高分35分;7分提示营养良好,8~34分提示营养不良,35分提示严重营养不良。</td>
+ <td colspan="1" style="font-weight: 600; color: #000;">合计:({{sum.value}})</td>
+ </tr>
+ <tr>
+ <td colspan="5" style="font-weight: 600; color: #000;">
+
+ <p>评分结果: <b v-if="sum.value" :style="{color:sum.color}"> {{sum.label}}</b></p>
+
</td>
</tr>
@@ -251,6 +191,14 @@
<el-button type="primary" @click="onSubmit">
保存
</el-button>
+ <el-button v-if="state.viewInfo.id" type="primary" v-print="'#pinggu2'">
+ <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>
@@ -261,55 +209,48 @@
</template>
<script setup lang="ts" name="visualizingLinkDemo2">
+import html2pdf from 'html2pdf.js';
import { reactive, onMounted, onUnmounted, ref, computed } 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';
+import { getPatData } from '/@/api/Patients';
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: {
- 表名: '主观全面评定(SGA)评价',
- 初次调查日期:"",
+ 表名: 'SGA',
+ 初次调查日期: "",
填表日期: '',
更新日期: '',
记录者: '陈银成',
- 您目前体重:'',
- 体重改变1: {
- type: '',
+ 您目前体重: '',
+ 体重变化: {
+ type: 0,
input1: '',
},
- 体重改变2: {
- type: '',
- input1: '',
- },
- 进食1:{type: ''},
- 进食2:{type: ''},
- 进食3:{type: ''},
- 进食4:{type: ''},
- 胃肠道症状:{type: ''},
- 功能异常: {
- type: '',
- input1: '',
- },
-
- 疾病和相关营养需求:{
- type: '',
- input1: '',
- }
+ 食物摄入: { type: 0 },
+ 胃肠道症状: { type: 0 },
+ 活动能力: { type: 0 },
+ 并存病: { type: 0 },
+ 进食5: { type: 0 },
+ 进食6: { type: 0 },
+ 脂肪储存减少或皮下脂肪丢失:{type: 0, input1: ''},
+ 肌肉消耗征象:{type: 0, input1: ''},
+ 结果:''
},
loading: false,
- viewInfo:{
+ viewInfo: {
id: 0,
code: '',
clientCode: userInfos.value.clientCode,
@@ -317,56 +258,74 @@
surveryTime: formatDate(new Date(), 'YYYY-mm-dd HH:MM:SS'),
surveryPerson: userInfos.value.code,
surveryJsonBody: '',
- suveryFormName:'主观全面评定(SGA)评价',
- surveryFormType:1,
+ suveryFormName: 'SGA',
+ surveryFormType: 1,
updateTime: ''
}
})
const sum = computed(() => {
- let x=0
- for(let key in state.tableData){
- console.log(key+'key=='+state.tableData[key]?.type)
- if(Number(state.tableData[key]?.type)){
- x+=Number(state.tableData[key]?.type)
- }
+ let heji=0
+ const res={
+ value:0,
+ label:'',
+ color:''
}
- return x
+ for (let key in state.tableData) {
+ if (state.tableData[key]?.type>0) {
+ heji+= state.tableData[key]?.type
+ }
+ }
+ if(heji>=35){
+ res.label='重度营养不良'
+ res.color='#F56C6C'
+ }else if(heji<=34&&heji>=8){
+ res.label='营养不良'
+ res.color='#E6A23C'
+ }else if(heji<8){
+ res.label='营养良好'
+ res.color='#67C23A'
+ }else{
+ res.label=''
+ }
+ res.value=heji
+ return res
})
-const funhui=()=>{
- state.dialogTableVisible=false
+const funhui = () => {
+ state.dialogTableVisible = false
}
const onSubmit = () => {
- console.log('submit!')
- console.log(state.tableData)
- const info:tiaochabiaoInfo={
- id: state.viewInfo.id,
- surveryFormType:1,
- 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:'主观全面评定(SGA)评价',
- 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)
+ state.tableData.结果=sum.value
+ const info: tiaochabiaoInfo = {
+ id: state.viewInfo.id,
+ surveryFormType: 1,
+ 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: 'SGA',
+ updateTime: ''
+ }
+ console.log(info)
+ if (info.id === 0) {
+ Add(info).then(re => {
+ console.log(re.data)
+ state.dialogTableVisible = false
+ emit('shuaxin')
+ })
+ } else if (info.id > 0) {
+ info.surveryTime = state.viewInfo.surveryTime
+ update(info).then(re => {
+ console.log(re.data)
+ state.dialogTableVisible = false
+ emit('shuaxin')
+ })
+ }
+
}
// 第一步:定义子组件里面的方法
const getData = (str: string) => {
@@ -375,57 +334,83 @@
}
// 打开查看或者编辑明细
-const openShow = (type: string,mode:tiaochabiaoInfo) => {
+const openShow = async (type: string, mode: tiaochabiaoInfo) => {
console.log(type)
-
- if(type==='add'){
- state.tableData.初次调查日期=formatDate(new Date(),'YYYY-mm-dd')
- state.tableData.更新日期=formatDate(new Date(),'YYYY-mm-dd')
- state.tableData.记录者=userInfos.value.userName
- // getPageInfo()
+
+ if (type === 'add') {
+ state.tableData.初次调查日期 = formatDate(new Date(), 'YYYY-mm-dd')
+ state.tableData.更新日期 = formatDate(new Date(), 'YYYY-mm-dd')
+ state.tableData.记录者 = userInfos.value.userName
+ await getPageInfo()
state.dialogTableVisible = true
}
- else if(type==='update'){
+ else if (type === 'update') {
console.log('------------------------3333333333333333')
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={
- 表名: '主观全面评定(SGA)评价',
- 初次调查日期:formatDate(new Date(),'YYYY-mm-dd'),
+const getPageInfo = async () => {
+ const res = await getPatData({ patCode: patientsInfo.value.code, })
+ state.tableData = {
+ 表名: 'SGA',
+ 初次调查日期: formatDate(new Date(), 'YYYY-mm-dd'),
填表日期: '',
- 更新日期: formatDate(new Date(),'YYYY-mm-dd'),
+ 更新日期: formatDate(new Date(), 'YYYY-mm-dd'),
记录者: userInfos.value.userName,
- 体重改变: {
- type: '',
+ 您目前体重: res.data.上一次透前体重,
+ 体重变化: {
+ type: 0,
input1: '',
},
- 营养状态: {
- type: '',
- input1: '',
- },
-
- 年龄评分:{
- type: '',
- input1: '',
- }
+ 食物摄入: { type: 0 },
+ 胃肠道症状: { type: 0 },
+ 活动能力: { type: 0 },
+ 并存病: { type: 0 },
+ 进食5: { type: 0 },
+ 进食6: { type: 0 },
+ 脂肪储存减少或皮下脂肪丢失:{type: 0, input1: ''},
+ 肌肉消耗征象:{type: 0, input1: ''},
+ 结果:''
+ },
+ state.viewInfo={
+ id: 0,
+ code: '',
+ clientCode: userInfos.value.clientCode,
+ patientCode: patientsInfo.value.code,
+ surveryTime: formatDate(new Date(), 'YYYY-mm-dd HH:MM:SS'),
+ surveryPerson: userInfos.value.code,
+ surveryJsonBody: '',
+ suveryFormName: 'SGA',
+ surveryFormType: 1,
+ updateTime: ''
}
}
+const generatePDF=()=> {
+ const element = document.getElementById('pinggu2');
+ 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();
+}
// 第二步:暴露方法
defineExpose({ getData, openShow })
</script>
<style scoped lang="scss">
-
.gridtable {
font-family: verdana, arial, sans-serif;
font-size: 11px;
@@ -433,7 +418,7 @@
border-width: 1px;
border-color: #666666;
border-collapse: collapse;
-
+
}
.gridtable th {
@@ -452,5 +437,4 @@
border-color: #666666;
background-color: #ffffff;
}
-
</style>
--
Gitblit v1.8.0