diff --git a/src/assets/imgs/logo.png b/src/assets/imgs/logo.png
deleted file mode 100644
index 18d0adf..0000000
Binary files a/src/assets/imgs/logo.png and /dev/null differ
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>