diff --git a/src/components/EquipmentManagement/index.module.scss b/src/components/EquipmentManagement/index.module.scss index 81c70fe..8cbea9c 100644 --- a/src/components/EquipmentManagement/index.module.scss +++ b/src/components/EquipmentManagement/index.module.scss @@ -3,6 +3,7 @@ >div { display: flex; align-items: center; + margin-bottom: 10px; >span { color: #EEEEEE; @@ -15,5 +16,6 @@ >div:nth-child(2) { display: flex; justify-content: center; + margin-top: 20px; } } \ No newline at end of file diff --git a/src/components/EquipmentManagement/index.tsx b/src/components/EquipmentManagement/index.tsx index 645ae7a..90f235b 100644 --- a/src/components/EquipmentManagement/index.tsx +++ b/src/components/EquipmentManagement/index.tsx @@ -1,18 +1,30 @@ import styles from '@/components/EquipmentManagement/index.module.scss' -import { Button, Modal } from 'antd'; +import { onInvoke } from '@/utils/package/signalr'; +import { Button, Modal, Select } from 'antd'; import { useState, useImperativeHandle, forwardRef } from "react"; -// import { agora } from '@/utils/package/agora'; const EquipmentManagement = forwardRef((_props: any, ref: any) => { useImperativeHandle(ref, () => ({ - changeModal: () => { + changeModal: async (uid: string, userName: string) => { + setCallerUid(uid) + setDeviceInfo({}) + await onInvoke('getDrivers', { + uid + }) + setUserName(userName) setEquipmentManagementModal(true) + }, + setData: (data: any) => { + setDeviceInfo(data) } })) const [equipmentManagementModal, setEquipmentManagementModal] = useState(false) + const [callerUid, setCallerUid] = useState('') + const [deviceInfo, setDeviceInfo] = useState({}) + const [userName, setUserName] = useState({}) return ( <> {
摄像头 - + { + setDeviceInfo({ + ...deviceInfo, + ecordingDeviceId: e + }) + }} />;
扬声器 - +