灯光控制界面建设完成

app.wxss

@@ -18,7 +18,6 @@
   justify-content: center;
   border-radius: 3px;
   background-color: #7a7777;
-
 }
 .custom-info-btn:active{
   background-color: #c2b8b8;

components/scanHandle/scanHandle.js

@@ -0,0 +1,36 @@
+// components/scan..js
+import { connectStateMap, connectStateTypes } from '../../data/devType.js'
+Component({
+    /**
+     * 组件的属性列表
+     */
+    properties: {
+        state: {
+            type: Number,
+            value: connectStateTypes.unConnect
+        },
+        devName: {
+            type: String,
+            value: ""
+        }
+    },
+    
+    /**
+     * 组件的初始数据
+     */
+    data: {
+        // 连接状态
+        connectStateMap: connectStateMap,
+        connectStateTypes: connectStateTypes
+    },
+    
+    /**
+     * 组件的方法列表
+     */
+    methods: {
+        searchDevice(){
+            // 触发父组件的事件
+            this.triggerEvent('searchDevice')
+        }
+    }
+})

components/scanHandle/scanHandle.json

@@ -0,0 +1,6 @@
+{
+  "component": true,
+  "usingComponents": {
+    "led": "/components/stateLed/stateLed"
+  }
+}

components/scanHandle/scanHandle.wxml

@@ -0,0 +1,17 @@
+<view class="header">
+    <view class="state-info" bindtap="tapState">
+     <led color="{{connectStateMap[state].color}}" width="15"/> {{connectStateMap[state].text}}
+    </view>
+    <view class="state-msg connected" wx:if="{{state == connectStateTypes.connected}}">
+      <view>
+        {{devName}}
+      </view>
+      <view class="custom-info-btn btn" bindtap="searchDevice" >重新扫描</view>
+    </view>
+    <view class="state-msg" wx:if="{{state == connectStateTypes.unConnect}}">
+      <view class="custom-info-btn btn" bindtap="searchDevice" >扫描</view>
+    </view>
+    <view class="state-msg" wx:if="{{state == connectStateTypes.connecting}}">
+      <view class="custom-info-btn btn" bindtap="searchDevice" >重新扫描</view>
+    </view>
+</view>

components/scanHandle/scanHandle.wxss

@@ -0,0 +1,56 @@
+
+.header{
+    width: 100%;
+    height: 35px;
+    border-bottom: 1px solid gray;
+    display: flex;
+    align-items: center;
+    font-size: 16px;
+    padding: 0 5px;
+  }
+  .header .state-info{
+    font-size: 18px;
+    width: 120px;
+    padding-left: 10px;
+    border-right: 1px solid gray;
+    display: flex;
+    align-items: center;
+  }
+  .led{
+    width: 5px;
+    height: 5px;
+    
+  }
+  .header .state-msg{
+    width: 100%;
+    overflow:hidden;
+    display: flex;
+    justify-content: center;
+    align-items: center;
+    padding: 0 10px;
+    box-sizing: border-box;
+  }
+  .header  .connected{
+  width: 100%;
+  display: flex;
+  justify-content: space-between;
+}
+
+  .btn{
+    display: flex;
+    justify-content: center;
+    align-items: center;
+    box-sizing: border-box;
+    border-radius: 3px;
+    background-color: #00a790;
+    color: white;
+    padding: 5px 25px;
+    width: auto;
+    height: auto;
+    box-shadow: 1px 1px 5px rgb(119, 119, 119);
+  }
+  
+  .btn:active{
+    background-color: #00a790;
+    box-shadow: 1px 1px 3px black;
+  }

components/tabList/tabList.js

@@ -0,0 +1,37 @@
+// components/scan..js
+import { connectStateMap, connectStateTypes } from '../../data/devType.js'
+Component({
+    /**
+     * 组件的属性列表
+     */
+    properties: {
+        bleDevs: {
+            type: Array,
+            value: []
+        }
+    },
+    
+    /**
+     * 组件的初始数据
+     */
+    data: {
+    },
+    
+    /**
+     * 组件的方法列表
+     */
+    methods: {
+        connectDev(e){
+            let devId = e.currentTarget.dataset.dev;
+            console.log("connectDev", devId)
+            let dev = this.data.bleDevs.find(dev=>devId===dev.deviceId);
+            if(!dev){
+                return wx.showToast({
+                    title: '数据库异常,无法找寻设备',
+                })
+            }
+            // 触发父组件的事件
+            this.triggerEvent('connectDev', dev);
+        }
+    }
+})

components/tabList/tabList.json

@@ -0,0 +1,3 @@
+{
+    "component": true
+  }

components/tabList/tabList.wxml

@@ -0,0 +1,22 @@
+<view class="bleDevices">
+    <view class="titleBox">
+      <view class="title">
+        <view >
+          设备列表
+        </view>
+        <view class="text-red">{{bleDevs.length}}</view>
+      </view>
+    </view>
+    
+    <view class="devList">
+      <view class="devItem" wx:for="{{bleDevs}}" wx:key="deviceId" >
+        <view class="devInfo">
+          <view class="name">{{item.name}}</view>
+          <view class="devId">{{item.deviceId}}</view>
+        </view>
+        <view class="option">
+          <view class="btn" data-dev="{{item.deviceId}}" bindtap="connectDev">连接</view>
+        </view>
+      </view>
+    </view>
+  </view>

components/tabList/tabList.wxss

@@ -0,0 +1,86 @@
+
+.bleDevices{
+    width:100%;
+    height: 360px;
+    display: flex;
+    flex-direction: column;
+    overflow: hidden;
+    /* margin-top: 10px; */
+  }
+  .bleDevices .titleBox{
+    width: 100%;
+    height: auto;
+    padding: 10px 10px;
+    box-sizing: border-box;
+  }
+  .bleDevices .title{
+    width: 100%;
+    height: 35px;
+    display: flex;
+    justify-content: space-between;
+    align-items: center;
+    padding: 0 10px;
+    box-sizing: border-box;
+    background-color: #fff;
+    border-radius: 5px;
+    box-shadow: 0 0 1px 0px #3b3b3b;
+  }
+  .bleDevices .devList{
+    padding: 0 10px;
+    height: 100%;
+    overflow: auto;
+  }
+  .bleDevices .devList .devItem{
+    width: 100%;
+    height: 70px;
+    margin-bottom: 10px;
+    border-radius: 3px;
+    display: flex;
+    padding: 0 8px;
+    box-sizing: border-box;
+    align-items: center;
+    background-color: #fff;
+    box-shadow: 0 0 1px 0px #3b3b3b;
+  }
+  .bleDevices .devList .devItem .devInfo .name,.devId{
+    display: flex;
+    align-items: center;
+  }
+  .bleDevices .devList .devItem .devInfo{
+    width: 70%;
+  }
+  
+  .bleDevices .devList .devItem .devInfo .name{
+    font-size: 18px;
+    height: 35px;
+  }
+  
+  .bleDevices .devList .devItem .devInfo .devId{
+    font-size: 12px;
+    height: 30px;
+  }
+  
+  
+  .bleDevices .devList .devItem .option{
+    width: 30%;
+  }
+
+
+  .btn{
+    display: flex;
+    justify-content: center;
+    align-items: center;
+    box-sizing: border-box;
+    border-radius: 3px;
+    background-color: #00a790;
+    color: white;
+    padding: 5px 25px;
+    width: auto;
+    height: auto;
+    box-shadow: 1px 1px 5px rgb(119, 119, 119);
+  }
+  
+  .btn:active{
+    background-color: #00a790;
+    box-shadow: 1px 1px 3px black;
+  }

data/devType.js

@@ -0,0 +1,13 @@
+export const connectStateMap = {
+    0: {text:'未连接',color:"red"},
+    1:  {text:'扫描中',color:"greenYellow"},
+    2:  {text:'连接中',color:"#d8e84d"},
+    3:  {text:'已连接',color:"#00ff00"}
+  }
+
+  export const connectStateTypes = {
+    unConnect: 0,
+    scaning: 1,
+    connecting: 2,
+    connected: 3
+  }

data/lampType.js

@@ -0,0 +1,6 @@
+// 最大色温
+export const MAX_COLOR_TEMPERATURE = 6500;
+// 最小色温
+export const MIN_COLOR_TEMPERATURE = 2700;
+// 色温步长
+export const COLOR_TEMPERATURE_STEP = 50;

pages/light/light.js

@@ -1,13 +1,138 @@
 // 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);
+    },
+
+
+      
     /**
      * 生命周期函数--监听页面加载
      */

