techtron/pages/bluetooth/index/index.vue

<template>
	<scroll-view class="main-container" scroll-y="true"
		:refresher-enabled="false">
		<view v-for="(item, index) in deviceListDataShow" :key="item.id" class="list-item" hover-class="list-item-hover"
			hover-start-time="0" hover-stay-time="100" @click="listViewTap(item.id)">
			<image v-if="item.manufacturer==='eciot'" src="/static/img/ecble.png" class="list-item-img"></image>
			<image v-else src="/static/img/ble.png" class="list-item-img"></image>
			<text class="list-item-name">{{item.name}}</text>
			<image v-if="item.rssi >= -41" src="/static/img/s5.png" mode="aspectFit" class="list-item-rssi-img"></image>
			<image v-else-if="item.rssi >= -55" src="/static/img/s4.png" mode="aspectFit" class="list-item-rssi-img"></image>
			<image v-else-if="item.rssi >= -65" src="/static/img/s3.png" mode="aspectFit" class="list-item-rssi-img"></image>
			<image v-else-if="item.rssi >= -75" src="/static/img/s2.png" mode="aspectFit" class="list-item-rssi-img"></image>
			<image v-else="item.rssi < -75" src="/static/img/s1.png" mode="aspectFit" class="list-item-rssi-img"></image>
			<text class="list-item-rssi">{{item.rssi}}</text>
			<view class="list-item-line"></view>
		</view>
    <u-modal :show="showPwd" :confirmText="i18('确认')" :cancelText="i18('取消')" @confirm="inputPwd" @cancel="cancel" :showCancelButton="true"  :title="$t('buletooth.pwdinput')" >
      <view class="slot-content">
        <view>
          <u--input
              type="number"
              :placeholder="$t('buletooth.pwdtip')"
              border="surround"
              v-model="pwd"
          ></u--input>
        </view>

        <view style="margin:10px;text-decoration: underline;margin-bottom: 0px" @click="forgetPwd">
          {{i18('忘记密码')}}？
        </view>
      </view>
    </u-modal>

    <u-modal :show="showDeviceNo" :confirmText="i18('确认')" :cancelText="i18('取消')" @confirm="resetPwd" @cancel="cancel" :showCancelButton="true"  :title="i18('重置密码')" >
      <view class="slot-content">
        <view>
          <u--input
              type="number"
              :placeholder="i18('请输入序列号')"
              border="surround"
              v-model="inputDeviceNo"
          ></u--input>
        </view>

      </view>
    </u-modal>
		<view v-if="deviceListDataShow.length==0" class="notice"> - {{ $t('buletooth.nodevice') }} -</view>
		<view class="gap"></view>
	</scroll-view>


</template>

