consultoria-as/GRH
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Se quitaron los labels de meter

Browse Source
This commit is contained in:
Marlene-Angel
2025-12-20 14:12:49 -08:00
parent 8221f85bb8
commit 1519548c90
1 changed files with 178 additions and 174 deletions
Download Patch File Download Diff File Expand all files Collapse all files

76
src/pages/meters/MeterPage.tsx
View File

@@ -366,7 +366,6 @@ export default function MeterManagement() {
</h2> </h2>
<div className="space-y-1"> <div className="space-y-1">
<label className="block text-sm font-medium text-gray-700">Meter Name</label>
<input <input
className="w-full border px-3 py-2 rounded" className="w-full border px-3 py-2 rounded"
placeholder="Meter Name" placeholder="Meter Name"
@@ -376,17 +375,17 @@ export default function MeterManagement() {
</div> </div>
<div className="space-y-1"> <div className="space-y-1">
<label className="block text-sm font-medium text-gray-700">Meter Serial Number</label>
<input <input
className="w-full border px-3 py-2 rounded" className="w-full border px-3 py-2 rounded"
placeholder="Meter S/N" placeholder="Meter Serial Number"
value={form.meterSerialNumber} value={form.meterSerialNumber}
onChange={(e) => setForm({ ...form, meterSerialNumber: e.target.value })} onChange={(e) =>
setForm({ ...form, meterSerialNumber: e.target.value })
}
/> />
</div> </div>
<div className="space-y-1"> <div className="space-y-1">
<label className="block text-sm font-medium text-gray-700">Area Name</label>
<input <input
className="w-full border px-3 py-2 rounded" className="w-full border px-3 py-2 rounded"
placeholder="Area Name" placeholder="Area Name"
@@ -396,7 +395,6 @@ export default function MeterManagement() {
</div> </div>
<div className="space-y-1"> <div className="space-y-1">
<label className="block text-sm font-medium text-gray-700">Device ID</label>
<input <input
className="w-full border px-3 py-2 rounded" className="w-full border px-3 py-2 rounded"
placeholder="Device ID" placeholder="Device ID"
@@ -406,7 +404,6 @@ export default function MeterManagement() {
</div> </div>
<div className="space-y-1"> <div className="space-y-1">
<label className="block text-sm font-medium text-gray-700">Device Name</label>
<input <input
className="w-full border px-3 py-2 rounded" className="w-full border px-3 py-2 rounded"
placeholder="Device Name" placeholder="Device Name"
@@ -416,7 +413,6 @@ export default function MeterManagement() {
</div> </div>
<div className="space-y-1"> <div className="space-y-1">
<label className="block text-sm font-medium text-gray-700">Device Type</label>
<input <input
className="w-full border px-3 py-2 rounded" className="w-full border px-3 py-2 rounded"
placeholder="Device Type" placeholder="Device Type"
@@ -426,20 +422,18 @@ export default function MeterManagement() {
</div> </div>
<div className="space-y-1"> <div className="space-y-1">
<label className="block text-sm font-medium text-gray-700">Meter Status</label>
<select <select
className="w-full border px-3 py-2 rounded" className="w-full border px-3 py-2 rounded"
value={form.meterStatus} value={form.meterStatus}
onChange={(e) => setForm({ ...form, meterStatus: e.target.value })} onChange={(e) => setForm({ ...form, meterStatus: e.target.value })}
> >
<option value="Installed">Installed</option> <option value="Installed">Meter Status: Installed</option>
<option value="Uninstalled">Uninstalled</option> <option value="Uninstalled">Meter Status: Uninstalled</option>
<option value="Maintenance">Maintenance</option> <option value="Maintenance">Meter Status: Maintenance</option>
</select> </select>
</div> </div>
<div className="space-y-1"> <div className="space-y-1">
<label className="block text-sm font-medium text-gray-700">Protocol Type</label>
<input <input
className="w-full border px-3 py-2 rounded" className="w-full border px-3 py-2 rounded"
placeholder="Protocol Type" placeholder="Protocol Type"
@@ -449,7 +443,6 @@ export default function MeterManagement() {
</div> </div>
<div className="space-y-1"> <div className="space-y-1">
<label className="block text-sm font-medium text-gray-700">Supply Types</label>
<input <input
className="w-full border px-3 py-2 rounded" className="w-full border px-3 py-2 rounded"
placeholder="Supply Types" placeholder="Supply Types"
@@ -459,82 +452,92 @@ export default function MeterManagement() {
</div> </div>
<div className="space-y-1"> <div className="space-y-1">
<label className="block text-sm font-medium text-gray-700">Usage Analysis Type</label>
<input <input
className="w-full border px-3 py-2 rounded" className="w-full border px-3 py-2 rounded"
placeholder="Usage Analysis Type" placeholder="Usage Analysis Type"
value={form.usageAnalysisType} value={form.usageAnalysisType}
onChange={(e) => setForm({ ...form, usageAnalysisType: e.target.value })} onChange={(e) =>
setForm({ ...form, usageAnalysisType: e.target.value })
}
/> />
</div> </div>
<div className="space-y-1"> <div className="space-y-1">
<label className="block text-sm font-medium text-gray-700">Account Number</label>
<input <input
className="w-full border px-3 py-2 rounded" className="w-full border px-3 py-2 rounded"
placeholder="Account Number (optional)" placeholder="Account Number (optional)"
value={form.accountNumber || ""} value={form.accountNumber ?? ""}
onChange={(e) => setForm({ ...form, accountNumber: e.target.value || null })} onChange={(e) =>
setForm({ ...form, accountNumber: e.target.value || null })
}
/> />
</div> </div>
<div className="space-y-1"> <div className="space-y-1">
<label className="block text-sm font-medium text-gray-700">User Name</label>
<input <input
className="w-full border px-3 py-2 rounded" className="w-full border px-3 py-2 rounded"
placeholder="User Name (optional)" placeholder="User Name (optional)"
value={form.userName || ""} value={form.userName ?? ""}
onChange={(e) => setForm({ ...form, userName: e.target.value || null })} onChange={(e) =>
setForm({ ...form, userName: e.target.value || null })
}
/> />
</div> </div>
<div className="space-y-1"> <div className="space-y-1">
<label className="block text-sm font-medium text-gray-700">User Address</label>
<input <input
className="w-full border px-3 py-2 rounded" className="w-full border px-3 py-2 rounded"
placeholder="User Address (optional)" placeholder="User Address (optional)"
value={form.userAddress || ""} value={form.userAddress ?? ""}
onChange={(e) => setForm({ ...form, userAddress: e.target.value || null })} onChange={(e) =>
setForm({ ...form, userAddress: e.target.value || null })
}
/> />
</div> </div>
<div className="space-y-1"> <div className="space-y-1">
<label className="block text-sm font-medium text-gray-700">Price No.</label>
<input <input
className="w-full border px-3 py-2 rounded" className="w-full border px-3 py-2 rounded"
placeholder="Price No. (optional)" placeholder="Price No. (optional)"
value={form.priceNo || ""} value={form.priceNo ?? ""}
onChange={(e) => setForm({ ...form, priceNo: e.target.value || null })} onChange={(e) => setForm({ ...form, priceNo: e.target.value || null })}
/> />
</div> </div>
<div className="space-y-1"> <div className="space-y-1">
<label className="block text-sm font-medium text-gray-700">Price Name</label>
<input <input
className="w-full border px-3 py-2 rounded" className="w-full border px-3 py-2 rounded"
placeholder="Price Name (optional)" placeholder="Price Name (optional)"
value={form.priceName || ""} value={form.priceName ?? ""}
onChange={(e) => setForm({ ...form, priceName: e.target.value || null })} onChange={(e) =>
setForm({ ...form, priceName: e.target.value || null })
}
/> />
</div> </div>
<div className="space-y-1"> <div className="space-y-1">
<label className="block text-sm font-medium text-gray-700">DMA Partition</label>
<input <input
className="w-full border px-3 py-2 rounded" className="w-full border px-3 py-2 rounded"
placeholder="DMA Partition (optional)" placeholder="DMA Partition (optional)"
value={form.dmaPartition || ""} value={form.dmaPartition ?? ""}
onChange={(e) => setForm({ ...form, dmaPartition: e.target.value || null })} onChange={(e) =>
setForm({ ...form, dmaPartition: e.target.value || null })
}
/> />
</div> </div>
<div className="space-y-1"> <div className="space-y-1">
<label className="block text-sm font-medium text-gray-700">Installed Time</label>
<input <input
type="datetime-local" type="datetime-local"
className="w-full border px-3 py-2 rounded" className="w-full border px-3 py-2 rounded"
value={form.installedTime ? new Date(form.installedTime).toISOString().slice(0, 16) : ""} value={
onChange={(e) => setForm({ ...form, installedTime: new Date(e.target.value).toISOString() })} form.installedTime
? new Date(form.installedTime).toISOString().slice(0, 16)
: ""
}
onChange={(e) =>
setForm({ ...form, installedTime: new Date(e.target.value).toISOString() })
}
/> />
</div> </div>
@@ -550,6 +553,7 @@ export default function MeterManagement() {
</div> </div>
</div> </div>
)} )}
</div> </div>
); );
} }