diff --git a/src/views/personnelHealthMonitoring/index.vue b/src/views/personnelHealthMonitoring/index.vue index 01d2ec4..9b1072e 100644 --- a/src/views/personnelHealthMonitoring/index.vue +++ b/src/views/personnelHealthMonitoring/index.vue @@ -34,6 +34,28 @@ justify-content: center; align-items: center; } + +.layout_card2 { + display: flex; + align-items: center; + padding: 10px 20px; + margin: 10px 0; + width: 100%; + border: 1px solid #91d5ff; + border-radius: 15px; + background: #e6f7ff; + + .card_item { + margin-right: 20px; + font-size: 14px; + cursor: pointer; + + .card_item_color { + color: #1890ff; + padding-left: 10px; + } + } +} @@ -149,18 +196,25 @@ import { View } from '@element-plus/icons-vue' import { ref, onMounted } from 'vue' import { disabledDate } from '@/utils/disabledDate' - import BLOODPRESSURE from '@/assets/images/pages/blood_pressure.png' import BLOODOXYGEN from '@/assets/images/pages/blood_oxygen.png' import HEARTRATE from '@/assets/images/pages/heart_rate.png' import BODYTEMPERATURE from '@/assets/images/pages/body_temperature.png' const cardArr = [ - { title: '平均血压', value: '145/95', text: '正常范围:90-140/60-90', url: BLOODPRESSURE, background: '#E9EEFD', round: '#bbc8ef' }, - { title: '平均血氧', value: '98%', text: '正常范围:95-100%', url: BLOODOXYGEN, background: '#EFF6F5', round: '#b4e9e2' }, - { title: '平均心率', value: '72', text: '正常范围:60-100', url: HEARTRATE, background: '#FAEDDD', round: '#ffcc8d' }, - { title: '平均体温', value: '36.5℃', text: '正常范围:36.1-37.2℃', url: BODYTEMPERATURE, background: '#ECEBF5', round: '#ccc6fb' }, + { title: '平均血压', value: '145/95 mmHG', text: '正常范围:90-140/60-90mmHG', url: BLOODPRESSURE, background: '#E9EEFD', round: '#bbc8ef' }, + { title: '平均血氧', value: '98 %', text: '正常范围:95-100%', url: BLOODOXYGEN, background: '#EFF6F5', round: '#b4e9e2' }, + { title: '平均心率', value: '72 BPM', text: '正常范围:60-100BPM', url: HEARTRATE, background: '#FAEDDD', round: '#ffcc8d' }, + { title: '平均体温', value: '36.5 ℃', text: '正常范围:36.1-37.2℃', url: BODYTEMPERATURE, background: '#ECEBF5', round: '#ccc6fb' }, ] + +const cardListArr = ref([ + { name: '项目总人数', value: '' }, + { name: '标段总人数', value: '' }, + { name: '劳务队总人数', value: '' }, + { name: '健康状态正常人数', value: '' }, + { name: '健康状态异常人数', value: '' }, +]) const projectList = ref([]) const sectionList = ref([]) const projectState = ref('') @@ -180,25 +234,26 @@ const background = ref(true) const disabled = ref(false) const size = ref('default') const tableData = ref([ - { A1: '2023-05-01 10:00:00', A2: '张三', A3: '男', A4: '25', A5: '电工', A6: '140/80', A7: '94', A8: '101', A9: '36.0' }, - { A1: '2023-05-01 10:00:00', A2: '张三', A3: '男', A4: '25', A5: '电工', A6: '120/80', A7: '95', A8: '80', A9: '36.5' }, - { A1: '2023-05-01 10:00:00', A2: '张三', A3: '男', A4: '25', A5: '电工', A6: '120/80', A7: '95', A8: '80', A9: '36.5' }, - { A1: '2023-05-01 10:00:00', A2: '张三', A3: '男', A4: '25', A5: '电工', A6: '120/80', A7: '95', A8: '80', A9: '35.1' }, - { A1: '2023-05-01 10:00:00', A2: '张三', A3: '男', A4: '25', A5: '电工', A6: '140/95', A7: '95', A8: '80', A9: '36.5' }, + { A1: '2023-05-01 10:00:00', A2: '张三', A3: '男', A4: '22', A5: '电工', A6: '142/80', A7: '94', A8: '101', A9: '36.0',A10: 0 }, + { A1: '2023-05-02 10:00:00', A2: '李四', A3: '男', A4: '23', A5: '司机', A6: '122/81', A7: '95', A8: '78', A9: '35.1',A10: 0 }, + { A1: '2023-05-03 10:00:00', A2: '王五', A3: '男', A4: '24', A5: '焊工', A6: '126/88', A7: '96', A8: '85', A9: '37.5',A10: 0}, + { A1: '2023-05-04 10:00:00', A2: '赵六', A3: '男', A4: '25', A5: '钢筋工', A6: '110/88', A7: '93', A8: '95', A9: '36.2' ,A10: 21}, + { A1: '2023-05-05 10:00:00', A2: '宋七', A3: '男', A4: '26', A5: '架子工', A6: '130/89', A7: '97', A8: '80', A9: '36.5',A10: 20 }, ]) const isBloodPressureNormal = (pressure) => { if (!pressure) return false; const [systolic, diastolic] = pressure.split('/').map(Number); - return systolic >= 90 && systolic <= 139 && - diastolic >= 60 && diastolic <= 89; + return systolic >= 90 && systolic <= 140 && + diastolic >= 60 && diastolic <= 90; }; - const handleCurrentChange = () => { } const handleSizeChange = () => { } const onSearch = () => { } const onExport = () => { } + + const handleView = (row) => { console.log(row); } @@ -208,6 +263,7 @@ const handleDownload = (row) => { } + onMounted(() => { })