2023-08-04 09:20:01 +08:00
|
|
|
|
<template>
|
2023-08-04 15:56:30 +08:00
|
|
|
|
<scroll-view class="scroll-view" scroll-x scroll-y="false">
|
2023-08-04 09:20:01 +08:00
|
|
|
|
<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">
|
2023-08-04 15:56:30 +08:00
|
|
|
|
<text class="item_label">{{item.typeName}}:</text>
|
2023-08-04 09:20:01 +08:00
|
|
|
|
<view class="item_content">
|
2023-08-04 15:56:30 +08:00
|
|
|
|
<view class="switch_box"><switch class="switch" index={index} :checked="item.isTypeOpen==='1'" @change="handleSwitchChange" /></view>
|
|
|
|
|
<input class="input" type="text" :disabled="item.isTypeOpen==='0'" placeholder="请输入电流值" />
|
2023-08-04 09:20:01 +08:00
|
|
|
|
</view>
|
|
|
|
|
</view>
|
|
|
|
|
<view class="inline_item">
|
|
|
|
|
<text class="item_label">电流通道:</text>
|
|
|
|
|
<view class="item_content">
|
2023-08-04 15:56:30 +08:00
|
|
|
|
<text class="item_label" @click="handleSelectChange(index)">{{item.circuitName}}路电流</text>
|
2023-08-04 09:20:01 +08:00
|
|
|
|
</view>
|
|
|
|
|
</view>
|
|
|
|
|
</view>
|
|
|
|
|
</view>
|
2023-08-04 10:55:53 +08:00
|
|
|
|
<text class="set_btn" @click="handleSubmitSet">保存参数</text>
|
2023-08-04 09:20:01 +08:00
|
|
|
|
</view>
|
2023-08-04 15:56:30 +08:00
|
|
|
|
</scroll-view>
|
2023-08-04 09:20:01 +08:00
|
|
|
|
</template>
|
|
|
|
|
<script>
|
2023-08-04 15:56:30 +08:00
|
|
|
|
import {dbUtils} from '../../script/dbUtils.js'
|
2023-08-04 10:55:53 +08:00
|
|
|
|
let UIMultiSelector = api.require("UIMultiSelector");
|
2023-08-04 09:20:01 +08:00
|
|
|
|
export default {
|
|
|
|
|
name: 'set',
|
|
|
|
|
data() {
|
|
|
|
|
return{
|
|
|
|
|
setList:[
|
2023-08-04 15:56:30 +08:00
|
|
|
|
// {isTypeOpen:false,setVal:'',circuitName:'请选择',typeName:'高压风冷'},
|
|
|
|
|
// {isTypeOpen:true,setVal:'',circuitName:'请选择',typeName:'中压风冷'},
|
|
|
|
|
// {isTypeOpen:false,setVal:'',circuitName:'请选择',typeName:'低压风冷'},
|
|
|
|
|
// {isTypeOpen:true,setVal:'',circuitName:'请选择',typeName:'闭锁调压'},
|
2023-08-04 09:20:01 +08:00
|
|
|
|
],
|
|
|
|
|
//电流通道列表
|
2023-08-04 10:55:53 +08:00
|
|
|
|
currentList: [
|
|
|
|
|
{
|
2023-08-04 15:56:30 +08:00
|
|
|
|
text:'1',
|
2023-08-04 10:55:53 +08:00
|
|
|
|
status:'normal'
|
|
|
|
|
},
|
|
|
|
|
{
|
2023-08-04 15:56:30 +08:00
|
|
|
|
text:'2',
|
2023-08-04 10:55:53 +08:00
|
|
|
|
status:'normal'
|
|
|
|
|
},
|
|
|
|
|
{
|
2023-08-04 15:56:30 +08:00
|
|
|
|
text:'3',
|
2023-08-04 10:55:53 +08:00
|
|
|
|
status:'normal'
|
|
|
|
|
},
|
|
|
|
|
{
|
2023-08-04 15:56:30 +08:00
|
|
|
|
text:'4',
|
2023-08-04 10:55:53 +08:00
|
|
|
|
status:'normal'
|
|
|
|
|
},
|
|
|
|
|
],
|
2023-08-04 09:20:01 +08:00
|
|
|
|
}
|
|
|
|
|
},
|
|
|
|
|
apiready(){
|
2023-08-04 15:56:30 +08:00
|
|
|
|
const vm = this;
|
|
|
|
|
var db = api.require('db');
|
|
|
|
|
db.openDatabase({
|
|
|
|
|
name: 'test',
|
|
|
|
|
path: 'fs://Database/cqjiouzai.db'
|
|
|
|
|
}, function(ret, err) {
|
|
|
|
|
if (ret.status) {
|
|
|
|
|
//初始化设备表
|
|
|
|
|
vm.initSb(db);
|
|
|
|
|
}
|
|
|
|
|
});
|
2023-08-04 09:20:01 +08:00
|
|
|
|
},
|
|
|
|
|
methods: {
|
2023-08-04 15:56:30 +08:00
|
|
|
|
//初始化设备表
|
|
|
|
|
initSb(db) {
|
|
|
|
|
const vm = this;
|
|
|
|
|
dbUtils.select(db, 'SELECT * FROM Sb', function(ret, err) {
|
|
|
|
|
var data = ret.data;
|
|
|
|
|
if(undefined != data && data.length > 0){
|
|
|
|
|
vm.data.setList = data;
|
|
|
|
|
}
|
|
|
|
|
});
|
|
|
|
|
},
|
2023-08-04 09:20:01 +08:00
|
|
|
|
//返回首页
|
|
|
|
|
handleBackIndex(){
|
|
|
|
|
api.navigateBack({
|
|
|
|
|
delta: 2,
|
|
|
|
|
});
|
|
|
|
|
},
|
|
|
|
|
//switch开关选择
|
|
|
|
|
handleSwitchChange(e){
|
|
|
|
|
let _index = e.target.attributes.index;
|
|
|
|
|
this.setList.forEach((item,index) => {
|
|
|
|
|
if(index === _index){
|
2023-08-04 15:56:30 +08:00
|
|
|
|
item.isTypeOpen = e.detail.value?'1':'0';
|
2023-08-04 09:20:01 +08:00
|
|
|
|
}
|
|
|
|
|
})
|
|
|
|
|
},
|
|
|
|
|
//下拉选择
|
2023-08-04 10:55:53 +08:00
|
|
|
|
handleSelectChange(selectNum) {
|
|
|
|
|
let _setList = this.data.setList;
|
|
|
|
|
//设置下拉选项
|
|
|
|
|
UIMultiSelector.open({
|
|
|
|
|
rect: {
|
|
|
|
|
h: 400
|
|
|
|
|
},
|
|
|
|
|
text: {
|
|
|
|
|
title: '电流通道',
|
|
|
|
|
leftBtn: '取消',
|
|
|
|
|
rightBtn: '确认',
|
|
|
|
|
},
|
|
|
|
|
styles: {
|
|
|
|
|
mask: 'rgba(0,0,0,0)',
|
|
|
|
|
title: {
|
|
|
|
|
bg: '#ffffff',
|
|
|
|
|
color: '#000000',
|
|
|
|
|
size: 36,
|
|
|
|
|
h: 80
|
|
|
|
|
},
|
|
|
|
|
leftButton: {
|
|
|
|
|
w: 160,
|
|
|
|
|
h: 80,
|
|
|
|
|
marginT: 5,
|
|
|
|
|
marginL: 8,
|
|
|
|
|
color: '#ffffff',
|
|
|
|
|
size: 36,
|
|
|
|
|
bg:'#5199FF'
|
|
|
|
|
},
|
|
|
|
|
rightButton: {
|
|
|
|
|
w: 160,
|
|
|
|
|
h: 80,
|
|
|
|
|
marginT: 5,
|
|
|
|
|
marginR: 8,
|
|
|
|
|
color: '#ffffff',
|
|
|
|
|
size: 36,
|
|
|
|
|
bg:'#5199FF'
|
|
|
|
|
},
|
|
|
|
|
item: {
|
|
|
|
|
h: 80,
|
|
|
|
|
bg: '#ffffff',
|
|
|
|
|
bgActive: '#5199FF',
|
|
|
|
|
bgHighlight: '#5199FF',
|
|
|
|
|
color: '#000000',
|
|
|
|
|
active: '#ffffff',
|
|
|
|
|
highlight: '#ffffff',
|
|
|
|
|
size: 36,
|
|
|
|
|
activeSize:36,
|
|
|
|
|
lineColor: '#d8d8d8',
|
|
|
|
|
textAlign: 'center'
|
|
|
|
|
},
|
|
|
|
|
},
|
|
|
|
|
max: 1,
|
|
|
|
|
singleSelection: true,
|
|
|
|
|
animation: true,
|
|
|
|
|
items:this.data.currentList
|
|
|
|
|
}, function(ret){
|
|
|
|
|
if(ret.eventType === 'clickLeft'){
|
|
|
|
|
UIMultiSelector.close();
|
|
|
|
|
}else if(ret.eventType === 'clickRight' || ret.eventType === 'clickItem'){
|
|
|
|
|
UIMultiSelector.close();
|
2023-08-04 15:56:30 +08:00
|
|
|
|
_setList[selectNum].circuitName = ret.items.length > 0?ret.items[0].text:_setList[selectNum].circuitName;
|
2023-08-04 09:20:01 +08:00
|
|
|
|
}
|
2023-08-04 10:55:53 +08:00
|
|
|
|
});
|
2023-08-04 09:20:01 +08:00
|
|
|
|
},
|
2023-08-04 10:55:53 +08:00
|
|
|
|
//保存参数
|
|
|
|
|
handleSubmitSet(){
|
|
|
|
|
console.log("保存参数");
|
|
|
|
|
}
|
2023-08-04 09:20:01 +08:00
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
</script>
|
|
|
|
|
<style>
|
|
|
|
|
.set_wrap{
|
|
|
|
|
width: 100%;
|
|
|
|
|
height: 100vh;
|
|
|
|
|
box-sizing: border-box;
|
|
|
|
|
padding: 20px;
|
2023-08-04 10:55:53 +08:00
|
|
|
|
background-image: url("../../image/login.png");
|
|
|
|
|
background-size: 120%;
|
|
|
|
|
background-repeat: no-repeat;
|
|
|
|
|
background-position: center;
|
|
|
|
|
position: relative;
|
2023-08-04 09:20:01 +08:00
|
|
|
|
}
|
|
|
|
|
.set_back_text{
|
|
|
|
|
font-size: 40px;
|
2023-08-04 10:55:53 +08:00
|
|
|
|
color: #ffffff;
|
2023-08-04 09:20:01 +08:00
|
|
|
|
font-weight: bold;
|
2023-08-04 10:55:53 +08:00
|
|
|
|
position: absolute;
|
|
|
|
|
top: 20px;
|
|
|
|
|
left: 20px;
|
2023-08-04 09:20:01 +08:00
|
|
|
|
}
|
|
|
|
|
.set_list{
|
2023-08-04 10:55:53 +08:00
|
|
|
|
margin-top: 80px;
|
2023-08-04 09:20:01 +08:00
|
|
|
|
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;
|
2023-08-04 10:55:53 +08:00
|
|
|
|
color: #ffffff;
|
2023-08-04 09:20:01 +08:00
|
|
|
|
}
|
|
|
|
|
.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;
|
|
|
|
|
}
|
2023-08-04 10:55:53 +08:00
|
|
|
|
.set_btn{
|
|
|
|
|
font-size: 40px;
|
|
|
|
|
color: #5199FF;
|
|
|
|
|
background-color: #ffffff;
|
|
|
|
|
box-sizing: border-box;
|
|
|
|
|
padding: 10px 20px;
|
|
|
|
|
border-radius: 10px;
|
|
|
|
|
text-align: center;
|
|
|
|
|
width: 300px;
|
|
|
|
|
margin: 50px auto 0;
|
|
|
|
|
font-weight: bold;
|
|
|
|
|
}
|
2023-08-04 09:20:01 +08:00
|
|
|
|
</style>
|