From 4563e4884551f3ab7df624a16f4c24206609a872 Mon Sep 17 00:00:00 2001
From: Tao-826 <2513445933@qq.com>
Date: Tue, 8 Jul 2025 16:55:47 +0800
Subject: [PATCH] =?UTF-8?q?=E5=88=B6=E4=BD=9C=E4=BA=BA=E5=91=98=E5=81=A5?=
 =?UTF-8?q?=E5=BA=B7=E6=95=B0=E6=8D=AE=E7=9B=91=E6=B5=8B=E9=9D=99=E6=80=81?=
 =?UTF-8?q?=E9=A1=B5=E9=9D=A2?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/assets/images/pages/blood_oxygen.png      | Bin 0 -> 681 bytes
 src/assets/images/pages/body_temperature.png  | Bin 0 -> 624 bytes
 src/assets/images/pages/heart_rate.png        | Bin 0 -> 468 bytes
 .../personnePostPhysicalExamination/index.vue |  30 ++-
 src/views/personnelHealthMonitoring/index.vue | 214 ++++++++++++++++++
 5 files changed, 234 insertions(+), 10 deletions(-)
 create mode 100644 src/assets/images/pages/blood_oxygen.png
 create mode 100644 src/assets/images/pages/body_temperature.png
 create mode 100644 src/assets/images/pages/heart_rate.png
 create mode 100644 src/views/personnelHealthMonitoring/index.vue

