--[[ @module tsb_ywy_1_page @summary 液位仪查询演示页面 @version 1.0 @date 2026.03.16 @author 李一玮 @usage 本文件是液位仪查询演示页面，展示液位仪查询的各种用法。 ]] local tsb_ywy_1_page = {} local common_ui = require("tsb_common_page") -- 页面UI元素 local main_container = nil -- 创建UI function tsb_ywy_1_page.create_ui() main_container = airui.container({ x = 0, y = 0, w = 480, h = 320, color = 0xF5F5F5, }) --------------------- 标题栏 ------------------------ local title_bar = airui.container({ parent = main_container, x = 0, y = 0, w = 480, h = 30, color = 0x4CAF50, }) airui.label({ parent = title_bar, text = "液位仪查询", x = 200, y = 8, w = 120, h = 20, font_size = 16, color = 0xFFFFFF, }) -- 标题栏公共信息展示 common_ui.add_battery_display(title_bar) common_ui.create_back_button(title_bar, tsb_ywy_1_page.cleanup) --------------------------------------------------- -- 滚动容器 local scroll_container = airui.container({ parent = main_container, x = 0, y = 30, w = 480, h = 290, color = 0xFFFFFF, }) ------------------- 分页内容区 ------------------------ --液位仪查询页面 local query_page = airui.container({ parent = scroll_container, x = 0, y = 0, w = 480, h = 290, color = 0xFFFFFF,--0xE8F5E9 }) --------------------- 总罐数和查询按钮 ------------------------ local top_container = airui.container({ parent = query_page, x = 0, y = 5, w = 480, h = 40, color = 0xFFFFFF, }) -- 总罐数标签 airui.label({ parent = top_container, text = "总罐数", x = 10, y = 10, w = 60, h = 30, font_size = 15, }) -- 总罐数值 local total_tanks_label = airui.label({ parent = top_container, text = "12", x = 70, y = 10, w = 40, h = 30, font_size = 15, }) -- 单位标签 airui.label({ parent = top_container, text = "个", x = 100, y = 10, w = 20, h = 30, font_size = 15, }) -- A口查询按钮 local a_query_btn = airui.button({ parent = top_container, x = 210, y = 1, w = 80, h = 30, text = "A口查询", on_click = function(self) log.info("ywy_query", "A口查询按钮被点击") end }) -- B口查询按钮 local b_query_btn = airui.button({ parent = top_container, x = 300, y = 1, w = 80, h = 30, text = "B口查询", on_click = function(self) log.info("ywy_query", "B口查询按钮被点击") end }) -- 485查询按钮 local rs485_query_btn = airui.button({ parent = top_container, x = 390, y = 1, w = 80, h = 30, text = "485查询", on_click = function(self) log.info("ywy_query", "485查询按钮被点击") end }) ------------------------------------------------- ------------------- 表格区域 ------------------------ local table_container = airui.container({ parent = query_page, x = 0, y = 40, w = 480, h = 220, color = 0xE8F5E9, }) -- 创建表格 local tank_table = airui.table({ parent = table_container, x = 0, y = 0, w = 480, h = 220, rows = 11, -- 10个罐 + 表头 cols = 10, col_width = {70, 100, 100, 100, 70, 70, 70, 80, 70, 150}, -- 调整列宽以适应内容，确保表头横向显示 border_color = 0x4CAF50, }) -- 设置表头 local headers = {"罐号", "油水体积1", "油水体积2", "剩余体积", "油高", "水高", "温度", "水体积", "串口", "读取时间"} for i, header in ipairs(headers) do tank_table:set_cell_text(0, i-1, header) end -- 示例数据 local tank_data = { {"1", "14919.52", "14767.34", "12080.47", "16577.25", "0.00", "28.50", "0.00", "A口", "2024/07/02 09:30:46"}, {"2", "20292.46", "20085.48", "6707.53", "22547.17", "0.00", "28.50", "0.00", "A口", "2024/07/02 09:30:46"}, {"3", "10936.19", "10824.64", "16063.80", "12151.32", "0.00", "28.50", "0.00", "A口", "2024/07/02 09:30:46"}, {"4", "22748.73", "22516.69", "4251.26", "25276.37", "0.00", "28.50", "0.00", "A口", "2024/07/02 09:30:46"}, {"5", "7282.67", "7208.38", "19717.32", "8091.85", "0.00", "28.50", "0.00", "A口", "2024/07/02 09:30:46"}, {"6", "14497.98", "14350.10", "12502.01", "16108.87", "0.00", "28.50", "0.00", "A口", "2024/07/02 09:30:46"}, {"7", "1984.31", "1964.07", "25015.68", "2204.79", "0.00", "28.50", "0.00", "A口", "2024/07/02 09:30:46"}, {"8", "9565.87", "9468.30", "17434.12", "10628.75", "0.00", "28.50", "0.00", "A口", "2024/07/02 09:30:46"}, {"9", "15678.90", "15432.10", "11234.56", "17890.12", "0.00", "28.50", "0.00", "A口", "2024/07/02 09:30:46"}, {"10", "8765.43", "8654.32", "18976.54", "9876.54", "0.00", "28.50", "0.00", "A口", "2024/07/02 09:30:46"}, } -- 填充表格数据 for i, data in ipairs(tank_data) do for j, value in ipairs(data) do tank_table:set_cell_text(i, j-1, value) end end ------------------------------------------------- ------------------- 执行结果和日志按钮 ------------------------ local bottom_container = airui.container({ parent = query_page, x = 0, y = 260, w = 480, h = 30, color = 0xFFFFFF, }) -- 执行结果标签 airui.label({ parent = bottom_container, text = "执行结果：", x = 10, y = 10, w = 80, h = 20, font_size = 15, }) -- 执行结果值 local result_label = airui.label({ parent = bottom_container, text = "执行成功", x = 90, y = 10, w = 100, h = 20, font_size = 15, }) -- 日志窗口 local log_window = airui.container({ parent = scroll_container, x = 20, y = 5, w = 440, h = 250, color = 0xF1F8E9, radius = 0, }) -- 日志窗口标题栏 local log_title_bar = airui.container({ parent = log_window, x = 0, y = 0, w = 440, h = 30, color = 0x4CAF50, }) airui.label({ parent = log_title_bar, text = "原始日志", x = 10, y = 8, w = 150, h = 20, font_size = 15, color = 0xFFFFFF, }) -- 关闭按钮 local close_btn = airui.button({ parent = log_title_bar, x = 408, y = 2, w = 30, h = 28, text = "X", on_click = function(self) log_window:hide() end }) -- 日志内容区域 local log_content = airui.textarea({ parent = log_window, x = 10, y = 40, w = 420, h = 200, text = "00 01 02 03 04 05 06 07\n" .. "08 09 0A 0B 0C 0D 0E 0F\n" .. "10 11 12 13 14 15 16 17\n" .. "18 19 1A 1B 1C 1D 1E 1F\n" .. "20 21 22 23 24 25 26 27\n" .. "28 29 2A 2B 2C 2D 2E 2F\n" .. "30 31 32 33 34 35 36 37\n" .. "38 39 3A 3B 3C 3D 3E 3F", }) log_window:hide() -- 查看原始日志按钮 local log_btn = airui.button({ parent = bottom_container, x = 375, y = 1, w = 100, h = 27, text = "查看原始日志", on_click = function(self) log.info("ywy_query", "查看原始日志按钮被点击") -- 显示日志窗口 log_window:open() end }) --------------------------------------------------- -- 底部信息 --common_ui.create_status_bar(main_container) end -- 初始化页面 function tsb_ywy_1_page.init(params) tsb_ywy_1_page.create_ui() end -- 清理页面 function tsb_ywy_1_page.cleanup() -- 停止定时器 common_ui.cleanup() if main_container then main_container:destroy() main_container = nil end end return tsb_ywy_1_page