mdm-client 1.0.3 → 1.0.5

package/src/components/MiniumVideoDialog/MiniumVideoDialog.vue

@@ -19,6 +19,10 @@
           ></div>
           <div class="identity">{{ curSpeaker.name }}</div>
         </div>
+        <!-- 当当前讲话者未开启摄像头时，显示占位板（与 liveMultipleMeeting 的 board 样式一致） -->
+        <div v-if="!curSpeakerCameraStatus" class="board">
+          <div class="board-icon"></div>
+        </div>
       </div>
       <div class="speaking-wrapper" v-show="!isExpand">
         <div :class="['cur-speaking-mic', curSpeakerMicrophoneStatus ? 'mic-on' : 'mic-off']"></div>
@@ -34,8 +38,10 @@
     >
       <div class="minium-video-dialog-footer-btn mic-on" v-if="localMicrophoneStatus" @click="changeLocalMicrophoneStatus"></div>
       <div class="minium-video-dialog-footer-btn mic-off" v-else @click="changeLocalMicrophoneStatus"></div>
-      <div class="minium-video-dialog-footer-btn camera-on" v-if="localCameraStatus" @click="changeLocalCameraStatus"></div>
-      <div class="minium-video-dialog-footer-btn camera-off" v-else @click="changeLocalCameraStatus"></div>
+      <template v-if="roomMode === 'auto'">
+        <div class="minium-video-dialog-footer-btn camera-on" v-if="localCameraStatus" @click="changeLocalCameraStatus"></div>
+        <div class="minium-video-dialog-footer-btn camera-off" v-else @click="changeLocalCameraStatus"></div>
+      </template>
       <div class="minium-video-dialog-footer-btn reset" @click="reset"></div>
       <div :class="['minium-video-dialog-footer-btn', isExpand ? 'slide' : 'expand']" @click="changeExpand"></div>
     </div>
