Browse Source

update org user UI

master
Anna Ho 2 years ago
parent
commit
a05e1a5049
3 changed files with 21 additions and 39 deletions
  1. +15
    -27
      src/pages/pnspsUserDetailPage_Organization/UserInformationCard_Organization.js
  2. +3
    -3
      src/pages/pnspsUserSearchPage_Organization/UserSearchForm_Organization.js
  3. +3
    -9
      src/pages/pnspsUserSearchPage_Organization/UserTable_Organization.js

+ 15
- 27
src/pages/pnspsUserDetailPage_Organization/UserInformationCard_Organization.js View File

@@ -26,8 +26,7 @@ const UserInformationCard_Organization = ({userData, loadDataFun, orgData}) => {
enableReinitialize:true, enableReinitialize:true,
initialValues:currentUserData, initialValues:currentUserData,
validationSchema:yup.object().shape({ validationSchema:yup.object().shape({
enName: yup.string().max(255).required('請輸入英文姓名'),
chName: yup.string().max(255),
contactPerson: yup.string().max(255).required('請輸入姓名'),
enCompanyName: yup.string().max(255), enCompanyName: yup.string().max(255),
chCompanyName: yup.string().max(255), chCompanyName: yup.string().max(255),
addressLine1: yup.string().max(255).required('請輸入第一行地址'), addressLine1: yup.string().max(255).required('請輸入第一行地址'),
@@ -45,8 +44,6 @@ const UserInformationCard_Organization = ({userData, loadDataFun, orgData}) => {
HttpUtils.post({ HttpUtils.post({
url: UrlUtils.POST_IND_USER+"/"+userData.id, url: UrlUtils.POST_IND_USER+"/"+userData.id,
params: { params: {
chName: values.chName,
enName: values.enName,
contactTel: { contactTel: {
countryCode: values.tel_countryCode, countryCode: values.tel_countryCode,
phoneNumber: values.phoneNumber phoneNumber: values.phoneNumber
@@ -206,8 +203,8 @@ const UserInformationCard_Organization = ({userData, loadDataFun, orgData}) => {
})} })}


{FieldUtils.getTextField({ {FieldUtils.getTextField({
label:"English Name:",
valueName:"enName",
label:"Name:",
valueName:"contactPerson",
disabled:(!editMode), disabled:(!editMode),
form: formik form: formik
})} })}
@@ -221,11 +218,11 @@ const UserInformationCard_Organization = ({userData, loadDataFun, orgData}) => {




{FieldUtils.getTextField({ {FieldUtils.getTextField({
label:"Chinese Name:",
valueName:"chName",
disabled:(!editMode),
form: formik
})}
label:"Email:",
valueName:"emailBus",
disabled:(!editMode),
form: formik
})}


{FieldUtils.getPhoneField({ {FieldUtils.getPhoneField({
label:"Contact Tel:", label:"Contact Tel:",
@@ -286,12 +283,6 @@ const UserInformationCard_Organization = ({userData, loadDataFun, orgData}) => {
})} })}




{FieldUtils.getTextField({
label:"Email:",
valueName:"emailBus",
disabled:(!editMode),
form: formik
})}




<Grid item lg={4}> <Grid item lg={4}>
@@ -346,6 +337,7 @@ const UserInformationCard_Organization = ({userData, loadDataFun, orgData}) => {
form: formik form: formik
})} })}
<Grid item lg={8}></Grid>


<Grid item lg={4}> <Grid item lg={4}>
<Grid container alignItems={"center"}> <Grid container alignItems={"center"}>
@@ -372,6 +364,7 @@ const UserInformationCard_Organization = ({userData, loadDataFun, orgData}) => {
form: formik, form: formik,
})} })}
</Grid> </Grid>
{formik.values.locked? {formik.values.locked?
<Grid lg={1}> <Grid lg={1}>
<Button <Button
@@ -452,9 +445,10 @@ const UserInformationCard_Organization = ({userData, loadDataFun, orgData}) => {
form: formik form: formik
})} })}


{FieldUtils.getTextField({
label:"Contact Person:",
valueName:"contactPerson",
{FieldUtils.getComboField({
label:"Country:",
valueName:"country",
dataList: ComboData.country,
disabled:(!editMode), disabled:(!editMode),
form: formik form: formik
})} })}
@@ -489,13 +483,7 @@ const UserInformationCard_Organization = ({userData, loadDataFun, orgData}) => {
disabled:(!editMode), disabled:(!editMode),
form: formik})} form: formik})}


{FieldUtils.getComboField({
label:"Country:",
valueName:"country",
dataList: ComboData.country,
disabled:(!editMode),
form: formik
})}



</Grid> </Grid>
</Grid> </Grid>


+ 3
- 3
src/pages/pnspsUserSearchPage_Organization/UserSearchForm_Organization.js View File

@@ -90,9 +90,9 @@ const UserSearchForm_Organization = ({applySearch}) => {
<Grid item xs={9} s={6} md={5} lg={3} sx={{ml:3, mr:3, mb:3}}> <Grid item xs={9} s={6} md={5} lg={3} sx={{ml:3, mr:3, mb:3}}>
<TextField <TextField
fullWidth fullWidth
{...register("fullenName")}
id="fullenName"
label="Full Name"
{...register("contactPerson")}
id="contactPerson"
label="Name"
/> />
</Grid> </Grid>




+ 3
- 9
src/pages/pnspsUserSearchPage_Organization/UserTable_Organization.js View File

@@ -53,15 +53,9 @@ export default function UserTable_Organization({recordList}) {
flex: 1, flex: 1,
}, },
{ {
id: 'enName',
field: 'enName',
headerName: 'Name (Eng)',
flex: 1,
},
{
id: 'chName',
field: 'chName',
headerName: 'Name (Ch)',
id: 'contactPerson',
field: 'contactPerson',
headerName: 'Name',
flex: 1, flex: 1,
}, },
{ {


Loading…
Cancel
Save