update code
This commit is contained in:
@@ -19,6 +19,9 @@ const ModalUser = (props) => {
|
||||
|
||||
const [form] = Form.useForm()
|
||||
|
||||
const [listOptions, setListOption] = useState([])
|
||||
|
||||
|
||||
|
||||
const [birthday, setBirthday] = useState(moment())
|
||||
const [crrData, setCrrData] = useState(null);
|
||||
@@ -40,39 +43,28 @@ const ModalUser = (props) => {
|
||||
|
||||
useEffect(() => {
|
||||
setCrrData(data);
|
||||
console.log(data)
|
||||
// setCrrImages(data.sample_images)
|
||||
// setBirthday(data.birthday !== "" ? moment(data.birthday) : null)
|
||||
// setDisableBtn(data._id ? false : true)
|
||||
// setHostImg(data.image_host)
|
||||
// return () => {
|
||||
// setCrrData(null);
|
||||
// }
|
||||
}, [data]);
|
||||
|
||||
useEffect(() => {
|
||||
getLevel()
|
||||
}, [])
|
||||
|
||||
// const handleCheckedImg = (event, value) => {
|
||||
// let newListChecked = { ...listChecked }
|
||||
// if (newListChecked.url.indexOf(event.target.value) === -1) {
|
||||
// newListChecked.url.push(event.target.value)
|
||||
// } else {
|
||||
// var i = newListChecked.url.indexOf(event.target.value);
|
||||
// if (i !== -1) {
|
||||
// newListChecked.url.splice(i, 1);
|
||||
// }
|
||||
// }
|
||||
// setListChecked(newListChecked)
|
||||
|
||||
// }
|
||||
|
||||
// useEffect(() => {
|
||||
// if (crrImages.length > 0) {
|
||||
// let crrDateImg = crrImages[crrIdx]
|
||||
// let getDateImg = crrDateImg !== "" && crrDateImg.split("_")
|
||||
// let dataImg = getDateImg.length > 0 && getDateImg[1].slice(0,6)
|
||||
// setDateImg(dataImg)
|
||||
// }
|
||||
// },[crrImages,crrIdx])
|
||||
const getLevel = async () => {
|
||||
let result = await axios.get(`${HOST}/api/levels/company/1`)
|
||||
if (result.data.status === 10000) {
|
||||
var listOptions = []
|
||||
for (let i = 0; i < result.data.data.length; i++) {
|
||||
const element = result.data.data[i];
|
||||
console.log(element.name)
|
||||
listOptions.push(<Option key={element._id}>{element.name}</Option>);
|
||||
}
|
||||
setListOption(listOptions)
|
||||
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
const click_handle = async () => {
|
||||
let dataPost = {
|
||||
@@ -84,7 +76,7 @@ const ModalUser = (props) => {
|
||||
birthday: crrData.birthday,
|
||||
gender: crrData?.gender ? crrData.gender : "",
|
||||
phone_number: crrData?.phone_number ? crrData?.phone_number : "",
|
||||
role_id_list: selectedRole
|
||||
level_obj_id: selectedRole
|
||||
}
|
||||
const result = await axios({
|
||||
method: 'POST',
|
||||
@@ -105,6 +97,7 @@ const ModalUser = (props) => {
|
||||
timer: 1500,
|
||||
buttons: false,
|
||||
})
|
||||
onHide()
|
||||
} else {
|
||||
swal({
|
||||
icon: 'success',
|
||||
@@ -140,10 +133,7 @@ const ModalUser = (props) => {
|
||||
setCrrData({ ...crrData, birthday: moment(date).format("YYYY-MM-DD") })
|
||||
}
|
||||
|
||||
const listOptions = [];
|
||||
for (let i = 10; i < 36; i++) {
|
||||
listOptions.push(<Option key={i.toString(36) + i + "key"}>{i.toString(36) + i + "value"}</Option>);
|
||||
}
|
||||
|
||||
|
||||
const handleChangeSelect = (value) => {
|
||||
setSelectedRole(value)
|
||||
@@ -185,7 +175,7 @@ const ModalUser = (props) => {
|
||||
full_name: crrData?.full_name,
|
||||
gender: crrData?.gender,
|
||||
username: crrData?.username,
|
||||
role_id_list: crrData?.role_id_list,
|
||||
level_obj_id: crrData?.level_obj_id,
|
||||
phone_number: crrData?.phone_number
|
||||
}}
|
||||
>
|
||||
@@ -196,8 +186,8 @@ const ModalUser = (props) => {
|
||||
required: true,
|
||||
message: ""
|
||||
},{
|
||||
pattern: /^(?=.{5,20}$)(?![_.])(?!.*[_.]{2})[a-zA-Z0-9._]+$/,
|
||||
message: 'Tên đăng nhập có độ dài từ 5-20 ký tự,không có khoảng trắng và ký tự đặc biệt',
|
||||
pattern: /^(?=.{3,20}$)(?![_.])(?!.*[_.]{2})[a-zA-Z0-9._]+$/,
|
||||
message: 'Tên đăng nhập có độ dài từ 3-20 ký tự,không có khoảng trắng và ký tự đặc biệt',
|
||||
}
|
||||
]}
|
||||
>
|
||||
@@ -244,7 +234,7 @@ const ModalUser = (props) => {
|
||||
defaultValue={crrData?.birthday ? moment(birthday, 'DD-MM-YYYY') : null}
|
||||
format={'DD-MM-YYYY'}
|
||||
onChange={e => onChangeBirthday(e)}
|
||||
placeholder="Ngày sinh"
|
||||
placeholder="DD-MM-YYY"
|
||||
/>
|
||||
</Form.Item>
|
||||
|
||||
@@ -257,12 +247,12 @@ const ModalUser = (props) => {
|
||||
|
||||
<Form.Item
|
||||
label="Quyền"
|
||||
name="role_id_list"
|
||||
name="level_obj_id"
|
||||
|
||||
>
|
||||
<Select
|
||||
mode="multiple"
|
||||
allowClear
|
||||
// mode="multiple"
|
||||
// allowClear
|
||||
style={{ width: '100%' }}
|
||||
placeholder="Chọn quyền"
|
||||
defaultValue={[]}
|
||||
|
||||
Reference in New Issue
Block a user