@@ -59,6 +65,8 @@ export default {
       isExpand: true,
       curSpeakers: [],
       curSpeaker: null,
+      // 统一维护的 liveClient 实例，避免在各处重复通过 window 访问
+      liveClient: null,
       localCameraStatus: false,
       localMicrophoneStatus: false,
       curSpeakerMicrophoneStatus: false,
@@ -66,6 +74,8 @@ export default {
       curSpeakerTrack: null,
       showFooter: false,
       footerTimer: null,
+      // room模式，auto-音视频，audio-仅音频
+      roomMode: 'auto',
     };
   },
   computed: {
@@ -84,7 +94,10 @@ export default {
   },
   beforeDestroy() {
     this.clearFooterTimer();
+    this.detachCurrentTrack();
     this.dispatchLiveClientEvent();
+    // 组件销毁时清理引用
+    this.liveClient = null;
   },
   methods: {
     changeExpand() {
@@ -131,19 +144,21 @@ export default {
 
     // 初始化liveClient
     initLiveClient() {
-      const liveClient = window['liveClient'];
-      if(!liveClient) {
+      this.liveClient = window['liveClient'] || null;
+      if(!this.liveClient) {
         return;
       }
+      this.roomMode = this.liveClient?.roomMode || 'auto';
       this.curSpeaker = {
-        identity: liveClient.room.localParticipant.identity,
-        name: liveClient.room.localParticipant.name,
+        identity: this.liveClient.room.localParticipant.identity,
+        name: this.liveClient.room.localParticipant.name,
       };
-      this.localCameraStatus = liveClient.room.localParticipant.isCameraEnabled;
-      this.localMicrophoneStatus = liveClient.room.localParticipant.isMicrophoneEnabled;
-      this.curSpeakerMicrophoneStatus = liveClient.room.localParticipant.isMicrophoneEnabled;
-      this.curSpeakerCameraStatus = liveClient.room.localParticipant.isCameraEnabled;
-      this.curSpeakerTrack = this.trackData.videoTrack;
+      this.localCameraStatus = this.liveClient.room.localParticipant.isCameraEnabled;
+      this.localMicrophoneStatus = this.liveClient.room.localParticipant.isMicrophoneEnabled;
+      this.curSpeakerMicrophoneStatus = this.liveClient.room.localParticipant.isMicrophoneEnabled;
+      this.curSpeakerCameraStatus = this.liveClient.room.localParticipant.isCameraEnabled;
+      // 仅在视频会议模式下记录并绑定视频轨道
+      this.curSpeakerTrack = this.roomMode === 'auto' ? this.trackData.videoTrack : null;
       // 初始化视频轨道绑定
       this.initVideoAttach();
       // 监听并处理liveclient事件
@@ -194,22 +209,27 @@ export default {
     },
 
     initVideoAttach() {
-      if(this.curSpeakerTrack) {
-        const videoElm = document.getElementById('video-contain');
-        videoElm && this.curSpeakerTrack.attach(videoElm);
+      if (this.roomMode !== 'auto') return
+      if (this.curSpeakerTrack) {
+        const videoElm = document.getElementById('video-contain')
+        if (videoElm) {
+          // 先解绑，确保不会重复附加
+          try { this.curSpeakerTrack.detach(videoElm) } catch (e) {}
+          this.curSpeakerTrack.attach(videoElm)
+        }
       }
     },
 
     initLiveClientEvent() {
-      const liveClient = window['liveClient'];
-      if(!liveClient) {
+      if(!this.liveClient) {
         return;
       }
-      liveClient.on("localCameraChange", this.handleLocalCameraChange);
-      liveClient.on("localMicrophoneChange", this.handleLocalMicrophoneChange);
-      liveClient.on("activeSpeakerChange", this.handleActiveSpeakerChange);
-      liveClient.on("videoCallRender", this.handleVideoCallRender);
-      liveClient.on("roomDisconnected", this.handleRoomDisconnected);
+      this.liveClient.on("localCameraChange", this.handleLocalCameraChange);
+      this.liveClient.on("localMicrophoneChange", this.handleLocalMicrophoneChange);
+      this.liveClient.on("activeSpeakerChange", this.handleActiveSpeakerChange);
+      this.liveClient.on("videoCallRender", this.handleVideoCallRender);
+      this.liveClient.on("audioCallRender", this.handleAudioCallRender);
+      this.liveClient.on("roomDisconnected", this.handleRoomDisconnected);
     },
 
     handleLocalCameraChange(e) {
@@ -221,19 +241,35 @@ export default {
     },
 
     handleActiveSpeakerChange(e) {
-      if (e.length > 0) {
-        let maxAudioLevel = 0;
-        let maxAudioLevelIndex = -1;
-        e.forEach((speaker, index) => {
-          if (speaker.audioLevel > maxAudioLevel) {
-            maxAudioLevel = speaker.audioLevel;
-            maxAudioLevelIndex = index;
+      this.curSpeakers = Array.isArray(e) ? e : []
+      
+      if(this.curSpeakers.length > 0) {
+        // 找到音量最大的讲话者
+        let maxAudioLevel = -1
+        let winner = null
+        this.curSpeakers.forEach(speaker => {
+          const level = typeof speaker.audioLevel === 'number' ? speaker.audioLevel : 0
+          if (level > maxAudioLevel) {
+            maxAudioLevel = level
+            winner = speaker
+          }
+        })
+
+        if (!winner) return
+
+        // 仅当 identity 变化时才切换，以减少抖动
+        if (winner.identity !== this.curSpeaker?.identity) {
+          // 解绑旧轨道，等待 videoCallRender 到来后再绑定新轨道
+          // detachCurrentTrack()
+          this.curSpeaker = {
+            identity: winner.identity,
+            name: winner.name || winner.identity,
+            isLocal: !!winner.isLocal,
           }
-        });
-        if (maxAudioLevelIndex >= 0) {
-          this.curSpeaker = e[maxAudioLevelIndex];
+          // 在未收到渲染事件前，暂时认为摄像头状态未知/关闭，用以显示占位
+          // curSpeakerCameraStatus.value = false
+          // curSpeakerMicrophoneStatus.value = false
         }
-        this.curSpeakers = e;
       }
     },
 
@@ -242,15 +278,61 @@ export default {
         this.localCameraStatus = e.isCameraEnabled;
         this.localMicrophoneStatus = e.isMicrophoneEnabled;
       }
-      if(e.identity === this.curSpeaker?.identity) {
-        this.curSpeakerCameraStatus = e.isCameraEnabled;
-        this.curSpeakerMicrophoneStatus = e.isMicrophoneEnabled;
-        if(e?.videoTrack) {
-          this.curSpeakerTrack = e.videoTrack;
+      // 利用 videoCallRender 的 remove 标记判断离会
+      if (e?.remove === true && e.identity === this.curSpeaker?.identity) {
+        this.switchToLocalAsCurrentSpeaker()
+        return
+      }
+      if (e.identity === this.curSpeaker?.identity) {
+        // 更新当前讲话者音视频状态
+        this.curSpeakerCameraStatus = this.roomMode === 'auto' ? !!e.isCameraEnabled : false
+        this.curSpeakerMicrophoneStatus = !!e.isMicrophoneEnabled
+
+        const videoElm = document.getElementById('video-contain')
+
+        if (this.roomMode === 'auto' && e.videoTrack && videoElm) {
+          // 使用 sid 作为更稳定的身份标识；sid 发布后会保持不变
+          const oldTrack = this.curSpeakerTrack
+          const newTrack = e.videoTrack
+          if (oldTrack) {
+            const sameBySid = oldTrack.sid && newTrack?.sid && oldTrack.sid === newTrack.sid
+            // 当 sid 不同或对象引用不同（无 sid 时），说明发生实际轨道切换，需要解绑旧轨道
+            if (!sameBySid) {
+              try { oldTrack.detach(videoElm) } catch (err) {}
+            }
+          }
+          this.curSpeakerTrack = newTrack
+          // 重新绑定（同轨道重复 attach 时内部已处理，不影响稳定性）
+          try { this.curSpeakerTrack.attach(videoElm) } catch (err) {}
+        } else {
+          // 摄像头关闭或无轨道，解绑任何已绑定轨道
+          if (this.curSpeakerTrack && videoElm) {
+            try { this.curSpeakerTrack.detach(videoElm) } catch (err) {}
+          }
+          this.curSpeakerTrack = null
         }
       }
     },
 
+    // 音频会议渲染事件：不进行任何视频轨道的绑定，仅更新状态并显示占位
+    handleAudioCallRender(e) {
+      if (e?.remove === true && e.identity === this.curSpeaker?.identity) {
+        this.switchToLocalAsCurrentSpeaker()
+        return
+      }
+      if (e.local) {
+        this.localMicrophoneStatus = !!e.isMicrophoneEnabled
+      }
+      if (e.identity === this.curSpeaker?.identity) {
+        this.curSpeakerMicrophoneStatus = !!e.isMicrophoneEnabled
+        // 音频模式下不显示摄像头画面
+        this.curSpeakerCameraStatus = false
+        // 确保解绑任何已绑定的视频轨道
+        this.detachCurrentTrack()
+        this.curSpeakerTrack = null
+      }
+    },
+
     handleRoomDisconnected() {
       this.$emit('miniVideoDialogClose');
     },
@@ -260,27 +342,25 @@ export default {
     },
 
     dispatchLiveClientEvent() {
-      const liveClient = window['liveClient'];
-      if(liveClient) {
-        liveClient.off("localCameraChange", this.handleLocalCameraChange);
-        liveClient.off("localMicrophoneChange", this.handleLocalMicrophoneChange);
-        liveClient.off("activeSpeakerChange", this.handleActiveSpeakerChange);
-        liveClient.off("videoCallRender", this.handleVideoCallRender);
-        liveClient.off("roomDisconnected", this.handleRoomDisconnected);
+      if(this.liveClient) {
+        this.liveClient.off("localCameraChange", this.handleLocalCameraChange);
+        this.liveClient.off("localMicrophoneChange", this.handleLocalMicrophoneChange);
+        this.liveClient.off("activeSpeakerChange", this.handleActiveSpeakerChange);
+        this.liveClient.off("videoCallRender", this.handleVideoCallRender);
+        this.liveClient.off("audioCallRender", this.handleAudioCallRender)
+        this.liveClient.off("roomDisconnected", this.handleRoomDisconnected);
       }
     },
 
     async changeLocalMicrophoneStatus() {
-      const liveClient = window['liveClient'];
-      if(liveClient) {
-        await liveClient.changeMicrophoneStatus();
+      if(this.liveClient) {
+        await this.liveClient.changeMicrophoneStatus();
       }
     },
 
     async changeLocalCameraStatus() { 
-      const liveClient = window['liveClient'];
-      if(liveClient) {
-        await liveClient.changeCameraStatus();
+      if(this.liveClient) {
+        await this.liveClient.changeCameraStatus();
       }
     },
 
@@ -290,6 +370,42 @@ export default {
         this.footerTimer = null;
       }
     },
+
+    // 工具：解绑当前视频轨道
+    detachCurrentTrack() {
+      try {
+        const videoElm = document.getElementById('video-contain')
+        if (this.curSpeakerTrack && videoElm) {
+          this.curSpeakerTrack.detach(videoElm)
+        }
+      } catch (e) {}
+    },
+    // 工具：切换当前讲话者为本地参会者
+    switchToLocalAsCurrentSpeaker() {
+      try {
+        const lp = this.liveClient?.room?.localParticipant
+        this.detachCurrentTrack()
+        if (lp) {
+          this.curSpeaker = {
+            identity: lp.identity,
+            name: lp.name,
+            isLocal: true,
+          }
+          this.curSpeakerCameraStatus = this.roomMode === 'auto' ? !!lp.isCameraEnabled : false
+          this.curSpeakerMicrophoneStatus = !!lp.isMicrophoneEnabled
+          // 立即尝试绑定已知的本地轨道（如存在），后续仍会由 videoCallRender 纠正
+          if (this.roomMode === 'auto') {
+            const track = this.trackData?.videoTrack
+            if (track && this.curSpeakerCameraStatus) {
+              this.curSpeakerTrack = track
+              this.initVideoAttach()
+            }
+          } else {
+            this.curSpeakerTrack = null
+          }
+        }
+      } catch (e) {}
+    }
   },
 }
 </script>
@@ -318,6 +434,25 @@ export default {
         border-radius: 4px;
         object-fit: contain;
       }
+      // 与 liveMultipleMeeting 保持一致的缺省板样式
+      .board {
+        position: absolute;
+        width: 100%;
+        height: 100%;
+        left: 0;
+        top: 0;
+        z-index: 30;
+        display: flex;
+        align-items: center;
+        justify-content: center;
+        background: var(--meeting-board-bg) no-repeat center / 100% 100%;
+        .board-icon {
+          width: 20%;
+          height: auto;
+          aspect-ratio: 1/1;
+          background: url("../../assets/image/common/default_avatar.png") no-repeat center / 100% 100%;
+        }
+      }
       .describe {
         position: absolute;
         bottom: 6px;

package/src/components/other/addressBook.vue

@@ -47,6 +47,31 @@
               </template>
             </vue-virtual-tree>
 
+            <!-- 会议终端树 -->
+             <vue-virtual-tree
+              v-show="activeTab === '会议终端'"
+              ref="terminalTreeRef"
+              :data="terminalTreeData"
+              :props="{ children: 'children', label: 'label' }"
+              node-key="id"
+              show-checkbox
+              :height="dynamicTreeHeight"
+              :item-height="36"
+              @check="handleNodeCheck"
+              :filter-node-method="filterNode"
+            >
+              <template #default="{ node, data }">
+                <span class="custom-tree-node">
+                  <span class="custom-tree-node-label" :title="node.label" v-if="data.isDept">{{
+                    node.label
+                  }}</span>
+                  <span class="custom-tree-node-user" v-else>
+                    <span :class="['custom-tree-node-icon']"></span>
+                    <span class="custom-tree-node-label" :title="node.label">{{ node.label }}</span>
+                  </span>
+                </span>
+              </template>
+            </vue-virtual-tree>
             <!-- 应用树 -->
             <vue-virtual-tree
               v-show="activeTab === '人员'"
@@ -192,6 +217,15 @@
               <div class="label">
                 <span :class="['custom-item-icon', getInviteItemIconClass(item)]"></span>
                 <span>{{ item.label }}</span>
+                <!-- 会议终端：小输入框编辑会议ID，Enter/失焦提交 -->
+                <el-input
+                  v-if="item.source === '会议终端' && item.callMethod == 1"
+                  v-model="item._callMeetingID"
+                  class="terminal-id-input"
+                  placeholder="请输入会议ID"
+                  @keyup.enter="confirmTerminalMeetingId(item)"
+                  @blur="confirmTerminalMeetingId(item)"
+                />
                 <span :class="getChosenItemPlatformClass(item)"></span>
               </div>
               <div class="close" @click="removeInviteItem(item)"></div>
@@ -234,7 +268,7 @@
 
 <script>
 import { debounce } from "lodash-es";
-import { mittBus, ShowMessage, deleteCommonGroupAndUser, getAddressOrgTree, getAddressAppTree, getCommonOrgTree, queryEquipmentAddressBook, queryMonitorAddressBook, getVolteAddressBook } from "../../utils/index";
+import { mittBus, ShowMessage, deleteCommonGroupAndUser, getAddressOrgTree, getAddressAppTree, getCommonOrgTree, queryEquipmentAddressBook, queryMonitorAddressBook, getVolteAddressBook, getMeetingRoomAddressBook, updateConfTerminal } from "../../utils/index";
 import VueVirtualTree from "@fit2cloud-ui/vue-virtual-tree";
 import CustomGroupDialog from "./customGroupDialog.vue";
 import EditGroupDialog from "./editGroupDialog.vue";
@@ -263,6 +297,12 @@ export default {
       type: String,
       default: "",
     },
+    tabList: {
+      type: Array,
+      default: () => {
+        return ["组织架构", "人员", "会议终端", "volte", "设备", "监控", "常用分组"];
+      },
+    }
   },
   data() {
     return {
@@ -270,6 +310,7 @@ export default {
       
       // 树数据
       treeData: [],
+      terminalTreeData: [],
       appTreeData: [],
       volteTreeData: [],
       groupTreeData: [],
@@ -278,7 +319,6 @@ export default {
       
       // 标签页相关
       activeTab: "组织架构",
-      tabList: ["组织架构", "人员", "volte", "设备", "监控", "常用分组"],
       
       // 搜索相关
       filterText: "",
@@ -344,17 +384,17 @@ export default {
     
     // 监听对话框显示状态
     isaddressShow: {
-      async handler(newVal) {
+      handler(newVal) {
         if (newVal) {
           // 初始化选中状态
           this.isSyncing = true;
           this.chosenList = [...this.tempInviteList];
-          await this.$nextTick();
-          this.syncTreeSelectionFromChosenList();
-          // 更新树高度
-          await this.$nextTick();
-          this.updateTreeHeight();
-          this.isSyncing = false;
+          this.$nextTick(() => {
+            this.syncTreeSelectionFromChosenList();
+            // 更新树高度
+            this.updateTreeHeight();
+            this.isSyncing = false;
+          });
         }
       }
     }
@@ -377,7 +417,9 @@ export default {
         this.$refs.equipmentTreeRef.filter(val);
       } else if (this.activeTab === "监控" && this.$refs.monitorTreeRef) {
         this.$refs.monitorTreeRef.filter(val);
-      }
+      } else if (this.activeTab === "会议终端" && this.$refs.terminalTreeRef) {
+        this.$refs.terminalTreeRef.filter(val);
+      } 
     }, 300);
     
     // 监听mitt事件
@@ -460,7 +502,20 @@ export default {
         this.monitorTreeData = res.data.data;
       }
     },
-    
+    // 获取会议终端树数据
+    async getTerminalTreeData() {
+      try {
+        const res = await getMeetingRoomAddressBook({}, { baseUrl: this.baseUrl, token: this.token });
+        if (res.data?.code == 200) {
+          const data = res.data?.data || [];
+          this.terminalTreeData = data.length > 0 ? data : [];
+        } else {
+          this.terminalTreeData = [];
+        }
+      } catch (e) {
+        this.terminalTreeData = [];
+      }
+    },
     // 获取所有树数据
     async getAllTreeData() {
       await this.getOrgTreeData();
@@ -469,6 +524,7 @@ export default {
       await this.getGroupTreeData();
       await this.getEquipmentTreeData();
       await this.getMonitorTreeData();
+      await this.getTerminalTreeData();
     },
     
     // 过滤树节点的方法 - 虚拟树使用filter-node-method
@@ -496,16 +552,20 @@ export default {
         // 修改判断条件，只有当isDept为false时，才是叶子节点
         // isDept为true的节点(即使是空数组)都视为非叶子节点
         if (!node.isDept) {
-          leafNodes.push({
-            ...node,
-            source: this.activeTab, // 记录节点来源于哪个树
-          });
+          leafNodes.push(this.prepareChosenUser(node, this.activeTab));
         }
       });
 
       return leafNodes;
     },
-    
+    // 构建已选用户对象：当来源为“会议终端”时，初始化 _callMeetingID，避免输入框为空
+    prepareChosenUser(raw, source) {
+      const user = { ...raw, source };
+      if (source === '会议终端') {
+        user._callMeetingID = raw?.callMeetingID ?? '';
+      }
+      return user;
+    },
     // 更新chosenList，保留其他树的选中状态
     updateChosenListWithLeafNodes(newLeafNodes) {
       // 从chosenList中过滤掉当前激活树的节点
@@ -565,6 +625,8 @@ export default {
         this.$refs.equipmentTreeRef.setCheckedKeys([]);
       } else if (this.activeTab === "监控" && this.$refs.monitorTreeRef) {
         this.$refs.monitorTreeRef.setCheckedKeys([]);
+      } else if (this.activeTab === "会议终端" && this.$refs.terminalTreeRef) {
+        this.$refs.terminalTreeRef.setCheckedKeys([]);
       }
       
       // 然后根据chosenList设置选中状态
@@ -594,6 +656,10 @@ export default {
         selectedIds.forEach((id) => {
           this.$refs.monitorTreeRef.setChecked(id, true, false);
         });
+      } else if (this.activeTab === "会议终端" && this.$refs.terminalTreeRef) {
+        selectedIds.forEach((id) => {
+          this.$refs.terminalTreeRef.setChecked(id, true, false);
+        });
       }
     },
     
@@ -666,11 +732,11 @@ export default {
         this.showMessage.message("error", "请先选择要添加的人员");
         return;
       }
-      if(this.tempInviteList.some((item) => item.source === '设备' || item.source === '监控')) {
+      if(this.tempInviteList.some((item) => item.source === '设备' || item.source === '监控' || item.source === '会议终端')) {
         this.showMessage.message("info", "设备和监控人员暂不支持添加分组, 将不会被添加到常用分组");
       }
       // 确保数据格式正确
-      const formattedList = this.tempInviteList.filter((item) => item.source !== '设备' && item.source !== '监控').map((item) => {
+      const formattedList = this.tempInviteList.filter((item) => item.source !== '设备' && item.source !== '监控' && item.source !== '常用分组' && item.source !== '会议终端').map((item) => {
         return {
           id: item.id,
           label: item.label,
@@ -737,12 +803,33 @@ export default {
         if( this.$refs.volteTreeRef) {
           this.$refs.volteTreeRef.setChecked(item.id, false);
         }
+        if (this.$refs.terminalTreeRef) {
+          this.$refs.terminalTreeRef.setChecked(item.id, false);
+        }
         this.$nextTick(() => {
           this.isSyncing = false;
         });
       }
     },
 
+    // 更新会议终端会议ID（Enter/失焦）
+    async confirmTerminalMeetingId(user) {
+      const newId = (user._callMeetingID || '').toString().trim()
+      const oldId = (user.callMeetingID || '').toString().trim()
+      if (newId === oldId) return
+      try {
+        const res = await updateConfTerminal({ id: user.id, callMeetingID: newId }, { baseUrl: props.baseUrl, token: props.token })
+        if (res.data?.code == 200) {
+          user.callMeetingID = newId
+          this.showMessage.message('success', '会议ID已更新')
+        } else {
+          this.showMessage.message('error', res.data?.msg || '更新会议ID失败')
+        }
+      } catch (e) {
+        this.showMessage.message('error', e.message || '网络异常，更新会议ID失败')
+      }
+    },
+
     cancel() {
       this.tempInviteList = [];
       this.isaddressShow = false;
@@ -750,7 +837,7 @@ export default {
 
     confirm() {
       // 转换数据格式以保持向后兼容
-      const convertedList = this.tempInviteList.filter((item) => item.source !== '设备' && item.source !== '监控').map((item) => {
+      const convertedList = this.tempInviteList.filter((item) => item.source !== '设备' && item.source !== '监控' && item.source !== '会议终端').map((item) => {
         return {
           ...item,
         };
@@ -760,11 +847,17 @@ export default {
           ...item,
         };
       });
-
+      const convertedTerminalList = this.tempInviteList.filter(item => item.source === '会议终端')
+        .map(item => {
+          return {
+            ...item,
+          }
+        })
       this.$emit("inviteListUpdate", convertedList);
       if (this.isInner) {
         this.$emit("appendInvitePeople", convertedList);
         this.$emit("appendInviteDevice", convertedDeviceList);
+        this.$emit("appendInviteTerminal", convertedTerminalList);
       }
       this.isaddressShow = false;
     },
@@ -1134,6 +1227,30 @@ export default {
             font-size: 16px;
             color: var(--theme-font-color);
 
+            :deep(.el-input) {
+              margin-left: 8px;
+              width: 100px;
+              line-height: 28px;
+              height: 28px;
+              border: none;
+              .el-input__inner {
+                box-shadow: none;
+                background-color: transparent;
+                border-radius: 0px;
+                border: none;
+                border-bottom: 1px solid var(--input-border-color);
+                padding: 0 6px;
+                color: var(--theme-font-color);
+                font-size: 14px;
+                font-weight: 400;
+                line-height: 28px;
+                &::placeholder {
+                  color: var(--input-placeholder-color);
+                  font-family: var(--main-font);
+                }
+              }
+            }
+
             .custom-item-icon {
               width: 20px;
               height: 20px;

package/src/components/other/appointDialog.vue

@@ -123,7 +123,7 @@ export default {
 .appoint-dialog {
   width: 220px;
   position: absolute;
-  z-index: 100;
+  z-index: 3000;
   background: var(--dialog-bg);
   box-shadow: 0px 0px 8px 0px var(--dialog-shadow-color);
   border-radius: 8px;