| | |
| | | <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%"> |
| | |
| | | <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> |
| | | |
| | |
| | | <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> |
| | |
| | | </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, |
| | |
| | | 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) => { |
| | |
| | | |
| | | } |
| | | // 打开查看或者编辑明细 |
| | | 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; |
| | |
| | | border-width: 1px; |
| | | border-color: #666666; |
| | | border-collapse: collapse; |
| | | |
| | | |
| | | } |
| | | |
| | | .gridtable th { |
| | |
| | | border-color: #666666; |
| | | background-color: #ffffff; |
| | | } |
| | | |
| | | </style> |