From 68047001d139d98966a550e7b6611d7a73a441de Mon Sep 17 00:00:00 2001
From: wx <645899409@qq.com>
Date: Wed, 23 Oct 2024 15:22:57 +0800
Subject: [PATCH] =?UTF-8?q?update=201.=E9=93=B6=E5=B7=9D=E5=A4=A7=E5=B1=8F?=
 =?UTF-8?q?=E6=96=B0=E5=A2=9E=E6=80=A5=E6=95=91=E6=95=B0=E6=8D=AE=E6=A8=A1?=
 =?UTF-8?q?=E5=9D=97?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../components/basicTable/BasicTable.vue      |   2 +
 .../components/emergencyDataDialog.vue        | 190 ++++++++++++++++++
 2 files changed, 192 insertions(+)
 create mode 100644 src/views/yinChuan/componetns/emergencyData/components/emergencyDataDialog.vue

diff --git a/src/components/secondaryScreen/secondMap/components/basicTable/BasicTable.vue b/src/components/secondaryScreen/secondMap/components/basicTable/BasicTable.vue
index 6a3b2e3..315eeef 100644
--- a/src/components/secondaryScreen/secondMap/components/basicTable/BasicTable.vue
+++ b/src/components/secondaryScreen/secondMap/components/basicTable/BasicTable.vue
@@ -15,6 +15,8 @@
             <template v-else>
                 {{ text }}
             </template>
+
+            <slot name="bodyCell" v-bind="{ column, record, index, text } || {}"></slot>
         </template>
     </a-table>
 </template>
