| @@ -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; | ||||
| } | } | ||||