src/page/Home/Index/index.module.scss

@@ -153,19 +153,3 @@
     }
   }
 }
-
-.createRoom {
-  >div {
-    display: flex;
-    align-items: center;
-    margin-bottom: 14px;
-
-    >span {
-      color: white;
-      flex-shrink: 0;
-      font-size: 14px;
-      text-align: right;
-      width: 70px;
-    }
-  }
-}

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: number, year: string }>({
+  const [createRoomFrom, setCreateRoomFrom] = useState<{ id: string, roomName: string, roomNum: string, subject: string, year: string }>({
     id: "",
     roomName: "",
     roomNum: "",
-    subject: 0,
+    subject: "",
-    year: "0"
+    year: ""
   })
   const joinSettingRef = useRef<any>();
   const stupWizardRef = useRef<any>();
@@ -185,8 +185,8 @@ const Index: React.FC = () => {
               setCreateRoomFrom({
                 roomName: "",
                 roomNum: "",
-                subject: 0,
+                subject: "",
-                year: "0",
+                year: "",
                 id: "",
               })
               getSubDpList()
@@ -345,91 +345,79 @@ const Index: React.FC = () => {
       </div>
       <Modal title={isCreateRoom ? '新建会议室' : '修改会议信息'} open={createRoomModal} footer={null} closable={false} centered width={'400px'}>
         <div>
-          <div className={styles.createRoom}>
+          <div>
-            {isCreateRoom ? <div>
+            {isCreateRoom ? <Input
-              <span>房间号：</span>
+              placeholder="请输入房间号"
-              <Input
+              style={{ marginBottom: '14px' }}
-                placeholder="请输入房间号"
+              className={styles.letterSpacing}
-                style={{ flexGrow: 1 }}
+              showCount
-                className={styles.letterSpacing}
+              maxLength={8}
-                showCount
+              value={createRoomFrom.roomNum}
-                maxLength={8}
+              onChange={(e) => {
-                value={createRoomFrom.roomNum}
+                const regex = /^[0-9]*$/;
-                onChange={(e) => {
+                if (regex.test(e.target.value)) {
-                  const regex = /^[0-9]*$/;
+                  setCreateRoomFrom({
-                  if (regex.test(e.target.value)) {
+                    ...createRoomFrom,
-                    setCreateRoomFrom({
+                    roomNum: e.target.value
-                      ...createRoomFrom,
+                  })
-                      roomNum: e.target.value
-                    })
-                  }
-                }}
-                suffix={
-                  <span
-                    style={{ color: '#47D3D0', cursor: 'pointer' }}
-                    onClick={() => {
-                      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(),
-                      })
-                    }}
-                  >获取随机房间号
-                  </span>
                 }
-              />
+              }}
-            </div> : null}
+              suffix={
-            <div>
+                <span
-              <span>房间名字：</span>
+                  style={{ color: '#47D3D0', cursor: 'pointer' }}
-              <Input.TextArea
+                  onClick={() => {
-                placeholder="请输入房间名字"
+                    function generateTimestampWithRandom(): string {
-                style={{ flexGrow: 1 }}
+                      const timestamp = new Date().getTime();
-                showCount
+                      const lastSixDigits = timestamp.toString().slice(-6);
-                maxLength={30}
+                      const randomTwoDigits = ('0' + Math.floor(Math.random() * 100)).slice(-2);
-                value={createRoomFrom.roomName}
+                      return lastSixDigits + randomTwoDigits;
-                onChange={(e) => {
+                    }
-                  setCreateRoomFrom({
-                    ...createRoomFrom,
-                    roomName: e.target.value
-                  })
-                }}
-                autoSize />
-            </div>
-            <div>
-              <span>届：</span>
-              <Input
-                placeholder="请输入届"
-                style={{ flexGrow: 1 }}
-                value={createRoomFrom.year}
-                onChange={(e) => {
-                  const regex = /^[0-9]*$/;
-                  if (regex.test(e.target.value)) {
                     setCreateRoomFrom({
                       ...createRoomFrom,
-                      year: e.target.value
+                      roomNum: generateTimestampWithRandom(),
                     })
-                  }
+                  }}
-                }}
+                >获取随机房间号
-              />
+                </span>
-            </div>
+              }
-            <div>
+            /> : null}
-              <span>学科：</span>
+            <Input.TextArea
-              <Select
+              placeholder="请输入房间名字"
-                placeholder='请选择学科'
+              style={{ marginBottom: '14px' }}
-                style={{ flexGrow: 1 }}
+              showCount
-                options={subjectList}
+              maxLength={30}
-                value={createRoomFrom.subject} onChange={(e) => {
+              value={createRoomFrom.roomName}
+              onChange={(e) => {
+                setCreateRoomFrom({
+                  ...createRoomFrom,
+                  roomName: e.target.value
+                })
+              }}
+              autoSize />
+            <Input
+              placeholder="请输入届"
+              style={{ marginBottom: '14px' }}
+              value={createRoomFrom.year}
+              onChange={(e) => {
+                const regex = /^[0-9]*$/;
+                if (regex.test(e.target.value)) {
                   setCreateRoomFrom({
                     ...createRoomFrom,
-                    subject: e
+                    year: e.target.value
                   })
-                }} />
+                }
-            </div>
+              }}
+            />
+            <Select
+              placeholder='请选择学科'
+              style={{ width: '100%', marginBottom: '14px' }}
+              options={subjectList}
+              value={createRoomFrom.subject === "" ? null : createRoomFrom.subject} onChange={(e) => {
+                setCreateRoomFrom({
+                  ...createRoomFrom,
+                  subject: e
+                })
+              }} />
           </div>
           <div style={{
             display: 'flex', justifyContent: 'center'
@@ -445,6 +433,9 @@ const Index: React.FC = () => {
               if (!createRoomFrom.year) {
                 return message.error('请输入届！')
               }
+              if (createRoomFrom.subject === "") {
+                return message.error('请选择学科！')
+              }
               if (isCreateRoom) {
                 isGetCheckoutRoomNum(createRoomFrom.roomNum, (bool: boolean) => {
                   if (bool) {

src/page/Home/User/index.tsx

@@ -31,8 +31,8 @@ const User: React.FC = () => {
     RoleId: null,
     Pwd: "",
     UserName: "",
-    subject: 0,
+    subject: null,
-    year: '0',
+    year: "",
   })
   const [changeUserPawModal, setChangeUserPawModal] = useState(false)
   const [changeImportModal, setChangeImportModal] = useState(false)
@@ -151,8 +151,8 @@ const User: React.FC = () => {
                       RoleId: null,
                       Pwd: "",
                       UserName: "",
-                      subject: 0,
+                      subject: null,
-                      year: '0',
+                      year: "",
                     })
                     setAddUserModal(true)
                   }
@@ -181,8 +181,8 @@ const User: React.FC = () => {
                         RoleId: null,
                         Pwd: "",
                         UserName: "",
-                        subject: 0,
+                        subject: null,
-                        year: '0',
+                        year: "",
                       })
                       setAddUserModal(true)
                     }
@@ -426,6 +426,9 @@ const User: React.FC = () => {
               if (!addUserFrom.year) {
                 return message.error('请输入届！')
               }
+              if (addUserFrom.subject === null) {
+                return message.error('请选择学科！')
+              }
               if (isCreateUser === 'add') {
                 await PostUser({
                   ...addUserFrom,