electricControl/.bin/main/set.js

(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");
})();