(function() { var History = /*@__PURE__*/ (function(Component) { function History(props) { Component.call(this, props); this.data = { listData: [ {name: "1"}, {name: "1"}, {name: "1"}, {name: "1"}, {name: "1"}, {name: "1"}, {name: "1"}, {name: "1"}, {name: "1"}, {name: "1"}, {name: "1"}, {name: "1"}, {name: "1"}, {name: "1"}, {name: "1"}, {name: "1"}, {name: "1"}, {name: "1"}, {name: "1"}, {name: "1"} ] }; } if (Component) History.__proto__ = Component; History.prototype = Object.create(Component && Component.prototype); History.prototype.constructor = History; History.prototype.apiready = function() {}; History.prototype.handleBackIndex = function() { api.navigateBack({ delta: 2 }); }; History.prototype.handleRefresh = function() { console.log("顶部触发"); }; History.prototype.handleLoadMore = function() { console.log("加载更多"); }; History.prototype.render = function() { var this$1 = this; return apivm.h( "view", {class: "history_wrap"}, apivm.h( "text", {class: "history_back_text", onClick: this.handleBackIndex}, "返回" ), apivm.h("text", {class: "history_title"}, "历史操作记录"), apivm.h( "view", {class: "table_wrap"}, apivm.h( "view", {class: "table_title"}, apivm.h("text", {class: "table_title_item_one"}, "动作"), apivm.h("text", {class: "table_title_item_two"}, "实时参数"), apivm.h("text", {class: "table_title_item_one"}, "时间") ), apivm.h( "scroll-view", { class: "history_list", "scroll-x": "false", "scroll-y": true, onscrolltoupper: function(event) { if (this$1.handleRefresh) { this$1.handleRefresh(event); } else { handleRefresh(event); } }, onscrolltolower: function(event) { if (this$1.handleLoadMore) { this$1.handleLoadMore(event); } else { handleLoadMore(event); } } }, (Array.isArray(this.data.listData) ? this.data.listData : Object.values(this.data.listData) ).map(function(item$1) { return apivm.h( "view", {class: "history_list_inline"}, apivm.h("text", {class: "history_list_inline_item_one"}, item$1.name), apivm.h("text", {class: "history_list_inline_item_two"}, "111"), apivm.h("text", {class: "history_list_inline_item_one"}, "111") ); }) ) ) ); }; return History; })(Component); History.css = { ".history_wrap": { width: "100%", height: "100vh", boxSizing: "border-box", padding: "20px", backgroundImage: 'url("../../image/login.png")', backgroundSize: "120%", backgroundRepeat: "no-repeat", backgroundPosition: "center", position: "absolute" }, ".history_back_text": { fontSize: "40px", color: "#ffffff", fontWeight: "bold", position: "absolute", top: "20px", left: "20px" }, ".history_title": { width: "100%", textAlign: "center", fontSize: "40px", fontWeight: "bold", color: "#ffffff" }, ".table_wrap": {width: "100%", marginTop: "20px"}, ".table_title": {display: "flex", flexDirection: "row", alignItems: "center"}, ".table_title_item_one": { fontSize: "36px", color: "#ffffff", border: "1px solid #ffffff", width: "20%", boxSizing: "border-box", padding: "10px", textAlign: "center" }, ".table_title_item_two": { fontSize: "36px", color: "#ffffff", border: "1px solid #ffffff", width: "60%", boxSizing: "border-box", padding: "10px", textAlign: "center" }, ".history_list": {border: "1px solid silver", width: "100%", height: "70vh"}, ".history_list_inline": { display: "flex", flexDirection: "row", alignItems: "center" }, ".history_list_inline_item_one": { fontSize: "32px", color: "#ffffff", border: "1px solid #ffffff", width: "20%", boxSizing: "border-box", padding: "10px" }, ".history_list_inline_item_two": { fontSize: "32px", color: "#ffffff", border: "1px solid #ffffff", width: "60%", boxSizing: "border-box", padding: "10px" } }; apivm.define("history", History); apivm.render(apivm.h("history", null), "body"); })();