FrontOps/UserDashboard
9
0
Fork 0
Code Issues 5 Pull Requests Actions Packages Projects 1 Releases Wiki Activity

🚧 INV-DC page

Browse Source
This commit is contained in:
sam 2025-02-25 15:18:31 +08:00
parent 916dc7ccb5
commit 6840ed2c26
1 changed files with 24 additions and 40 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

64
app/(defaults)/chint/inverters/[id]/page.tsx
View File

@ -114,40 +114,13 @@ const InverterViewPage = (props: Props) => {
<p><span className="font-semibold">Inverter Mode: </span>{inverter.lastRTP["Inverter Mode"].value}</p>
<p><span className="font-semibold">Inner Temperature: </span>{inverter.lastRTP["Inner Temperature"].value} °C</p>
<p><span className="font-semibold">Create Time: </span>{inverter.createdAtStr}</p>
<p><span className="font-semibold">Modules: </span>{inverter.moduleFw.map((item: {module:string, value:string}) => `${item.module}: ${item.value}`.trim()) // Map to "module: value" format
.join(", ")}</p>
<p><span className="font-semibold">Modules: </span>{inverter.moduleFw.map((item: {module:string, value:string}) => `${item.module}: ${item.value}`.trim()).join(", ")}</p>
</div>
</div>
</Tab.Panel>
<Tab.Panel>
<div>
<div className="flex items-start pt-5">
<div className="h-20 w-20 flex-none ltr:mr-4 rtl:ml-4">
<img src="/assets/images/profile-34.jpeg" alt="img" className="m-0 h-20 w-20 rounded-full object-cover ring-2 ring-[#ebedf2] dark:ring-white-dark" />
</div>
<div className="flex-auto">
<h5 className="mb-4 text-xl font-medium">Media heading</h5>
<p className="text-white-dark">
Cras sit amet nibh libero, in gravida nulla. Nulla vel metus scelerisque ante sollicitudin. Cras purus odio, vestibulum in vulputate at, tempus viverra
turpis. Fusce condimentum nunc ac nisi vulputate fringilla. Donec lacinia congue felis in faucibus.
</p>
</div>
</div>
</div>
</Tab.Panel>
<Tab.Panel>
<div className="pt-5">
<p>
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis
nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu
fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
</p>
</div>
</Tab.Panel>
<Tab.Panel>Disabled</Tab.Panel>
</Tab.Panels>
</Tab.Group>
)}
@ -201,19 +174,30 @@ const InverterViewPage = (props: Props) => {
</tr>
</thead>
<tbody>
{[
{ pv: "PV1/PV1", voltage: 362.1, current: 7.5, power: 2717.5 },
{ pv: "PV2/PV2", voltage: 347.0, current: 9.16, power: 3181.9 },
{ pv: "PV3/PV3", voltage: 0.0, current: 0.0, power: 0.0 },
{ pv: "PV4/PV4", voltage: 0.0, current: 0.0, power: 0.0 },
].map((row, index) => (
<tr key={index} className="border-b text-gray-600">
<td className="p-2">{row.pv}</td>
<td className="p-2">{row.voltage}</td>
<td className="p-2">{row.current}</td>
<td className="p-2">{row.power}</td>
<tr className="border-b text-gray-600">
<td className="p-2">PV1/PV1</td>
<td className="p-2">{inverter.lastRTP["PV1 Voltage"] && inverter.lastRTP["PV1 Voltage"].value}</td>
<td className="p-2">{inverter.lastRTP["PV1 Current"] && inverter.lastRTP["PV1 Current"].value}</td>
<td className="p-2">{inverter.lastRTP["MPPT1 Power"] && inverter.lastRTP["MPPT1 Power"].value}</td>
</tr>
<tr className="border-b text-gray-600">
<td className="p-2">PV2/PV2</td>
<td className="p-2">{inverter.lastRTP["PV2 Voltage"] && inverter.lastRTP["PV2 Voltage"].value}</td>
<td className="p-2">{inverter.lastRTP["PV2 Current"] && inverter.lastRTP["PV2 Current"].value}</td>
<td className="p-2">{inverter.lastRTP["MPPT2 Power"] && inverter.lastRTP["MPPT2 Power"].value}</td>
</tr>
<tr className="border-b text-gray-600">
<td className="p-2">PV3/PV3</td>
<td className="p-2">{inverter.lastRTP["PV3 Voltage"] && inverter.lastRTP["PV3 Voltage"].value}</td>
<td className="p-2">{inverter.lastRTP["PV3 Current"] && inverter.lastRTP["PV3 Current"].value}</td>
<td className="p-2">{inverter.lastRTP["MPPT3 Power"] && inverter.lastRTP["MPPT3 Power"].value}</td>
</tr>
<tr className="border-b text-gray-600">
<td className="p-2">PV3/PV3</td>
<td className="p-2">{inverter.lastRTP["PV4 Voltage"] && inverter.lastRTP["PV4 Voltage"].value}</td>
<td className="p-2">{inverter.lastRTP["PV4 Current"] && inverter.lastRTP["PV4 Current"].value}</td>
<td className="p-2">{inverter.lastRTP["MPPT4 Power"] && inverter.lastRTP["MPPT4 Power"].value}</td>
</tr>
))}
</tbody>
</table>
</div>