From 21a473a6a2740eeedf49ec967eb5e546e8549ee3 Mon Sep 17 00:00:00 2001
From: republicline <1464474399@qq.com>
Date: Mon, 30 Dec 2024 15:47:56 +0800
Subject: [PATCH] =?UTF-8?q?commit:=20=E4=B8=80=E6=9C=9F,=E4=BF=AE=E6=94=B9?=
 =?UTF-8?q?=E7=89=88=E6=9C=AC=E5=8F=B7?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/assets/imgs/logo.png                   |  Bin 10091 -> 0 bytes
 src/stores/remote-ws-store.ts              |   10 +-
 src/views/login/login.vue                  |    2 +-
 src/views/remote-manage/remote-control.vue | 1178 ++++++++++++--------
 4 files changed, 722 insertions(+), 468 deletions(-)
 delete mode 100644 src/assets/imgs/logo.png

diff --git a/src/assets/imgs/logo.png b/src/assets/imgs/logo.png
deleted file mode 100644
index 18d0adf04a202c122eb5bea2fef4046f9dc79eb0..0000000000000000000000000000000000000000
GIT binary patch
literal 0
HcmV?d00001

literal 10091
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
BC$j(m

diff --git a/src/stores/remote-ws-store.ts b/src/stores/remote-ws-store.ts
index d89233a..b3d099c 100644
--- a/src/stores/remote-ws-store.ts
+++ b/src/stores/remote-ws-store.ts
@@ -3,14 +3,14 @@ import {Session} from "@/utils/storage";
 import {ElMessage} from "element-plus";
 
 // 本地调试版本:
-const vitalUrl = "ws://" + window.location.host + "/socket.io/admin/rax/vitalSignsMedicine?token=" + Session.getToken()
-// const medicineUrl = "ws://" + window.location.host + "/socket.io/admin/rax/addMedicine?token=" + Session.getToken()
-const chatUrl = "ws://" + window.location.host + "/socket.io/admin/rax/chatRoom?token=" + Session.getToken()
+// const vitalUrl = "ws://" + window.location.host + "/socket.io/admin/rax/vitalSignsMedicine?token=" + Session.getToken()
+// // const medicineUrl = "ws://" + window.location.host + "/socket.io/admin/rax/addMedicine?token=" + Session.getToken()
+// const chatUrl = "ws://" + window.location.host + "/socket.io/admin/rax/chatRoom?token=" + Session.getToken()
 
 // 服务器部署版本
-// const vitalUrl = "wss://" + window.location.host + "/socket.io/admin/rax/vitalSignsMedicine?token=" + Session.getToken()
+const vitalUrl = "wss://" + window.location.host + "/socket.io/admin/rax/vitalSignsMedicine?token=" + Session.getToken()
 // const medicineUrl = "wss://" + window.location.host + "/socket.io/admin/rax/addMedicine?token=" + Session.getToken()
-// const chatUrl = "wss://" + window.location.host + "/socket.io/admin/rax/chatRoom?token=" + Session.getToken()
+const chatUrl = "wss://" + window.location.host + "/socket.io/admin/rax/chatRoom?token=" + Session.getToken()
 
 // 测试echars
 // const vitalUrl = "wss://" + "110.41.142.124" + "/socket.io/admin/rax/vitalSignsMedicine?token=" + Session.getToken()
diff --git a/src/views/login/login.vue b/src/views/login/login.vue
index 70e2912..3c05646 100644
--- a/src/views/login/login.vue
+++ b/src/views/login/login.vue
@@ -131,7 +131,7 @@
       <div class="model">
         <p>软件名称：智娃全身麻醉智能泵注系统软件<br>
           型号规格：ZW-AA-001-SWI<br>
-          发布版本号：SWI V0&nbsp;&nbsp;&nbsp;完整版本号：SWI V0.0.00.003</p>
+          发布版本号：SWI V0&nbsp;&nbsp;&nbsp;完整版本号：SWI V0.1.00.001</p>
       </div>
     </div>
   </div>
diff --git a/src/views/remote-manage/remote-control.vue b/src/views/remote-manage/remote-control.vue
index 9cb66c1..466a4f1 100644
--- a/src/views/remote-manage/remote-control.vue
+++ b/src/views/remote-manage/remote-control.vue
@@ -9,8 +9,8 @@
                             @exception-event="vitalExcepEvent"></chart-line>
                 <chart-line ref="chartDom3" class="chart-line" :names="['SPO2', 'TEMP']"
                             @exception-event="vitalExcepEvent"></chart-line>
-                <!--        <chart-ecg ref="chartDom4" class="chart-ecg" :name="['CH1', 'CH2']"
-                                   @exception-event="vitalExcepEvent"></chart-ecg>-->
+                <chart-ecg ref="chartDom4" class="chart-ecg" :name="['CH1', 'CH2']"
+                           @exception-event="vitalExcepEvent"></chart-ecg>
             </div>
 
             <div class="center-box">
@@ -23,28 +23,33 @@
                              :src="heartAlarm ? imgHeartAlarm : imgHeart">
                     </div>
                 </div>
-                <!--				<div class="btn-box">-->
-                <!--					<el-button class="start-btn" color="#F80000" @click="startAI">-->
-                <!--						开始-->
-                <!--					</el-button>-->
-                <!--					<div class="right-btn-box">-->
-                <!--						<el-button :class="{ 'active': isAIDose }" size="small" @click="">AI给药</el-button>-->
-                <!--						<el-button :class="{ 'active': !isAIDose }" size="small">人工给药</el-button>-->
-                <!--					</div>-->
-                <!--				</div>-->
+                <div class="btn-box">
+                    <el-button class="start-btn" color="#F80000" @click="startAI">
+                        开始
+                    </el-button>
+                    <div class="right-btn-box">
+                        <el-button :class="{ 'active': isAIDose }" size="small">AI给药</el-button>
+                        <el-button :class="{ 'active': !isAIDose }" size="small">人工给药</el-button>
+                    </div>
+                </div>
             </div>
 
             <div class="right-box">
                 <div class="top-btn-box">
-                    <div class="top-left-btn-box">
-                        <!--						<el-select v-model="database" filterable placeholder="Select" style="width: 100%;"-->
-                        <!--											 @change="selectDatabase">-->
-                        <!--							<el-option v-for="item in databaseOptions" :key="item.value" :label="item.label"-->
-                        <!--												 :value="item.value"/>-->
-                        <!--						</el-select>-->
-                        <el-button color="#C77000" style="width: 200px;" @click="viewPatientInfo">患者信息</el-button>
-                        <!--            <el-button color="#C77000" style="width: 150px;">已连接</el-button>-->
-                        <!--						<el-button color="#C77000" >机器人运行正常</el-button>-->
+                    <div class="top-left-btn-box" v-loading="connectionUnityLoading">
+                        <el-space direction="vertical">
+                            <el-text style="margin-right:20px;font-size: 18px;font-weight:700;color:#006080 ">
+                                病人尿量(ml):500
+                            </el-text>
+                        </el-space>
+                        <el-button color="#C77000" @click="viewPatientInfo">患者信息</el-button>
+                        <el-button type="text" color="#C77000">当前延迟：{{ timeDiffPing }}ms</el-button>
+                        <el-button color="#C77000" @click="connectionUnity('1')" v-if="!whetherControl">连接远程控制
+                        </el-button>
+                        <template v-else>
+                            <el-button color="#C77000">已控制</el-button>
+                            <el-button color="#C77000" @click="connectionUnity('0')">断开远程控制</el-button>
+                        </template>
                     </div>
                     <el-button color="#e0e0e0" @click="backRemote">
                         <el-icon>
@@ -61,136 +66,144 @@
                         </ul>
                     </div>
                     <div class="right-box">
-                        <!--						<div class="video-box" @click="playPause">-->
-                        <!--							<div class="icon-box">-->
-                        <!--								<el-icon v-if="isVideoPlay">-->
-                        <!--									<VideoPause/>-->
-                        <!--								</el-icon>-->
-                        <!--								<el-icon v-else>-->
-                        <!--									<VideoPlay/>-->
-                        <!--								</el-icon>-->
-                        <!--							</div>-->
-                        <!--							&lt;!&ndash;  poster="@/assets/imgs/video_bck.png" &ndash;&gt;-->
-                        <!--							<video ref="liveVideo">-->
-                        <!--								<source src="@/assets/medical.mp4" type="video/mp4"/>-->
-                        <!--							</video>-->
-                        <!--						</div>-->
-
-                        <!--聊天框 -->
-                        <div class="message-box">
-                            <ul ref="msgLog" class="message-log">
-                                <li v-for="(item, index) in mssageList" :key="'msg-log-' + index"
-                                    :class="{ 'align-right': item.createUser == userInfo.account }">
-                                    <span>{{ item.msg }}</span>
-                                </li>
-                            </ul>
-                            <div class="send-box">
-                                <el-input v-model="msgVal" placeholder="请输入消息"/>
-                                <el-button color="#006080" @click="sendMsg">发送消息</el-button>
-                            </div>
-                        </div>
-                        <!--  聊天框, 添加音频组件 -->
+                        <!--带视频组件的聊天框-->
+                        <!--<div class="video-box" @click="playPause">-->
+                        <!--  <div class="icon-box">-->
+                        <!--    <el-icon v-if="isVideoPlay">-->
+                        <!--      <VideoPause/>-->
+                        <!--    </el-icon>-->
+                        <!--    <el-icon v-else>-->
+                        <!--      <VideoPlay/>-->
+                        <!--    </el-icon>-->
+                        <!--  </div>-->
+                        <!--  &lt;!&ndash;  poster="@/assets/imgs/video_bck.png" &ndash;&gt;-->
+                        <!--  <video ref="liveVideo">-->
+                        <!--    <source src="@/assets/medical.mp4" type="video/mp4"/>-->
+                        <!--  </video>-->
+                        <!--</div>-->
                         <!--<div class="message-box">-->
                         <!--    <ul ref="msgLog" class="message-log">-->
                         <!--        <li v-for="(item, index) in mssageList" :key="'msg-log-' + index"-->
                         <!--            :class="{ 'align-right': item.createUser == userInfo.account }">-->
-                        <!--            <span v-if="item.msgType === 'msg'">{{ item.content }}</span>-->
-                        <!--            <audio v-if="item.msgType === 'audio'" controls>-->
-                        <!--                <source :src="'data:audio/mpeg;base64,' + item.content" type="audio/mpeg"/>-->
-                        <!--                您的浏览器不支持音频元素。-->
-                        <!--            </audio>-->
+                        <!--            <span>{{ item.content }}</span>-->
                         <!--        </li>-->
                         <!--    </ul>-->
                         <!--    <div class="send-box">-->
-                        <!--        <el-input style="width: 60%" v-model="msgVal" placeholder="请输入消息"/>-->
-                        <!--        <el-button style="color: #006080; width: 20%; margin-left: 10px;" @click="sendMsg">发送消息</el-button>-->
-                        <!--        <el-button style="color: #006080; width: 20%" class="mic-btn" @mousedown="startRecording" @mouseup="stopRecording"-->
-                        <!--                @mouseleave="stopRecording">录音</el-button>-->
-                        <!--    </div>-->
-                        <!--    <div v-if="isRecording" class="mic-icon">-->
-                        <!--        <i class="fa-solid fa-microphone"></i>  &lt;!&ndash; 麦克风图标 &ndash;&gt;-->
-                        <!--        正在录音... {{ remainingTime }} 秒剩余-->
+                        <!--        <el-input v-model="msgVal" placeholder="请输入消息"/>-->
+                        <!--        <el-button color="#006080" @click="sendMsg">发送消息</el-button>-->
                         <!--    </div>-->
                         <!--</div>-->
-
+                        <!--  聊天框, 添加音频组件 -->
+                        <div class="message-box">
+                            <ul ref="msgLog" class="message-log">
+                                <li v-for="(item, index) in mssageList" :key="'msg-log-' + index"
+                                    :class="{ 'align-right': item.createUser == userInfo.account }">
+                                    <span v-if="item.msgType === 'msg'">{{ item.content }}</span>
+                                    <audio v-if="item.msgType === 'audio'" controls>
+                                        21312
+                                        <source :src="item.content" type="audio/mpeg"/>
+                                        您的浏览器不支持音频元素。
+                                    </audio>
+                                </li>
+                            </ul>
+                            <div class="send-box">
+                                <el-input style="width: 60%" v-model="msgVal" placeholder="请输入消息"/>
+                                <el-button style="color: #006080; width: 20%; margin-left: 10px;" @click="sendMsg">发送消息</el-button>
+                                <el-button style="color: #006080; width: 20%" class="mic-btn" @mousedown="startRecording" @mouseup="stopRecording"
+                                        @mouseleave="stopRecording">录音</el-button>
+                            </div>
+                            <div v-if="isRecording" class="mic-icon">
+                                <i class="fa-solid fa-microphone"></i>  <!-- 麦克风图标 -->
+                                正在录音... {{ remainingTime }} 秒剩余
+                            </div>
+                        </div>
                     </div>
                 </div>
                 <!-- table1 -->
                 <div class="table-box">
                     <el-table :data="varTableData" height="100%" style="width: 100%">
-                        <el-table-column type="index" label="泵号" width="80" align="center"/>
-                        <el-table-column prop="name" label="药物名称" align="center"/>
-                        <el-table-column prop="speed" label="速度(ml/h)" width="120">
-                            <!-- <template #header>
-                              <el-dropdown @command="table1SpeedCommand">
-                                <span style="color: white;font-size: 14px;line-height: 20px;">
-                                  {{ table1SpeedVal || '请选择速度' }}
-                                </span>
-                                <template #dropdown>
-                                  <el-dropdown-menu>
-                                    <el-dropdown-item command="速度(ug/kg/min)">速度(ug/kg/min)</el-dropdown-item>
-                                    <el-dropdown-item command="速度(ml/h)">速度(ml/h)</el-dropdown-item>
-                                  </el-dropdown-menu>
-                                </template>
-              </el-dropdown>
-              </template> -->
+                        <el-table-column prop="linkNum" label="泵号" width="40" align="center"/>
+                        <el-table-column prop="medicineName" label="药物名称" align="center"/>
+                        <el-table-column prop="medicineRate" label="速度(ml/h)" width="120">
+                            <template #header>
+                                <span>速度(ml/h)</span>
+                            </template>
+                            <template #default="scope">
+                                <span style="margin-right:25px">{{ scope.row.medicineRate }}</span>
+                                <el-link type="success" v-if="scope.row.change>=0">+{{ scope.row.change }}</el-link>
+                                <el-link type="danger" v-else>{{ scope.row.change }}</el-link>
+                            </template>
+                        </el-table-column>
+                        <el-table-column prop="countMedicine" label="累计药量(ml)" width="100">
+                        </el-table-column>
+                        <el-table-column prop="state" label="工作状态" width="70" align="center"/>
+                        <el-table-column label="特殊情况人为干预" align="center">
+                            <template #default="scope">
+                                <div class="table-btn-box">
+                                    <el-button size="small" color="#006080" @click="tableItemPlus(scope)"
+                                               :disabled="!whetherControl">
+                                        <el-icon>
+                                            <Plus/>
+                                        </el-icon>
+                                    </el-button>
+                                    <el-button size="small" color="#006080" :disabled="!whetherControl"
+                                               @click="tableItemMinus(scope)">
+                                        <el-icon>
+                                            <Minus/>
+                                        </el-icon>
+                                    </el-button>
+                                    <el-button size="small" color="#006080"
+                                               @click="tableItemConfirm(scope, varTableData)"
+                                               :disabled="!whetherControl">确定
+                                    </el-button>
+                                    <el-button size="small" color="#006080" @click="tableItemCancel(scope)"
+                                               :disabled="!whetherControl">取消
+                                    </el-button>
+                                </div>
+                            </template>
                         </el-table-column>
-                        <el-table-column prop="total" label="累计药量(ml)" width="100"/>
-                        <!--                        <el-table-column prop="state" label="工作状态" width="150" align="center"/>-->
-                        <!--            <el-table-column label="特殊情况人为干预" align="center">
-                                      <template #default="scope">
-                                        <div class="table-btn-box">
-                                          <el-button size="small" color="#006080" @click="tableItemPlus(scope)">
-                                            <el-icon>
-                                              <Plus/>
-                                            </el-icon>
-                                          </el-button>
-                                          <el-button size="small" color="#006080" :disabled="scope.row.speed <= 0"
-                                                     @click="tableItemMinus(scope)">
-                                            <el-icon>
-                                              <Minus/>
-                                            </el-icon>
-                                          </el-button>
-                        &lt;!&ndash;                  <el-button size="small" color="#006080" @click="tableItemConfirm(scope)"
-                                                                       :disabled="tableDataStore[scope.$index].speed === scope.row.speed">确定&ndash;&gt;-->
-                        <!--<el-button size="small" color="#006080" @click="tableItemConfirm(scope, varTableData)">确定
-                              </el-button>
-                              <el-button size="small" color="#006080" @click="tableItemCancel(scope)">取消
-                              </el-button>
-                            </div>
-                          </template>
-                        </el-table-column> -->
                     </el-table>
                 </div>
                 <!-- table2 -->
                 <div class="table-box">
                     <el-table :data="fixedTableData" height="100%" style="width: 100%">
-                        <el-table-column type="index" label="泵号" width="80" align="center"/>
-                        <el-table-column prop="name" label="药物名称" align="center"/>
-                        <el-table-column prop="speed" label="速度(ml/h)" width="100"/>
-                        <el-table-column prop="total" label="累计药量(ml)" width="100"/>
-                        <!--                        <el-table-column prop="state" label="工作状态" width="150" align="center"/>-->
-                        <!-- <el-table-column label="特殊情况人为干预" align="center">
-                          <template #default="scope">
-                            <div class="table-btn-box">
-                              <el-button size="small" color="#006080" @click="tableItemPlus(scope)">
-                                <el-icon>
-                                  <Plus/>
-                                </el-icon>
-                              </el-button>
-                              <el-button size="small" color="#006080" :disabled="scope.row.speed <= 0"
-                                         @click="tableItemMinus(scope)">
-                                <el-icon>
-                                  <Minus/>
-                                </el-icon>
-                              </el-button>
-                              <el-button size="small" color="#006080" @click="tableItemConfirm(scope, fixedTableData)">确定
-                              </el-button>
-                              <el-button size="small" color="#006080" @click="tableItemCancel(scope)">取消
-                              </el-button>
-                            </div>
-                          </template>
-                        </el-table-column> -->
+                        <el-table-column prop="linkNum" label="泵号" width="40" align="center"/>
+                        <el-table-column prop="medicineName" label="药物名称" align="center"/>
+                        <el-table-column prop="medicineRate" label="剂量(ml)" width="120">
+                            <template #default="scope">
+                                <span style="margin-right:25px">{{ scope.row.medicineRate }}</span>
+                                <el-link type="success" v-if="scope.row.change>=0">+{{ scope.row.change }}</el-link>
+                                <el-link type="danger" v-else>{{ scope.row.change }}</el-link>
+                            </template>
+                        </el-table-column>
+                        <el-table-column prop="countMedicine" label="累计药量(ml)" width="100">
+                        </el-table-column>
+                        <el-table-column prop="state" label="工作状态" width="70" align="center"/>
+                        <el-table-column label="特殊情况人为干预" align="center">
+                            <template #default="scope">
+                                <div class="table-btn-box">
+                                    <el-button size="small" color="#006080" @click="tableItemPlus(scope)"
+                                               :disabled="!whetherControl">
+                                        <el-icon>
+                                            <Plus/>
+                                        </el-icon>
+                                    </el-button>
+                                    <el-button size="small" color="#006080" :disabled="!whetherControl"
+                                               @click="tableItemMinus(scope)">
+                                        <el-icon>
+                                            <Minus/>
+                                        </el-icon>
+                                    </el-button>
+                                    <el-button size="small" color="#006080"
+                                               @click="tableItemConfirm(scope, fixedTableData)"
+                                               :disabled="!whetherControl">确定
+                                    </el-button>
+                                    <el-button size="small" color="#006080" @click="tableItemCancel(scope)"
+                                               :disabled="!whetherControl">取消
+                                    </el-button>
+                                </div>
+                            </template>
+                        </el-table-column>
                     </el-table>
                 </div>
             </div>
@@ -207,16 +220,18 @@
 				</span>
             </template>
         </el-dialog>
-        <el-dialog v-model="isPatientDialog" title="患者信息" width="50%">
+        <el-dialog v-model="isPatientDialog" title="患者信息" width="40%">
             <PatientsForm ref="patientsFormRef" type="view" @close="isPatientDialog = false"/>
         </el-dialog>
     </div>
 </template>
 
 <script lang="ts" setup>
-import {onMounted, onUnmounted, reactive, ref} from 'vue';
+import {h} from 'vue';
+import _ from 'lodash';
+import {computed, onMounted, onUnmounted, reactive, ref, watch} from 'vue';
 import {useRouter} from 'vue-router'
-import {ElMessage} from 'element-plus';
+import {ElMessage, ElMessageBox} from 'element-plus';
 import {dateFormater} from '@/utils/date-util';
 import chartLine from './chart/chart-line.vue';
 import chartEcg from './chart/chart-ecg.vue';
@@ -227,8 +242,7 @@ import imgLungAlarm from '@/assets/imgs/lung_alarm.png';
 import imgHeartAlarm from '@/assets/imgs/heart_alarm.png';
 import {useRemoteWsStore} from "@/stores/remote-ws-store";
 import {useUserStore} from "@/stores/user-info-store";
-import {getPatientInfo, getPatientInfoM} from "@/api/patient";
-import axios from "axios";
+import {getPatientInfo} from "@/api/patient";
 
 
 const router = useRouter()
@@ -245,9 +259,10 @@ const medicineCustom: any[] = [
     {name: '罗库溴铵', plus: 0.1, total: 10}
 ]
 const remoteWsStore = useRemoteWsStore()
-const currentRemote = ref()
+const currentRemote = ref(remoteWsStore.getRemoteTask()[remoteWsStore.getCurrentTaskIndex()])
+
 const userInfoStore = useUserStore()
-const currentIndex = remoteWsStore.getCurrentTaskIndex()
+const userInfo = ref(userInfoStore.getlogin())
 
 const chartDom1 = ref(),
     chartDom2 = ref(),
@@ -261,115 +276,244 @@ const chartDom1 = ref(),
 const isPatientDialog = ref(false)
 const database = ref('')
 const databaseOptions = ref([] as { value: string, label: string }[])
-const messageSum = ref(10)
-const userInfo = ref(userInfoStore.getlogin())
+
 const setDatabaseDialog = ref(false);
 const featureTable = ref([] as any[]);
-let chartNowData = reactive({ID: 0});
 const lungAlarm = ref(false); // 肺部警告
 const heartAlarm = ref(false); // 心脏警告
-const isAIDose = ref(false); // 是否AI给药
+const isAIDose = ref(0); // 是否AI给药
 const isVideoPlay = ref(false); // 视频是否播放
-const videoSrc = ref('https://www.runoob.com/try/demo_source/mov_bbb.mp4');
+// const videoSrc = ref('https://www.runoob.com/try/demo_source/mov_bbb.mp4');
 const unusual = ref([] as any);
 const fixedTableData = ref([] as any[]);
 const varTableData = ref([] as any[]);
 const table1SpeedVal = ref('');
+const whetherControl = ref(false);
+const subscribeMedicineData = ref(null);
+const intervalFun = ref(null);
+const timeDiffPing = ref(0);
 let currentAIMedicine: any;
 let currentDocMedicine: any;
 const medicineSpeedTemp: any = {};
-
+const connectionUnityLoading = ref(false);
+const lastAddMedicineTime = ref(null);
 onMounted(() => {
-    currentRemote.value = remoteWsStore.getRemoteTask()[remoteWsStore.getCurrentTaskIndex()]
-    if (!currentRemote.value.isRemote) {
-        router.replace('/remote-manage/remote-manage');
+    if (!(currentRemote.value && currentRemote.value.isRemote)) {
+        router.push('/remote-manage/remote-manage');
         return;
     }
-    // msgLogScrollBottom();
-    msgLogScrollBottom();
-    initScale();
-    subscribeWS();
-    //	setTableData();
+    msgLogScrollBottom()
+    initScale()
+    createConnect()
+    subscribeWS()
+    intervalFun.value = setInterval(loopSendMedicinePing, 1000 * 10) as any;
 });
 
 onUnmounted(() => {
-    remoteWsStore.unsubscribeChat(currentRemote.value.patient, currentRemote.value.patientId, currentRemote.value.date, currentIndex);
-    // remoteWsStore.unsubscribeMedicine(currentRemote.value.patient, currentRemote.value.patientId, currentRemote.value.date, index);
-    remoteWsStore.unsubscribeVital(currentRemote.value.patient, currentRemote.value.patientId, currentRemote.value.date, currentIndex);
-    // remoteWsStore.disconnectChat(currentRemote.value.patient, currentRemote.value.patientId, currentRemote.value.date, currentIndex)
-    if (!router.currentRoute.value.path.startsWith("/remote-manage/")) {
+    if (currentRemote.value) {
+        remoteWsStore.unsubscribeChat(currentRemote.value.patient, currentRemote.value.patientId, currentRemote.value.date, currentRemote.value.index);
+        remoteWsStore.unsubscribeMedicine(currentRemote.value.patient, currentRemote.value.patientId, currentRemote.value.date, currentRemote.value.index);
+        remoteWsStore.unsubscribeVital(currentRemote.value.patient, currentRemote.value.patientId, currentRemote.value.date, currentRemote.value.index);
+        disconnect()
+    }
+    intervalFun.value = null
+})
+watch(subscribeMedicineData, (newValue: any, oldValue: any) => {
+    if (newValue) {
+        const {msgType, unityConnectionFlag, msg} = newValue;
+        switch (msgType) {
+            case 'unityRequestConnection':
+                const params: any = {
+                    name: currentRemote.value.patient,
+                    id: currentRemote.value.patientId,
+                    date: currentRemote.value.date,
+                    index: currentRemote.value.index,
+                    msgType: "webResponseConnection",
+                    flag: "1"
+                }
+                ElMessageBox.confirm('确定接受远程控制', '确认提示', {
+                    confirmButtonText: '确定',
+                    cancelButtonText: '拒绝',
+                })
+                    .then(() => {
+                        whetherControl.value = unityConnectionFlag === '1';
+                        remoteWsStore.reqMedicineConnect({...params, flag: unityConnectionFlag}, (res: any) => {
+                            console.log('res >>>>>', res);
+                        });
+                    })
+                    .catch(() => {
+                        // 点击取消按钮后的逻辑
+                        whetherControl.value = false;
+                        remoteWsStore.reqMedicineConnect({...params, flag: '0'}, (res: any) => {
+                            console.log('res >>>>>', res);
+                        });
+                    });
+                break;
+            case 'unityResponseConnection':
+                connectionUnityLoading.value = false
+                whetherControl.value = unityConnectionFlag === '1';
+                if (unityConnectionFlag === '1') {
+                    ElMessage.success('连接成功')
+                } else {
+                    ElMessage.info('连接断开')
+                }
+                break;
+            case 'getMedicine':
+                ElMessage.success('给药成功')
+                break;
+            case 'pong':
+                timeDiffPing.value = newValue.msg;
+                break;
+            case 'connectionMsg':
+                ElMessage.info(msg)
+            default:
+                break;
+        }
+    }
+})
+
+function createConnect() {
+    remoteWsStore.createChatConnect(currentRemote.value.patient, currentRemote.value.patientId, currentRemote.value.date, currentRemote.value.index)
+    remoteWsStore.createMedicineConnect(currentRemote.value.patient, currentRemote.value.patientId, currentRemote.value.date, currentRemote.value.index)
+}
+
+function loopSendMedicinePing() {
+    remoteWsStore.loopSendMedicinePing(currentRemote.value.patient, currentRemote.value.patientId, currentRemote.value.date, currentRemote.value.index, (res: any) => {
+    })
+}
+
+// 连接远程控制
+function connectionUnity(flag: string) {
+    if (flag === "1") {
+        console.log("连接远程控制");
+        connectionUnityLoading.value = true
+    } else {
+        console.log("断开远程控制");
+        connectionUnityLoading.value = false
+    }
+    const params: any = {
+        name: currentRemote.value.patient,
+        id: currentRemote.value.patientId,
+        date: currentRemote.value.date,
+        index: currentRemote.value.index,
+        msgType: "webRequestConnection",
+        flag
+    }
+    remoteWsStore.reqMedicineConnect(params, () => {
+        connectionUnityLoading.value = false
+    });
+    setTimeout(() => {
+        if (connectionUnityLoading.value) {
+            connectionUnityLoading.value = false
+        }
+    }, 10000)
+    //
+}
+
+function disconnect() {
+    remoteWsStore.disconnectMedicine(currentRemote.value.patient, currentRemote.value.patientId, currentRemote.value.date, currentRemote.value.index)
+    remoteWsStore.disconnectChat(currentRemote.value.patient, currentRemote.value.patientId, currentRemote.value.date, currentRemote.value.index)
+
+    if (!router.currentRoute.value.path.startsWith('/remote-manage/')) {
         const tasks: any = remoteWsStore.getRemoteTask()
         tasks.forEach((task: any) => {
             remoteWsStore.disconnect(task.patient, task.patientId, task.date, task.index)
         })
     }
-})
+}
 
 function subscribeWS() {
     subscribeVital()
     subscribeChat()
-    /*remoteWsStore.subscribeMedicine(currentRemote.value.patient, currentRemote.value.patientId, currentRemote.value.date, index,
-            function (res: any) {
-                const data = JSON.parse(res.data);
-                if (data.status != 1) {
-                    if (data.medicine) {
-                        if (varTableData.value[data.medicine]) varTableData.value[data.medicine] = medicineSpeedTemp[data.medicine];
-                        if (fixedTableData.value[data.medicine]) fixedTableData.value[data.medicine] = medicineSpeedTemp[data.medicine];
-                    }
-                } else {
-                    ElMessage.error(data.msg)
-                }
-            })*/
-
+    subscribeMedicine()
 }
 
 const subscribeVital = () => {
-    remoteWsStore.createVital(currentRemote.value.patient, currentRemote.value.patientId, currentRemote.value.date, currentIndex)
-    remoteWsStore.subscribeVital(currentRemote.value.patient, currentRemote.value.patientId, currentRemote.value.date, currentIndex,
-        function (res: any) {
-            const data = JSON.parse(res.data);
-            // 1 2 3
-            if (data.vitalSignsList != null) {
-                chartDom1.value.updateChartData(data.vitalSignsList);
-                chartDom2.value.updateChartData(data.vitalSignsList);
-                chartDom3.value.updateChartData(data.vitalSignsList);
-                // chartDom4.value.updateChartData(data.vitalSignsList);
-                // updateMedicineTable(data.aiMedicineList[0], data.docMedicineList[0]);
-                updateMedicineTable(data.aiMedicineList[0], undefined);
+    onVitalClose()
+    remoteWsStore.subscribeVital(currentRemote.value.patient, currentRemote.value.patientId, currentRemote.value.date, currentRemote.value.index,
+        (res: any) => {
+            // console.log(res);
+
+            if (res.status != 2) {
+                const data = JSON.parse(res.data);
+                chartDom1.value.updateChartData(data.vitalSignsList[0]);
+                chartDom2.value.updateChartData(data.vitalSignsList[0]);
+                chartDom3.value.updateChartData(data.vitalSignsList[0]);
+                chartDom4.value.updateChartData(data.vitalSignsList[0]);
+                isAIDose.value = data.flags.aiFlag === '1' ? 1 : 0;
+                // console.log('data >>>>>', data);
+                if (!data.rateModTime) {
+                    updateMedicineTable(data.medicineList);
+                    return
+                }
+                if (lastAddMedicineTime.value !== data.rateModTime) {
+                    lastAddMedicineTime.value = data.rateModTime
+                    updateMedicineTable(data.medicineList);
+                }
             }
         })
-    remoteWsStore.vitalOnclose(currentRemote.value.patient, currentRemote.value.patientId, currentRemote.value.date, currentIndex, () => {
+}
+
+
+const subscribeChat = () => {
+    onChatClose()
+    remoteWsStore.subscribeChat(currentRemote.value.patient, currentRemote.value.patientId, currentRemote.value.date, currentRemote.value.index,
+        (res: any) => {
+            mssageList.value.push(JSON.parse(res.data));
+        })
+}
+
+const subscribeMedicine = () => {
+    onMedicineClose()
+    remoteWsStore.subscribeMedicine(currentRemote.value.patient, currentRemote.value.patientId, currentRemote.value.date, currentRemote.value.index,
+        (res: any) => {
+            const data = JSON.parse(res.data);
+            subscribeMedicineData.value = data;
+            if (data.status != 1) {
+                if (data.medicine) {
+                    if (varTableData.value[data.medicine]) varTableData.value[data.medicine] = medicineSpeedTemp[data.medicine];
+                    if (fixedTableData.value[data.medicine]) fixedTableData.value[data.medicine] = medicineSpeedTemp[data.medicine];
+                }
+            } else {
+                ElMessage.error(data.msg)
+            }
+        })
+}
+
+const onVitalClose = () => {
+    remoteWsStore.vitalOnclose(currentRemote.value.patient, currentRemote.value.patientId, currentRemote.value.date, currentRemote.value.index, () => {
+        ElMessage.info('远程控制' + (currentRemote.value.index + 1) + '， 生命体征数据连接断开，正在尝试重连……')
         setTimeout(() => {
-            ElMessage.info('远程控制' + currentIndex + '， 生命体征数据连接断开，正在尝试重连……')
+            remoteWsStore.createVitalConnect(currentRemote.value.patient, currentRemote.value.patientId, currentRemote.value.date, currentRemote.value.index)
             subscribeVital()
         }, 3000)
     })
 }
 
-const subscribeChat = () => {
-    remoteWsStore.createChat(currentRemote.value.patient, currentRemote.value.patientId, currentRemote.value.date, currentIndex)
-    remoteWsStore.subscribeChat(currentRemote.value.patient, currentRemote.value.patientId, currentRemote.value.date, currentIndex,
-        function (res: any) {
-            const chatObj = JSON.parse(res.data);
-            if (chatObj.history) {
-                // mssageList.value = chatObj.history;
-                mssageList.value = chatObj;
-            } else {
-                mssageList.value.push(JSON.parse(res.data));
-            }
-        })
-    remoteWsStore.chatOnclose(currentRemote.value.patient, currentRemote.value.patientId, currentRemote.value.date, currentIndex, () => {
+const onChatClose = () => {
+    remoteWsStore.chatOnclose(currentRemote.value.patient, currentRemote.value.patientId, currentRemote.value.date, currentRemote.value.index, () => {
+        ElMessage.info('远程控制' + (currentRemote.value.index + 1) + '， 通讯连接断开，正在尝试重连……')
         setTimeout(() => {
-            ElMessage.info('远程控制' + currentIndex + '， 通讯连接断开，正在尝试重连……')
+            remoteWsStore.createChatConnect(currentRemote.value.patient, currentRemote.value.patientId, currentRemote.value.date, currentRemote.value.index)
             subscribeChat()
         }, 3000)
     })
 }
 
+const onMedicineClose = () => {
+    remoteWsStore.medicineOnclose(currentRemote.value.patient, currentRemote.value.patientId, currentRemote.value.date, currentRemote.value.index, () => {
+        ElMessage.info('远程控制' + (currentRemote.value.index + 1) + '， 给药连接断开，正在尝试重连……')
+        setTimeout(() => {
+            remoteWsStore.createMedicineConnect(currentRemote.value.patient, currentRemote.value.patientId, currentRemote.value.date, currentRemote.value.index)
+            subscribeMedicine()
+        }, 3000)
+    })
+}
+
 function initData() {
     lungAlarm.value = false;
     heartAlarm.value = false;
-    isAIDose.value = false;
+    isAIDose.value = 0;
     unusual.value = [];
     mssageList.value = [];
     fixedTableData.value = [];
@@ -381,109 +525,29 @@ function initData() {
     }
 }
 
-function updateMedicineTable(aiMedicine: any, doctorMedicine: any) {
-    if (aiMedicine) {
-        delete aiMedicine._id;
-        delete aiMedicine.Time;
-
-        currentAIMedicine = aiMedicine;
-        // const keys = Object.keys(aiMedicine);
-        // console.log(keys);
-        // keys.forEach(key => {
-        //     medicineSpeedTemp[key] = aiMedicine[key];
-        // })
-
-        if (varTableData.value.length > 0) {
-            varTableData.value = varTableData.value.filter(medicine => {
-                return medicine.name in aiMedicine; // 只保留存在于 aiMedicine 中的 medicine
-            });
-            varTableData.value.forEach((medicine: any) => {
-                medicine.speed = aiMedicine[medicine.name] ? Number(aiMedicine[medicine.name]).toFixed(2) : '0.0'
-                medicine.total = aiMedicine[medicine.name + "sum"] ? Number(aiMedicine[medicine.name + "sum"]).toFixed(2) : '0.0'
-            })
-            fixedTableData.value.forEach((medicine: any) => {
-                medicine.speed = aiMedicine[medicine.name] ? Number(aiMedicine[medicine.name]).toFixed(2) : '0.0'
-                medicine.total = aiMedicine[medicine.name + "sum"] ? Number(aiMedicine[medicine.name + "sum"]).toFixed(2) : '0.0'
-            })
-
-            // console.log(varTableData.value)
-            // console.log(fixedTableData.value)
-        } else {
-            const varTable: any = [];
-            const fixedTable: any = [];
-            remoteWsStore.varMedicine.forEach(key => {
-                const medicine = {
-                    Phase: 0,
-                    name: key,
-                    speed: aiMedicine[key] ? Number(aiMedicine[key]).toFixed(2) : '0.0',
-                    total: aiMedicine[key + "sum"] ? Number(aiMedicine[key + "sum"]).toFixed(2) : '0.0',
-                    state: "正常"
-                }
-                varTable.push(medicine);
-            })
-            remoteWsStore.fixedMedicine.forEach(key => {
-                const medicine = {
-                    Phase: 0,
-                    name: key,
-                    speed: aiMedicine[key] ? Number(aiMedicine[key]).toFixed(2) : '0.0',
-                    total: aiMedicine[key + "sum"] ? Number(aiMedicine[key + "sum"]).toFixed(2) : '0.0',
-                    state: "正常"
-                }
-                fixedTable.push(medicine);
-            })
-            varTableData.value = varTable;
-            fixedTableData.value = fixedTable;
+function updateMedicineTable(doctorMedicine: any) {
+    const varTableData1 = doctorMedicine.slice(0, 4)
+    const fixedTableData1 = doctorMedicine.slice(4, 8)
+    varTableData.value = varTableData1.map((i: any) => {
+        return {
+            ...i,
+            change: i?.change || 0
         }
-    }
-
-    if (doctorMedicine) {
-        delete doctorMedicine._id;
-        delete doctorMedicine.Time;
-
-        currentDocMedicine = doctorMedicine;
-        const keys = Object.keys(doctorMedicine);
-        keys.forEach(key => {
-            medicineSpeedTemp[key] = doctorMedicine[key];
-        })
-
-        if (varTableData.value.length > 0) {
-            varTableData.value.forEach((medicine: any) => {
-                medicine.speed = (Number(doctorMedicine[medicine.name]) + Number(aiMedicine[medicine.name])).toFixed(2);
-                medicine.total = (Number(doctorMedicine[medicine.name + "sum"]) + Number(aiMedicine[medicine.name + "sum"])).toFixed(2);
-            });
-            fixedTableData.value.forEach((medicine: any) => {
-                medicine.speed = (Number(doctorMedicine[medicine.name]) + Number(aiMedicine[medicine.name])).toFixed(2);
-                medicine.total = (Number(doctorMedicine[medicine.name + "sum"]) + Number(aiMedicine[medicine.name + "sum"])).toFixed(2);
-            })
-        } else {
-            const varTable: any = [];
-            const fixedTable: any = [];
-            keys.forEach(key => {
-                const medicine = {
-                    Phase: 0,
-                    name: key,
-                    speed: Number(doctorMedicine[key]) + Number(aiMedicine[key]),
-                    total: Number(doctorMedicine[key + "sum"]) + Number(aiMedicine[key + "sum"]),
-                    state: "正常"
-                }
-                if (remoteWsStore.varMedicine.includes(key)) {
-                    varTable.push(medicine);
-                } else {
-                    fixedTable.push(medicine);
-                }
-            })
-            varTableData.value = varTable;
-            fixedTableData.value = fixedTable;
+    })
+    fixedTableData.value = fixedTableData1.map((i: any) => {
+        return {
+            ...i,
+            change: i?.change || 0
         }
-    }
+    })
 }
 
-function vitalExcepEvent(data: any, time: any) {
-    logUpdate(data, time)
+function vitalExcepEvent(data: any) {
+    logUpdate(data)
 }
 
-function logUpdate(msg: string, time: any) {
-    unusual.value.push(dateFormater('HH:mm:ss', time) + msg);
+function logUpdate(msg: string) {
+    unusual.value.push(dateFormater('HH:mm:ss') + msg);
     setTimeout(() => {
         unusualMsgRef.value.scrollTo({
             top: unusualMsgRef.value.scrollHeight,
@@ -533,23 +597,28 @@ const setDatabase = () => {
 };
 
 const viewPatientInfo = () => {
-    isPatientDialog.value = true;
-    /*getPatientInfo(currentRemote.value.patient, currentRemote.value.patientId,
-      currentRemote.value.date).then(res => {
-        if (res.code == 0) {
-          patientsFormRef.value.resetData()
-          patientsFormRef.value.formData = JSON.parse(JSON.stringify(res.data))
-        }
-      })*/
-    getPatientInfoM(currentRemote.value.patient, currentRemote.value.patientId,
+    getPatientInfo(currentRemote.value.patient, currentRemote.value.patientId,
         currentRemote.value.date).then(res => {
-        if (res.code == 0) {
-            patientsFormRef.value.resetData()
-            const formData = JSON.parse(JSON.stringify(res.data))
-            formData.性别 = formData.性别 == 'M' ? '男' : "女"
-            patientsFormRef.value.formData = formData
-        }
     })
+    isPatientDialog.value = true;
+    setTimeout(() => {
+        patientsFormRef.value.resetData()
+        patientsFormRef.value.formData = JSON.parse(JSON.stringify({
+            id: '',
+            name: '测试',
+            code: 'afasf',
+            sex: '男',
+            dept: '测试',
+            bodyHeight: '170',
+            isMedicalHistory: '无',
+            bodyWeight: '80',
+            medicalHistoryName: '无',
+            age: '22',
+            allergyHistoryName: '无',
+            phone: '123456',
+            hospitalTime: new Date()
+        }))
+    }, 0)
 }
 const backRemote = () => {
     router.back();
@@ -563,13 +632,10 @@ const playPause = () => {
         isVideoPlay.value = false;
     }
 }
-
-
 const sendMsg = () => {
     if (msgVal.value.trim() == '') return;
-    const index = remoteWsStore.getCurrentTaskIndex()
     remoteWsStore.sendMsg(currentRemote.value.patient, currentRemote.value.patientId,
-        currentRemote.value.date, msgVal.value, index, function (res: any) {
+        currentRemote.value.date, msgVal.value, currentRemote.value.index, function (res: any) {
             if (res.code == 1) {
                 ElMessage.error(res.msg)
             }
@@ -588,36 +654,79 @@ function msgLogScrollBottom() {
 }
 
 const tableItemPlus = (e: any) => {
-    const obj = medicineCustom.find(item => item.name === e.row.name) || {plus: 1};
-    e.row.speed += obj.plus;
-    e.row.speed = Number(e.row.speed.toFixed(2));
+    const obj = medicineCustom.find(item => item.name === e.row.medicineName) || {plus: 1};
+    const medicineRate = e.row.medicineRate
+    const currTotal = _.add(Number(medicineRate), Number(e.row.change))
+    if (currTotal >= obj.total) {
+        ElMessage({
+            type: 'error',
+            message: `当前药物速率已超过设定的最大值${obj.total}，不能增加只能减少`
+        })
+        return
+    }
+    ;
+    const currRate = Number(e.row.change);
+    if (isNaN(currRate)) {
+        return
+    }
+    const rate = _.add(Number(currRate), Number(obj.plus));
+    e.row.change = _.floor(rate, 2)
 }
 
 const tableItemMinus = (e: any) => {
-    const obj = medicineCustom.find(item => item.name === e.row.name) || {plus: 1};
-    if (!isAIDose.value && e.row.speed - obj.plus <= 0) return;
-    e.row.speed -= obj.plus;
-    if (e.row.speed < 0) e.row.speed = 0;
-    else e.row.speed = Number(e.row.speed.toFixed(2));
+    const obj = medicineCustom.find(item => item.name === e.row.medicineName) || {plus: 1};
+    const medicineRate = e.row.medicineRate;
+    const change = e.row.change;
+    if (Number(change) < 0) {
+        const reds = Number(change) + Number(medicineRate)
+        if (reds <= 0) {
+            ElMessage({
+                type: 'error',
+                message: '当前药物速率不能小于0'
+            })
+            return
+        }
+    }
+    const nowTotal = _.subtract(Number(medicineRate), Number(change))
+    e.row.change = _.subtract(change, obj.plus)
+    e.row.change = _.floor(e.row.change, 2)
 }
 
 const tableItemConfirm = (e: any, tableData: any) => {
-    if (tableData.length < 1) return;
-    const params = {
-        name: currentRemote.value.patient,
-        id: currentRemote.value.patientId,
-        date: currentRemote.value.date,
-        flag: "1",
-        medicine: e.row.name,
-        value: e.row.speed
-    }
-    const index = remoteWsStore.getCurrentTaskIndex()
-    remoteWsStore.sendMedicine(params, index, function () {
-    });
+    const finalRate = _.add(Number(e.row.medicineRate), Number(e.row.change))
+    const final = _.floor(finalRate, 2)
+    ElMessageBox.confirm('确定给药吗？', '确认提示', {
+        confirmButtonText: '确定',
+        cancelButtonText: '取消',
+        message: h('p', null, [
+            h('span', null, '确定给药吗？'),
+            h('div', {style: 'font-size:14px;color:#085a75'}, `药物名称：${e.row.medicineName}`),
+            h('div', {style: 'font-size:14px;color:#085a75'}, `速率：${final}`),
+        ]),
+    })
+        .then(() => {
+            // 点击确定按钮后的逻辑
+            if (tableData.length < 1) return;
+            const params = {
+                msgType: "addMedicine",
+                name: currentRemote.value.patient,
+                id: currentRemote.value.patientId,
+                date: currentRemote.value.date,
+                flag: "1",
+                medicine: e.row.medicineName,
+                value: _.add(Number(e.row.medicineRate), Number(e.row.change)),
+                index: currentRemote.value.index
+            }
+            remoteWsStore.sendMedicine(params, function () {
+            });
+        })
+        .catch(() => {
+            // 点击取消按钮后的逻辑
+            // e.row.speed = medicineSpeedTemp[e.row.name];
+        });
 }
-
 const tableItemCancel = (e: any) => {
-    e.row.speed = medicineSpeedTemp[e.row.name];
+    // e.row.speed = medicineSpeedTemp[e.row.name];
 }
 
 function startAI() {
@@ -627,24 +736,133 @@ function startAI() {
         date: currentRemote.value.date,
         flag: "0",
     }
-    const index = remoteWsStore.getCurrentTaskIndex()
-    remoteWsStore.sendMedicine(params, index, function () {
+    remoteWsStore.sendMedicine(params, function () {
     });
 }
 
-
 /*
  * 聊天室
  */
 const msgVal = ref('');
 const mssageList = ref([] as any);
+const isRecording = ref(false); // 用于跟踪录音状态
+const mediaRecorder = ref<MediaRecorder | null>(null);
+const audioChunks = ref<Blob[]>([]);
+const remainingTime = ref(10); // 初始化剩余时间为 10 秒
+
+// 将 Blob 对象转换为 Base64 字符串
+const convertBlobToBase64 = (blob: Blob): Promise<string> => {
+    return new Promise((resolve, reject) => {
+        const reader = new FileReader(); // 创建 FileReader 实例
+
+        // 定义 onloadend 事件
+        reader.onloadend = () => {
+            // 检查 result 是否不为 null
+            if (reader.result) {
+                // const base64String = (reader.result as string).split(',')[1]; // 获取 Base64 部分
+                const base64String = (reader.result as string); // 获取 Base64 部分
+                resolve(base64String); // 返回 Base64 字符串
+            } else {
+                reject(new Error("读取 Base64 失败")); // 处理读取失败情况
+            }
+        };
+
+        // 定义错误处理
+        reader.onerror = (error) => {
+            reject(error); // 处理读取过程中可能出现的错误
+        };
+
+        // 将 Blob 读取为数据 URL
+        reader.readAsDataURL(blob);
+    });
+};
+
+// 开始录音
+const startRecording = async () => {
+    if (isRecording.value) return; // 预防多次点击
+    isRecording.value = true; // 设置录音状态为开启
+    remainingTime.value = 10; // 重置剩余时间为 10 秒
+
+    const stream = await navigator.mediaDevices.getUserMedia({audio: true});
+    mediaRecorder.value = new MediaRecorder(stream);
+
+    // 监听数据可用事件
+    mediaRecorder.value.ondataavailable = (event) => {
+        // console.log("录音中...");
+        audioChunks.value.push(event.data);
+        // console.log("当前音频数据块：", event.data); // 这里打印每个数据块
+    };
+
+    // 监听停止事件
+    mediaRecorder.value.onstop = async () => {
+        isRecording.value = false; // 停止录音状态
+
+        if (audioChunks.value.length === 0) {
+            console.error("没有音频数据可用于创建 Blob");
+            return;
+        }
+
+        // 获取 Blob 数据
+        const audioBlob = new Blob(audioChunks.value, {type: 'audio/webm; codecs=opus'});
+
+        try {
+            // 转换为 Base64
+            const base64Audio = await convertBlobToBase64(audioBlob);
+            // console.log("转换后的 Base64 字符串：", base64Audio);
+
+            // 准备 WebSocket 消息
+            const index = remoteWsStore.getCurrentTaskIndex();
+            // 发送消息
+            remoteWsStore.sendAudio(
+                currentRemote.value.patient,
+                currentRemote.value.patientId,
+                currentRemote.value.date,
+                base64Audio.replace(/\s+/g, ''),  // 移除空白字符
+                index,
+                function (res: any) {
+                    if (res.code == 1) {
+                        ElMessage.error(res.msg);
+                    }
+                }
+            );
+        } catch (error) {
+            console.error("转换为 Base64 失败:", error);
+        }
+
+        audioChunks.value = []; // 可选: 重置音频块
+    };
+
+    // 启动录音
+    mediaRecorder.value.start();
+    // console.log("录音已开始"); // 别忘了在此处添加提示
+
+    // 设置最大录音时间为 10 秒，创建倒计时
+    const timer = setInterval(() => {
+        if (remainingTime.value > 0) {
+            remainingTime.value--; // 每秒减少1
+        } else {
+            stopRecording(); // 达到0秒时自动停止
+            // console.log("录音时间到，已自动停止！");
+            clearInterval(timer); // 清除倒计时
+        }
+    }, 1000); // 每秒执行一次
+};
+
+// 停止录音
+const stopRecording = () => {
+    if (mediaRecorder.value) {
+        mediaRecorder.value.stop();
+        isRecording.value = false; // 设置录音状态为关闭
+    }
+};
+
 
 </script>
 
 <style lang="scss" scoped>
 .remote-box {
-    width: 1920px;
-    height: 1010px;
+    width: 100%;
+    height: 100%;
     background: #f1f3f5;
     padding: 10px 0 20px 0;
     transform-origin: top left;
@@ -664,10 +882,9 @@ const mssageList = ref([] as any);
         justify-content: space-between;
 
         .left-box {
-            width: 37%;
+            width: 35%;
             height: 100%;
 
-
             & > h3 {
                 font-size: 26px;
                 color: $main-color;
@@ -679,7 +896,6 @@ const mssageList = ref([] as any);
             .chart-line {
                 width: 100%;
                 height: calc(25% - 30px);
-                height: calc(33.3% - 30px);
                 margin-bottom: 20px;
                 background: #e8f5f8;
                 border-top-left-radius: 20px;
@@ -719,39 +935,6 @@ const mssageList = ref([] as any);
                     border-top: 5px solid transparent;
                 }
             }
-
-            //.chart-ecg {
-            //	width: 100%;
-            //	height: calc(25% - 50px);
-            //	border-left: 1px solid #92b3c1;
-            //	border-bottom: 1px solid #92b3c1;
-            //
-            //	&::before {
-            //		content: '';
-            //		position: absolute;
-            //		width: 0;
-            //		height: 0;
-            //		top: 0;
-            //		left: -5px;
-            //		border-left: 5px solid transparent;
-            //		border-right: 5px solid transparent;
-            //		border-bottom: 15px solid #285e7d;
-            //		border-top: 0;
-            //	}
-            //
-            //	&::after {
-            //		content: '';
-            //		position: absolute;
-            //		width: 0;
-            //		height: 0;
-            //		bottom: -5px;
-            //		right: 0;
-            //		border-left: 15px solid #285e7d;
-            //		border-right: 0;
-            //		border-bottom: 5px solid transparent;
-            //		border-top: 5px solid transparent;
-            //	}
-            //}
         }
 
         .center-box {
@@ -774,10 +957,14 @@ const mssageList = ref([] as any);
                     width: 500px;
                     height: 812.5px;
                     min-height: 650px;
+                    //width: 1000px;
+                    //height: 850px;
+                    //min-height: 650px;
 
                     .lung-img {
                         position: absolute;
                         width: 500px;
+                        //width: 100%;
                         height: auto;
                         top: 240px;
                         left: 0;
@@ -803,47 +990,47 @@ const mssageList = ref([] as any);
                 justify-content: center;
                 align-items: center;
 
-                //.start-btn {
-                //	width: 230px;
-                //	height: 40px;
-                //	font-size: 20px;
-                //	border-radius: 16px;
-                //	font-weight: 600;
-                //}
+                .start-btn {
+                    width: 230px;
+                    height: 40px;
+                    font-size: 20px;
+                    border-radius: 16px;
+                    font-weight: 600;
+                }
 
-                //.right-btn-box {
-                //	position: absolute;
-                //	width: 100px;
-                //	height: 62px;
-                //	top: calc(50% - 31px);
-                //	right: 0;
-                //	display: flex;
-                //	flex-direction: column;
-                //	justify-content: space-between;
-                //
-                //	.el-button {
-                //		width: 100%;
-                //		padding: 0;
-                //		height: 25px;
-                //		line-height: 22px;
-                //		border: 1px solid #e0e0e0;
-                //		color: #616161;
-                //
-                //		&.active {
-                //			background: $main-color;
-                //			color: white;
-                //		}
-                //
-                //		&:last-of-type {
-                //			margin: 0;
-                //		}
-                //	}
-                //}
+                .right-btn-box {
+                    position: absolute;
+                    width: 100px;
+                    height: 62px;
+                    top: calc(50% - 31px);
+                    right: 0;
+                    display: flex;
+                    flex-direction: column;
+                    justify-content: space-between;
+
+                    .el-button {
+                        width: 100%;
+                        padding: 0;
+                        height: 25px;
+                        line-height: 22px;
+                        border: 1px solid #e0e0e0;
+                        color: #616161;
+
+                        &.active {
+                            background: $main-color;
+                            color: white;
+                        }
+
+                        &:last-of-type {
+                            margin: 0;
+                        }
+                    }
+                }
             }
         }
 
         .right-box {
-            width: 36.5%;
+            width: 35%;
             height: 100%;
             display: flex;
             flex-direction: column;
@@ -880,8 +1067,8 @@ const mssageList = ref([] as any);
             }
 
             .monitoring-message {
-                width: 100%;
-                height: 41%;
+                width: 670px;
+                height: 450px;
                 padding-bottom: 10px;
                 display: flex;
                 justify-content: space-between;
@@ -891,7 +1078,6 @@ const mssageList = ref([] as any);
                     width: 200px;
                     height: 100%;
 
-
                     .unusual-title {
                         display: block;
                         width: 100%;
@@ -913,12 +1099,10 @@ const mssageList = ref([] as any);
                         padding: 8px 16px;
                         overflow-y: auto;
 
-
                         li {
                             color: #F80000;
                             font-size: 14px;
                             line-height: 22px;
-
                         }
                     }
                 }
@@ -927,41 +1111,110 @@ const mssageList = ref([] as any);
                     width: calc(100% - 205px);
                     height: 100%;
 
+                    .video-box {
+                        position: relative;
+                        width: 100%;
+                        height: 270px;
+                        background: $main-color;
+                        /* background: url(@/assets/imgs/video_bck.png);
+            background-size: 100% 100%; */
 
-                    //	.video-box {
-                    //		position: relative;
-                    //		width: 100%;
-                    //		height: 270px;
-                    //		background: $main-color;
-                    //		/* background: url(@/assets/imgs/video_bck.png);
-                    //background-size: 100% 100%; */
+                        &:hover {
+                            .icon-box {
+                                display: flex;
+                            }
+                        }
+
+                        .icon-box {
+                            display: none;
+                            position: absolute;
+                            top: 0;
+                            left: 0;
+                            bottom: 0;
+                            right: 0;
+                            font-size: 60px;
+                            color: white;
+                            background: rgba(black, .3);
+                            justify-content: center;
+                            align-items: center;
+                        }
+
+                        video {
+                            width: 100%;
+                            height: 100%;
+                            object-fit: cover;
+                        }
+                    }
+
+                    // v2带视频的msg-box
+                    //.message-box {
+                    //    width: 100%;
+                    //    //            height: 270px;
+                    //    height: 100%;
+                    //    // margin-bottom: 5px;
                     //
-                    //		&:hover {
-                    //			.icon-box {
-                    //				display: flex;
-                    //			}
-                    //		}
+                    //    .message-log {
+                    //        width: 100%;
+                    //        height: calc(100% - 40px);
+                    //        max-height: 109px;
+                    //        padding: 16px 20px;
+                    //        box-sizing: border-box;
+                    //        border: 1px solid #c8c8c8;
+                    //        background: #f8f8f8;
+                    //        overflow-y: auto;
                     //
-                    //		.icon-box {
-                    //			display: none;
-                    //			position: absolute;
-                    //			top: 0;
-                    //			left: 0;
-                    //			bottom: 0;
-                    //			right: 0;
-                    //			font-size: 60px;
-                    //			color: white;
-                    //			background: rgba(black, .3);
-                    //			justify-content: center;
-                    //			align-items: center;
-                    //		}
+                    //        li {
+                    //            width: 100%;
+                    //            font-size: 14px;
+                    //            line-height: 1.6;
+                    //            margin: 5px 0;
                     //
-                    //		video {
-                    //			width: 100%;
-                    //			height: 100%;
-                    //			object-fit: cover;
-                    //		}
-                    //	}
+                    //            &.align-right {
+                    //                text-align: right;
+                    //
+                    //                span {
+                    //                    background: $main-color;
+                    //                }
+                    //            }
+                    //
+                    //            span {
+                    //                display: inline-block;
+                    //                max-width: 80%;
+                    //                padding: 6px 8px;
+                    //                box-sizing: border-box;
+                    //                border-radius: 8px;
+                    //                color: white;
+                    //                letter-spacing: 1px;
+                    //                background: #92b3c1;
+                    //                text-align: left;
+                    //            }
+                    //        }
+                    //    }
+                    //
+                    //    .send-box {
+                    //        width: 100%;
+                    //        height: 40px;
+                    //        display: flex;
+                    //        justify-content: space-between;
+                    //        align-items: flex-end;
+                    //
+                    //        .el-input {
+                    //            width: calc(100% - 110px);
+                    //            height: 32px;
+                    //
+                    //            :deep(.el-input__wrapper) {
+                    //                background-color: #F2F3F5;
+                    //                border-color: #C1C1C1;
+                    //            }
+                    //        }
+                    //
+                    //        .el-button {
+                    //            padding: 0;
+                    //            width: 100px;
+                    //            line-height: 30px;
+                    //        }
+                    //    }
+                    //}
 
                     .message-box {
                         width: 100%;
@@ -1040,7 +1293,7 @@ const mssageList = ref([] as any);
 
             .table-box {
                 width: 100%;
-                height: 29.5%;
+                height: calc(50% - 264.5px);
                 margin-bottom: 20px;
                 flex-grow: 1;
 
@@ -1067,17 +1320,17 @@ const mssageList = ref([] as any);
                     }
                 }
 
-                //.table-btn-box {
-                //	.el-button {
-                //		padding: 0 7px;
-                //		height: 24px;
-                //		line-height: 22px;
-                //
-                //		&:not(:first-of-type) {
-                //			margin-left: 4px;
-                //		}
-                //	}
-                //}
+                .table-btn-box {
+                    .el-button {
+                        padding: 0 7px;
+                        height: 24px;
+                        line-height: 22px;
+
+                        &:not(:first-of-type) {
+                            margin-left: 4px;
+                        }
+                    }
+                }
             }
         }
     }
@@ -1107,4 +1360,5 @@ const mssageList = ref([] as any);
     font-size: 80px; /* 调整图标大小 */
     margin-right: 5px; /* 图标与文本间的间距 */
 }
+
 </style>