sony-ble/pages/light/light.js

// pages/light/light.js
import { connectStateMap, connectStateTypes } from '../../data/devType.js'
import { MAX_COLOR_TEMPERATURE, MIN_COLOR_TEMPERATURE, COLOR_TEMPERATURE_STEP } from '../../data/lampType.js'
import { handle } from '../../utils/mjs_handle.js'
import { calculateColor } from '../../utils/mjs_color.js'
import BLE from '../../utils/mjs_wxble.js'
console.log(BLE);
const ble = new BLE();
const tmpDevs = [
    {
        id: 1,
        name: "123",
        deviceId: "1234"
    },
    {
        id: 2,
        name: "设备2",
        deviceId: "23456"
    }
]
Page({

    /**
     * 页面的初始数据
     */
    data: {
        connectStateTypes: connectStateTypes,
        ble: {
            state: connectStateTypes.scaning,
            devName: "123",
            init: false
        },
        lamp: {
            // 信息相关
            temp_max: MAX_COLOR_TEMPERATURE,
            temp_min: MIN_COLOR_TEMPERATURE,
            temp_step: COLOR_TEMPERATURE_STEP,
            // 开关状态
            switch: false,
            // 全开状态(无色温调节)
            fullOpen: false,
            // 亮度
            brightness: 50,
            // 色温
            colorTemperature: MAX_COLOR_TEMPERATURE,
            // 色彩
            bgc: "#3b3b3b"
        },
        bleDevs: tmpDevs
    },
    brightnessChangeHandle(e){
        console.log("亮度改变");
        console.log(e);
        this.setData({
          lamp: {...this.data.lamp, brightness: e.detail.value}
        })
        this.reComputeBgColor();
      },
      colorChangeHandle(e){
        console.log("色温改变");
        console.log(e);
        this.setData({
          lamp: {...this.data.lamp, colorTemperature: e.detail.value}
        })
        this.reComputeBgColor();
      },
      // 计算背景色
      reComputeBgColor(){
        let newBgC;
        let temp = this.data.lamp.colorTemperature;
        let light = this.data.lamp.brightness;
        if(this.data.lamp.fullOpen){
            temp = MAX_COLOR_TEMPERATURE / 2;
        }
        if(this.data.lamp.switch){
            newBgC = calculateColor(temp, light);
        }else{
            newBgC = "#3b3b3b";
        }
        this.setData({
            lamp: {...this.data.lamp, bgc: newBgC}
        })
      },
      fullModeSwitchHandle(e){
        // 全开模式切换
        console.log("全开模式切换");
        this.setData({
            lamp: {...this.data.lamp, fullOpen: !this.data.lamp.fullOpen}
        })
      },
      switchHandle(e){
        // 开关切换
        this.setData({
            lamp: {...this.data.lamp, switch: !this.data.lamp.switch}
        });
        this.reComputeBgColor();
    },
    
    // 蓝牙控制板块
    searchDeviceHandle() {
        // 开始搜索设备
        this.excuteSearchDevice();
    },
    connectDevHandle(e) {
        // 连接设备
        console.log("click connectDev")
        console.log(e);
        let dev = e.detail;
        console.log(dev);
    },
    async excuteSearchDevice(){
        console.log("搜索 蓝牙设备");
        let err,res;
        if(!this.data.ble.init){
          [err,res] = await handle(ble.initBle());
          if(err){
            return wx.showModal({
                title: '蓝牙错误',
                content: "无法启用蓝牙!!!",
                success (res) { }
              }) 
          }
          ble.onSearch = this.onSearchHandle;
          this.setData({
                ble: {...this.data.ble, init: true},
          })
        }
        this.setData({
          ble: {...this.data.ble,state: connectStateTypes.searching},
        });
        ble.search(this.onSearchHandle);
    },


      
    /**
     * 生命周期函数--监听页面加载
     */
    onLoad(options) {
  
    },
  
    /**
     * 生命周期函数--监听页面初次渲染完成
     */
    onReady() {
  
    },
  
    /**
   * 生命周期函数--监听页面显示
   */
  onShow() {
    // 配置导航栏
    wx.setNavigationBarTitle({
      title: '灯光控制'
    })
  },
  
    /**
     * 生命周期函数--监听页面隐藏
     */
    onHide() {
  
    },
  
    /**
     * 生命周期函数--监听页面卸载
     */
    onUnload() {
  
    },
  
    /**
     * 页面相关事件处理函数--监听用户下拉动作
     */
    onPullDownRefresh() {
  
    },
  
    /**
     * 页面上拉触底事件的处理函数
     */
    onReachBottom() {
  
    },
  
    /**
     * 用户点击右上角分享
     */
    onShareAppMessage() {
  
    }
  })