人员岗前体检增加选择框选项,修改列表内容
This commit is contained in:
parent
52f7ffeaa6
commit
37083655a0
|
@ -55,6 +55,11 @@
|
|||
<el-option v-for="i in sectionList" :key="i.Id" :label="i.BC02" :value="i.Id"></el-option>
|
||||
</el-select>
|
||||
</el-form-item>
|
||||
<el-form-item label="劳务队" class="layout-pr10">
|
||||
<el-select v-model="laborTeamState" placeholder="请选择劳务队" filterable class="layout-w200">
|
||||
<el-option v-for="i in laborTeamList" :key="i.Id" :label="i.DC01" :value="i.Id"></el-option>
|
||||
</el-select>
|
||||
</el-form-item>
|
||||
<el-form-item label="查询内容" class="no-required-star layout-pr10">
|
||||
<el-input v-model="input" clearable class="layout-w200" placeholder="请输入姓名" />
|
||||
</el-form-item>
|
||||
|
@ -70,43 +75,45 @@
|
|||
</el-form>
|
||||
<el-table class="table-container" v-loading="tableLoading" ref="tableRef" :data="tableData" border
|
||||
:height="tableHeight" width="100%">
|
||||
<el-table-column label="序号" type="index" align="center" width="120" fixed="left" />
|
||||
<el-table-column prop="A1" label="项目名称" fixed="left" align="left" min-width="200"
|
||||
<el-table-column label="序号" type="index" align="center" max-width="120" fixed="left" />
|
||||
<el-table-column prop="A1" label="项目名称" fixed="left" sortable align="left" min-width="180"
|
||||
show-overflow-tooltip />
|
||||
<el-table-column prop="A2" label="标段名称" fixed="left" align="left" min-width="200"
|
||||
<el-table-column prop="A2" label="标段名称" fixed="left" sortable align="left" min-width="180"
|
||||
show-overflow-tooltip />
|
||||
<el-table-column prop="A3" label="姓名" fixed="left" align="center" min-width="120"
|
||||
<el-table-column prop="A14" label="劳务队名称" fixed="left" sortable align="left" min-width="180"
|
||||
show-overflow-tooltip />
|
||||
<el-table-column prop="A4" label="性别" align="center" min-width="80" show-overflow-tooltip />
|
||||
<el-table-column prop="A5" label="年龄" align="center" min-width="80" show-overflow-tooltip />
|
||||
<el-table-column prop="A6" label="工种" align="center" min-width="120" show-overflow-tooltip />
|
||||
<el-table-column prop="A7" label="入场时间" align="center" min-width="120" show-overflow-tooltip />
|
||||
<el-table-column prop="A8" label="体检时间" align="center" min-width="120" show-overflow-tooltip />
|
||||
<el-table-column prop="A9" label="血压(MMHG)" align="center" min-width="90" show-overflow-tooltip>
|
||||
<el-table-column prop="A3" label="姓名" fixed="left" sortable align="center" min-width="120"
|
||||
show-overflow-tooltip />
|
||||
<el-table-column prop="A4" label="性别" sortable align="center" min-width="60" show-overflow-tooltip />
|
||||
<el-table-column prop="A5" label="年龄" sortable align="center" min-width="60" show-overflow-tooltip />
|
||||
<el-table-column prop="A6" label="工种" sortable align="center" min-width="120" show-overflow-tooltip />
|
||||
<el-table-column prop="A7" label="入场时间" sortable align="center" min-width="110" show-overflow-tooltip />
|
||||
<el-table-column prop="A8" label="体检时间" sortable align="center" min-width="110" show-overflow-tooltip />
|
||||
<el-table-column prop="A9" label="血压(MMHG)" sortable align="center" min-width="90" show-overflow-tooltip>
|
||||
<template #default="scope">
|
||||
<span v-if="isBloodPressureNormal(scope.row.A9)" class="color_green">{{ scope.row.A9 }}</span>
|
||||
<span v-else class="color_red">{{ scope.row.A9 }}</span>
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column prop="A10" label="血氧(%)" align="center" min-width="70" show-overflow-tooltip>
|
||||
<el-table-column prop="A10" label="血氧(%)" sortable align="center" min-width="60" show-overflow-tooltip>
|
||||
<template #default="scope">
|
||||
<span v-if="scope.row.A10 >= 85" class="color_green">{{ scope.row.A10 }}</span>
|
||||
<span v-else class="color_red">{{ scope.row.A10 }}</span>
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column prop="A11" label="心率(BPM)" align="center" min-width="80" show-overflow-tooltip>
|
||||
<el-table-column prop="A11" label="心率(BPM)" sortable align="center" min-width="80" show-overflow-tooltip>
|
||||
<template #default="scope">
|
||||
<span v-if="scope.row.A11 <= 100 && scope.row.A11 >= 60" class="color_green">{{ scope.row.A11 }}</span>
|
||||
<span v-else class="color_red">{{ scope.row.A11 }}</span>
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column prop="A12" label="体温(℃)" align="center" min-width="70" show-overflow-tooltip>
|
||||
<el-table-column prop="A12" label="体温(℃)" sortable align="center" min-width="60" show-overflow-tooltip>
|
||||
<template #default="scope">
|
||||
<span v-if="scope.row.A12 >= 36.1 && scope.row.A12 <= 37.2" class="color_green">{{ scope.row.A12 }}</span>
|
||||
<span v-else class="color_red">{{ scope.row.A12 }}</span>
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column prop="A13" label="健康状态" align="center" min-width="80" show-overflow-tooltip>
|
||||
<el-table-column prop="A13" label="健康状态" sortable align="center" min-width="60" show-overflow-tooltip>
|
||||
<template #default="scope">
|
||||
<span v-if="scope.row.A13 === '正常'" class="color_green">{{ scope.row.A13 }}</span>
|
||||
<span v-else class="color_red">{{ scope.row.A13 }}</span>
|
||||
|
@ -128,6 +135,8 @@ const projectList = ref([])
|
|||
const sectionList = ref([])
|
||||
const projectState = ref('')
|
||||
const sectionState = ref('')
|
||||
const laborTeamList = ref([])
|
||||
const laborTeamState = ref('')
|
||||
const input = ref('')
|
||||
const tableLoading = ref(false)
|
||||
const tableHeight = ref('60vh')
|
||||
|
@ -140,9 +149,9 @@ const background = ref(true)
|
|||
const disabled = ref(false)
|
||||
const size = ref('default')
|
||||
const tableData = ref([
|
||||
{ A1: '项目1', A2: '标段1', A3: '张三', A4: '男', A5: '18', A6: '电工', A7: '2022-01-01', A8: '2022-01-01', A9: '145/95', A10: '80', A11: '101', A12: '37.5', A13: '异常' },
|
||||
{ A1: '项目1', A2: '标段1', A3: '张三', A4: '男', A5: '18', A6: '电工', A7: '2022-01-01', A8: '2022-01-01', A9: '120/80', A10: '95', A11: '70', A12: '36.5', A13: '正常' },
|
||||
{ A1: '项目1', A2: '标段1', A3: '张三', A4: '男', A5: '18', A6: '电工', A7: '2022-01-01', A8: '2022-01-01', A9: '120/80', A10: '95', A11: '59', A12: '36.5', A13: '正常' },
|
||||
{ A1: '项目1', A2: '标段1', A14: '劳务队1', A3: '张三', A4: '男', A5: '18', A6: '电工', A7: '2022-01-01', A8: '2022-01-01', A9: '145/95', A10: '80', A11: '101', A12: '37.5', A13: '异常' },
|
||||
{ A1: '项目1', A2: '标段1', A14: '劳务队2', A3: '张三', A4: '男', A5: '18', A6: '电工', A7: '2022-01-01', A8: '2022-01-01', A9: '120/80', A10: '95', A11: '70', A12: '36.5', A13: '正常' },
|
||||
{ A1: '项目1', A2: '标段1', A14: '劳务队1', A3: '张三', A4: '男', A5: '18', A6: '电工', A7: '2022-01-01', A8: '2022-01-01', A9: '120/80', A10: '95', A11: '59', A12: '36.5', A13: '正常' },
|
||||
])
|
||||
const isBloodPressureNormal = (pressure) => {
|
||||
if (!pressure) return false;
|
||||
|
|
Loading…
Reference in New Issue