<template>
|
<div class="personal layout-pd">
|
<el-form size="small" :inline="true" :model="state.formInline">
|
<el-form-item label="填报日期">
|
<el-date-picker
|
v-model="state.formInline.date"
|
type="daterange"
|
unlink-panels
|
range-separator="To"
|
start-placeholder="开始"
|
end-placeholder="结束"
|
:shortcuts="shortcuts"
|
format="YYYY/MM/DD"
|
value-format="YYYY-MM-DD"
|
/>
|
</el-form-item>
|
<el-form-item>
|
<el-button type="primary" @click="onSubmit">查询</el-button>
|
</el-form-item>
|
</el-form>
|
|
<div>
|
<table id="tabledome" class="gridtable">
|
<tr>
|
<th colspan="22">健康管理服务明细表</th>
|
</tr>
|
<tr>
|
<td colspan="10">服务单位:{{clientName}}</td>
|
<td colspan="22">服务期({{state.formInline.date[0]}}到{{state.formInline.date[2]}})</td>
|
</tr>
|
<tr>
|
<th rowspan="2">序号</th>
|
<th rowspan="2">姓名</th>
|
<th rowspan="2">干体重</th>
|
<th rowspan="2">最新生化检验数据更新</th>
|
<th colspan="5">营养风险&营养评估</th>
|
<th rowspan="2">膳食调查</th>
|
<th colspan="8">个性化饮食指导</th>
|
<th>团体宣教</th>
|
<th rowspan="2">随访跟进</th>
|
<th rowspan="2">营养咨询回复</th>
|
<th rowspan="2">购买套餐</th>
|
</tr>
|
<tr>
|
|
<th>NRS-2002</th>
|
<th>SGA</th>
|
<th>MIS</th>
|
<th>GNRI</th>
|
<th>PEW</th>
|
<!-- <th>膳食调查</th> -->
|
<!-- <th colspan="8">个性化饮食指导</th> -->
|
<th>控磷</th>
|
<th>控钾</th>
|
<th>控水</th>
|
<th>贫血</th>
|
<th>蛋白质</th>
|
<th>便秘</th>
|
<th>腹泻</th>
|
<th>体重管理</th>
|
<th style="color: red;">专题勾选</th>
|
|
|
</tr>
|
<tbody>
|
|
<tr v-for="(row,index) in state.tableData" :key="index">
|
<td>{{index+1}}</td>
|
<td>{{row?.patientName}}</td>
|
<td>{{row?.patientDryWeight}}</td>
|
<td>{{row?.checkIsData?'✔':''}}</td>
|
<td>{{row?.surveryTimeMap?.['NRS-2002']?.id?'✔':''}}</td>
|
<td>{{row?.surveryTimeMap?.['SGA']?.id?'✔':''}}</td>
|
<td>{{row?.surveryTimeMap?.['MIS']?.id?'✔':''}}</td>
|
<td>{{row?.surveryTimeMap?.['GNRI']?.id?'✔':''}}</td>
|
<td>{{row?.surveryTimeMap?.['PEW']?.id?'✔':''}}</td>
|
<td>{{row?.surveryTimeMap?.['膳食生活调查表']?.id?'✔':''}}</td>
|
<td>{{row?.surveryTimeMap?.['营养饮食指导方案']?.id?'✔':''}}</td>
|
<td>{{row?.surveryTimeMap?.['营养饮食指导方案']?.id?'✔':''}}</td>
|
<td>{{row?.surveryTimeMap?.['营养饮食指导方案']?.id?'✔':''}}</td>
|
<td>{{row?.surveryTimeMap?.['营养饮食指导方案']?.id?'✔':''}}</td>
|
<td>{{row?.surveryTimeMap?.['营养饮食指导方案']?.id?'✔':''}}</td>
|
<td>{{row?.surveryTimeMap?.['营养饮食指导方案']?.id?'✔':''}}</td>
|
<td>{{row?.surveryTimeMap?.['营养饮食指导方案']?.id?'✔':''}}</td>
|
<td>{{row?.surveryTimeMap?.['营养饮食指导方案']?.id?'✔':''}}</td>
|
<td></td>
|
<td>{{row?.surveryTimeMap?.['随访记录']?.id?'✔':''}}</td>
|
<td></td>
|
<td></td>
|
</tr>
|
</tbody>
|
</table>
|
</div>
|
</div>
|
</template>
|
|
<script setup lang="ts" name="personal">
|
import { reactive, computed, onMounted, ref } from 'vue';
|
import { formatAxis } from '/@/utils/formatTime';
|
import { storeToRefs } from 'pinia';
|
import { useUserInfo } from '/@/stores/userInfo';
|
import {nutritionalSummary} from '/@/api/Patients'
|
import {editUserInfo} from '/@/api/login'
|
import { ElLoading } from 'element-plus';
|
import {formatDate} from '/@/utils/formatTime'
|
const stores = useUserInfo();
|
const { userInfos } = storeToRefs(stores);
|
const shortcuts = [
|
{
|
text: '上一周',
|
value: () => {
|
const end = new Date()
|
const start = new Date()
|
start.setTime(start.getTime() - 3600 * 1000 * 24 * 7)
|
return [start, end]
|
},
|
},
|
{
|
text: '上一个月',
|
value: () => {
|
const end = new Date()
|
const start = new Date()
|
start.setTime(start.getTime() - 3600 * 1000 * 24 * 30)
|
return [start, end]
|
},
|
},
|
{
|
text: '前三个月',
|
value: () => {
|
const end = new Date()
|
const start = new Date()
|
start.setTime(start.getTime() - 3600 * 1000 * 24 * 90)
|
return [start, end]
|
},
|
},
|
]
|
const clientName=computed(()=>{
|
return userInfos.value.clientName
|
})
|
const tableHe = computed(() => {
|
let height = document.documentElement.clientHeight;
|
console.log('窗口高度')
|
const navDom = document.querySelector('.layout-navbars-breadcrumb-index');
|
if (navDom) {
|
height -= navDom.scrollHeight;
|
}
|
return height+'px'
|
})
|
// 当前时间提示语
|
const end = new Date()
|
const start = new Date()
|
start.setTime(start.getTime() - 3600 * 1000 * 24 * 90)
|
const state = reactive({
|
tableData: <any>[],
|
page:1,
|
size:10,
|
total:0,
|
loading: false,
|
formInline:{
|
date: [formatDate(start,'YYYY-mm-dd'), formatDate(end,'YYYY-mm-dd')],
|
},
|
dialogTableVisible:false
|
})
|
const onSubmit=()=>{
|
const pasm={
|
startTime:state.formInline.date[0]+ ' 00:00:00',
|
endTime:state.formInline.date[1]+ ' 23:59:59',
|
clientCode:userInfos.value.clientCode,
|
queryValue:''
|
}
|
console.log(pasm)
|
nutritionalSummary(pasm).then(re=>{
|
console.log(re.data)
|
state.tableData=re.data
|
})
|
|
}
|
onMounted(()=>{
|
onSubmit()
|
})
|
</script>
|
|
<style scoped lang="scss">
|
.gridtable {
|
width: 100%;
|
font-family: verdana, arial, sans-serif;
|
font-size: 11px;
|
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;
|
background-color: #ffffff;
|
text-align: center;
|
}
|
</style>
|