pages/light/light.json

@@ -1,6 +1,8 @@
 {
     "usingComponents": {
-        "fnState": "/components/fnState/fnState"
+        "fnState": "/components/fnState/fnState",
+        "scanHandle": "/components/scanHandle/scanHandle",
+        "tabList": "/components/tabList/tabList"
     },
     "disableScroll":true
 }

pages/light/light.wxml

@@ -1,10 +1,98 @@
 <!--pages/light/light.wxml-->
 <view class="lamp" hover-class="none" hover-stop-propagation="false">
-    <viwe class="handle">
-        
-    </viwe>
-    <!-- 设备扫描操作框 -->
-    <view class="ble-scan-box">
+    <scanHandle 
+    state="{{ble.state}}" 
+    dev-name="{{ble.devName}}"
+    bindsearchDevice="searchDeviceHandle"
+    />
+
+    <view class="lamp__content">
+        <tabList
+        wx:if="{{ble.state === connectStateTypes.scaning || ble.state === connectStateTypes.connecting}}"
+        ble-devs="{{ bleDevs }}"
+        bindconnectDev="connectDevHandle">
+        </tabList>
+        <!-- 灯光控制 -->
+
+        <view class="lampControl" 
+        wx:if="{{ble.state === connectStateTypes.connected}}"
+        style="background-color:{{lamp.bgc}}"
+        >
+            <!-- 占位块 -->
+            <view class="lampControl__placeholder"></view>
+            <!-- 开关 -->
+            <view class="lampControl_chunk lampControl_title lampControl__switch"
+            bindtap="switchHandle"
+            >
+                <!-- icon -->
+                <view class="{{lamp.switch?'lampControl__switch switch-open':'lampControl__switch'  }}">
+                    <image src="/icons/png/switch.png" />
+                </view>
+                <!-- 文字 -->
+                <view class="lampControl__switch-text">
+                    <text>{{lamp.switch ? '关闭' : '打开'}}</text>
+                </view>
+            </view>
+
+            <!-- 亮度 -->
+            <view class="lampControl_chunk lampControl__brightness">
+                <!-- 文字 -->
+                <view class="lampControl_title">
+                    <text>亮度</text>
+                    <!-- 值 -->
+                    <text class="subTitle">{{lamp.brightness}}%</text>
+                </view>
+                <!-- 滑块 -->
+                <view class="lampControl_slider">
+                    <slider 
+                    value="{{lamp.brightness}}" 
+                    min="0" 
+                    max="100" 
+                    disabled="{{!lamp.switch}}"
+                    bindchange="brightnessChangeHandle"
+                    />
+                </view>
+            </view>
+
+            <!-- 色温 -->
+            <view class="lampControl_chunk lampControl__color">
+                <!-- 文字 -->
+                <view class="lampControl_title">
+                    <text>色温</text>
+                    <!-- 分隔装饰 -->
+                    <!-- 值 -->
+                    <text class="subTitle">{{lamp.colorTemperature}}K</text>
+                </view>
+                <!-- 滑块 -->
+                <view class="lampControl_slider">
+                    <slider 
+                    value="{{lamp.colorTemperature}}" 
+                    min="{{lamp.temp_min}}" 
+                    max="{{lamp.temp_max}}" 
+                    step="{{lamp.temp_step}}" 
+                    disabled="{{!lamp.switch || lamp.fullOpen}}"
+                    bindchange="colorChangeHandle"
+                    />
+                </view>
+            </view>
+
+            <view class="lampControl_chunk lampControl_title lampControl__color"
+            bindtap="fullModeSwitchHandle"
+            >
+            <!-- icon -->
+                <view class="{{lamp.fullOpen?'lampControl__switch switch-open':'lampControl__switch'  }}">
+                    <image src="/icons/png/switch.png" />
+                </view>
+                <!-- 文字 -->
+                <view class="lampControl__switch-text">
+                    <text>{{lamp.fullOpen ? '关闭' : '全开模式'}}</text>
+                </view>
+            </view>
+
+            <!-- todo: 更多自定义模式 -->
+
+        </view>
+
 
     </view>
 </view>

