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

fix postoadms

Browse Source
This commit is contained in:
Wikzyy
2025-03-13 14:49:35 +07:00
parent 4eaccf2472
commit 07918aafed
3 changed files with 28 additions and 15 deletions
Download Patch File Download Diff File Expand all files Collapse all files

6
src/pages/master/postoadms/blocks/ListToolbar.tsx
View File

@ -17,8 +17,10 @@ const ListToolbar = () => {
<input <input
type="text" type="text"
placeholder="Search Postu Administrativo" placeholder="Search Postu Administrativo"
value={(table.getColumn('name')?.getFilterValue() as string) ?? ''} value={(table.getColumn('posto_adms_name')?.getFilterValue() as string) ?? ''}
onChange={(event) => table.getColumn('name')?.setFilterValue(event.target.value)} onChange={(event) =>
table.getColumn('posto_adms_name')?.setFilterValue(event.target.value)
}
/> />
</label> </label>
<DefaultTooltip title={'Filter'} placement={'top'}> <DefaultTooltip title={'Filter'} placement={'top'}>

16
src/pages/master/postoadms/blocks/SearchDialog.tsx
View File

@ -82,7 +82,7 @@ const SearchDialog = () => {
// console.log(municipios); // console.log(municipios);
return ( return (
<Dialog open={showSearchDialog} onOpenChange={(open) => handleSearchDialog(open)}> <Dialog open={showSearchDialog} onOpenChange={(open) => handleSearchDialog(open)}>
<DialogContent className="container-fixed max-w-96 flex flex-col p-5 overflow-hidden [&>button]:hidden"> <DialogContent className="container-fixed max-w-[700px] flex flex-col p-5 overflow-hidden [&>button]:hidden">
<DialogTitle></DialogTitle> <DialogTitle></DialogTitle>
<DialogDescription></DialogDescription> <DialogDescription></DialogDescription>
<DialogHeader className="p-2 border-0"> <DialogHeader className="p-2 border-0">
@ -115,18 +115,18 @@ const SearchDialog = () => {
<div className="card-body grid-cols-6 gap-5 p-0"> <div className="card-body grid-cols-6 gap-5 p-0">
<div className="grid grid-cols-8 gap-2 w-full items-center"> <div className="grid grid-cols-8 gap-2 w-full items-center">
<label className="form-label flex items-center gap-1 col-span-2"> <label className="form-label flex items-center gap-1 col-span-2">
Name<span className="text-red-500">*</span> Postu Administrativo Name<span className="text-red-500">*</span>
</label> </label>
<Select <Select
value={formField.id.toString()} value={formField.id.toString()}
onValueChange={(target) => { onValueChange={(target) => {
const selectedPostoadms = postoAdms.find((m) => m.id.toString() === target); const selectedPostoadms = postoAdms.find((m) => m.posto_adms_id.toString() === target);
if (selectedPostoadms) { if (selectedPostoadms) {
setFormField({ setFormField({
...formField, ...formField,
id: selectedPostoadms.id, id: selectedPostoadms.posto_adms_id,
name: selectedPostoadms.name name: selectedPostoadms.posto_adms_name
}); });
} }
}} }}
@ -136,8 +136,8 @@ const SearchDialog = () => {
</SelectTrigger> </SelectTrigger>
<SelectContent> <SelectContent>
{postoAdms.map((postoAdm) => ( {postoAdms.map((postoAdm) => (
<SelectItem key={postoAdm.id} value={postoAdm.id.toString()}> <SelectItem key={postoAdm.posto_adms_id} value={postoAdm.posto_adms_id.toString()}>
{postoAdm.name} {postoAdm.posto_adms_name}
</SelectItem> </SelectItem>
))} ))}
</SelectContent> </SelectContent>
@ -146,7 +146,7 @@ const SearchDialog = () => {
{isFound && sucos.length > 0 && ( {isFound && sucos.length > 0 && (
<div className="mt-4 border-t pt-4"> <div className="mt-4 border-t pt-4">
<h2 className="text-md font-semibold">Postu Administravo: </h2> <h2 className="text-md font-semibold">Sucos: </h2>
<br /> <br />
<div className="flex flex-col"> <div className="flex flex-col">
<span className="text-sm form-hint"> <span className="text-sm form-hint">

21
src/pages/master/postoadms/hooks/ManagePostoAdmsContext.tsx
View File

@ -9,8 +9,9 @@ import { useNavigate, useParams } from 'react-router';
import ListToolbar from '../blocks/ListToolbar'; import ListToolbar from '../blocks/ListToolbar';
interface PostoAdmsProps { interface PostoAdmsProps {
id: number; posto_adms_id: number;
name: string; posto_adms_name: string;
municipios_name: string;
} }
interface ContextProps { interface ContextProps {
@ -82,7 +83,7 @@ const ManagePostoAdmsContextProvider = ({ children }: { children: React.ReactNod
const columns = useMemo<ColumnDef<any>[]>( const columns = useMemo<ColumnDef<any>[]>(
() => [ () => [
{ {
accessorFn: (row) => row.id, accessorFn: (row) => row.posto_adms_id,
id: 'id', id: 'id',
header: ({ column }) => <DataGridColumnHeader title="ID" column={column} />, header: ({ column }) => <DataGridColumnHeader title="ID" column={column} />,
enableSorting: true, enableSorting: true,
@ -92,8 +93,8 @@ const ManagePostoAdmsContextProvider = ({ children }: { children: React.ReactNod
} }
}, },
{ {
accessorFn: (row) => row.name, accessorFn: (row) => row.posto_adms_name,
id: 'name', id: 'posto_adms_name',
header: ({ column }) => ( header: ({ column }) => (
<DataGridColumnHeader title="Posto Administrativo Name" column={column} /> <DataGridColumnHeader title="Posto Administrativo Name" column={column} />
), ),
@ -103,6 +104,16 @@ const ManagePostoAdmsContextProvider = ({ children }: { children: React.ReactNod
headerClassName: 'w-[1000px]' headerClassName: 'w-[1000px]'
} }
}, },
{
accessorFn: (row) => row.municipios_name,
id: 'municipios_name',
header: ({ column }) => <DataGridColumnHeader title="Municipio Name" column={column} />,
enableSorting: true,
enableHiding: false,
meta: {
headerClassName: 'w-[1000px]'
}
},
{ {
id: 'actions', id: 'actions',
header: ({ column }) => <DataGridColumnHeader title="Actions" column={column} />, header: ({ column }) => <DataGridColumnHeader title="Actions" column={column} />,