first commit
This commit is contained in:
liuwu
commit
6fee032470
|
|
@ -0,0 +1,181 @@
|
||||||
|
(function() {
|
||||||
|
var Main = /*@__PURE__*/ (function(Component) {
|
||||||
|
function Main(props) {
|
||||||
|
Component.call(this, props);
|
||||||
|
this.data = {
|
||||||
|
listData: [
|
||||||
|
{
|
||||||
|
circuitName: "1路电流：",
|
||||||
|
current: "3.21A",
|
||||||
|
typeName: "高压风冷：",
|
||||||
|
isTypeOpen: false
|
||||||
|
},
|
||||||
|
{
|
||||||
|
circuitName: "2路电流：",
|
||||||
|
current: "3.21A",
|
||||||
|
typeName: "中压风冷：",
|
||||||
|
isTypeOpen: true
|
||||||
|
},
|
||||||
|
{
|
||||||
|
circuitName: "3路电流：",
|
||||||
|
current: "3.21A",
|
||||||
|
typeName: "低压风冷：",
|
||||||
|
isTypeOpen: false
|
||||||
|
},
|
||||||
|
{
|
||||||
|
circuitName: "4路电流：",
|
||||||
|
current: "3.21A",
|
||||||
|
typeName: "闭锁调压：",
|
||||||
|
isTypeOpen: true
|
||||||
|
}
|
||||||
|
]
|
||||||
|
};
|
||||||
|
}
|
||||||
|
|
||||||
|
if (Component) Main.__proto__ = Component;
|
||||||
|
Main.prototype = Object.create(Component && Component.prototype);
|
||||||
|
Main.prototype.constructor = Main;
|
||||||
|
Main.prototype.apiready = function() {};
|
||||||
|
Main.prototype.handleToSet = function() {
|
||||||
|
api.openWin({
|
||||||
|
name: "set",
|
||||||
|
url: "./main/set.stml"
|
||||||
|
});
|
||||||
|
};
|
||||||
|
Main.prototype.handleToHistory = function() {
|
||||||
|
api.openWin({
|
||||||
|
name: "history",
|
||||||
|
url: "./main/history.stml"
|
||||||
|
});
|
||||||
|
};
|
||||||
|
Main.prototype.render = function() {
|
||||||
|
return apivm.h(
|
||||||
|
"view",
|
||||||
|
{class: "index_wrap"},
|
||||||
|
apivm.h("text", {class: "index_title"}, "运行状态"),
|
||||||
|
apivm.h(
|
||||||
|
"view",
|
||||||
|
{class: "index_list"},
|
||||||
|
(Array.isArray(this.data.listData)
|
||||||
|
? this.data.listData
|
||||||
|
: Object.values(this.data.listData)
|
||||||
|
).map(function(item$1) {
|
||||||
|
return apivm.h(
|
||||||
|
"view",
|
||||||
|
{class: "index_inline"},
|
||||||
|
apivm.h(
|
||||||
|
"view",
|
||||||
|
{class: "inline_item"},
|
||||||
|
apivm.h("text", {class: "inline_item_text"}, item$1.circuitName),
|
||||||
|
apivm.h("text", {class: "inline_item_text"}, item$1.current)
|
||||||
|
),
|
||||||
|
apivm.h(
|
||||||
|
"view",
|
||||||
|
{class: "inline_item"},
|
||||||
|
apivm.h("text", {class: "inline_item_text"}, item$1.typeName),
|
||||||
|
apivm.h("text", {
|
||||||
|
class: item$1.isTypeOpen
|
||||||
|
? "inline_item_circle_open"
|
||||||
|
: "inline_item_circle_close"
|
||||||
|
}),
|
||||||
|
apivm.h(
|
||||||
|
"text",
|
||||||
|
{class: "inline_item_text"},
|
||||||
|
item$1.isTypeOpen ? "开" : "关"
|
||||||
|
)
|
||||||
|
)
|
||||||
|
);
|
||||||
|
})
|
||||||
|
),
|
||||||
|
apivm.h(
|
||||||
|
"view",
|
||||||
|
{class: "index_footer"},
|
||||||
|
apivm.h("text", {class: "footer_set", onClick: this.handleToSet}, "设置"),
|
||||||
|
apivm.h(
|
||||||
|
"text",
|
||||||
|
{class: "footer_history", onClick: this.handleToHistory},
|
||||||
|
"操作历史"
|
||||||
|
)
|
||||||
|
)
|
||||||
|
);
|
||||||
|
};
|
||||||
|
|
||||||
|
return Main;
|
||||||
|
})(Component);
|
||||||
|
Main.css = {
|
||||||
|
".index_wrap": {
|
||||||
|
width: "100%",
|
||||||
|
height: "100%",
|
||||||
|
boxSizing: "border-box",
|
||||||
|
padding: "20px",
|
||||||
|
backgroundImage: 'url("../image/login.png")',
|
||||||
|
backgroundSize: "120%",
|
||||||
|
backgroundRepeat: "no-repeat",
|
||||||
|
backgroundPosition: "center"
|
||||||
|
},
|
||||||
|
".index_title": {
|
||||||
|
width: "100%",
|
||||||
|
textAlign: "center",
|
||||||
|
fontSize: "60px",
|
||||||
|
color: "#ffffff",
|
||||||
|
fontWeight: "bold"
|
||||||
|
},
|
||||||
|
".index_list": {marginTop: "50px", display: "flex", alignItems: "center"},
|
||||||
|
".index_inline": {
|
||||||
|
display: "flex",
|
||||||
|
flexDirection: "row",
|
||||||
|
alignItems: "center",
|
||||||
|
margin: "10px 0"
|
||||||
|
},
|
||||||
|
".inline_item": {
|
||||||
|
margin: "0 40px",
|
||||||
|
display: "flex",
|
||||||
|
flexDirection: "row",
|
||||||
|
alignItems: "center"
|
||||||
|
},
|
||||||
|
".inline_item_text": {
|
||||||
|
fontSize: "40px",
|
||||||
|
fontWeight: "bold",
|
||||||
|
color: "#ffffff",
|
||||||
|
margin: "0 10px"
|
||||||
|
},
|
||||||
|
".inline_item_circle_open": {
|
||||||
|
width: "40px",
|
||||||
|
height: "40px",
|
||||||
|
backgroundColor: "#09be30",
|
||||||
|
borderRadius: "50%",
|
||||||
|
margin: "0 10px"
|
||||||
|
},
|
||||||
|
".inline_item_circle_close": {
|
||||||
|
width: "40px",
|
||||||
|
height: "40px",
|
||||||
|
backgroundColor: "#fd0101",
|
||||||
|
borderRadius: "50%",
|
||||||
|
margin: "0 10px"
|
||||||
|
},
|
||||||
|
".index_footer": {
|
||||||
|
width: "80%",
|
||||||
|
margin: "50px auto 0",
|
||||||
|
display: "flex",
|
||||||
|
flexDirection: "row",
|
||||||
|
alignItems: "center"
|
||||||
|
},
|
||||||
|
".footer_set": {
|
||||||
|
fontSize: "40px",
|
||||||
|
fontWeight: "bold",
|
||||||
|
boxSizing: "border-box",
|
||||||
|
padding: "10px 20px",
|
||||||
|
color: "#ffffff"
|
||||||
|
},
|
||||||
|
".footer_history": {
|
||||||
|
fontSize: "40px",
|
||||||
|
fontWeight: "bold",
|
||||||
|
marginLeft: "50px",
|
||||||
|
boxSizing: "border-box",
|
||||||
|
padding: "10px 20px",
|
||||||
|
color: "#ffffff"
|
||||||
|
}
|
||||||
|
};
|
||||||
|
apivm.define("main", Main);
|
||||||
|
apivm.render(apivm.h("main", null), "body");
|
||||||
|
})();
|
||||||
|
|
@ -0,0 +1,50 @@
|
||||||
|
(function() {
|
||||||
|
var History = /*@__PURE__*/ (function(Component) {
|
||||||
|
function History(props) {
|
||||||
|
Component.call(this, props);
|
||||||
|
this.data = {};
|
||||||
|
}
|
||||||
|
|
||||||
|
if (Component) History.__proto__ = Component;
|
||||||
|
History.prototype = Object.create(Component && Component.prototype);
|
||||||
|
History.prototype.constructor = History;
|
||||||
|
History.prototype.apiready = function() {};
|
||||||
|
History.prototype.render = function() {
|
||||||
|
return apivm.h(
|
||||||
|
"view",
|
||||||
|
{class: "history_wrap"},
|
||||||
|
apivm.h("text", {class: "history_title"}, "历史操作记录"),
|
||||||
|
apivm.h(
|
||||||
|
"scroll-view",
|
||||||
|
{class: "history_list", "scroll-x": "false", "scroll-y": true},
|
||||||
|
apivm.h("view", {class: ""})
|
||||||
|
)
|
||||||
|
);
|
||||||
|
};
|
||||||
|
|
||||||
|
return History;
|
||||||
|
})(Component);
|
||||||
|
History.css = {
|
||||||
|
".history_wrap": {
|
||||||
|
width: "100%",
|
||||||
|
height: "100vh",
|
||||||
|
boxSizing: "border-box",
|
||||||
|
padding: "20px"
|
||||||
|
},
|
||||||
|
".history_title": {
|
||||||
|
width: "100%",
|
||||||
|
textAlign: "center",
|
||||||
|
fontSize: "40px",
|
||||||
|
fontWeight: "bold",
|
||||||
|
color: "#000000"
|
||||||
|
},
|
||||||
|
".history_list": {
|
||||||
|
marginTop: "30px",
|
||||||
|
border: "1px solid silver",
|
||||||
|
width: "100%",
|
||||||
|
height: "80vh"
|
||||||
|
}
|
||||||
|
};
|
||||||
|
apivm.define("history", History);
|
||||||
|
apivm.render(apivm.h("history", null), "body");
|
||||||
|
})();
|
||||||
|
|
@ -0,0 +1,209 @@
|
||||||
|
(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");
|
||||||
|
})();
|
||||||
|
|
@ -0,0 +1 @@
|
||||||
|
{"main":"j:\\YouStudio\\test\\pages\\main.stml","set":"j:\\YouStudio\\test\\pages\\main\\set.stml","history":"j:\\YouStudio\\test\\pages\\main\\history.stml"}
|
||||||
|
|
@ -0,0 +1 @@
|
||||||
|
{"appid":"A1785216780697862147","appname":"test","apptype":"app","synctime":1691110138}
|
||||||
|
|
@ -0,0 +1 @@
|
||||||
|
此目录是组件放置目录
|
||||||
|
|
@ -0,0 +1,55 @@
|
||||||
|
<widget id="A1785216780697862147" version="0.0.1">
|
||||||
|
|
||||||
|
<name>test</name>
|
||||||
|
|
||||||
|
<description>Example For yonyou.</description>
|
||||||
|
|
||||||
|
<author email="developer@yonyou.com" href="https://developer.yonyou.com/">Developer</author>
|
||||||
|
|
||||||
|
<preference name="avm" value="true"/>
|
||||||
|
|
||||||
|
<preference name="pageBounce" value="false"/>
|
||||||
|
|
||||||
|
<preference name="appBackground" value="rgba(0,0,0,0.0)"/>
|
||||||
|
|
||||||
|
<preference name="windowBackground" value="rgba(0,0,0,0.0)"/>
|
||||||
|
|
||||||
|
<preference name="frameBackgroundColor" value="rgba(0,0,0,0.0)"/>
|
||||||
|
|
||||||
|
<preference name="hScrollBarEnabled" value="false"/>
|
||||||
|
|
||||||
|
<preference name="vScrollBarEnabled" value="false"/>
|
||||||
|
|
||||||
|
<preference name="autoLaunch" value="true"/>
|
||||||
|
|
||||||
|
<preference name="fullScreen" value="false"/>
|
||||||
|
|
||||||
|
<preference name="autoUpdate" value="true"/>
|
||||||
|
|
||||||
|
<preference name="smartUpdate" value="false"/>
|
||||||
|
|
||||||
|
<preference name="debug" value="true"/>
|
||||||
|
|
||||||
|
<preference name="statusBarAppearance" value="true"/>
|
||||||
|
|
||||||
|
<content src="pages/main"/>
|
||||||
|
|
||||||
|
<access origin="*"/>
|
||||||
|
|
||||||
|
<permission name="readPhoneState"/>
|
||||||
|
|
||||||
|
<permission name="camera"/>
|
||||||
|
|
||||||
|
<permission name="record"/>
|
||||||
|
|
||||||
|
<permission name="location"/>
|
||||||
|
|
||||||
|
<permission name="fileSystem"/>
|
||||||
|
|
||||||
|
<permission name="internet"/>
|
||||||
|
|
||||||
|
<permission name="bootCompleted"/>
|
||||||
|
|
||||||
|
<permission name="hardware"/>
|
||||||
|
|
||||||
|
</widget>
|
||||||
|
|
@ -0,0 +1 @@
|
||||||
|
此目录是 css 样式资源目录
|
||||||
|
|
@ -0,0 +1 @@
|
||||||
|
此目录是 html 文件夹目录
|
||||||
Binary file not shown.
|
After Width: | Height: | Size: 14 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 13 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 191 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 42 KiB |
|
|
@ -0,0 +1,138 @@
|
||||||
|
<template>
|
||||||
|
<view class="index_wrap">
|
||||||
|
<text class="index_title">运行状态</text>
|
||||||
|
<view class="index_list">
|
||||||
|
<view
|
||||||
|
class="index_inline"
|
||||||
|
v-for="item in listData"
|
||||||
|
>
|
||||||
|
<view class="inline_item">
|
||||||
|
<text class="inline_item_text">{{item.circuitName}}</text>
|
||||||
|
<text class="inline_item_text">{{item.current}}</text>
|
||||||
|
</view>
|
||||||
|
<view class="inline_item">
|
||||||
|
<text class="inline_item_text">{{item.typeName}}</text>
|
||||||
|
<text :class="item.isTypeOpen?'inline_item_circle_open':'inline_item_circle_close'"></text>
|
||||||
|
<text class="inline_item_text">{{item.isTypeOpen?'开':'关'}}</text>
|
||||||
|
</view>
|
||||||
|
</view>
|
||||||
|
</view>
|
||||||
|
<view class="index_footer">
|
||||||
|
<text class="footer_set" @click="handleToSet">设置</text>
|
||||||
|
<text class="footer_history" @click="handleToHistory">操作历史</text>
|
||||||
|
</view>
|
||||||
|
</view>
|
||||||
|
</template>
|
||||||
|
<script>
|
||||||
|
export default {
|
||||||
|
name: 'main',
|
||||||
|
data() {
|
||||||
|
return {
|
||||||
|
listData:[
|
||||||
|
{circuitName:'1路电流：',current:'3.21A',typeName:'高压风冷：',isTypeOpen:false},
|
||||||
|
{circuitName:'2路电流：',current:'3.21A',typeName:'中压风冷：',isTypeOpen:true},
|
||||||
|
{circuitName:'3路电流：',current:'3.21A',typeName:'低压风冷：',isTypeOpen:false},
|
||||||
|
{circuitName:'4路电流：',current:'3.21A',typeName:'闭锁调压：',isTypeOpen:true}
|
||||||
|
]
|
||||||
|
};
|
||||||
|
},
|
||||||
|
//初始化
|
||||||
|
apiready(){
|
||||||
|
|
||||||
|
},
|
||||||
|
methods: {
|
||||||
|
//跳转到设置页面
|
||||||
|
handleToSet(){
|
||||||
|
api.openWin({
|
||||||
|
name: 'set',
|
||||||
|
url:'./main/set.stml'
|
||||||
|
})
|
||||||
|
},
|
||||||
|
//跳转到历史记录页
|
||||||
|
handleToHistory(){
|
||||||
|
api.openWin({
|
||||||
|
name: 'history',
|
||||||
|
url:'./main/history.stml'
|
||||||
|
})
|
||||||
|
},
|
||||||
|
}
|
||||||
|
};
|
||||||
|
</script>
|
||||||
|
<style>
|
||||||
|
.index_wrap{
|
||||||
|
width: 100%;
|
||||||
|
height: 100%;
|
||||||
|
box-sizing: border-box;
|
||||||
|
padding: 20px;
|
||||||
|
background-image: url("../image/login.png");
|
||||||
|
background-size: 120%;
|
||||||
|
background-repeat: no-repeat;
|
||||||
|
background-position: center;
|
||||||
|
}
|
||||||
|
.index_title{
|
||||||
|
width: 100%;
|
||||||
|
text-align: center;
|
||||||
|
font-size: 60px;
|
||||||
|
color: #ffffff;
|
||||||
|
font-weight: bold;
|
||||||
|
}
|
||||||
|
.index_list{
|
||||||
|
margin-top: 50px;
|
||||||
|
display: flex;
|
||||||
|
align-items: center;
|
||||||
|
}
|
||||||
|
.index_inline{
|
||||||
|
display: flex;
|
||||||
|
flex-direction: row;
|
||||||
|
align-items: center;
|
||||||
|
margin: 10px 0;
|
||||||
|
}
|
||||||
|
.inline_item{
|
||||||
|
margin: 0 40px;
|
||||||
|
display: flex;
|
||||||
|
flex-direction: row;
|
||||||
|
align-items: center;
|
||||||
|
}
|
||||||
|
.inline_item_text{
|
||||||
|
font-size: 40px;
|
||||||
|
font-weight: bold;
|
||||||
|
color: #ffffff;
|
||||||
|
margin: 0 10px;
|
||||||
|
}
|
||||||
|
.inline_item_circle_open{
|
||||||
|
width: 40px;
|
||||||
|
height: 40px;
|
||||||
|
background-color: #09be30;
|
||||||
|
border-radius: 50%;
|
||||||
|
margin: 0 10px;
|
||||||
|
}
|
||||||
|
.inline_item_circle_close{
|
||||||
|
width: 40px;
|
||||||
|
height: 40px;
|
||||||
|
background-color: #fd0101;
|
||||||
|
border-radius: 50%;
|
||||||
|
margin: 0 10px;
|
||||||
|
}
|
||||||
|
.index_footer{
|
||||||
|
width: 80%;
|
||||||
|
margin: 50px auto 0;
|
||||||
|
display: flex;
|
||||||
|
flex-direction: row;
|
||||||
|
align-items: center;
|
||||||
|
}
|
||||||
|
.footer_set{
|
||||||
|
font-size: 40px;
|
||||||
|
font-weight: bold;
|
||||||
|
box-sizing: border-box;
|
||||||
|
padding: 10px 20px;
|
||||||
|
color: #ffffff;
|
||||||
|
}
|
||||||
|
.footer_history{
|
||||||
|
font-size: 40px;
|
||||||
|
font-weight: bold;
|
||||||
|
margin-left: 50px;
|
||||||
|
box-sizing: border-box;
|
||||||
|
padding: 10px 20px;
|
||||||
|
color: #ffffff;
|
||||||
|
}
|
||||||
|
</style>
|
||||||
|
|
@ -0,0 +1,45 @@
|
||||||
|
<template>
|
||||||
|
<view class="history_wrap">
|
||||||
|
<text class="history_title">历史操作记录</text>
|
||||||
|
<scroll-view class="history_list" scroll-x ="false" scroll-y>
|
||||||
|
<view class=""></view>
|
||||||
|
</scroll-view>
|
||||||
|
</view>
|
||||||
|
</template>
|
||||||
|
<script>
|
||||||
|
export default {
|
||||||
|
name: 'history',
|
||||||
|
data() {
|
||||||
|
return{
|
||||||
|
|
||||||
|
}
|
||||||
|
},
|
||||||
|
apiready(){
|
||||||
|
|
||||||
|
},
|
||||||
|
methods: {
|
||||||
|
|
||||||
|
}
|
||||||
|
}
|
||||||
|
</script>
|
||||||
|
<style>
|
||||||
|
.history_wrap{
|
||||||
|
width: 100%;
|
||||||
|
height: 100vh;
|
||||||
|
box-sizing: border-box;
|
||||||
|
padding: 20px;
|
||||||
|
}
|
||||||
|
.history_title{
|
||||||
|
width: 100%;
|
||||||
|
text-align: center;
|
||||||
|
font-size: 40px;
|
||||||
|
font-weight: bold;
|
||||||
|
color: #000000;
|
||||||
|
}
|
||||||
|
.history_list{
|
||||||
|
margin-top: 30px;
|
||||||
|
border: 1px solid silver;
|
||||||
|
width: 100%;
|
||||||
|
height: 80vh;
|
||||||
|
}
|
||||||
|
</style>
|
||||||
|
|
@ -0,0 +1,150 @@
|
||||||
|
<template>
|
||||||
|
<view class="set_wrap">
|
||||||
|
<text class="set_back_text" @click="handleBackIndex">返回</text>
|
||||||
|
<view class="set_list">
|
||||||
|
<view
|
||||||
|
class="list_inline"
|
||||||
|
v-for="(item,index) in setList"
|
||||||
|
>
|
||||||
|
<view class="inline_item">
|
||||||
|
<text class="item_label">{{item.name}}：</text>
|
||||||
|
<view class="item_content">
|
||||||
|
<view class="switch_box"><switch class="switch" index={index} :checked="item.isSet" @change="handleSwitchChange" /></view>
|
||||||
|
<input class="input" type="text" :disabled="!item.isSet" placeholder="请输入电流值" />
|
||||||
|
</view>
|
||||||
|
</view>
|
||||||
|
<view class="inline_item">
|
||||||
|
<text class="item_label">电流通道：</text>
|
||||||
|
<view class="item_content">
|
||||||
|
<picker class="picker" :id="'selector'+index" index={index} mode="selector" value={{item.selectIndex}} @change="handleSelectChange">
|
||||||
|
<text class="item_label">{{item.selectVal}}</text>
|
||||||
|
</picker>
|
||||||
|
</view>
|
||||||
|
</view>
|
||||||
|
</view>
|
||||||
|
</view>
|
||||||
|
</view>
|
||||||
|
</template>
|
||||||
|
<script>
|
||||||
|
export default {
|
||||||
|
name: 'set',
|
||||||
|
|
||||||
|
data() {
|
||||||
|
return{
|
||||||
|
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路'],
|
||||||
|
}
|
||||||
|
},
|
||||||
|
apiready(){
|
||||||
|
let selector0 = document.getElementById('selector0');
|
||||||
|
let selector1 = document.getElementById('selector1');
|
||||||
|
let selector2 = document.getElementById('selector2');
|
||||||
|
let 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
|
||||||
|
});
|
||||||
|
},
|
||||||
|
methods: {
|
||||||
|
//返回首页
|
||||||
|
handleBackIndex(){
|
||||||
|
api.navigateBack({
|
||||||
|
delta: 2,
|
||||||
|
});
|
||||||
|
},
|
||||||
|
//switch开关选择
|
||||||
|
handleSwitchChange(e){
|
||||||
|
let _index = e.target.attributes.index;
|
||||||
|
this.setList.forEach((item,index) => {
|
||||||
|
if(index === _index){
|
||||||
|
item.isSet = e.detail.value;
|
||||||
|
}
|
||||||
|
})
|
||||||
|
},
|
||||||
|
//下拉选择
|
||||||
|
handleSelectChange(e) {
|
||||||
|
let _index = e.target.attributes.index;
|
||||||
|
this.setList.forEach((item,index) => {
|
||||||
|
if(index === _index){
|
||||||
|
item.selectIndex = e.detail.value;
|
||||||
|
item.selectVal = this.data.currentList[e.detail.value];
|
||||||
|
}
|
||||||
|
})
|
||||||
|
},
|
||||||
|
}
|
||||||
|
}
|
||||||
|
</script>
|
||||||
|
<style>
|
||||||
|
.set_wrap{
|
||||||
|
width: 100%;
|
||||||
|
height: 100vh;
|
||||||
|
box-sizing: border-box;
|
||||||
|
padding: 20px;
|
||||||
|
}
|
||||||
|
.set_back_text{
|
||||||
|
font-size: 40px;
|
||||||
|
color: #000000;
|
||||||
|
font-weight: bold;
|
||||||
|
}
|
||||||
|
.set_list{
|
||||||
|
margin-top: 50px;
|
||||||
|
display: flex;
|
||||||
|
align-items: center;
|
||||||
|
}
|
||||||
|
.list_inline{
|
||||||
|
display: flex;
|
||||||
|
flex-direction: row;
|
||||||
|
align-items: center;
|
||||||
|
margin: 10px 0;
|
||||||
|
}
|
||||||
|
.inline_item{
|
||||||
|
margin: 0 40px;
|
||||||
|
display: flex;
|
||||||
|
flex-direction: row;
|
||||||
|
align-items: center;
|
||||||
|
}
|
||||||
|
.item_label{
|
||||||
|
font-size: 40px;
|
||||||
|
font-weight: bold;
|
||||||
|
color: #000000;
|
||||||
|
}
|
||||||
|
.item_content{
|
||||||
|
display: flex;
|
||||||
|
flex-direction: row;
|
||||||
|
align-items: center;
|
||||||
|
}
|
||||||
|
.switch_box{
|
||||||
|
display: flex;
|
||||||
|
justify-content: center;
|
||||||
|
align-items: center;
|
||||||
|
width: 76px;
|
||||||
|
height: 46px;
|
||||||
|
}
|
||||||
|
.switch{
|
||||||
|
transform: scale(1.5, 1.5);
|
||||||
|
}
|
||||||
|
.input{
|
||||||
|
box-sizing: border-box;
|
||||||
|
padding: 5px;
|
||||||
|
border: 1px solid silver;
|
||||||
|
font-size: 32px;
|
||||||
|
height: 60px;
|
||||||
|
width: 200px;
|
||||||
|
margin-left: 20px;
|
||||||
|
border-radius: 10px;
|
||||||
|
}
|
||||||
|
</style>
|
||||||
|
|
@ -0,0 +1,4 @@
|
||||||
|
<?xml version="1.0" encoding="UTF-8"?>
|
||||||
|
<manifest>
|
||||||
|
<application name="targetSdkVersion" value="30"/>
|
||||||
|
</manifest>
|
||||||
|
|
@ -0,0 +1 @@
|
||||||
|
此目录是脚本目录
|
||||||
|
|
@ -0,0 +1 @@
|
||||||
|
此目录是资源包目录
|
||||||
Loading…
Reference in New Issue