var sliderWidth = 96; // 需要设置slider的宽度,用于计算中间位置
Page({
data: {
tabs: ["设备状态", "设备日志", "厂家报修"],
activeIndex: 0,
sliderOffset: 0,
sliderLeft: 0,
equipData: [
{
id: "1",
label: "设备1",
classroom: "综合楼101",
checked: false
},
{
id: "2",
label: "设备2",
classroom: "综合楼102",
checked: true
},
{
id: "3",
label: "设备3",
classroom: "综合楼103",
checked: false
},
{
id: "4",
label: "设备4",
classroom: "综合楼104",
checked: true
},
],
allselect: false,
},
onLoad: function () {
var that = this;
wx.getSystemInfo({
success: function (res) {
that.setData({
sliderLeft: (res.windowWidth / that.data.tabs.length - sliderWidth) / 2,
sliderOffset: res.windowWidth / that.data.tabs.length * that.data.activeIndex
});
}
});
},
tabClick: function (e) {
this.setData({
sliderOffset: e.currentTarget.offsetLeft,
activeIndex: e.currentTarget.id
});
},
checkboxChange: function (e) {
console.log('checkbox发生change事件,携带value值/发给后台的值为:', e.detail.value);
let checkedArr = e.detail.value;
this.data.equipData.forEach((val) => {
checkedArr.indexOf(val.id) !== -1 ? val.checked = true : val.checked = false;
})
this.setData({
equipData: this.data.equipData
})
},
//全选
bindAllSelect() {
let self = this, equipData = this.data.equipData
if (this.data.allselect) {
equipData.forEach((val) => {
val.checked = false;
})
this.setData({
equipData: equipData
})
} else {
equipData.forEach((val) => {
val.checked = true;
})
this.setData({
equipData: equipData
})
};
this.setData({
allselect: !this.data.allselect
})
},
//一键开关机
openDevice() {
wx.showModal({
title: '提示',
content: '当前操作会为选中设备一键开机,是否继续?',
confirmText: "确定",
cancelText: "取消",
success: function (res) {
console.log(res);
if (res.confirm) {
console.log('开机')
wx.showToast({
title: '开机中',
icon: 'loading',
duration: 3000
});
} else {
console.log('取消')
}
}
});
},
closeDevice() {
wx.showModal({
title: '提示',
content: '当前操作为选中设备一键关机,是否继续?',
confirmText: "确定",
cancelText: "取消",
success: function (res) {
console.log(res);
if (res.confirm) {
console.log('关机')
wx.showToast({
title: '关机中',
icon: 'loading',
duration: 3000
});
} else {
console.log('取消')
}
}
});
},
});
小徐博客
- 粉丝: 1977
- 资源: 5883
最新资源
- 基于Vue3、.NET8的mes-TMom生产制造系统设计源码
- 基于FPGA的灰度直方图均衡算法IP verilog源码 适用于Altera平台,封装好的IP,可直接在Qsys中调用 本为封装好的IP源码,经过Modelsim仿真验证和开发板功能验证OK
- 基于Python和HTML的气象数据分析系统设计与实现源码
- 基于Spring Boot的quartz分布式定时任务设计源码
- 安川代码移植的主板原理图 无pcb 采用瑞萨芯片
- 基于Python的平面五杆机构狗腿形态学/小贱钟模拟器设计源码
- PSO-BP粒子群优化BP神经网络多输入多输出(Matlab完整源码和数据)
- Pscad仿真模型程序-中低压交直流混合微电网协调控制和并离网切仿真 具体工况:DC-AC-LVGrid-End1:并离网切仿真,负载和电源功率不扰动DC-AC-LVGrid-End2:并离网切,负载
- 基于Java的跨平台数据流处理框架Sylph设计源码
- 基于Java语言的公开Webservice调用天气预报功能设计源码
- 基于Java及HTML的温州理工学院web应用系统开发课程课件设计源码
- 基于Vue3框架的LYMusic音乐网站设计源码
- 基于ThinkPHP的caozha-tp-comment轻量级评论系统设计源码
- HFSS仿真实例模型文件
- 基于阿里巴巴Java开发手册的在线版JavaScript+CSS+HTML设计源码
- 基于Java OSS API的统一对象存储操作设计源码
资源上传下载、课程学习等过程中有任何疑问或建议,欢迎提出宝贵意见哦~我们会及时处理!
点击此处反馈