解决呼叫的问题

src/views/single-page/InpatientBoardV2/CallDialog.vue

@@ -25,24 +25,22 @@ function removeLeadingZerosKeepTrailing(str: string) {
 </script>
 
 <template>
-  <Teleport to="body">
-    <div class="inpatient_board-call" v-show="listData.length > 0">
-      <div class="inpatient_board-main">
-        <div class="inpatient_board-item">
-          <div>普通呼叫</div>
-          <div v-for="value in store.callStore.call.values()">
-            {{ removeLeadingZerosKeepTrailing(value.bedNo) }} 床
-          </div>
+  <div class="inpatient_board-call" v-show="listData.length > 0">
+    <div class="inpatient_board-main">
+      <div class="inpatient_board-item">
+        <div>普通呼叫</div>
+        <div v-for="value in store.callStore.call.values()">
+          {{ removeLeadingZerosKeepTrailing(value.bedNo) }} 床
         </div>
-        <div class="inpatient_board-item" style="color: red">
-          <div>紧急呼叫</div>
-          <div v-for="value in store.callStore.urgentCallForHelp.values()">
-            {{ removeLeadingZerosKeepTrailing(value.bedNo) }} 床卫生间
-          </div>
+      </div>
+      <div class="inpatient_board-item" style="color: red">
+        <div>紧急呼叫</div>
+        <div v-for="value in store.callStore.urgentCallForHelp.values()">
+          {{ removeLeadingZerosKeepTrailing(value.bedNo) }} 床卫生间
         </div>
       </div>
     </div>
-  </Teleport>
+  </div>
 </template>
 
 <style lang="scss">

src/views/single-page/InpatientBoardV2/Index.vue

@@ -6,6 +6,7 @@ import {
   useInpatientBoard,
 } from "@/views/single-page/InpatientBoardV2/index";
 import CallDialog from "@/views/single-page/InpatientBoardV2/CallDialog.vue";
+import XcElOption from "@/components/xiao-chan/xc-el-option/XcElOption.vue";
 
 const store = useInpatientBoard();
 
@@ -18,7 +19,6 @@ const { toggle } = useFullscreen(divRef);
 
 <template>
   <div class="layout_container inpatient-board">
-    <CallDialog />
     <header class="main-header">
       <el-form :inline="true">
         <el-form-item label="当前病房:">
@@ -59,12 +59,19 @@ const { toggle } = useFullscreen(divRef);
             @change="store.changeInterval"
           />
         </el-form-item>
+        <el-form-item label="COM端口：">
+          <el-input v-model="store.urlQuery.comPort" style="width: 120px" />
+        </el-form-item>
+        <el-form-item>
+          <el-button @click="store.mutation.saveComData">保存设置</el-button>
+        </el-form-item>
         <el-form-item>
           <el-button @click="toggle">全屏</el-button>
         </el-form-item>
       </el-form>
     </header>
     <div class="layout_main layout_container layout-horizontal" ref="divRef">
+      <CallDialog />
       <BoardInfo />
     </div>
   </div>