加入项目错误提示

src/forge/Head/AddProjectModal.jsx

@@ -2,84 +2,82 @@ import React, { useState , forwardRef, useEffect } from 'react';
 import { Form , Modal , Input , Radio } from 'antd';
 import Axios from 'axios';
 import CheckProfile from '../Component/ProfileModal/Profile';
+function AddProjectModal(props){
+  const { getFieldDecorator, validateFields , setFieldsValue } = props && props.form;
+  const [ visible , setVisible ] = useState(false);
 
-export default Form.create()(
-  forwardRef((props)=>{
-    const { getFieldDecorator, validateFields , setFieldsValue } = props && props.form;
-    const [ visible , setVisible ] = useState(false);
-
-    useEffect(()=>{
-      if(!visible){
-        setFieldsValue({
-          code:undefined,
-          role:"developer"
-        })
-      }
-    },[visible])
-
-    function onOk() {
-      validateFields((error,values)=>{
-        if(!error){
-          const url = `/applied_projects.json`;
-          Axios.post(url,{
-            applied_project:{
-              ...values
-            }
-          }).then(result=>{
-            if(result && result.data){
-              setVisible(false);
-              props.showNotification("申请加入项目成功，等待审核!");
-            }
-          }).catch(error=>{})
-        }
+  useEffect(()=>{
+    if(!visible){
+      setFieldsValue({
+        code:undefined,
+        role:"developer"
       })
     }
-    function checkValue(rule, value, callback){
-      if(!value){
-        callback();
+  },[visible])
+
+  function onOk() {
+    validateFields((error,values)=>{
+      if(!error){
+        const url = `/applied_projects.json`;
+        Axios.post(url,{
+          applied_project:{
+            ...values
+          }
+        }).then(result=>{
+          if(result && result.data){
+            setVisible(false);
+            props.showNotification("申请加入项目成功，等待审核!");
+          }
+        }).catch(error=>{})
       }
+    })
+  }
+  function checkValue(rule, value, callback){
+    if(!value){
+      callback("请输入6位数的邀请码");
+    }else{
       if(value.length < 6 || value.length > 6){
         callback("请输入6位数的邀请码");
       }
-      callback();
-    }       
+    }
+  }       
 
-    return(
-      <React.Fragment>
-        <Modal
-          title="加入项目"
-          width="480px"
-          visible={visible}
-          centered={true}
-          onOk={onOk}
-          onCancel={()=>setVisible(false)}
-        >
-          <Form layout={'inline'} className="inviteForm">
-            <Form.Item label="项目邀请码">
-              {getFieldDecorator("code",{
-                rules:[
-                  {required:true,message:"请输入6位项目邀请码"},
-                  {validator:checkValue}
-                ]
-              })(
-                <Input placeholder="请输入6位项目邀请码" autoComplete={"off"} maxLength="6" style={{width:"300px"}}/>
-              )}
-            </Form.Item>
-            <Form.Item label="选择角色">
-              {getFieldDecorator("role",{
-                rules:[{required:true,message:"请选择角色"}]
-              })(
-                <Radio.Group defaultValue={"developer"}>
-                  <Radio value="manager">管理员</Radio>
-                  <Radio value="developer">开发者</Radio>
-                  <Radio value="reporter">报告者</Radio>
-                </Radio.Group>
-              )}
-            </Form.Item>
-          </Form>
-        </Modal>
-        <CheckProfile {...props} sureFunc={()=>setVisible(true)}>加入项目</CheckProfile>
-      </React.Fragment>
-    )
-  })
-)
+  return(
+    <React.Fragment>
+      <Modal
+        title="加入项目"
+        width="480px"
+        visible={visible}
+        centered={true}
+        onOk={onOk}
+        onCancel={()=>setVisible(false)}
+      >
+        <Form layout={'inline'} className="inviteForm">
+          <Form.Item label="项目邀请码">
+            {getFieldDecorator("code",{
+              rules:[
+                {required:true,message:" "},
+                {validator:checkValue}
+              ]
+            })(
+              <Input placeholder="请输入6位项目邀请码" autoComplete={"off"} maxLength={6} style={{width:"300px"}}/>
+            )}
+          </Form.Item>
+          <Form.Item label="选择角色">
+            {getFieldDecorator("role",{
+              rules:[{required:true,message:"请选择角色"}]
+            })(
+              <Radio.Group>
+                <Radio value="manager">管理员</Radio>
+                <Radio value="developer">开发者</Radio>
+                <Radio value="reporter">报告者</Radio>
+              </Radio.Group>
+            )}
+          </Form.Item>
+        </Form>
+      </Modal>
+      <CheckProfile {...props} sureFunc={()=>setVisible(true)}>加入项目</CheckProfile>
+    </React.Fragment>
+  )
+}
+export default Form.create()(forwardRef(AddProjectModal));

src/forge/Head/header.scss

@@ -127,6 +127,9 @@
     width: 110px;
     text-align: right;
   }
+  .ant-form-explain{
+    position: absolute;
+  }
 }
 
 // 右上角小铃铛单独样式

src/forge/Main/tree/Index.jsx

@@ -46,7 +46,7 @@ function Index(props) {
 
   return(
     <Spin spinning={isSpin}>
-      <div style={{paddingTop:"10px",minHeight:"400px"}}>
+      <div style={{paddingTop:"10px",minHeight:"400px",paddingBottom:"30px"}}>
         {
           list && list.length>0 && list.map((item,key)=>{
             return(

src/forge/users/InfosUser.js

@@ -147,7 +147,7 @@ class InfosUser extends Component {
 
       let list = button_lists.map((item, key) => {
         return (
-          <span key={key} className="pr15">
+          <span key={key} className={`pr15`}>
             <Button
               type={
                 (category && category === item.type) || (!category && !item.type)

src/modules/tpm/TPMIndex.css

@@ -19,7 +19,7 @@ body>.-task-title {
   min-width: 1200px;
   max-width: unset;
   height: 100%;
-  min-height: 100%;
+  min-height: 70vh;
   overflow: hidden;
 }
 .newHeaders{