🚧 INV-AC page

This commit is contained in:
sam 2025-02-25 15:21:14 +08:00
parent 6840ed2c26
commit 211b3b0085

View File

@ -203,7 +203,7 @@ const InverterViewPage = (props: Props) => {
</div>
</Tab.Panel>
<Tab.Panel>
<div className='pt-5'>
<div className="pt-5">
<table className="w-full border-collapse">
<thead>
<tr className="bg-gray-200 text-gray-600 text-left">
@ -215,19 +215,27 @@ const InverterViewPage = (props: Props) => {
</tr>
</thead>
<tbody>
{[
{ pv: "A", voltage: 362.1, current: 7.5, power: 2717.5, frequency: 1 },
{ pv: "B", voltage: 347.0, current: 9.16, power: 3181.9, frequency: 1 },
{ pv: "C", voltage: 0.0, current: 0.0, power: 0.0, frequency: 1 },
].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>
<td className="p-2">{row.frequency}</td>
<tr className="border-b text-gray-600">
<td className="p-2">A</td>
<td className="p-2">{inverter.lastRTP["Phase L1 Voltage"] && inverter.lastRTP["Phase L1 Voltage"].value}</td>
<td className="p-2">{inverter.lastRTP["Phase L1 Current"] && inverter.lastRTP["Phase L1 Current"].value}</td>
<td className="p-2">{inverter.lastRTP["Phase L1 Power"] && inverter.lastRTP["Phase L1 Power"].value}</td>
<td className="p-2">{inverter.lastRTP["Phase L1 Frequency"] && inverter.lastRTP["Phase L1 Frequency"].value}</td>
</tr>
<tr className="border-b text-gray-600">
<td className="p-2">B</td>
<td className="p-2">{inverter.lastRTP["Phase L2 Voltage"] && inverter.lastRTP["Phase L2 Voltage"].value}</td>
<td className="p-2">{inverter.lastRTP["Phase L2 Current"] && inverter.lastRTP["Phase L2 Current"].value}</td>
<td className="p-2">{inverter.lastRTP["Phase L2 Power"] && inverter.lastRTP["Phase L2 Power"].value}</td>
<td className="p-2">{inverter.lastRTP["Phase L2 Frequency"] && inverter.lastRTP["Phase L2 Frequency"].value}</td>
</tr>
<tr className="border-b text-gray-600">
<td className="p-2">C</td>
<td className="p-2">{inverter.lastRTP["Phase L3 Voltage"] && inverter.lastRTP["Phase L3 Voltage"].value}</td>
<td className="p-2">{inverter.lastRTP["Phase L3 Current"] && inverter.lastRTP["Phase L3 Current"].value}</td>
<td className="p-2">{inverter.lastRTP["Phase L3 Power"] && inverter.lastRTP["Phase L3 Power"].value}</td>
<td className="p-2">{inverter.lastRTP["Phase L3 Frequency"] && inverter.lastRTP["Phase L3 Frequency"].value}</td>
</tr>
))}
</tbody>
</table>
</div>