diff --git a/src/assets/images/pages/blood_oxygen.png b/src/assets/images/pages/blood_oxygen.png
new file mode 100644
index 0000000000000000000000000000000000000000..4c027f61fcfc156c16ca1cfc1b30041f5f7fbd81
GIT binary patch
literal 681
zcmV;a0#^NrP)<h;3K|Lk000e1NJLTq0015U0015c1^@s6J20-I00001b5ch_0Itp)
z=>Px%V@X6oR7gv;SHV>RF%X>zjX)(}0iaj#pp*a>fD|B<03L*^VgX<!Vj*UHleZIx
zup!wz<p^2+%+H@ce-Sc1H``_Jn`nlJhuv^8&v+zx1d}HKV6a(y0zliHMST1V@FZ}5
zv)Cg*4*-r8_|YJaUx$-JPSLS57lHdPPxpwp;)f05l?CVm(IXeJ8%;a^0(`Swwk;7;
z3`8`3zkOI&-|e|`BwWAUPR6C+(T;^;0yw;nrdI;MLbF5+?pP?LycT${UCt^>`OiDA
z!wKK7|ES-KDL(_Qqd27VFDO3)j!_%|cN!?6`~*0-zcY$M@avc5ijeM0RDJ^NjUv+|
zH07fFT$OuZHM5NbQ~I0-9&8p=a$nr_H_?jStx4AoSgH<ZHkY=Nt{t%4ZIg<_qGTF!
z6^`1EccW=?X~b9%q2(?Rl#wX)UIz$pN7jC|j5+37C<@KF6iLULselDuo9y8yHXAa<
zz@p})VR+Er9Stl<P9|ufU6~0VOYZE(z?Zg@Hk6c`HKtnB8`DJY+C(31GHo(-H96bO
zMK@JpmQ@PyrO^vLUmJ|LBLj29ad9S<AT^CmfVo({8Z<CxdvzUa%dFHG9R*Ee4lp}m
z%a{W<CgG5M!vi~T6=R8L&f%`krE-=@Ob1dp&$+iqy=7d6MqJkg_mrw7kHtcw?1M0Y
zIQx^J#|01<LG;YstBC6&PpFC5D2ceVJJv1*J_v|+)f>bw<JHLN6e`7?oK>SK#V`Yg
z(Ag*%I9}XFj(%%<229r?wOfdDSpxhUS(x$n{uKvtZ2&&>qL6c1FAV$xia`|-wb~qG
P00000NkvXXu0mjfAa*5c

literal 0
HcmV?d00001

diff --git a/src/assets/images/pages/body_temperature.png b/src/assets/images/pages/body_temperature.png
new file mode 100644
index 0000000000000000000000000000000000000000..f08d4c25ebd317d0ae5be87dffecb1ccb0186c18
GIT binary patch
literal 624
zcmV-$0+0QPP)<h;3K|Lk000e1NJLTq001BW001Be1^@s6b9#F800001b5ch_0Itp)
z=>Px%DoI2^R9HvFS8Z~FFcf?bdk%q<R8La<*U_G#LeEf~{!>pPJ&DnCl)TOh1Oq}y
z>J;<K!F+5sn|&LEJKFo|yy4-95D|e0q&y^FvGAD^eL9<cH|xt0fM%`nf(Z5>+c0&V
z_fG&?i}Q|i09aIu3Pia~K4bni*t`KGZ>Jeia8%S2E|cwa&%cw`Q$&-=u4D!CG@H%`
zSLZogI+=Zv)n!3QJN}ktVPm}UpGdPXcA48701FQhlCE8v?6kr4fw>C+7R6H0UnzfN
z0BTPH00jeK5F-P)723!Ec=u(~f*TzG-*@-{@hA<b^H+ZG7!80xLS?zN85t%u&NU=B
zJP?2)U-`YZ-H}CzIbu;BK~;E02B3|IMJVT^7|~G0Yg9^<bC;6rRSV1<V3uNSNF_j3
zsw1{(&5W%oIs>>3A*BbHKA`mA3Bn10Ni7j10pPij5vowq#RT`aMKmV>oAsFk$igS-
z*m8pj-W9-!&sFb+X||nf>qc19krx0hyelJ}Fw}yT78p37<wiIHC?mLLpeK^oXt)kE
zu4EzOzW0I?fcANs!L);eeVT<!TX^->fUz5u`8fkzBX|=6R=YJ=Qh@q2<HSJI0iix)
z83Zqg^@AkGLZ(dhl`;GID}C71+_>wd!6;Gnxm*h<40(VT0Pbw=tW3nJ<@_*3#98aD
zXr;b(QC9}KT&`#A|Go{i-@_9`ASV$aJp*7wM0pU%Z<h*a0{;cw`^_+?t1}V+0000<
KMNUMnLSTZ<qYUo=

literal 0
HcmV?d00001

diff --git a/src/assets/images/pages/heart_rate.png b/src/assets/images/pages/heart_rate.png
new file mode 100644
index 0000000000000000000000000000000000000000..21904661f15c101c2af062fd5196c43895d492e0
GIT binary patch
literal 468
zcmV;_0W1EAP)<h;3K|Lk000e1NJLTq000~S000~a1^@s6at+^<00001b5ch_0Itp)
z=>Px$j!8s8R7gv`mVI)9Fc8J}g^Q@I%=8v|lFCISdJ*&_a*NJjt2v0Wb<rR~C8-Mh
zn`D1^`|$#(=MOI4mmUm0v@x!IvcA>tlLH-0+x`Yn4l(7Q1ey@hpag+aBDD_ZKdUNy
zyBNg`o)AO!+s_c#9CME9@Ec%pm`Jy(0jCm3_5=z^4b(V#0_X$hYYQ%c*>bpX9llXe
zRqx6-(<;=v;*tf>OPMREV_lSv<J|(%6am!!$#`DJkDL$Dhq`OyAws4{34vx_SA2F8
z(+b&QbZX3=K5!~Pso!<pI%f9`G`-ePMg!UMZAQ#V$C*5b2clx|d#a-e<K6J=G-BAu
zH(ja(tLa#Or=^#6X#m#NN-wp_I!P@!4d?r*W!yYZ7hjdszG^Oux>ZZncz|CBHDDD<
z-CBW_CX!KkROz3vMh&Ysc|z%3SSwH#AAmM$Rv$I5zqSC%-AJ`=yf@QMU^y~v@1`fr
znbP_#FXkYRb=geTL3~}xTcHhjvB89xQjl8L+ujBKH_#Q(wf+mR1Gb(s_PuTZ0000<
KMNUMnLSTYM0?<tW

literal 0
HcmV?d00001

diff --git a/src/views/personnePostPhysicalExamination/index.vue b/src/views/personnePostPhysicalExamination/index.vue
index 9364c3e..eeab664 100644
--- a/src/views/personnePostPhysicalExamination/index.vue
+++ b/src/views/personnePostPhysicalExamination/index.vue
@@ -29,6 +29,16 @@
     display: flex;
     padding: 0 10px;
 }
+
+.color_red { 
+    color: red;
+    font-weight: 700;
+}
+
+.color_green { 
+    color: #67c23a;
+    font-weight: 700;
+}
 </style>
 <template>
     <div class="overall-container">
@@ -74,32 +84,32 @@
                 <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>
                     <template #default="scope">
-                        <span v-if="isBloodPressureNormal(scope.row.A9)">{{ scope.row.A9 }}</span>
-                        <span style="color: red" v-else>{{ scope.row.A9 }}</span>
+                        <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>
                     <template #default="scope">
-                        <span v-if="scope.row.A10 >= 85">{{ scope.row.A10 }}</span>
-                        <span style="color: red" v-else>{{ scope.row.A10 }}</span>
+                        <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>
                     <template #default="scope">
-                        <span v-if="scope.row.A11 <= 100 && scope.row.A11 >= 60">{{ scope.row.A11 }}</span>
-                        <span style="color: red" v-else>{{ scope.row.A11 }}</span>
+                        <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>
                     <template #default="scope">
-                         <span v-if="scope.row.A12 >= 36.1 && scope.row.A12 <= 37.2">{{ scope.row.A12 }}</span>
-                         <span style="color: red" v-else>{{ scope.row.A12 }}</span>
+                         <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>
                     <template #default="scope">
-                        <span v-if="scope.row.A13 === '正常'">{{ scope.row.A13 }}</span>
-                        <span style="color: red" v-else>{{ scope.row.A13 }}</span>
+                        <span v-if="scope.row.A13 === '正常'" class="color_green">{{ scope.row.A13 }}</span>
+                        <span v-else class="color_red">{{ scope.row.A13 }}</span>
                     </template>
                 </el-table-column>
             </el-table>
diff --git a/src/views/personnelHealthMonitoring/index.vue b/src/views/personnelHealthMonitoring/index.vue
new file mode 100644
index 0000000..01d2ec4
--- /dev/null
+++ b/src/views/personnelHealthMonitoring/index.vue
@@ -0,0 +1,214 @@
+<style lang="scss" scoped>
+.layout-pr5 {
+    padding-right: 5px;
+}
+
+.layout_card {
+    display: flex;
+    width: 100%;
+    height: 11vh;
+    margin-bottom: 30px;
+    justify-content: space-between;
+}
+
+
+.el-card__body {
+    display: flex;
+}
+
+.card_text {
+    font-size: 12px;
+
+    .text_num {
+        font-size: 16px;
+        font-weight: bold;
+        padding: 5px 0;
+    }
+}
+
+.card_round {
+    width: 50px;
+    height: 50px;
+    border-radius: 50%;
+    display: flex;
+    justify-content: center;
+    align-items: center;
+}
+</style>
+<template>
+    <div class="overall-container">
+        <div>
+            <div class="search-container">
+                <div class="layout_card">
+                    <el-card v-for="(item, index) in cardArr" :key="index"
+                        :style="{ background: item.background, width: '22%' }"
+                        body-style="display: flex; justify-content: space-between;">
+                        <div class="card_text">
+                            <div>{{ item.title }}</div>
+                            <div class="text_num">{{ item.value }}</div>
+                            <div>{{ item.text }}</div>
+                        </div>
+                        <div class="card_round" :style="{ background: item.round }">
+                            <img :src="item.url" alt="">
+                        </div>
+                    </el-card>
+                </div>
+                <el-form class="search-container-from">
+                    <el-input type="hidden" />
+                    <el-form-item label="项目" class="layout-pr10">
+                        <el-select v-model="projectState" placeholder="请选择项目" filterable class="layout-w200">
+                            <el-option v-for="i in projectList" :key="i.Id" :label="i.AC002" :value="i.Id"></el-option>
+                        </el-select>
+                    </el-form-item>
+                    <el-form-item label="标段" class="layout-pr10">
+                        <el-select v-model="sectionState" placeholder="请选择标段" filterable class="layout-w200">
+                            <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>
+                    <el-form-item label="日期范围" class="layout-pr10">
+                        <el-date-picker v-model="dateRange" type="daterange" range-separator="-"
+                            :disabled-date="disabledDate" start-placeholder="开始日期" end-placeholder="结束日期"
+                            :size="size" />
+                    </el-form-item>
+                    <el-form-item class="layout-pr10">
+                        <el-button type="primary" icon="Search" @click="onSearch">查询</el-button>
+                    </el-form-item>
+                    <el-form-item class="layout-pr10">
+                        <el-button type="primary" icon="ArrowUp" @click="onExport">导出</el-button>
+                    </el-form-item>
+                </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="center" min-width="150"
+                        show-overflow-tooltip />
+                    <el-table-column prop="A2" label="姓名" fixed="left" align="center" min-width="120"
+                        show-overflow-tooltip />
+                    <el-table-column prop="A3" label="性别" fixed="left" align="center" min-width="120"
+                        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="120" show-overflow-tooltip />
+                    <el-table-column prop="A6" label="血压(MMHG)" align="center" min-width="90" show-overflow-tooltip>
+                        <template #default="scope">
+                            <div v-if="isBloodPressureNormal(scope.row.A6)">{{ scope.row.A6 }}</div>
+                            <div style="color: red; background: pink; width: 100%; height: 100%;" v-else>{{ scope.row.A6 }}</div>
+                        </template>
+                    </el-table-column>
+                    <el-table-column prop="A7" label="血氧(%)" align="center" min-width="70" show-overflow-tooltip>
+                        <template #default="scope">
+                            <div v-if="scope.row.A7 >= 95">{{ scope.row.A7 }}</div>
+                            <div style="color: red; background: pink; width: 100%; height: 100%;" v-else>{{ scope.row.A7 }}</div>
+                        </template>
+                    </el-table-column>
+                    <el-table-column prop="A8" label="心率(BPM)" align="center" min-width="80" show-overflow-tooltip>
+                        <template #default="scope">
+                            <div v-if="scope.row.A8 <= 100 && scope.row.A8 >= 60">{{ scope.row.A8 }}</div>
+                            <div style="color: red; background: pink; width: 100%; height: 100%;" v-else>{{ scope.row.A8 }}</div>
+                        </template>
+                    </el-table-column>
+                    <el-table-column prop="A9" label="体温(℃)" align="center" min-width="70" show-overflow-tooltip>
+                        <template #default="scope">
+                            <div v-if="scope.row.A9 >= 36.1 && scope.row.A9 <= 37.2">{{ scope.row.A9 }}</div>
+                            <div style="color: red; background: pink; width: 100%; height: 100%;" v-else>{{ scope.row.A9 }}</div>
+                        </template>
+                    </el-table-column>
+                    <el-table-column fixed="right" label="操作" min-width="100" align="center">
+                        <template #default="scope">
+                            <div style="display: flex; justify-content: space-evenly;">
+                                <el-icon style="cursor: pointer;" size="20" color="#409eff"
+                                    @click="handleView(scope.row)">
+                                    <View />
+                                </el-icon>
+                                <el-icon style="cursor: pointer;" size="20" color="#67c23a"
+                                    @click="handleDownload(scope.row)">
+                                    <Download />
+                                </el-icon>
+                            </div>
+                        </template>
+                    </el-table-column>
+                </el-table>
+                <el-pagination class="layout-pagination" :current-page="currentPage" :page-size="pageSize"
+                    :page-sizes="pageSizes" :size="size" :disabled="disabled" :background="background"
+                    layout="total, sizes, prev, pager, next, jumper" :total="tableData.length"
+                    @size-change="handleSizeChange" @current-change="handleCurrentChange" />
+            </div>
+        </div>
+    </div>
+</template>
+
+<script setup>
+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' },
+]
+const projectList = ref([])
+const sectionList = ref([])
+const projectState = ref('')
+const sectionState = ref('')
+const laborTeamList = ref([])
+const laborTeamState = ref('')
+const dateRange = ref([])
+const input = ref('')
+const tableLoading = ref(false)
+const tableHeight = ref('40vh')
+const tableRef = ref(null)
+const currentPage = ref(1)
+const pageSize = ref(30)
+const pageSizes = ref([30, 50, 100])
+// const total = ref(0)
+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' },
+])
+const isBloodPressureNormal = (pressure) => {
+    if (!pressure) return false;
+
+    const [systolic, diastolic] = pressure.split('/').map(Number);
+    return systolic >= 90 && systolic <= 139 &&
+        diastolic >= 60 && diastolic <= 89;
+};
+
+
+const handleCurrentChange = () => { }
+const handleSizeChange = () => { }
+const onSearch = () => { }
+const onExport = () => { }
+const handleView = (row) => {
+    console.log(row);
+}
+
+const handleDownload = (row) => {
+    console.log(row);
+}
+
+
+onMounted(() => {
+
+})
+</script>