diff --git a/src/page/Home/Index/index.module.scss b/src/page/Home/Index/index.module.scss index 0d12ad8..6ee0fb1 100644 --- a/src/page/Home/Index/index.module.scss +++ b/src/page/Home/Index/index.module.scss @@ -152,4 +152,20 @@ letter-spacing: 0; } } +} + +.createRoom { + >div { + display: flex; + align-items: center; + margin-bottom: 14px; + + >span { + color: white; + flex-shrink: 0; + font-size: 14px; + text-align: right; + width: 70px; + } + } } \ No newline at end of file diff --git a/src/page/Home/Index/index.tsx b/src/page/Home/Index/index.tsx index 38a0415..1a23802 100644 --- a/src/page/Home/Index/index.tsx +++ b/src/page/Home/Index/index.tsx @@ -27,12 +27,12 @@ const Index: React.FC = () => { }) const [createRoomModal, setCreateRoomModal] = useState(false) const [timeSelectModal, setTimeSelectModal] = useState(false) - const [createRoomFrom, setCreateRoomFrom] = useState<{ id: string, roomName: string, roomNum: string, subject: string, year: string }>({ + const [createRoomFrom, setCreateRoomFrom] = useState<{ id: string, roomName: string, roomNum: string, subject: number, year: string }>({ id: "", roomName: "", roomNum: "", - subject: "", - year: "" + subject: 0, + year: "0" }) const joinSettingRef = useRef(); const stupWizardRef = useRef(); @@ -185,8 +185,8 @@ const Index: React.FC = () => { setCreateRoomFrom({ roomName: "", roomNum: "", - subject: "", - year: "", + subject: 0, + year: "0", id: "", }) getSubDpList() @@ -345,79 +345,91 @@ const Index: React.FC = () => {
-
- {isCreateRoom ? { - const regex = /^[0-9]*$/; - if (regex.test(e.target.value)) { - setCreateRoomFrom({ - ...createRoomFrom, - roomNum: e.target.value - }) - } - }} - suffix={ - { - function generateTimestampWithRandom(): string { - const timestamp = new Date().getTime(); - const lastSixDigits = timestamp.toString().slice(-6); - const randomTwoDigits = ('0' + Math.floor(Math.random() * 100)).slice(-2); - return lastSixDigits + randomTwoDigits; - } +
+ {isCreateRoom ?
+ 房间号: + { + const regex = /^[0-9]*$/; + if (regex.test(e.target.value)) { setCreateRoomFrom({ ...createRoomFrom, - roomNum: generateTimestampWithRandom(), + roomNum: e.target.value }) - }} - >获取随机房间号 - - } - /> : null} - { - setCreateRoomFrom({ - ...createRoomFrom, - roomName: e.target.value - }) - }} - autoSize /> - { - const regex = /^[0-9]*$/; - if (regex.test(e.target.value)) { + } + }} + suffix={ + { + function generateTimestampWithRandom(): string { + const timestamp = new Date().getTime(); + const lastSixDigits = timestamp.toString().slice(-6); + const randomTwoDigits = ('0' + Math.floor(Math.random() * 100)).slice(-2); + return lastSixDigits + randomTwoDigits; + } + setCreateRoomFrom({ + ...createRoomFrom, + roomNum: generateTimestampWithRandom(), + }) + }} + >获取随机房间号 + + } + /> +
: null} +
+ 房间名字: + { setCreateRoomFrom({ ...createRoomFrom, - year: e.target.value + roomName: e.target.value }) - } - }} - /> - { + const regex = /^[0-9]*$/; + if (regex.test(e.target.value)) { + setCreateRoomFrom({ + ...createRoomFrom, + year: e.target.value + }) + } + }} + /> +
+
+ 学科: +