From 87a971f080881598bc2380d5f72252be88ab8982 Mon Sep 17 00:00:00 2001
From: zhangchen <1652267879@qq.com>
Date: 星期二, 08 七月 2025 17:39:08 +0800
Subject: [PATCH] ID1825-设备号弹窗修改完成

---
 src/views/mobile/bedsideAuxiliaryScreen/components/Header.vue |   21 ++++++++++++++++++---
 1 files changed, 18 insertions(+), 3 deletions(-)

diff --git a/src/views/mobile/bedsideAuxiliaryScreen/components/Header.vue b/src/views/mobile/bedsideAuxiliaryScreen/components/Header.vue
index 5f2b8f3..9b08031 100644
--- a/src/views/mobile/bedsideAuxiliaryScreen/components/Header.vue
+++ b/src/views/mobile/bedsideAuxiliaryScreen/components/Header.vue
@@ -19,14 +19,24 @@
     </div>
     <div class="header-right">
       <img :src="atRegularTimeImg" class="btn-img" alt="" />
-      <img :src="setUpImg" class="btn-img" alt="" />
+      <img
+        :src="setUpImg"
+        class="btn-img"
+        alt=""
+        @click="openSettingDeviceDialog"
+      />
       <img :src="userImg" class="btn-img" alt="" />
     </div>
   </div>
+  <!-- 设置设备编号组件 -->
+  <SettingDeviceDialog ref="settingDeviceDialogRef" />
 </template>
 
 <script lang="ts" setup name="Header">
-import { computed } from "vue";
+import { ref, computed, defineAsyncComponent } from "vue";
+const SettingDeviceDialog = defineAsyncComponent(
+  () => import("./SettingDeviceDialog.vue")
+);
 import atRegularTimeImg from "../../../../img/dingshi.png";
 import setUpImg from "../../../../img/shezhi.png";
 import userImg from "../../../../img/user.png";
@@ -45,6 +55,8 @@
 }
 const props = defineProps<Props>();
 
+const settingDeviceDialogRef = ref<any>(null);
+
 const formTypeNoText = computed(() => {
   if (props.formNo) {
     let result = props?.formType === 1 ? "住院号" : "门诊号";
@@ -53,11 +65,14 @@
   }
   return "";
 });
+
+const openSettingDeviceDialog = () => {
+  settingDeviceDialogRef.value?.openDialog();
+};
 </script>
 
 <style lang="less" scoped>
 .bedside-auxiliary-screen-header {
-  width: 100%;
   height: 25px;
   padding: 0 15px 0 12px;
   display: flex;

--
Gitblit v1.8.0