LIFE用户管理 新增业务BUG完善

src/pages/UserManagement/LIFEUserManagement/UsersAdd.less

@@ -2,117 +2,117 @@
 
 //基石
 .base {
-    width: 100%;
-    background-color: #ffffff;
-    padding: 34px;
-    min-width: 1020px;
+  width: 100%;
+  background-color: #ffffff;
+  padding: 34px;
+  min-width: 1020px;
 }
 
 //头部组件
-.box{
-    width: 100%;
-    height: 64px;
-    position: relative;
-}
-.item1{
-    position: absolute;
-    width: 400px;
-    text-indent: 15px;
-    border-left: 5px solid rgba(24,144,255,1);
-    font-family:'Source Han Sans CN';
-    font-size: 18px;
-    font-weight: 600;
-    color: #000000;
+.box {
+  width: 100%;
+  height: 64px;
+  position: relative;
+}
+.item1 {
+  position: absolute;
+  width: 400px;
+  text-indent: 15px;
+  border-left: 5px solid rgba(24, 144, 255, 1);
+  font-family: 'Source Han Sans CN';
+  font-size: 18px;
+  font-weight: 600;
+  color: #000000;
+}
+.item3 {
+  width: 80px;
+  height: 32px;
+  position: absolute;
+  right: 0;
 
-}
-.item3{
-    width:80px;
-    height: 32px;
-    position: absolute;
-    right: 0;
-
-    outline: none;
-    background:none;
-    cursor: pointer;
+  outline: none;
+  background: none;
+  cursor: pointer;
 
-    border:1px solid rgba(217,217,217,1);
-    border-radius:2px;
+  border: 1px solid rgba(217, 217, 217, 1);
+  border-radius: 2px;
 }
 
-.box1{
-    width: 100%;
-    height: 34px;
-    line-height: 34px;
-    position: relative;
-    margin-bottom: 28px;
+.box1 {
+  width: 100%;
+  height: 34px;
+  line-height: 34px;
+  position: relative;
+  margin-bottom: 28px;
 }
-.box1item1{
-    position: absolute;
+.box1item1 {
+  position: absolute;
 }
-.box1item2{
-    position: absolute;
-    left: 146px;
+.box1item2 {
+  position: absolute;
+  left: 146px;
 }
 
-.box4{
-    width: 100%;
-    height: 34px;
-    line-height: 34px;
-    position: relative;
-    margin-bottom: 28px;
+.box4 {
+  width: 100%;
+  height: 34px;
+  line-height: 34px;
+  position: relative;
+  margin-bottom: 28px;
 }
-.box4item0{
-    position: absolute;
+.box4item0 {
+  position: absolute;
 }
-.box4item1{
-    position: absolute;
-    left: 146px;
+.box4item1 {
+  position: absolute;
+  left: 146px;
 }
-.box4item2{
-    position: absolute;
-    left: 346px;
+.box4item2 {
+  position: absolute;
+  left: 346px;
 }
 
-.box2{
-    width: 100%;
-    height: 34px;
-    line-height: 34px;
-    position: relative;
-    margin-bottom: 28px;
+.box2 {
+  width: 100%;
+  height: 34px;
+  line-height: 34px;
+  position: relative;
+  margin-bottom: 28px;
 }
-.box2item1{
-    position: absolute;
+.box2item1 {
+  position: absolute;
 }
-.box2item2{
-    position: absolute;
-    left: 146px;
+.box2item2 {
+  position: absolute;
+  left: 146px;
 }
-.box2item3{
-    position: absolute;
-    left: 362px;
+.box2item3 {
+  position: absolute;
+  left: 362px;
 }
-.box2item4{
-    position: absolute;
-    left: 461px;
+
+.box2item4 {
+  position: absolute;
+  left: 461px;
 }
-.box2item5{
-    position: absolute;
-    left: 475px;
+.box2item5 {
+  position: absolute;
+  left: 475px;
 }
-.box2item6{
-    position: absolute;
-    left: 561px;
+.box2item6 {
+  position: absolute;
+  left: 561px;
 }
-.box2item7{
-    position: absolute;
-    left: 583px;
+.box2item7 {
+  position: absolute;
+  left: 583px;
 }
 
-.box3{
-    width: 100%;
-    height: 34px;
-    position: relative;
-}
-.box3item1{
-    padding-left: 146px;
-}
\ No newline at end of file
+.box3 {
+  width: 100%;
+  height: 34px;
+  position: relative;
+}
+.box3item1 {
+  padding-left: 146px;
+}

src/pages/UserManagement/LIFEUserManagement/UsersAdd.tsx

@@ -10,6 +10,8 @@ import SearchOptionsCommnity from '../../../components/SearchOptions/SearchOptio
 import { checkParam, RA } from '../../../utils/method'
 import { validateMessages } from '@/utils/params';
 
+import "./UsersAddInput.less"
+
 
 const module="User"
 const UsersAdd = (props:any) => {
@@ -51,7 +53,7 @@ const UsersAdd = (props:any) => {
     if (communityInfo != null) {
       console.log(communityInfo)
       if (postman.extend != null) {
-        formRef.current.setFieldsValue({ addressAndpostalCode: communityInfo.data.rows[0].residentialAddress+" "+communityInfo.data.rows[0].residentialZipCode })
+        formRef.current.setFieldsValue({ addressAndpostalCode: communityInfo.data.rows[0].residentialAddress+" SINGAPORE"+communityInfo.data.rows[0].residentialZipCode })
       }
     }
   },[communityInfo])
@@ -62,7 +64,7 @@ const UsersAdd = (props:any) => {
         callback();
       } else {
         callback(new Error('Only numbers and letters can be entered!'));          
-        }
+      }
     }
     callback();
   };
@@ -85,12 +87,13 @@ const UsersAdd = (props:any) => {
       </div>  */}
         
       <div className={styles.box2}>
+        <div className={styles.box2item1}>Contact Details</div>
         <div className={styles.box2item2}><SearchOptionsCommnity alone={true} onSubmit={extendName} /></div>
         <div className={styles.box2item3}><Form.Item name="buildingNumber" rules={[{validator: checkData, trigger: 'blur'}]}><Input placeholder="Building" style={{width:94}}/></Form.Item></div>
         <div className={styles.box2item4}>#</div>
-        <div className={styles.box2item5}><Form.Item name="floorNumber" ><Input placeholder="Floor" style={{width:80}} /></Form.Item></div>
+        <div className={styles.box2item5}><Form.Item name="floorNumber" rules={[{validator: checkData, trigger: 'blur'}]}><Input placeholder="Floor" style={{width:80}} /></Form.Item></div>
         <div className={styles.box2item6}>——</div>
-        <div className={styles.box2item7}><Form.Item name="roomNumber"><Input placeholder="Room" style={{width:112}}/></Form.Item></div>
+        <div className={styles.box2item7}><Form.Item name="roomNumber" rules={[{validator: checkData, trigger: 'blur'}]}><Input placeholder="Room" style={{width:112}}/></Form.Item></div>
       </div>
 
       <div className={styles.box3}>

src/pages/UserManagement/LIFEUserManagement/UsersAddInput.css

+.box2item3___3VsZz .ant-form-item-explain {
+  margin-left: -80px;
+}
+.box2item5___2AZ2K .ant-form-item-explain {
+  width: 1000px;
+  position: absolute;
+  top: -25px;
+  left: -55px;
+}
+.box2item7___ePaor .ant-form-item-explain {
+  margin-left: -30px;
+}

src/pages/UserManagement/LIFEUserManagement/UsersAddInput.less

+.box2item3___3VsZz {
+  .ant-form-item-explain {
+    margin-left: -80px;
+  }
+}
+
+.box2item5___2AZ2K {
+  //   position: relative;
+
+  .ant-form-item-explain {
+    width: 1000px;
+    position: absolute;
+    top: -25px;
+    left: -55px;
+  }
+}
+
+.box2item7___ePaor {
+  .ant-form-item-explain {
+    margin-left: -30px;
+  }
+}