pages/light/light.wxss

@@ -0,0 +1,87 @@
+.lamp{
+    width: 100vw;
+    height: 100vh;
+    position: relative;
+}
+
+.lamp__content{
+    width: 100%;
+    height: auto;
+    min-height: 100vh;
+    position: relative;
+    /* 暗灰 */
+    background-color: #3b3b3b;
+}
+
+.lampControl{
+    width: 100%;
+    height: auto;
+    padding: 5px 20px;
+    box-sizing: border-box;
+}
+
+.lampControl .lampControl__placeholder{
+    width: 100%;
+    height: 180px;
+}
+
+.lampControl .lampControl_chunk{
+    width: 100%;
+    border-radius: 5px;
+    background-color: #fff;
+    padding: 5px 10px;
+    margin-top: 20px;
+    box-sizing: border-box;
+    box-shadow: 0 0 1px 0px #3b3b3b;
+}
+.lampControl .lampControl_title{
+    height: 40px;
+    font-size: 18px;
+    font-weight: bold;
+    margin-bottom: 5px;
+    display: flex;
+    align-items: center;
+}
+
+.lampControl__switch{
+    width: 30px;
+    height: 30px;
+    border-radius: 50%;
+    background-color: #3b3b3b;
+    align-items: center;
+    padding: 5px;
+    box-sizing: border-box;
+}
+
+.switch-open{
+    background-color: #f58505;
+}
+
+.lampControl__switch image{
+    width: 100%;
+    height: 100%;
+}
+
+.lampControl__switch-text{
+    font-size: 18px;
+    margin-left: 10px;
+}
+
+
+.lampControl_title{
+    font-size: 18px;
+    font-weight: bold;
+    margin-bottom: 10px;
+    display: flex;
+    align-items: center;
+}
+.lampControl_title .subTitle{
+    font-size: 14px;
+    font-weight: normal;
+    margin-left: 10px;
+}
+
+.lampControl_slider{
+    width: 100%;
+    height: 50px;
+}

