@@ -2,14 +2,13 @@ | |||||
import { | import { | ||||
Grid, TextField, Typography, Button | Grid, TextField, Typography, Button | ||||
} from '@mui/material'; | } from '@mui/material'; | ||||
import { DatePicker } from '@mui/x-date-pickers/DatePicker'; | |||||
import { AdapterDayjs } from '@mui/x-date-pickers/AdapterDayjs'; | import { AdapterDayjs } from '@mui/x-date-pickers/AdapterDayjs'; | ||||
import { LocalizationProvider } from '@mui/x-date-pickers/LocalizationProvider'; | import { LocalizationProvider } from '@mui/x-date-pickers/LocalizationProvider'; | ||||
import MainCard from "../../components/MainCard"; | import MainCard from "../../components/MainCard"; | ||||
import * as React from "react"; | import * as React from "react"; | ||||
import {useForm} from "react-hook-form"; | import {useForm} from "react-hook-form"; | ||||
import {useEffect, useState} from "react"; | import {useEffect, useState} from "react"; | ||||
//import * as DateUtils from '../../utils/DateUtils'; | |||||
import * as DateUtils from '../../utils/DateUtils'; | |||||
import * as HttpUtils from '../../utils/HttpUtils'; | import * as HttpUtils from '../../utils/HttpUtils'; | ||||
import * as UrlUtils from "../../utils/ApiPathConst"; | import * as UrlUtils from "../../utils/ApiPathConst"; | ||||
import {useNavigate} from "react-router-dom"; | import {useNavigate} from "react-router-dom"; | ||||
@@ -39,7 +38,7 @@ const OrganizationCard_loadFromUser = ({userData, id}) => { | |||||
userData["faxNumber"] = userData.faxNo?.faxNumber; | userData["faxNumber"] = userData.faxNo?.faxNumber; | ||||
userData["fax_countryCode"] = userData.faxNo?.countryCode; | userData["fax_countryCode"] = userData.faxNo?.countryCode; | ||||
userData["brExpiryDate"] = userData.brExpiryDate?userData.brExpiryDate: ""; | |||||
userData["brExpiryDate"] = userData.brExpiryDate?DateUtils.dateStr(userData.brExpiryDate): ""; | |||||
userData["brExpiryDateTemp"] = userData.brExpiryDateTemp?userData.brExpiryDate: ""; | userData["brExpiryDateTemp"] = userData.brExpiryDateTemp?userData.brExpiryDate: ""; | ||||
}else{ | }else{ | ||||
setCreateMode(id==0); | setCreateMode(id==0); | ||||
@@ -192,13 +191,10 @@ const OrganizationCard_loadFromUser = ({userData, id}) => { | |||||
<Grid item xs={7} s={7} md={7} lg={6}> | <Grid item xs={7} s={7} md={7} lg={6}> | ||||
<LocalizationProvider fullWidth dateAdapter={AdapterDayjs}> | <LocalizationProvider fullWidth dateAdapter={AdapterDayjs}> | ||||
<DatePicker | |||||
<TextField | |||||
fullWidth | fullWidth | ||||
{...register("brExpiryDate")} | {...register("brExpiryDate")} | ||||
id='brExpiryDate' | id='brExpiryDate' | ||||
name='brExpiryDate' | |||||
/> | /> | ||||
</LocalizationProvider> | </LocalizationProvider> | ||||
</Grid> | </Grid> | ||||
@@ -1,7 +1,8 @@ | |||||
// material-ui | // material-ui | ||||
import { | import { | ||||
Grid, TextField, Typography, Button, | Grid, TextField, Typography, Button, | ||||
OutlinedInput, FormHelperText, Autocomplete | |||||
Autocomplete, | |||||
// OutlinedInput, FormHelperText | |||||
} from '@mui/material'; | } from '@mui/material'; | ||||
import MainCard from "../../components/MainCard"; | import MainCard from "../../components/MainCard"; | ||||
import * as React from "react"; | import * as React from "react"; | ||||
@@ -76,7 +77,7 @@ const UserInformationCard_Organization = ({userData, loadDataFun}) => { | |||||
userData["faxNumber"] = userData.faxNo?.faxNumber; | userData["faxNumber"] = userData.faxNo?.faxNumber; | ||||
userData["fax_countryCode"] = userData.faxNo?.countryCode; | userData["fax_countryCode"] = userData.faxNo?.countryCode; | ||||
userData["brExpiryDate"] = userData.brExpiryDate?DateUtils.convertToDate(brExpiryDate):""; | |||||
userData["brExpiryDate"] = userData.brExpiryDate?DateUtils.dateStr(brExpiryDate):""; | |||||
setDistrict(userData.district); | setDistrict(userData.district); | ||||
@@ -121,7 +122,7 @@ const UserInformationCard_Organization = ({userData, loadDataFun}) => { | |||||
chCompanyName: _data.chCompanyName, | chCompanyName: _data.chCompanyName, | ||||
emailVerifyHash: orgId, | emailVerifyHash: orgId, | ||||
brNo: _data.brNo, | brNo: _data.brNo, | ||||
brExpiryDate: formik.values.brExpiryDate, | |||||
//brExpiryDate: _data.brExpiryDate, | |||||
}, | }, | ||||
onSuccess: function(){ | onSuccess: function(){ | ||||
@@ -669,6 +670,13 @@ const UserInformationCard_Organization = ({userData, loadDataFun}) => { | |||||
</Grid> | </Grid> | ||||
<Grid item xs={7} s={7} md={7} lg={6}> | <Grid item xs={7} s={7} md={7} lg={6}> | ||||
<TextField | |||||
fullWidth | |||||
{...register("brExpiryDate")} | |||||
id='brExpiryDate' | |||||
disabled={!editMode} | |||||
/> | |||||
{/* { | |||||
<OutlinedInput | <OutlinedInput | ||||
fullWidth | fullWidth | ||||
disabled={!editMode} | disabled={!editMode} | ||||
@@ -677,7 +685,7 @@ const UserInformationCard_Organization = ({userData, loadDataFun}) => { | |||||
id="brExpiryDate" | id="brExpiryDate" | ||||
type="date" | type="date" | ||||
value={formik.values.brExpiryDate} | value={formik.values.brExpiryDate} | ||||
format="dd/MM/yyyy" | |||||
format="yyyy-MM-" | |||||
name="brExpiryDate" | name="brExpiryDate" | ||||
onChange={formik.handleChange} | onChange={formik.handleChange} | ||||
placeholder="與與商業登記證相同如有" | placeholder="與與商業登記證相同如有" | ||||
@@ -689,11 +697,12 @@ const UserInformationCard_Organization = ({userData, loadDataFun}) => { | |||||
}, | }, | ||||
}} | }} | ||||
/> | /> | ||||
{formik.touched.brExpiryDate && formik.errors.brExpiryDate && ( | |||||
<FormHelperText error id="brExpiryDate"> | |||||
{formik.errors.brExpiryDate} | |||||
</FormHelperText> | |||||
)} | |||||
// {formik.touched.brExpiryDate && formik.errors.brExpiryDate && ( | |||||
// <FormHelperText error id="brExpiryDate"> | |||||
// {formik.errors.brExpiryDate} | |||||
// </FormHelperText> | |||||
// )} | |||||
} */} | |||||
</Grid> | </Grid> | ||||
</Grid> | </Grid> | ||||
</Grid> | </Grid> | ||||
@@ -77,25 +77,6 @@ export default function UserTable({recordList}) { | |||||
headerName: 'Sub-Division', | headerName: 'Sub-Division', | ||||
flex: 1, | flex: 1, | ||||
}, | }, | ||||
{ | |||||
id: 'lotusNotesUser', | |||||
field: 'lotusNotesUser', | |||||
type: 'bool', | |||||
headerName: 'Lotus Notes User', | |||||
flex: 1, | |||||
renderCell: (params) => { | |||||
return ( | |||||
<Checkbox | |||||
theme={theme} | |||||
key="locked" | |||||
checked={params.row.lotusNotesUser} | |||||
color="primary" | |||||
size="small" | |||||
//onChange={handleChange} | |||||
/> | |||||
); | |||||
}, | |||||
}, | |||||
{ | { | ||||
id: 'locked', | id: 'locked', | ||||
field: 'locked', | field: 'locked', | ||||
@@ -7,7 +7,7 @@ export const datetimeStr = (date) =>{ | |||||
export const dateStr = (date) =>{ | export const dateStr = (date) =>{ | ||||
date = convertToDate(date); | date = convertToDate(date); | ||||
return dayjs(date).format("DD-MM-YYYY") | |||||
return dayjs(date).format("YYYY-MM-DD") | |||||
}; | }; | ||||
export const convertToDate = (date)=>{ | export const convertToDate = (date)=>{ | ||||
@@ -15,7 +15,7 @@ export const convertToDate = (date)=>{ | |||||
return new Date(date[0],date[1],date[2],date[3],date[4],date[5]); | return new Date(date[0],date[1],date[2],date[3],date[4],date[5]); | ||||
} | } | ||||
if(typeof date == 'number'){ | if(typeof date == 'number'){ | ||||
return new Date(date); | |||||
return dayjs(date*1000); | |||||
} | } | ||||
return date; | return date; | ||||
} | } |