update code

This commit is contained in:
2022-01-14 20:22:35 +07:00
parent 6ad59b245c
commit ad13ef2753
18 changed files with 994 additions and 141 deletions

View File

@@ -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={[]}