diff --git a/src/views/yinChuan/componetns/emergencyData/components/emergencyDataDialog.vue b/src/views/yinChuan/componetns/emergencyData/components/emergencyDataDialog.vue
new file mode 100644
index 0000000..0e34be1
--- /dev/null
+++ b/src/views/yinChuan/componetns/emergencyData/components/emergencyDataDialog.vue
@@ -0,0 +1,190 @@
+<template>
+    <Dialog :openVis="visible" width="60%" title="急救列表" @close="closeDialog" :maskClosable="false">
+        <template #container>
+            <BasicTable ref="registerTable" class="table-container" :columns="columns" :api="ambulancePageApi">
+                <template #bodyCell="{ column, record }">
+                    <template v-if="column?.dataIndex === 'tz'">
+                        <Dropdown :trigger="['click']">
+                            <span
+                                style="color: #45a2ff; cursor: pointer"
+                                @click="
+                                    () => {
+                                        console.log('aaa');
+                                    }
+                                "
+                                >查看</span
+                            >
+                            <template #overlay>
+                                <div class="drop-down-div">
+                                    <div>
+                                        <span>舒张压(mmHg)</span><span>{{ record?.diastolicPressure || '--' }}</span>
+                                    </div>
+                                    <div>
+                                        <span>收缩压(mmHg)</span><span>{{ record?.systolicPressure || '--' }}</span>
+                                    </div>
+                                    <div>
+                                        <span>血糖(mmoV/L)</span><span>{{ record?.bloodSugar || '--' }}</span>
+                                    </div>
+                                    <div>
+                                        <span>血氧饱和度(%)</span><span>{{ record?.bloodOxygenSaturation || '--' }}</span>
+                                    </div>
+                                    <div>
+                                        <span>体温(℃)</span><span>{{ record?.temperature || '--' }}</span>
+                                    </div>
+                                    <div>
+                                        <span>脉搏(次/分钟)</span><span>{{ record?.pulse || '--' }}</span>
+                                    </div>
+                                    <div>
+                                        <span>心率(次/分钟)</span><span>{{ record?.heartRate || '--' }}</span>
+                                    </div>
+                                    <div>
+                                        <span>呼吸率(次/分钟)</span><span>{{ record?.breathingRate || '--' }}</span>
+                                    </div>
+                                </div>
+                            </template>
+                        </Dropdown>
+                    </template>
+                    <template v-if="column?.dataIndex === 'arriveSceneTime'">
+                        <Dropdown :trigger="['click']">
+                            <span
+                                style="color: #45a2ff; cursor: pointer; margin-left: 10px"
+                                @click="
+                                    () => {
+                                        console.log('aaa');
+                                    }
+                                "
+                                >全部</span
+                            >
+                            <template #overlay>
+                                <div class="drop-down-div" style="width: 300px">
+                                    <div>
+                                        <span>救护车出发时间</span><span>{{ record?.startTime || '--' }}</span>
+                                    </div>
+                                    <div>
+                                        <span>到达现场时间</span><span>{{ record?.arriveSceneTime || '--' }}</span>
+                                    </div>
+                                    <div>
+                                        <span>离开现场时间</span><span>{{ record?.leaveSceneTime || '--' }}</span>
+                                    </div>
+                                    <div>
+                                        <span>到达医院时间</span><span>{{ record?.arriveHospitalTime || '--' }}</span>
+                                    </div>
+                                    <div>
+                                        <span>院前预警时间</span><span>{{ record?.earlyWarningTime || '--' }}</span>
+                                    </div>
+                                </div>
+                            </template>
+                        </Dropdown>
+                    </template>
+                </template>
+            </BasicTable>
+        </template>
+    </Dialog>
+</template>
+<script setup lang="ts">
+    import { nextTick, ref } from 'vue';
+    import Dialog from '/@/components/dialog/Dialog.vue';
+    import { useDialog } from '/@/views/components/dialogHooks.ts';
+    import BasicTable from '/@/components/secondaryScreen/secondMap/components/basicTable/BasicTable.vue';
+    import { ambulancePageApi } from '/@/views/yinChuan/yinChuan.api.ts';
+    import { Dropdown } from 'ant-design-vue';
+
+    const columns = [
+        {
+            title: '姓名',
+            dataIndex: 'patientName',
+            key: 'patientName',
+            width: 120,
+        },
+        {
+            title: '性别',
+            dataIndex: 'gender_dictText',
+            key: 'gender_dictText',
+            width: 80,
+        },
+        {
+            title: '年龄',
+            dataIndex: 'age',
+            key: 'age',
+            width: 80,
+        },
+        {
+            title: '二级单位',
+            dataIndex: 'secondDepart',
+            key: 'secondDepart',
+            width: 120,
+        },
+        {
+            title: '联系电话',
+            dataIndex: 'phone',
+            key: 'phone',
+            width: 120,
+        },
+        {
+            title: '病人MPDS类型',
+            dataIndex: 'mpdsCategoryId_dictText',
+            key: 'mpdsCategoryId_dictText',
+            width: 120,
+        },
+        {
+            title: '生命体征',
+            dataIndex: 'tz',
+            key: 'tz',
+            slot: 'tz',
+            width: 80,
+        },
+        {
+            title: '病情判断',
+            dataIndex: 'injuryLevel_dictText',
+            key: 'injuryLevel_dictText',
+            width: 80,
+        },
+        {
+            title: '到达现场时间',
+            dataIndex: 'arriveSceneTime',
+            key: 'arriveSceneTime',
+        },
+        {
+            title: '发病地点',
+            dataIndex: 'attackAddress',
+            key: 'attackAddress',
+            // customRender: ({ record }) => {
+            //     if (record?.address) {
+            //         return record?.address;
+            //     } else {
+            //         return h('span', { style: { color: '#eb3636' } }, record?.gpsErrorMsg);
+            //     }
+            // },
+        },
+    ];
+    const { visible, closeDialog, openDialog } = useDialog({ title: '急救列表' });
+    function openDia() {
+        openDialog();
+        nextTick(() => {
+            registerTable.value?.getRecords();
+        });
+    }
+    const registerTable = ref();
+    defineExpose({
+        openDialog: openDia,
+    });
+</script>
+<style scoped lang="less">
+    .table-container {
+        margin: 0 10px;
+    }
+
+    .drop-down-div {
+        background-color: #0f2841;
+        color: #ffffff;
+        border: 1px solid #1960a3;
+        padding: 10px 10px 0;
+        width: 200px;
+        div {
+            width: 100%;
+            padding: 0 0 10px 0;
+            display: flex;
+            justify-content: space-between;
+        }
+    }
+</style>