210 lines
4.9 KiB
JavaScript
210 lines
4.9 KiB
JavaScript
|
(function() {
|
|||
|
var Set = /*@__PURE__*/ (function(Component) {
|
|||
|
function Set(props) {
|
|||
|
Component.call(this, props);
|
|||
|
this.data = {
|
|||
|
setList: [
|
|||
|
{
|
|||
|
isSet: false,
|
|||
|
setVal: "",
|
|||
|
selectVal: "请选择",
|
|||
|
selectIndex: 0,
|
|||
|
name: "高压风冷"
|
|||
|
},
|
|||
|
{
|
|||
|
isSet: true,
|
|||
|
setVal: "",
|
|||
|
selectVal: "请选择",
|
|||
|
selectIndex: 0,
|
|||
|
name: "中压风冷"
|
|||
|
},
|
|||
|
{
|
|||
|
isSet: false,
|
|||
|
setVal: "",
|
|||
|
selectVal: "请选择",
|
|||
|
selectIndex: 0,
|
|||
|
name: "低压风冷"
|
|||
|
},
|
|||
|
{
|
|||
|
isSet: true,
|
|||
|
setVal: "",
|
|||
|
selectVal: "请选择",
|
|||
|
selectIndex: 0,
|
|||
|
name: "闭锁调压"
|
|||
|
}
|
|||
|
],
|
|||
|
|
|||
|
//电流通道列表
|
|||
|
currentList: ["1路", "2路", "3路", "4路"]
|
|||
|
};
|
|||
|
}
|
|||
|
|
|||
|
if (Component) Set.__proto__ = Component;
|
|||
|
Set.prototype = Object.create(Component && Component.prototype);
|
|||
|
Set.prototype.constructor = Set;
|
|||
|
Set.prototype.apiready = function() {
|
|||
|
var selector0 = document.getElementById("selector0");
|
|||
|
var selector1 = document.getElementById("selector1");
|
|||
|
var selector2 = document.getElementById("selector2");
|
|||
|
var selector3 = document.getElementById("selector3");
|
|||
|
selector0.setData({
|
|||
|
data: this.data.currentList
|
|||
|
});
|
|||
|
selector1.setData({
|
|||
|
data: this.data.currentList
|
|||
|
});
|
|||
|
selector2.setData({
|
|||
|
data: this.data.currentList
|
|||
|
});
|
|||
|
selector3.setData({
|
|||
|
data: this.data.currentList
|
|||
|
});
|
|||
|
};
|
|||
|
Set.prototype.handleBackIndex = function() {
|
|||
|
api.navigateBack({
|
|||
|
delta: 2
|
|||
|
});
|
|||
|
};
|
|||
|
Set.prototype.handleSwitchChange = function(e) {
|
|||
|
var _index = e.target.attributes.index;
|
|||
|
this.data.setList.forEach(function(item, index) {
|
|||
|
if (index === _index) {
|
|||
|
item.isSet = e.detail.value;
|
|||
|
}
|
|||
|
});
|
|||
|
};
|
|||
|
Set.prototype.handleSelectChange = function(e) {
|
|||
|
var this$1 = this;
|
|||
|
|
|||
|
var _index = e.target.attributes.index;
|
|||
|
this.data.setList.forEach(function(item, index) {
|
|||
|
if (index === _index) {
|
|||
|
item.selectIndex = e.detail.value;
|
|||
|
item.selectVal = this$1.data.currentList[e.detail.value];
|
|||
|
}
|
|||
|
});
|
|||
|
};
|
|||
|
Set.prototype.render = function() {
|
|||
|
var this$1 = this;
|
|||
|
return apivm.h(
|
|||
|
"view",
|
|||
|
{class: "set_wrap"},
|
|||
|
apivm.h(
|
|||
|
"text",
|
|||
|
{class: "set_back_text", onClick: this.handleBackIndex},
|
|||
|
"返回"
|
|||
|
),
|
|||
|
apivm.h(
|
|||
|
"view",
|
|||
|
{class: "set_list"},
|
|||
|
(Array.isArray(this.data.setList)
|
|||
|
? this.data.setList
|
|||
|
: Object.values(this.data.setList)
|
|||
|
).map(function(item$1, index$1) {
|
|||
|
return apivm.h(
|
|||
|
"view",
|
|||
|
{class: "list_inline"},
|
|||
|
apivm.h(
|
|||
|
"view",
|
|||
|
{class: "inline_item"},
|
|||
|
apivm.h("text", {class: "item_label"}, item$1.name, ":"),
|
|||
|
apivm.h(
|
|||
|
"view",
|
|||
|
{class: "item_content"},
|
|||
|
apivm.h(
|
|||
|
"view",
|
|||
|
{class: "switch_box"},
|
|||
|
apivm.h("switch", {
|
|||
|
class: "switch",
|
|||
|
index: index$1,
|
|||
|
checked: item$1.isSet,
|
|||
|
onChange: this$1.handleSwitchChange
|
|||
|
})
|
|||
|
),
|
|||
|
apivm.h("input", {
|
|||
|
class: "input",
|
|||
|
type: "text",
|
|||
|
disabled: !item$1.isSet,
|
|||
|
placeholder: "请输入电流值"
|
|||
|
})
|
|||
|
)
|
|||
|
),
|
|||
|
apivm.h(
|
|||
|
"view",
|
|||
|
{class: "inline_item"},
|
|||
|
apivm.h("text", {class: "item_label"}, "电流通道:"),
|
|||
|
apivm.h(
|
|||
|
"view",
|
|||
|
{class: "item_content"},
|
|||
|
apivm.h(
|
|||
|
"picker",
|
|||
|
{
|
|||
|
class: "picker",
|
|||
|
id: "selector" + index$1,
|
|||
|
index: index$1,
|
|||
|
mode: "selector",
|
|||
|
value: item$1.selectIndex,
|
|||
|
onChange: this$1.handleSelectChange
|
|||
|
},
|
|||
|
apivm.h("text", {class: "item_label"}, item$1.selectVal)
|
|||
|
)
|
|||
|
)
|
|||
|
)
|
|||
|
);
|
|||
|
})
|
|||
|
)
|
|||
|
);
|
|||
|
};
|
|||
|
|
|||
|
return Set;
|
|||
|
})(Component);
|
|||
|
Set.css = {
|
|||
|
".set_wrap": {
|
|||
|
width: "100%",
|
|||
|
height: "100vh",
|
|||
|
boxSizing: "border-box",
|
|||
|
padding: "20px"
|
|||
|
},
|
|||
|
".set_back_text": {fontSize: "40px", color: "#000000", fontWeight: "bold"},
|
|||
|
".set_list": {marginTop: "50px", display: "flex", alignItems: "center"},
|
|||
|
".list_inline": {
|
|||
|
display: "flex",
|
|||
|
flexDirection: "row",
|
|||
|
alignItems: "center",
|
|||
|
margin: "10px 0"
|
|||
|
},
|
|||
|
".inline_item": {
|
|||
|
margin: "0 40px",
|
|||
|
display: "flex",
|
|||
|
flexDirection: "row",
|
|||
|
alignItems: "center"
|
|||
|
},
|
|||
|
".item_label": {fontSize: "40px", fontWeight: "bold", color: "#000000"},
|
|||
|
".item_content": {
|
|||
|
display: "flex",
|
|||
|
flexDirection: "row",
|
|||
|
alignItems: "center"
|
|||
|
},
|
|||
|
".switch_box": {
|
|||
|
display: "flex",
|
|||
|
justifyContent: "center",
|
|||
|
alignItems: "center",
|
|||
|
width: "76px",
|
|||
|
height: "46px"
|
|||
|
},
|
|||
|
".switch": {transform: "scale(1.5, 1.5)"},
|
|||
|
".input": {
|
|||
|
boxSizing: "border-box",
|
|||
|
padding: "5px",
|
|||
|
border: "1px solid silver",
|
|||
|
fontSize: "32px",
|
|||
|
height: "60px",
|
|||
|
width: "200px",
|
|||
|
marginLeft: "20px",
|
|||
|
borderRadius: "10px"
|
|||
|
}
|
|||
|
};
|
|||
|
apivm.define("set", Set);
|
|||
|
apivm.render(apivm.h("set", null), "body");
|
|||
|
})();
|