修改健康预警图表提示内容,修改健康中心列表/添加详情年龄
This commit is contained in:
parent
233058a7b7
commit
5464b91084
|
@ -202,7 +202,6 @@ const renderChart1 = () => {
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
const chart2Ref = ref(null)
|
const chart2Ref = ref(null)
|
||||||
const renderChart2 = () => {
|
const renderChart2 = () => {
|
||||||
const chart2 = echarts.init(chart2Ref.value)
|
const chart2 = echarts.init(chart2Ref.value)
|
||||||
|
@ -213,7 +212,7 @@ const renderChart2 = () => {
|
||||||
type: 'shadow'
|
type: 'shadow'
|
||||||
},
|
},
|
||||||
formatter: function (params) {
|
formatter: function (params) {
|
||||||
return params[0].name + '异常主要区间为:' + '<br>' + params[0].value + '岁' + '-' + (params[0].value + params[1].value) + '岁'
|
return params[0].name + '异常主要为:' + '<br>' + params[0].value + '岁' + '-' + (params[0].value + params[1].value) + '岁'
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
grid: {
|
grid: {
|
||||||
|
|
|
@ -80,7 +80,8 @@
|
||||||
<span class="layout_title">健康数据记录</span>
|
<span class="layout_title">健康数据记录</span>
|
||||||
<div>
|
<div>
|
||||||
<el-input type="hidden" />
|
<el-input type="hidden" />
|
||||||
<el-button icon="UserFilled" style="margin-right: 10px;">何悦琳</el-button>
|
<el-button icon="UserFilled">何悦琳</el-button>
|
||||||
|
<el-button style="margin-right: 10px;" round>25岁</el-button>
|
||||||
<el-date-picker style="margin-right: 50px;" v-model="dateRange" type="daterange" range-separator="-"
|
<el-date-picker style="margin-right: 50px;" v-model="dateRange" type="daterange" range-separator="-"
|
||||||
:clearable="false" :disabled-date="disabledDayRange" start-placeholder="开始日期" end-placeholder="结束日期"
|
:clearable="false" :disabled-date="disabledDayRange" start-placeholder="开始日期" end-placeholder="结束日期"
|
||||||
size="default" @change="handleDateChange" />
|
size="default" @change="handleDateChange" />
|
||||||
|
|
|
@ -1,10 +1,10 @@
|
||||||
<style scoped lang='scss'>
|
<style scoped lang='scss'>
|
||||||
.color_red {
|
.color_red {
|
||||||
color: red;
|
color: red;
|
||||||
font-weight: 700;
|
font-weight: 700;
|
||||||
}
|
}
|
||||||
|
|
||||||
.color_green {
|
.color_green {
|
||||||
color: #67c23a;
|
color: #67c23a;
|
||||||
font-weight: 700;
|
font-weight: 700;
|
||||||
}
|
}
|
||||||
|
@ -47,10 +47,11 @@
|
||||||
show-overflow-tooltip />
|
show-overflow-tooltip />
|
||||||
<el-table-column prop="A4" label="年龄" sortable align="center" min-width="80" show-overflow-tooltip />
|
<el-table-column prop="A4" label="年龄" sortable align="center" min-width="80" show-overflow-tooltip />
|
||||||
<el-table-column prop="A5" label="工种" sortable align="center" min-width="120" show-overflow-tooltip />
|
<el-table-column prop="A5" label="工种" sortable align="center" min-width="120" show-overflow-tooltip />
|
||||||
<el-table-column prop="A6" label="血压(MMHG)" sortable align="center" min-width="90" show-overflow-tooltip>
|
<el-table-column prop="A6" label="血压(MMHG)" sortable align="center" min-width="90"
|
||||||
|
show-overflow-tooltip>
|
||||||
<template #default="scope">
|
<template #default="scope">
|
||||||
<div v-if="isBloodPressureNormal(scope.row.A6)" class="color_green">{{ scope.row.A6 }}</div>
|
<div v-if="isBloodPressureNormal(scope.row.A6)" class="color_green">{{ scope.row.A6 }}</div>
|
||||||
<div v-else class="color_red" >{{ scope.row.A6 }}
|
<div v-else class="color_red">{{ scope.row.A6 }}
|
||||||
</div>
|
</div>
|
||||||
</template>
|
</template>
|
||||||
</el-table-column>
|
</el-table-column>
|
||||||
|
@ -63,14 +64,16 @@
|
||||||
</el-table-column>
|
</el-table-column>
|
||||||
<el-table-column prop="A8" label="心率(BPM)" sortable align="center" min-width="80" show-overflow-tooltip>
|
<el-table-column prop="A8" label="心率(BPM)" sortable align="center" min-width="80" show-overflow-tooltip>
|
||||||
<template #default="scope">
|
<template #default="scope">
|
||||||
<div v-if="scope.row.A8 <= 100 && scope.row.A8 >= 60" class="color_green">{{ scope.row.A8 }}</div>
|
<div v-if="scope.row.A8 <= 100 && scope.row.A8 >= 60" class="color_green">{{ scope.row.A8 }}
|
||||||
|
</div>
|
||||||
<div v-else class="color_red">{{ scope.row.A8 }}
|
<div v-else class="color_red">{{ scope.row.A8 }}
|
||||||
</div>
|
</div>
|
||||||
</template>
|
</template>
|
||||||
</el-table-column>
|
</el-table-column>
|
||||||
<el-table-column prop="A9" label="体温(℃)" sortable align="center" min-width="70" show-overflow-tooltip>
|
<el-table-column prop="A9" label="体温(℃)" sortable align="center" min-width="70" show-overflow-tooltip>
|
||||||
<template #default="scope">
|
<template #default="scope">
|
||||||
<div v-if="scope.row.A9 >= 36.1 && scope.row.A9 <= 37.2" class="color_green">{{ scope.row.A9 }}</div>
|
<div v-if="scope.row.A9 >= 36.1 && scope.row.A9 <= 37.2" class="color_green">{{ scope.row.A9 }}
|
||||||
|
</div>
|
||||||
<div v-else class="color_red">{{ scope.row.A9 }}
|
<div v-else class="color_red">{{ scope.row.A9 }}
|
||||||
</div>
|
</div>
|
||||||
</template>
|
</template>
|
||||||
|
|
Loading…
Reference in New Issue