本次分享一下手术室行为管理系统中更衣柜设备情况总实时预览页面，更衣室的有十几个衣柜设备，一个设备的柜门数量也不等，因此查看的样式分为左右结构，每个设备的按钮上会显示设备的状态，蓝色对号图标状态表示在线，红色叉号图标状态表示离线状态；橙色电量条表示剩余衣柜数量多少，这样可以方便管理员查看全部设备状态和数量，清晰明了，不用点进去一个一个查看。
柜子分为固定柜和流动柜，每个柜子上会用文字标注柜子类别；为了方便查看柜子不同状态，因此用不同颜色表示，后受同事启发，考虑到为了更清晰知道每个颜色代表柜子的状态，下方标注颜色图例，如下图所示：