pages/old/index.wxss

@@ -39,7 +39,6 @@
 .led{
   width: 5px;
   height: 5px;
-  
 }
 .header .state-msg{
   width: 100%;
@@ -61,8 +60,11 @@
   width: 100%;
   height: 24px;
   display: flex;
+  justify-content: space-between;
   align-items: center;
   padding: 0 10px;
+  border-bottom: 1px solid gray;
+
 }
 .bleDevices .devList{
   padding: 0 10px;

utils/mjs_buffer.js

@@ -0,0 +1,23 @@
+ function buf2hex(buffer) { // buffer is an ArrayBuffer
+                return [...new Uint8Array(buffer)]
+                    .map(x => x.toString(16).padStart(2, '0'))
+                    .join('');
+              }
+
+function hex2ab(hex){
+  let typedArray = new Uint8Array(hex.match(/[\da-f]{2}/gi).map(function (h) {
+    return parseInt(h, 16)
+  }))
+  let buffer = typedArray.buffer
+  return buffer
+}
+function hexStrToBuffer(str){
+  // 填充首位
+  if(str.length % 2){str=`0${str}`}
+  
+  for(let i=0;i<str.length;i+=2){
+    hex2ab
+  }
+}
+
+export default {buf2hex,hex2ab}

utils/mjs_color.js

@@ -0,0 +1,33 @@
+export function calculateColor(temperature, brightness) {
+    // 转换色温值为RGB
+    let kelvin = temperature / 100;
+    let red, green, blue;
+
+    if (kelvin <= 66) {
+        red = 255;
+        green = kelvin;
+        green = 99.4708025861 * Math.log(green) - 161.1195681661;
+
+        if (kelvin <= 19) {
+            blue = 0;
+        } else {
+            blue = kelvin - 10;
+            blue = 138.5177312231 * Math.log(blue) - 305.0447927307;
+        }
+    } else {
+        red = kelvin - 60;
+        red = 329.698727446 * Math.pow(red, -0.1332047592);
+        green = kelvin - 60;
+        green = 288.1221695283 * Math.pow(green, -0.0755148492);
+        blue = 255;
+    }
+
+    // 根据亮度值调整颜色
+    let brightnessCorrection = 1 + (brightness / 100) * 0.1; // 0.2 是亮度修正系数
+    red = Math.round(red * brightness * brightnessCorrection / 100);
+    green = Math.round(green * brightness * brightnessCorrection / 100);
+    blue = Math.round(blue * brightness * brightnessCorrection / 100);
+
+    // 返回RGB颜色值
+    return `rgb(${red},${green},${blue})`;
+}

utils/mjs_handle.js

@@ -0,0 +1,24 @@
+/*
+ * @Description: 
+ * @Autor: kindring
+ * @Date: 2021-12-14 15:19:56
+ * @LastEditors: kindring
+ * @LastEditTime: 2021-12-14 17:17:09
+ * @LastDescript: 
+ */
+export function handle(promise) {
+    return new Promise(resolve => {
+        try{
+            promise.then(val => {
+                resolve([null, val])
+            }).catch(err => {
+                resolve([err])
+            })
+        }catch(err){
+            resolve([err])
+        }
+    })
+  }
+  
+  
+  

utils/mjs_wxble.js

@@ -0,0 +1,215 @@
+
+import {handle} from "./mjs_handle";
+import {buf2hex, hex2ab} from "./mjs_buffer";
+// 需要匹配的相机特征值列表
+const CAMERA_MANUFACTURER_LOOKUP = ["2d010300"];
+class BLE{
+  constructor(){
+    // this代表实例对象
+     this.isInit= false;
+　}
+  
+  async initBle(option){
+    let [err,ok] = await handle(wx.openBluetoothAdapter(option));
+    if(err){
+      throw err;
+    }
+    return 0
+  }
+  search(onSearchCallback){
+    // wx.onBluetoothDeviceFound((res) => {
+    //   res.devices.forEach((device) => {
+    //     // 这里可以做一些过滤
+    //     console.log('Device Found', device)
+    //   })
+    //   // 找到要搜索的设备后，及时停止扫描
+    //   wx.stopBluetoothDevicesDiscovery()
+    // })
+    console.log("搜索蓝牙中：");
+     setTimeout(() => {
+      console.log("test");
+    }, 2500);
+    wx.onBluetoothDeviceFound(function (res) {
+        var bleArray = res.devices;
+        //这里会收到周边搜索到的蓝牙
+        console.log("\n\nfind devices ----");
+        // console.log(res);
+        // console.log(res.devices);
+        // 对
+        for (let index = 0; index < bleArray.length; index++) {
+          const ble = bleArray[index];
+          if(ble.advertisData){
+            // 解析到特征值设备
+            let advertisData = buf2hex(ble.advertisData);
+            console.log(advertisData);
+            console.log(ble);
+            if(CAMERA_MANUFACTURER_LOOKUP.find(codeStr=>advertisData.startsWith(codeStr))){
+              console.log('找到匹配到的设备');
+                // 找到相机
+                onSearchCallback({
+                  ...ble,
+                  hexAdvertisData: advertisData
+                })
+            }
+          }
+        }
+    });
+    wx.startBluetoothDevicesDiscovery({
+      success(res) {
+        console.log("开始搜索蓝牙：", res)
+      },
+      fail(res) {
+        console.log(res)
+      }
+    })
+  }
+  onSearch(){
+    console.log('on serarch');
+  }
+  async stopSearch(){
+    let [err,res] = await handle(wx.stopBluetoothDevicesDiscovery());
+    if(err){
+      throw err;
+    }
+    return res;
+  }
+  connectDev(deviceId){
+    return new Promise((resolve,reject)=>{
+      console.log(`连接到:${deviceId}`);
+      wx.createBLEConnection({
+        deviceId:deviceId,
+        success:function(res){
+          resolve(res);
+        },
+        fail:function(err){
+            console.error(err);
+            reject(err);
+        }
+      })
+    })
+  }
+  // 获取蓝牙服务
+  getBleServices(devId){
+    let self = this;
+    return new Promise((resolve,reject)=>{
+
+      wx.getBLEDeviceServices({
+        //蓝牙设备ID
+        deviceId: devId,
+        success: async function (res) {
+          let services = res.services;
+          console.log(services)
+          for (let i = 0; i < services.length; i++) {
+            console.log(services[i].uuid);
+            let [err,res] = await handle(self.getServerCharacteristics(devId,services[i].uuid));
+            if(err){
+              console.log(`获取服务特征值失败 服务id:${services[i].uuid}`);
+              return reject(err);
+            }
+            services[i].characteristics = res;
+          }
+          console.log('--------');
+          resolve(services);
+         //获取蓝牙设备服务UUID成功
+        },
+        fail(res) {
+          //获取蓝牙设备服务失败
+          reject(res);
+        }
+    })
+    
+    })
+  }
+
+  // 获取蓝牙服务特征值
+  getServerCharacteristics(devId,bleServiceUUID){
+    let self = this;
+    return new Promise((resolve,reject)=>{
+      wx.getBLEDeviceCharacteristics({
+        //蓝牙设备ID
+        deviceId: devId,
+        //蓝牙服务ID
+        serviceId: bleServiceUUID,
+        success: function (res) {
+          console.log(res);
+          res.characteristics.forEach(async c=>{
+            // console.log(c);
+            if(c.properties.notify){
+              console.log(`监听${bleServiceUUID}的${c.uuid.substr(0,8)}`);
+              let [err,res] = await handle(self.listenData(devId,bleServiceUUID,c.uuid));
+              if(err){
+                console.error(err);
+                console.log(`添加监听${bleServiceUUID}的${c.uuid.substr(0,8)}失败`);
+              }
+              console.log(res);
+            }
+          })
+          resolve(res.characteristics);
+        },
+        fail(err){
+          reject(err);
+        }
+      });
+    });
+  }
+
+  // 向指定特征发送数据
+  sendData(devId,serviceId,characteristicId,hexStr){
+    console.log(hexStr);
+    hexStr = hex2ab(hexStr);
+    console.log(hexStr);
+    return new Promise((resolve,reject)=>{
+      wx.writeBLECharacteristicValue({
+          //蓝牙设备ID
+          deviceId: devId,
+          //蓝牙服务ID
+          serviceId: serviceId,
+          //写特征值ID
+          characteristicId: characteristicId,
+          //数据ArrayBuffer
+          value: hexStr,
+          success(res) {
+            //发送蓝牙数据成功
+            resolve(res);
+          },
+          fail(res) {
+            //发送蓝牙数据失败
+            reject(res);
+          }
+      })
+    })
+    
+  }
+  // 监听数据
+  listenData(devId,serviceId,uuid){
+    return new Promise((resolve,reject)=>{
+      wx.notifyBLECharacteristicValueChange({
+        state: true,
+        //蓝牙设备ID
+        deviceId: devId,
+        //蓝牙服务ID
+        serviceId: serviceId,
+        //特征值ID
+        characteristicId: uuid,
+        success: function (res) {
+          //开启通知成功
+          wx.onBLECharacteristicValueChange(function (res) {
+            //这里坐等数据过来,res.value
+            console.log('got data ');
+            console.log(res);
+            console.log(buf2hex(res.value));
+            console.log('got data ');
+          })
+          resolve(res);
+        },
+        fail: function (res) {
+          //开启通知失败
+          reject(res);
+        }
+      });
+    })
+  }
+  // 
+}
+
+export default BLE;