<script>
import {getPwd,setPwd,parsePwd,sendPortDetailCmd,getUUID,parseDataObj} from "@/utils/weitiandi/device/device.js";
// #ifdef APP
import ecUI from '@/utils/ecUI.js'
import ecBLE from '@/utils/ecBLE/ecBLE.js'
// #endif
// #ifdef MP
const ecUI = require('@/utils/ecUI.js')
const ecBLE = require('@/utils/ecBLE/ecBLE.js')
// #endif
import i18 from '@/utils/i18.js'
	let ctx
	let deviceListData = []
	export default {
		data() {
			return {
        showPwd:false,
        rightPwd:"",
        pwd:"",
        timer:"",
        buleid:"",
				deviceListDataShow: [],
        showTimer:null,
        connected:false,
        uuid:"",
        showDeviceNo:false,
        inputDeviceNo:""
			}
		},
		onLoad() {
      uni.setNavigationBarTitle({
        title: this.$t('page.bluetooth')
      })
      ecUI.showLoading(this.$t('buletooth.init'))
			ctx = this
      clearInterval(this.timer);
      this.timer = setInterval(() => {
        ctx.deviceListDataShow = JSON.parse(JSON.stringify(deviceListData))
      }, 800)
		},
    onUnload(){
      ecBLE.stopBluetoothDevicesDiscovery();
      ecBLE.closeBLEConnection()
    },
		onShow() {
      if(this.showTimer!= null){
        clearTimeout(this.showTimer);
      }
			this.showTimer = setTimeout(() => {
				ctx.openBluetoothAdapter()
			}, 100)
		},
		methods: {
      i18(text){
        return i18(text)
      },
      cancel(){
        this.showPwd = false;
        uni.navigateBack({
        });
      },
      resetPwd(){
        let self = this;
        if(!this.inputDeviceNo){
          self.$modal.showToast("请输入序列号");
          return;
        }
        if(this.uuid != this.inputDeviceNo){
          self.$modal.showToast("序列号有误");
          return;
        }
        if(this.uuid == this.inputDeviceNo){
          this.$modal.confirm("密码将被重置为123456").then(res=>{
            setPwd("123456")
            self.$modal.showToast("密码修改成功");
            this.rightPwd = "123456";
            self.loginSuccess();
          });
        }
      },
      goBack(){
        uni.navigateBack({
        });
      },
      inputPwd(){
        if(!this.pwd ){
          this.$modal.showToast(this.$t('buletooth.errpwd'));
        }else{
          if(this.rightPwd && this.rightPwd === this.pwd){
           this.loginSuccess();
          }else{
            this.$modal.showToast(this.$t('buletooth.errpwd'));
          }

        }
      },
      loginSuccess(){
        this.showPwd = false;
        this.showDeviceNo = false;
        uni.setStorageSync("pwd",this.rightPwd);
        uni.setStorageSync('blueid', this.buleid);
        this.pwd = "";
        ecBLE.stopBluetoothDevicesDiscovery();
        uni.navigateTo({
          url: '/pages/weitiandi/bluetooth/status'
        });
      },
      getLocalPwd(){
        let pwd = uni.getStorageSync("pwd");
        return pwd;
      },
			listViewTap(id){
        let self = this;
				ecUI.showLoading(this.$t('buletooth.connecting'))
				ecBLE.onBLEConnectionStateChange(res => {
          console.log(res);
					if (res.ok) {
            self.connected = true;
            setTimeout(function(){
              ecUI.hideLoading()
              getPwd();
              self.buleid = id;
            },2000)
            // uni.setStorageSync('blueid', id);
						// ecBLE.stopBluetoothDevicesDiscovery();
            //
					} else {
            ecUI.hideLoading()
            uni.removeStorageSync('blueid');
						ecUI.showModal(
                this.$t('buletooth.tip'),
							'error,errCode=' + res.errCode + ',errMsg=' + res.errMsg
						)
					}
				});
        //receive data
        ecBLE.onBLECharacteristicValueChange((str, strHex) => {
			console.log("数据来了")
          let isCheckRevHex = true;
          let data =
              (isCheckRevHex ? strHex.replace(/[0-9a-fA-F]{2}/g, ' $&') : str)
          console.log(data)
          self.$modal.closeLoading();
          data = parseDataObj(data);
		  console.log(data);
          let type = data.type;
          if(type == 253){
            self.messageCallback(data)
          }else{
            let pwd =  data.real_data;
            let localPwd = self.getLocalPwd()
            console.log("pwd:"+pwd);
            console.log("localPwd:"+localPwd)
            self.rightPwd = pwd;
            if(pwd != localPwd){
              self.showInputPwd();
            }else{
              self.loginSuccess();
            }
          }

        })
        self.connected = false;
				ecBLE.createBLEConnection(id);
        setTimeout(function (){
          if(!self.connected){
            self.$modal.showToast(i18('连接失败'));
            self.startBluetoothDevicesDiscovery()
          }
        },10000);
			},
      showInputPwd(){
        this.showPwd = true;
      },
      messageCallback(data){
        let self = this;
        console.log(data);
        let type = data.type;
        let real_data = data.real_data;
        if(type == 253){
          self.$modal.closeLoading();
          self.uuid = real_data.substr(0,6);
        }
        self.$forceUpdate();
        console.log('收到服务器内容：' + JSON.stringify(data));
      },
      forgetPwd(){
        this.$modal.loading("正在读取设备ID");
        getUUID()
        this.showDeviceNo = true;
      },
			openBluetoothAdapter() {
        let self = this;
				ecBLE.onBluetoothAdapterStateChange(res => {
          ecUI.hideLoading()
					if (res.ok) {
            let blueid = uni.getStorageSync('blueid');
            console.log('Bluetooth adapter ok,blueid:'+blueid)
            if(blueid){
              self.listViewTap(blueid);
            }else{
              ctx.startBluetoothDevicesDiscovery()
            }
					} else {
						ecUI.showModal(
                this.$t('buletooth.tip'),
							`Bluetooth adapter error | ${res.errCode} | ${res.errMsg}`,
							() => {

							}
						)
					}
				})
				ecBLE.openBluetoothAdapter()
			},
			startBluetoothDevicesDiscovery() {
				console.log('start search')
				ecBLE.onBluetoothDeviceFound(res => {
					// if(res.id==="EC:22:05:13:78:49")
					// console.log(`id:${res.id},name:${res.name},rssi:${res.rssi}`)
          if(!res.name.startsWith('BT_')){
            return;
          }
					for (const item of deviceListData) {
						if (item.id === res.id) {
							item.name = res.name
							item.rssi = res.rssi
							return
						}
					}
					let manufacturer = ''
					if (res.name.length === 11 && res.name.startsWith('@')) {
						manufacturer = 'eciot'
					}
					if (res.name.length === 15 && res.name.startsWith('BT_')) {
						manufacturer = 'eciot'
					}
					deviceListData.push({
						id: res.id,
						name: res.name,
						rssi: res.rssi,
						manufacturer,
					})
				})
				ecBLE.startBluetoothDevicesDiscovery()
			},
		}
	}
</script>

<style>
	.main-container {
		height: 100vh;
	}

	.list-item {
		height: 57px;
		position: relative;
	}

	.list-item-hover {
		background-color: #e5e4e9;
	}

	.list-item-img {
		position: absolute;
		width: 36px;
		height: 36px;
		left: 20px;
		top: 10px;
	}

	.list-item-name {
		position: absolute;
		font-size: 22px;
		left: 76px;
		top: 0px;
		line-height: 56px;
	}

	.list-item-rssi-img {
		position: absolute;
		width: 20px;
		height: 20px;
		right: 20px;
		top: 13px;
	}

	.list-item-rssi {
		position: absolute;
		width: 40px;
		height: 20px;
		right: 10px;
		top: 33px;
		font-size: 12px;
		font-weight: bold;
		display: flex;
		justify-content: center;
	}

	.list-item-line {
		position: absolute;
		height: 1px;
		width: 100vw;
		left: 20px;
		top: 56px;
		background-color: #c6c6c8;
	}

	.notice {
		display: flex;
		justify-content: center;
		align-items: center;
		margin-top: 10px;
		font-size: 13px;
		color: #909399;
	}

	.gap {
		height: 57px;
	}
</style>