TIMOR-TELECOM/revenue-fe
5
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix show image document

Browse Source
This commit is contained in:
unknown
2025-04-01 22:38:34 +07:00
parent 5e5642d356
commit 28de8e64e8
1 changed files with 46 additions and 42 deletions
Download Patch File Download Diff File Expand all files Collapse all files

88
src/pages/members/manage-members/CustomerDetailModal.tsx
View File

@ -163,16 +163,16 @@ const CustomerDialog = ({ open, handleClose, handleSubmit, initialData, viewStat
<FormControl fullWidth margin="dense">
<InputLabel>Gender</InputLabel>
<Select disabled={viewOnly} name="gender" value={formData.gender} onChange={handleChange}>
<MenuItem value="M">Male</MenuItem>
<MenuItem value="F">Female</MenuItem>
<MenuItem key={1} value="M">Male</MenuItem>
<MenuItem key={2} value="F">Female</MenuItem>
</Select>
</FormControl>
<FormControl fullWidth margin="dense">
<InputLabel>Identity Type</InputLabel>
<Select disabled={viewOnly} name="identity_type" value={formData.identity_type} onChange={handleChange}>
<MenuItem value="eleitoral_id">Eleitoral ID</MenuItem>
<MenuItem value="bihete_de_identidade">Bihete de Identidade</MenuItem>
<MenuItem value="passport">Passport</MenuItem>
<MenuItem key={1} value="eleitoral_id">Eleitoral ID</MenuItem>
<MenuItem key={2} value="bihete_de_identidade">Bihete de Identidade</MenuItem>
<MenuItem key={3} value="passport">Passport</MenuItem>
</Select>
</FormControl>
@ -181,9 +181,13 @@ const CustomerDialog = ({ open, handleClose, handleSubmit, initialData, viewStat
<TextField disabled={viewOnly} type="number" fullWidth margin="dense" label="License Number" name="license_number" value={formData.license_number} onChange={handleChange} />
<TextField disabled={viewOnly} type="text" fullWidth margin="dense" label="Merchant Address" name="merchantaddress" value={formData.merchantaddress} onChange={handleChange} />
{fileTextFile("File Selfie", formData.file_selfie, "file_selfie", handleChange)}
<img width={300} height={250} srcSet={formData.file_selfie} src={formData.file_selfie} alt={"file_selfie"} style={{borderRadius: 10}}/>
{fileTextFile("File Document", formData.file_document_id, "file_document_id", handleChange)}
<img width={300} height={250} srcSet={formData.file_document_id} src={formData.file_document_id} alt={"file_document_id"} style={{borderRadius: 10}}/>
{fileTextFile("File Document & Selfie", formData.file_document_id_selfie, "file_document_id_selfie", handleChange)}
<img width={300} height={250} srcSet={formData.file_document_id_selfie} src={formData.file_document_id_selfie} alt={"file_document_id_selfie"} style={{borderRadius: 10}}/>
{fileTextFile("File Commercial License", formData.file_commercial_license, "file_commercial_license", handleChange)}
<img width={300} height={250} srcSet={formData.file_commercial_license} src={formData.file_commercial_license} alt={"file_commercial_license"} style={{borderRadius: 10}}/>
{/* AGENT & PREMIUM DATA */}
<TextField disabled={viewOnly} fullWidth margin="dense" label="Profession" name="profession" value={formData.profession} onChange={handleChange} />
@ -192,8 +196,8 @@ const CustomerDialog = ({ open, handleClose, handleSubmit, initialData, viewStat
<FormControl fullWidth margin="dense">
<InputLabel>Status</InputLabel>
<Select disabled={viewOnly} name="status" value={formData.status} onChange={handleChange}>
<MenuItem value="Y">Active</MenuItem>
<MenuItem value="N">Inactive</MenuItem>
<MenuItem key={1} value="Y">Active</MenuItem>
<MenuItem key={2} value="N">Inactive</MenuItem>
</Select>
</FormControl>
@ -246,10 +250,10 @@ const CustomerDialog = ({ open, handleClose, handleSubmit, initialData, viewStat
<FormControl fullWidth margin="dense">
<InputLabel>Bank Name</InputLabel>
<Select disabled={viewOnly} name="bank_name" value={formData.bank_name} onChange={handleChange}>
<MenuItem value="BNCTL">BNCTL</MenuItem>
<MenuItem value="BRI">BRI</MenuItem>
<MenuItem value="BNU">BNU</MenuItem>
<MenuItem value="Mandiri">Mandiri</MenuItem>
<MenuItem key={1} value="BNCTL">BNCTL</MenuItem>
<MenuItem key={2} value="BRI">BRI</MenuItem>
<MenuItem key={3} value="BNU">BNU</MenuItem>
<MenuItem key={4} value="Mandiri">Mandiri</MenuItem>
</Select>
</FormControl>
<TextField disabled={viewOnly} fullWidth margin="dense" label="Bank Account" name="bank_account" value={formData.bank_account} onChange={handleChange} />
@ -286,37 +290,37 @@ export default CustomerDialog;
function fileTextFile(label: string, value: any, name: string, handleChange: any) {
return (
<TextField
margin="dense"
label={label}
variant="outlined"
fullWidth
value={value}
placeholder="Choose a file..."
InputProps={{
readOnly: true,
endAdornment: (
<InputAdornment position="end">
<input
type="file"
id="file-upload"
style={{ display: "none" }}
onChange={handleChange}
name={name}
/>
<label htmlFor="file-upload">
<Button
component="span"
variant="contained"
color="primary"
startIcon={<UploadFileIcon />}
>
Browse
</Button>
</label>
</InputAdornment>
),
}}
/>
margin="dense"
label={label}
variant="outlined"
fullWidth
value={value}
placeholder="Choose a file..."
InputProps={{
readOnly: true,
endAdornment: (
<InputAdornment position="end">
<input
type="file"
id="file-upload"
style={{ display: "none" }}
onChange={handleChange}
name={name}
/>
<label htmlFor="file-upload">
<Button
component="span"
variant="contained"
color="primary"
startIcon={<UploadFileIcon />}
>
Browse
</Button>
</label>
</InputAdornment>
),
}}
/>
)
}