344 lines
13 KiB
Vue
344 lines
13 KiB
Vue
|
<template>
|
|||
|
|
<view style="width: 96%;margin: 10px auto;">
|
|||
|
|
<view style=" display: flex;align-items: center;margin: 10rpx 0;">
|
|||
|
|
<view style="border-left: 4px solid #4192F4;height: 20px;margin-right: 10rpx;"></view>
|
|||
|
|
<view style="font-size: 32rpx;color: #4192F4;">干预目标</view>
|
|||
|
|
</view>
|
|||
|
|
<view>
|
|||
|
|
<view style="border: 1px solid #ccc;">
|
|||
|
|
<view class="tableTitle" style="display: flex;border-bottom: 1px solid #ccc;">
|
|||
|
|
<view class="tableHead">健康指标</view>
|
|||
|
|
<view class="tableHead" style="border-left: 1px solid #ccc;border-right: 1px solid #ccc;">本次测量值
|
|||
|
|
</view>
|
|||
|
|
<view class="tableHead">干预目标</view>
|
|||
|
|
</view>
|
|||
|
|
<view class="tableTr">
|
|||
|
|
<view style="display: flex;align-items: center;">
|
|||
|
|
<view>血糖</view>
|
|||
|
|
<view>
|
|||
|
|
<view style="border-right: 1px solid #ccc;border-left: 1px solid #ccc;">空腹血糖</view>
|
|||
|
|
<view
|
|||
|
|
style="border-right: 1px solid #ccc;border-left: 1px solid #ccc;border-top: 1px solid #ccc;">
|
|||
|
|
HbA1c(%)</view>
|
|||
|
|
</view>
|
|||
|
|
</view>
|
|||
|
|
<view style="border-bottom: 1px solid #ccc;">
|
|||
|
|
<view style="border-bottom: 1px solid #ccc;border-right: 1px solid #ccc;">
|
|||
|
|
{{ nurseDetailData.performanceRecord.fbg ? nurseDetailData.performanceRecord.fbg : '-'}}
|
|||
|
|
</view>
|
|||
|
|
<view style="border-right: 1px solid #ccc;">
|
|||
|
|
{{ nurseDetailData.performanceRecord.randomGlycoprotein ? nurseDetailData.performanceRecord.randomGlycoprotein : '-' }}
|
|||
|
|
</view>
|
|||
|
|
</view>
|
|||
|
|
<view style="border-bottom: 1px solid #ccc;">
|
|||
|
|
<view style="border-bottom: 1px solid #ccc;">{{ domData }}</view>
|
|||
|
|
<view>{{ domData1 }}</view>
|
|||
|
|
</view>
|
|||
|
|
</view>
|
|||
|
|
|
|||
|
|
<view class="tableTr">
|
|||
|
|
<view style="display: flex;align-items: center;border-top: 1px solid #ccc;">
|
|||
|
|
<view>血压</view>
|
|||
|
|
<view>
|
|||
|
|
<view
|
|||
|
|
style="border-right: 1px solid #ccc;border-bottom: 1px solid #ccc;border-left: 1px solid #ccc;">
|
|||
|
|
舒张压
|
|||
|
|
</view>
|
|||
|
|
<view style="border-right: 1px solid #ccc;border-left: 1px solid #ccc;">收缩压</view>
|
|||
|
|
</view>
|
|||
|
|
</view>
|
|||
|
|
<view style="border-bottom: 1px solid #ccc;">
|
|||
|
|
<view style="border-bottom: 1px solid #ccc;border-right: 1px solid #ccc;">
|
|||
|
|
{{ nurseDetailData.performanceRecord.dbp ? nurseDetailData.performanceRecord.dbp : '-' }}
|
|||
|
|
</view>
|
|||
|
|
<view style="border-right: 1px solid #ccc;">
|
|||
|
|
{{ nurseDetailData.performanceRecord.sbp ? nurseDetailData.performanceRecord.sbp : '-' }}
|
|||
|
|
</view>
|
|||
|
|
</view>
|
|||
|
|
<view style="border-bottom: 1px solid #ccc;">
|
|||
|
|
<view style="border-bottom: 1px solid #ccc;">{{ domData2 }}</view>
|
|||
|
|
<view>{{ domData3 }}</view>
|
|||
|
|
</view>
|
|||
|
|
</view>
|
|||
|
|
|
|||
|
|
<view class="tableTr">
|
|||
|
|
<view
|
|||
|
|
style="display: flex;align-items: center;border-top: 1px solid #ccc;border-bottom: 1px solid #ccc;">
|
|||
|
|
<view>血脂</view>
|
|||
|
|
<view>
|
|||
|
|
<view
|
|||
|
|
style="border-left: 1px solid #ccc;border-right: 1px solid #ccc;border-bottom: 1px solid #ccc;">
|
|||
|
|
TC
|
|||
|
|
</view>
|
|||
|
|
<view
|
|||
|
|
style="border-left: 1px solid #ccc;border-right: 1px solid #ccc;border-bottom: 1px solid #ccc;">
|
|||
|
|
TG
|
|||
|
|
</view>
|
|||
|
|
<view style="border-left: 1px solid #ccc;border-right: 1px solid #ccc;">HDL-C</view>
|
|||
|
|
</view>
|
|||
|
|
</view>
|
|||
|
|
<view>
|
|||
|
|
<view style="border-bottom: 1px solid #ccc;border-right: 1px solid #ccc;">
|
|||
|
|
{{ nurseDetailData.performanceRecord.tc ? nurseDetailData.performanceRecord.tc : '-' }}
|
|||
|
|
</view>
|
|||
|
|
<view style="border-right: 1px solid #ccc;border-bottom: 1px solid #ccc;">
|
|||
|
|
{{ nurseDetailData.performanceRecord.tg ? nurseDetailData.performanceRecord.tg : '-' }}
|
|||
|
|
</view>
|
|||
|
|
<view style="border-right: 1px solid #ccc;border-bottom: 1px solid #ccc;">
|
|||
|
|
{{ nurseDetailData.performanceRecord.hdl ? nurseDetailData.performanceRecord.hdl : '-' }}
|
|||
|
|
</view>
|
|||
|
|
</view>
|
|||
|
|
<view>
|
|||
|
|
<view style="border-bottom: 1px solid #ccc;">{{ domData4 }}</view>
|
|||
|
|
<view style="border-bottom: 1px solid #ccc;">{{ domData5 }}</view>
|
|||
|
|
<view style="border-bottom: 1px solid #ccc;">{{ domData6 }}</view>
|
|||
|
|
</view>
|
|||
|
|
</view>
|
|||
|
|
|
|||
|
|
<view class="tableTr">
|
|||
|
|
<view style="display: flex;align-items: center;">
|
|||
|
|
<view style="border-right: 1px solid #ccc;">体质指数</view>
|
|||
|
|
</view>
|
|||
|
|
<!-- <view style="border-right: 1px solid #ccc;">1</view> -->
|
|||
|
|
<view style="border-right: 1px solid #ccc;">
|
|||
|
|
{{ nurseDetailData.performanceRecord.bmi ? nurseDetailData.performanceRecord.bmi : '-' }}
|
|||
|
|
</view>
|
|||
|
|
<view>{{ domData7 }}</view>
|
|||
|
|
</view>
|
|||
|
|
</view>
|
|||
|
|
</view>
|
|||
|
|
<view style=" display: flex;align-items: center;margin: 10rpx 0;">
|
|||
|
|
<view style="border-left: 4px solid #4192F4;height: 20px;margin-right: 10rpx;"></view>
|
|||
|
|
<view style="font-size: 32rpx;color: #4192F4;">用药指导</view>
|
|||
|
|
</view>
|
|||
|
|
<view>
|
|||
|
|
<view style="border: 1px solid #ccc;">
|
|||
|
|
<view class="tableTitle" style="display: flex;border-bottom: 1px solid #ccc;">
|
|||
|
|
<view class="tableHead" style="border-right:1px solid #ccc;">用药名称</view>
|
|||
|
|
<view class="tableHead" style="border-right:1px solid #ccc;">用药类型</view>
|
|||
|
|
<view class="tableHead" style="border-right:1px solid #ccc;">用药单位</view>
|
|||
|
|
<view class="tableHead" style="border-right:1px solid #ccc;">次剂量</view>
|
|||
|
|
<view class="tableHead">用药频次</view>
|
|||
|
|
</view>
|
|||
|
|
<view class="itemTr" style="display: flex;text-align: center;align-items: center;"
|
|||
|
|
v-for="(item,index) in nurseDetailData.drugProtocolList" :key="index">
|
|||
|
|
<view style="flex:1;border-right:1px solid #ccc;">{{ item.medicineName }}</view>
|
|||
|
|
<view style="flex:1;border-right:1px solid #ccc;">{{ item.medicineTypeName }}</view>
|
|||
|
|
<view style="flex:1;border-right:1px solid #ccc;">{{ item.usage }}</view>
|
|||
|
|
<view style="flex:1;border-right:1px solid #ccc;">{{ item.dosage }}</view>
|
|||
|
|
<view style="flex:1">{{ item.frequency }}</view>
|
|||
|
|
</view>
|
|||
|
|
</view>
|
|||
|
|
</view>
|
|||
|
|
<view style=" display: flex;align-items: center;margin: 10rpx 0;">
|
|||
|
|
<view style="border-left: 4px solid #4192F4;height: 20px;margin-right: 10rpx;"></view>
|
|||
|
|
<view style="font-size: 32rpx;color: #4192F4;">既往用药</view>
|
|||
|
|
</view>
|
|||
|
|
<view>
|
|||
|
|
<view style="border: 1px solid #ccc;">
|
|||
|
|
<view class="tableTitle" style="display: flex;border-bottom: 1px solid #ccc;">
|
|||
|
|
<view class="tableHead" style="border-right:1px solid #ccc;">用药名称</view>
|
|||
|
|
<view class="tableHead" style="border-right:1px solid #ccc;">用药单位</view>
|
|||
|
|
<view class="tableHead" style="border-right:1px solid #ccc;">用药次剂量</view>
|
|||
|
|
<view class="tableHead">用药频次</view>
|
|||
|
|
</view>
|
|||
|
|
<view class="itemTr" style="display: flex;text-align: center;align-items: center;"
|
|||
|
|
v-for="(item,index) in nurseDetailData.protocolList" :key="index">
|
|||
|
|
<view style="flex:1;border-right:1px solid #ccc;">{{ item.medicineName }}</view>
|
|||
|
|
<view style="flex:1;border-right:1px solid #ccc;">{{ item.usage }}</view>
|
|||
|
|
<view style="flex:1;border-right:1px solid #ccc;">{{ item.dosage }}</view>
|
|||
|
|
<view style="flex:1">{{ item.frequency }}</view>
|
|||
|
|
</view>
|
|||
|
|
</view>
|
|||
|
|
|
|||
|
|
</view>
|
|||
|
|
<view style=" display: flex;align-items: center;margin: 10rpx 0;">
|
|||
|
|
<view style="border-left: 4px solid #4192F4;height: 20px;margin-right: 10rpx;"></view>
|
|||
|
|
<view style="font-size: 32rpx;color: #4192F4;">处方</view>
|
|||
|
|
</view>
|
|||
|
|
<view>
|
|||
|
|
<view><span style="color: #4192f4;">健康教育处方：</span>
|
|||
|
|
<view style="display: inline;"
|
|||
|
|
v-html="nurseDetailData.prescription.healthEducation ? nurseDetailData.prescription.healthEducation : '无' ">
|
|||
|
|
</view>
|
|||
|
|
</view>
|
|||
|
|
<view style="margin: 6px 0;"><span style="color: #4192f4;">运动治疗处方：</span>
|
|||
|
|
<view style="display: inline;"
|
|||
|
|
v-html="nurseDetailData.prescription.exercise ? nurseDetailData.prescription.exercise : '无' ">
|
|||
|
|
</view>
|
|||
|
|
</view>
|
|||
|
|
<view><span style="color: #4192f4;">营养治疗处方：</span>
|
|||
|
|
<view style="display: inline;"
|
|||
|
|
v-html="nurseDetailData.prescription.nutritional ? nurseDetailData.prescription.nutritional : '无' ">
|
|||
|
|
</view>
|
|||
|
|
</view>
|
|||
|
|
</view>
|
|||
|
|
</view>
|
|||
|
|
</template>
|
|||
|
|
|
|||
|
|
<script>
|
|||
|
|
import {
|
|||
|
|
getNurseListDetail
|
|||
|
|
} from '@/api/pagesC/nurseRecord/index.js'
|
|||
|
|
export default {
|
|||
|
|
data() {
|
|||
|
|
return {
|
|||
|
|
perRecordId: '',
|
|||
|
|
nurseDetailData: '',
|
|||
|
|
// 干预目标接收渲染数据
|
|||
|
|
domData: "-",
|
|||
|
|
domData1: "-",
|
|||
|
|
domData2: "-",
|
|||
|
|
domData3: "-",
|
|||
|
|
domData4: "-",
|
|||
|
|
domData5: "-",
|
|||
|
|
domData6: "-",
|
|||
|
|
domData7: "-",
|
|||
|
|
};
|
|||
|
|
},
|
|||
|
|
onLoad(e) {
|
|||
|
|
console.log(e);
|
|||
|
|
this.perRecordId = e.perRecordId
|
|||
|
|
this.getNurseDetail()
|
|||
|
|
},
|
|||
|
|
methods: {
|
|||
|
|
getNurseDetail() {
|
|||
|
|
getNurseListDetail(this.perRecordId).then(res => {
|
|||
|
|
// console.log(res);
|
|||
|
|
this.nurseDetailData = res.data
|
|||
|
|
this.interveneTargetData = res.data.interveneTarget;
|
|||
|
|
for (let item in this.interveneTargetData) {
|
|||
|
|
let targetData = this.interveneTargetData[item].target;
|
|||
|
|
let targetItemData = this.interveneTargetData[item].targetItem;
|
|||
|
|
if (targetData == "血糖" && targetItemData == "空腹") {
|
|||
|
|
if (!this.interveneTargetData[item].targetValueMin) {
|
|||
|
|
this.domData = "<" + this.interveneTargetData[item].targetValueMax;
|
|||
|
|
} else if (!this.interveneTargetData[item].targetValueMax) {
|
|||
|
|
this.domData = ">" + this.interveneTargetData[item].targetValueMin;
|
|||
|
|
} else {
|
|||
|
|
this.domData =
|
|||
|
|
this.interveneTargetData[item].targetValueMin +
|
|||
|
|
"-" +
|
|||
|
|
this.interveneTargetData[item].targetValueMax;
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
if (targetData == "血糖" && targetItemData == "HbA1c") {
|
|||
|
|
if (!this.interveneTargetData[item].targetValueMin) {
|
|||
|
|
this.domData1 = "<" + this.interveneTargetData[item].targetValueMax;
|
|||
|
|
} else if (!this.interveneTargetData[item].targetValueMax) {
|
|||
|
|
this.domData1 = ">" + this.interveneTargetData[item].targetValueMin;
|
|||
|
|
} else {
|
|||
|
|
this.domData1 =
|
|||
|
|
this.interveneTargetData[item].targetValueMin +
|
|||
|
|
"-" +
|
|||
|
|
this.interveneTargetData[item].targetValueMax;
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
if (targetData == "血压" && targetItemData == "收缩压") {
|
|||
|
|
if (!this.interveneTargetData[item].targetValueMin) {
|
|||
|
|
this.domData2 = "<" + this.interveneTargetData[item].targetValueMax;
|
|||
|
|
} else if (!this.interveneTargetData[item].targetValueMax) {
|
|||
|
|
this.domData2 = ">" + this.interveneTargetData[item].targetValueMin;
|
|||
|
|
} else {
|
|||
|
|
this.domData2 =
|
|||
|
|
this.interveneTargetData[item].targetValueMin +
|
|||
|
|
"-" +
|
|||
|
|
this.interveneTargetData[item].targetValueMax;
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
if (targetData == "血压" && targetItemData == "舒张压") {
|
|||
|
|
if (!this.interveneTargetData[item].targetValueMin) {
|
|||
|
|
this.domData3 = "<" + this.interveneTargetData[item].targetValueMax;
|
|||
|
|
} else if (!this.interveneTargetData[item].targetValueMax) {
|
|||
|
|
this.domData3 = ">" + this.interveneTargetData[item].targetValueMin;
|
|||
|
|
} else {
|
|||
|
|
this.domData3 =
|
|||
|
|
this.interveneTargetData[item].targetValueMin +
|
|||
|
|
"-" +
|
|||
|
|
this.interveneTargetData[item].targetValueMax;
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
if (targetData == "血脂" && targetItemData == "TC") {
|
|||
|
|
if (!this.interveneTargetData[item].targetValueMin) {
|
|||
|
|
this.domData4 = "<" + this.interveneTargetData[item].targetValueMax;
|
|||
|
|
} else if (!this.interveneTargetData[item].targetValueMax) {
|
|||
|
|
this.domData4 = ">" + this.interveneTargetData[item].targetValueMin;
|
|||
|
|
} else {
|
|||
|
|
this.domData4 =
|
|||
|
|
this.interveneTargetData[item].targetValueMin +
|
|||
|
|
"-" +
|
|||
|
|
this.interveneTargetData[item].targetValueMax;
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
if (targetData == "血脂" && targetItemData == "TG") {
|
|||
|
|
if (!this.interveneTargetData[item].targetValueMin) {
|
|||
|
|
this.domData5 = "<" + this.interveneTargetData[item].targetValueMax;
|
|||
|
|
} else if (!this.interveneTargetData[item].targetValueMax) {
|
|||
|
|
this.domData5 = ">" + this.interveneTargetData[item].targetValueMin;
|
|||
|
|
} else {
|
|||
|
|
this.domData5 =
|
|||
|
|
this.interveneTargetData[item].targetValueMin +
|
|||
|
|
"-" +
|
|||
|
|
this.interveneTargetData[item].targetValueMax;
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
if (targetData == "血脂" && targetItemData == "HDL-C") {
|
|||
|
|
if (!this.interveneTargetData[item].targetValueMin) {
|
|||
|
|
this.domData6 = "<" + this.interveneTargetData[item].targetValueMax;
|
|||
|
|
} else if (!this.interveneTargetData[item].targetValueMax) {
|
|||
|
|
this.domData6 = ">" + this.interveneTargetData[item].targetValueMin;
|
|||
|
|
} else {
|
|||
|
|
this.domData6 =
|
|||
|
|
this.interveneTargetData[item].targetValueMin +
|
|||
|
|
"-" +
|
|||
|
|
this.interveneTargetData[item].targetValueMax;
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
if (targetData == "体质指数" && targetItemData == "体质指数") {
|
|||
|
|
if (!this.interveneTargetData[item].targetValueMin) {
|
|||
|
|
this.domData7 = "<" + this.interveneTargetData[item].targetValueMax;
|
|||
|
|
} else if (!this.interveneTargetData[item].targetValueMax) {
|
|||
|
|
this.domData7 = ">" + this.interveneTargetData[item].targetValueMin;
|
|||
|
|
} else {
|
|||
|
|
this.domData7 =
|
|||
|
|
this.interveneTargetData[item].targetValueMin +
|
|||
|
|
"-" +
|
|||
|
|
this.interveneTargetData[item].targetValueMax;
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
})
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
</script>
|
|||
|
|
|
|||
|
|
<style lang="scss">
|
|||
|
|
.tableTitle {
|
|||
|
|
.tableHead {
|
|||
|
|
height: 60rpx;
|
|||
|
|
line-height: 60rpx;
|
|||
|
|
text-align: center;
|
|||
|
|
flex: 1;
|
|||
|
|
background-color: #F7F7F7;
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.itemTr {
|
|||
|
|
border-bottom: 1px solid #ccc;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.itemTr:last-child {
|
|||
|
|
border-bottom: none;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.tableTr {
|
|||
|
|
text-align: center;
|
|||
|
|
align-items: center;
|
|||
|
|
display: flex;
|
|||
|
|
|
|||
|
|
view {
|
|||
|
|
flex: 1;
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
</style>
|