From a66290c5a17f8d6c8f0054752aeb091bb8fd292d Mon Sep 17 00:00:00 2001
From: "3321822538@qq.com" <3321822538@qq.com>
Date: Fri, 27 Sep 2024 18:01:38 +0800
Subject: [PATCH] =?UTF-8?q?=E6=9B=B4=E6=8D=A2=E8=AE=BE=E5=A4=87=E4=B8=BB?=
=?UTF-8?q?=E5=9B=BE=20=E5=BD=95=E5=85=A5=E8=B7=B3=E8=BD=AC=E6=8E=A7?=
=?UTF-8?q?=E5=88=B6=E8=AE=BE=E5=A4=87=E9=A1=B5=20=E6=96=B0=E5=A2=9E?=
=?UTF-8?q?=E8=AE=BE=E5=A4=87=E6=8E=A7=E5=88=B6=E9=A1=B5?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit
---
common/http.interceptor.js | 4 +-
page_components/bindsz.vue | 31 +-
page_components/bindszthr.vue | 2 +-
page_fenbao/device/joinDevice.vue | 27 +-
page_user/wifijoint/index.vue | 540 +++++++++++++++---------------
pages/index/index.vue | 11 +-
pages/shouye/index.vue | 1 +
7 files changed, 299 insertions(+), 317 deletions(-)
diff --git a/common/http.interceptor.js b/common/http.interceptor.js
index dec621d..9c734f5 100644
--- a/common/http.interceptor.js
+++ b/common/http.interceptor.js
@@ -19,8 +19,8 @@ const install = (Vue, vm) => {
// },
// });
Vue.prototype.$u.http.setConfig({
- baseUrl: 'http://192.168.2.81:10002',
- // baseUrl: 'https://kg.chuangtewl.com/prod-api',
+ // baseUrl: 'http://192.168.2.81:10002',
+ baseUrl: 'https://kg.chuangtewl.com/prod-api',
// loadingText: '努力加载中~',
// loadingTime: 1000,
// 设置自定义头部content-type
diff --git a/page_components/bindsz.vue b/page_components/bindsz.vue
index aeb8c99..b2224cc 100644
--- a/page_components/bindsz.vue
+++ b/page_components/bindsz.vue
@@ -120,9 +120,9 @@
isMch: false,
taocan: '',
token: '',
- userImgs: 'https://api.ccttiot.com/FgwOJJPjHwS-5SsfCvIIuOPfh0A_',
+ userImgs: '',
url: '',
- modelid:''
+ modelid:[]
}
},
onLoad(option) {
@@ -182,20 +182,21 @@
this.$u.put('/app/device', data).then((res) => {
if (res.code == 200) {
this.getDevice()
- this.modelid.forEach(item => {
- if(item == 2){
- uni.navigateTo({
- url: '/page_components/bindsztwo?id=' + this.id
- })
- }else{
- uni.navigateTo({
- url:'/page_components/bindszthr?id=' + this.id
- })
- }
- })
+ if (this.modelid.some(item => item == 2)) {
+ console.log('wifi');
+ uni.navigateTo({
+ url: '/page_components/bindsztwo?id=' + this.id
+ });
+ } else {
+ console.log('4g');
+ uni.navigateTo({
+ url: '/page_components/bindszthr?id=' + this.id
+ });
+ }
}
})
}
+
},
btntiao() {
@@ -386,9 +387,7 @@
if (res.code == 200) {
this.listobj = res.data
this.xgname = this.listobj.deviceName
- if (res.data.customPicture) {
- this.userImgs = res.data.customPicture
- }
+ this.userImgs = res.data.picture
}
})
},
diff --git a/page_components/bindszthr.vue b/page_components/bindszthr.vue
index 02d8d3c..86a2e14 100644
--- a/page_components/bindszthr.vue
+++ b/page_components/bindszthr.vue
@@ -216,7 +216,7 @@
success: function(res) {
if (res.confirm) {
this.btnmsk = false
- uni.reLaunch({
+ uni.switchTab({
url:'/pages/index/index'
})
}
diff --git a/page_fenbao/device/joinDevice.vue b/page_fenbao/device/joinDevice.vue
index 7330f16..befe9ed 100644
--- a/page_fenbao/device/joinDevice.vue
+++ b/page_fenbao/device/joinDevice.vue
@@ -17,7 +17,6 @@
</view>
<input type="text" class="ips" v-model="storeId" placeholder="请扫描设备上的二维码" style="margin-left: 32rpx;"
placeholder-class="my-placeholder" />
-
</view>
<view class="iptbox" @click="show=true">
<!-- <view class="" v-if="hardwareInfo.version">
@@ -282,8 +281,13 @@
icon: 'success',
duration: 2000
})
+ wx.closeBLEConnection({
+ deviceId: this.deviceId,
+ })
setTimeout(()=>{
- uni.navigateBack()
+ uni.navigateTo({
+ url:'/page_user/wifijoint/index?sn=' + this.storeId
+ })
},1500)
} else {
uni.showToast({
@@ -739,25 +743,6 @@
btnhd() {
this.tishiflag = false
},
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
}
}
</script>
diff --git a/page_user/wifijoint/index.vue b/page_user/wifijoint/index.vue
index a3ad294..513bbc2 100644
--- a/page_user/wifijoint/index.vue
+++ b/page_user/wifijoint/index.vue
@@ -1,78 +1,79 @@
<template>
<view class="">
- <u-navbar title="WIFI连接" :border-bottom="false" :background="bgc" title-color='#fff' back-icon-color="#fff" title-size='36'
+ <u-navbar title="设备控制" :border-bottom="false" :background="bgc" title-color='#262B37' back-icon-color="#262B37" title-size='36'
height='50'></u-navbar>
- <view class="container">
- <view class="device">
- <span class="device-list-title">WIFI连接</span>
+ <view class="title">
+ 控制台
+ </view>
+ <view class="shuom">
+ 请扫描设备上的二维码
+ </view>
+ <view class="iptbox">
+ <view class="qrcode" @click="qrcode()">
+ <image src="https://api.ccttiot.com/smartmeter/img/static/uy7BNwAMIKwvstqFnRhs" mode=""></image>
</view>
- <view class="flex-row items-center flex-1 group">
- <text class="text_3 ml-3">请输入您的WiFi名称和密码</text>
- </view>
-
- <!-- wifi信息 -->
- <view class="wifibd">
- <view class="name">
- <text>您的WiFi网络名称</text>
- <input type="text" v-model="name" placeholder="请输入您的WiFi网络名称" />
+ <input type="text" class="ips" v-model="storeId" placeholder="请扫描设备上的二维码" style="margin-left: 32rpx;"
+ placeholder-class="my-placeholder" />
+ </view>
+ <view class="machao">
+ MAC号：{{obj.mac == undefined ? '--' : obj.mac}}
+ </view>
+ <view class="machao">
+ 电压：{{obj.voltage == undefined ? '--' : obj.voltage}}V
+ </view>
+ <view class="machao">
+ 功率：{{obj.realTimePower == undefined ? '--' : obj.realTimePower}}KW
+ </view>
+ <view class="machao">
+ 电流：{{obj.electricity == undefined ? '--' : obj.electricity}}A
+ </view>
+ <view class="machao">
+ 网络：<text v-if="onlineStatus == '离线'" style="color: red;">离线</text> <text v-if="onlineStatus == '在线'" style="color: green;">在线</text>
+ </view>
+ <view class="machao">
+ 状态：<text v-if="powerStatus == '关闭'" style="color: red;">关闭</text> <text v-if="powerStatus == '开启'" style="color: green;">开启</text>
+ </view>
+ <view class="machao">
+ 最后在线时间：{{obj.lastOnlineTime == undefined ? '--' : obj.lastOnlineTime}}
+ </view>
+
+ <view class="list">
+ <view class="anniulist">
+ <view class="anniu" @click="btnkq">
+ 开启
</view>
-
- <view class="pwd">
- <text>密码</text>
- <input type="text" v-model="password" placeholder="请输入您的WiFi密码" />
+ <view class="anniu" @click="btngb">
+ 关闭
+ </view>
+ <view class="anniu" @click="btnsx">
+ 刷新
</view>
</view>
- <!-- 点击连接 -->
- <view class="button" @click="content_wf">连接</view>
-
- <!-- 加载状态 -->
- <view class="containers" v-show="statusflag">
- <uni-section>
- <uni-load-more :status="status"/>
- </uni-section>
+ <view class="fanhui" @click="btnfh">
+ 返回录入
</view>
</view>
+
</view>
-
</template>
<script>
- var xBlufi = require("@/page_components/blufi/xBlufi.js")
- // import { getwifi } from '@/api/index.js'
export default {
data() {
return {
- name: '',
- password: '',
- options: '',
- falg: 0,
- objlist: '',
- statusflag: false,
- status: 'loading',
bgc: {
- backgroundColor: "#8883f0",
+ backgroundColor: "#F7FAFE",
},
+ storeId: '',
+ obj:{},
+ id:'',
+ onlineStatus:'--',
+ powerStatus:'--'
}
-
},
onLoad(options) {
- this.name = JSON.parse(options.ssid)
- this.options = options
- this.objlist = JSON.parse(options.objlist)
- // console.log("获取到id",JSON.parse(this.options.objlist.deviceId))
- console.log("this.objlist.deviceId", this.objlist.deviceId)
- xBlufi.listenDeviceMsgEvent(true, this.funListenDeviceMsgEvent);
- xBlufi.notifyInitBleEsp32({
- deviceId: this.objlist.deviceId
- })
-
- },
- onReady() {},
- onUnload() {
- xBlufi.listenDeviceMsgEvent(false, this.funListenDeviceMsgEvent);
- // wx.closeBLEConnection({
- // deviceId: this.objlist.deviceId,
- // })
+ this.storeId = options.sn
+ this.getsn()
},
// 分享到好友（会话）
onShareAppMessage: function () {
@@ -91,232 +92,229 @@
}
},
methods: {
- content_wf() {
- if (!this.name) {
- uni.showToast({
- title: 'SSID不能为空',
- icon: 'none'
- });
- return;
- }
- if (!this.password) {
- uni.showToast({
- title: '密码不能为空',
- icon: 'none'
- });
- return;
- }
- uni.showLoading({
- title: '正在配网',
- mask: true
- })
- xBlufi.notifySendCustomData({
- customData: "ssid@" + this.name + "pass@" + this.password
- })
- // xBlufi.notifySendCustomData({
- // customData: "ssid@" + this.name
- // })
-
- // xBlufi.notifySendCustomData({
- // customData: "pass@" + this.password
- // })
-
- },
-
- funListenDeviceMsgEvent: function(options) {
- let that = this;
- switch (options.type) {
- case xBlufi.XBLUFI_TYPE.TYPE_STATUS_CONNECTED: {
- console.log('状态', options.result)
- uni.showModal({
- title: '很抱歉提醒你！',
- content: '小程序与设备异常断开',
- showCancel: false,
- success: function(res) {
- uni.navigateTo({
- url:'/pages/index/index'
- })
- }
- });
- this.statusflag = false
- uni.hideLoading();
+ qrcode() {
+ uni.scanCode({
+ onlyFromCamera: true,
+ scanType: ['qrCode'],
+ success: res => {
+ function getQueryParam(url, paramName) {
+ let regex = new RegExp(`[?&]${paramName}=([^&]*)`)
+ let results = regex.exec(url);
+ return results ? decodeURIComponent(results[1].replace(/\+/g, ' ')) : null
+ }
+ let sceneValue = res.result
+ let decodedValue = decodeURIComponent(sceneValue)
+ let id = getQueryParam(decodedValue, 's')
+ this.storeId = id
+ this.getsn()
+ },
+ fail: err => {
+ console.error('扫描失败：', err)
+ uni.showToast({
+ title: '扫描失败',
+ icon: 'none'
+ })
+ }
+ })
+ },
+
+ getsn(){
+ this.$u.get(`/app/device/${this.storeId}/bySn`).then(res => {
+ if (res.code == 200) {
+ this.obj = res.data
+ this.id = res.data.deviceId
+ if(res.data.onlineStatus == 0){
+ this.onlineStatus = '离线'
+ }else if(res.data.onlineStatus == 1){
+ this.onlineStatus = '在线'
+ }
+ if(res.data.powerStatus == 0){
+ this.powerStatus = '关闭'
+ }else if(res.data.powerStatus == 1){
+ this.powerStatus = '开启'
+ }
+ uni.showToast({
+ title: res.msg,
+ icon: 'success',
+ duration: 2000,
+ })
+ }else{
+ uni.showToast({
+ title: res.msg,
+ icon: 'none',
+ duration: 2000,
+ })
}
- break;
+ })
+ },
+
+ // 返回录入
+ btnfh(){
+ uni.navigateBack({
+ delta:2
+ })
+ },
+
+ // 开启
+ btnkq(){
+ this.$u.put(`/app/device/admin/${this.id}/switch?open=true`).then((res) => {
+ if (res.code == 200) {
+ this.getsn()
+ uni.showToast({
+ title: res.msg,
+ icon: 'success',
+ duration: 2000
+ })
+ } else {
+ uni.showToast({
+ title: res.msg,
+ icon: 'none',
+ duration: 2000
+ })
+ }
+ })
+ },
+ // 关闭
+ btngb(){
+ this.$u.put(`/app/device/admin/${this.id}/switch?open=false`).then((res) => {
+ if (res.code == 200) {
+ this.getsn()
+ uni.showToast({
+ title: res.msg,
+ icon: 'success',
+ duration: 2000
+ })
+ } else {
+ uni.showToast({
+ title: res.msg,
+ icon: 'none',
+ duration: 2000
+ })
+ }
+ })
+ },
+ // 刷新
+ btnsx(){
+ this.$u.get(`/app/device/${this.id}/refreshIot`).then((res) => {
+ if(res.code == 200){
+ this.getsn()
+ uni.showToast({
+ title: res.msg,
+ icon: 'success',
+ duration: 2000
+ })
+ }else{
+ uni.showToast({
+ title: res.msg,
+ icon: 'none',
+ duration: 2000
+ })
+ }
+ })
+ }
- case xBlufi.XBLUFI_TYPE.TYPE_CONNECT_ROUTER_RESULT:
- uni.hideLoading();
- if (!options.result)
- this.statusflag = false,
- uni.hideLoading(),
- uni.showModal({
- title: '温馨提示',
- content: '配网失败，请重试',
- showCancel: false //是否显示取消按钮
- });
- else {
- if (options.data.progress == 100) {
- let ssid = options.data.ssid;
- this.statusflag = false
- uni.hideLoading();
- uni.showModal({
- title: '温馨提示',
- content: `连接成功`,
- showCancel: false,
- success: function(res) {
- uni.switchTab({
- url: '/pages/index/index'
- })
- // let ids = that.$store.state.user.deviceId
- wx.closeBLEConnection({
- deviceId: this.objlist.deviceId,
- })
-
- // getwifi(ids).then(res => {
- // console.log(res);
- // uni.switchTab({
- // url:'/pages/index/index'
- // })
- // })
- }
- })
- }
- }
- break;
- case xBlufi.XBLUFI_TYPE.TYPE_RECIEVE_MY_DATA:
- this.loadPercent = options.data;
- this.loadText = '文件读取中'
- console.log("文件读取中", options.data);
- break;
- case xBlufi.XBLUFI_TYPE.TYPE_RECIEVE_CUSTON_DATA:
-
- this.ver_data = this.parseCustomData(options.data)
- console.log("1收到设备发来的自定义数据结果：", this.ver_data);
- break;
-
- case xBlufi.XBLUFI_TYPE.TYPE_INIT_ESP32_RESULT:
- uni.hideLoading();
- if (options.result) {
- console.log('初始化成功');
- } else {
- console.log('初始化失败');
- uni.showModal({
- title: '温馨提示',
- content: `设备初始化失败`,
- showCancel: false,
- //是否显示取消按钮
- success: function(res) {
- // uni.redirectTo({
- // url: '../search/search'
- // });
- }
- });
- }
- break;
- }
- },
- // 解析自定义数据
- parseCustomData(data) {
- // 将字符串按照 "@" 分割成数组
- const dataArray = data.split('@');
-
- // 根据约定，解析各个字段的值
- const voltage = parseFloat(dataArray[0].substring(1)); // 去除前缀 "V"，并将字符串转换为浮点数
- const switchState = dataArray[1].substring(1); // 去除前缀 "S"
- const current = parseFloat(dataArray[2].substring(1)); // 去除前缀 "A"，并将字符串转换为浮点数
- const power = parseFloat(dataArray[4].substring(1)); // 去除前缀 "P"，并将字符串转换为浮点数
- const remainingPower = parseFloat(dataArray[5].substring(1)); // 去除前缀 "M"，并将字符串转换为浮点数
- const setMode = dataArray[6].substring(3); // 去除前缀 "SET"
-
- // 返回解析后的数据对象
- return {
- voltage,
- switchState,
- current,
- power,
- remainingPower,
- setMode
- };
- }
+
}
}
</script>
<style lang="less">
- .containers {
- width: 100%;
- height: 100vh;
+ .list{
position: fixed;
- top: 220rpx;
- left: 0;
- z-index: 999 !important;
- }
-
-
- .pwd,
- .name {
- text {
- color: #3D3D3D;
- font-size: 32rpx;
- margin-top: 30rpx;
- display: block;
- line-height: 30rpx;
- }
-
- input {
- margin-top: 10rpx;
- color: rgba(80, 86, 90, 1);
- font-size: 14px;
- border-bottom: 1px solid #ccc;
- height: 60rpx;
- line-height: 60rpx;
- }
-
- input::placeholder {
- font-size: 14px;
- }
- }
-
- .wifibd {
- margin-top: 182rpx;
- }
-
- .device-list-title {
- color: #50565a;
- font-size: 86rpx;
- font-family: SourceHanSansCN;
- // margin-top: 100rpx;
- }
-
- .text_3 {
- margin-top: 10rpx;
- color: rgba(119, 128, 141, 1);
- font-size: 28rpx;
- }
-
- .container {
- /* padding-top: 30rpx !important; */
- padding: 40rpx 30rpx 0 30rpx !important;
- box-sizing: border-box;
- align-items: center;
- }
-
- .button {
- position: fixed;
- display: flex;
- align-items: center;
- justify-content: center;
+ bottom: 50rpx;
left: 50%;
transform: translateX(-50%);
- bottom: 50rpx;
- height: 96rpx;
- //margin-top: -100rpx;
- padding: 10rpx 0;
- box-sizing: border-box;
- background-color: #8883F0 !important;
- border-radius: 52rpx 52rpx 52rpx 52rpx;
- font-weight: 700;
- font-size: 20px;
- width: 622rpx;
- color: #FFFFFF;
+ .anniulist{
+ width: 658rpx;
+ margin: auto;
+ margin-top: 200rpx;
+ text-align: left;
+ font-size: 32rpx;
+ display: flex;
+ justify-content: space-between;
+ .anniu{
+ width: 30%;
+ height: 90rpx;
+ border-radius: 20rpx;
+ background-color: #8883f0;
+ color: #fff;
+ font-size: 32rpx;
+ text-align: center;
+ line-height: 90rpx;
+ }
+ }
+ .fanhui{
+ width: 658rpx;
+ height: 90rpx;
+ border-radius: 20rpx;
+ background-color: #8883f0;
+ color: #fff;
+ font-size: 32rpx;
+ text-align: center;
+ line-height: 90rpx;
+ margin: auto;
+ margin-top: 50rpx;
+ }
}
+ .machao{
+ width: 658rpx;
+ margin: auto;
+ margin-top: 20rpx;
+ text-align: left;
+ font-size: 32rpx;
+ }
+ .title{
+ font-size: 70rpx;
+ font-weight: 600;
+ text-align: left;
+ width: 658rpx;
+ margin: auto;
+ margin-top: 30rpx;
+ }
+ .shuom{
+ width: 658rpx;
+ margin: auto;
+ margin-top: 30rpx;
+ text-align: left;
+ font-size: 32rpx;
+ }
+ .iptbox {
+ display: flex;
+ align-items: center;
+ flex-wrap: nowrap;
+ padding: 22rpx;
+ margin: 28rpx auto 0;
+ width: 658rpx;
+ height: 88rpx;
+ background: #FFFFFF;
+ box-shadow: 0rpx 0rpx 8rpx 0rpx rgba(0, 0, 0, 0.15);
+ border-radius: 20rpx 20rpx 20rpx 20rpx;
+
+ .qrcode {
+ padding-right: 20rpx;
+ border-right: 2rpx solid #D8D8D8;
+
+ image {
+ width: 54rpx;
+ height: 54rpx;
+ }
+ }
+
+ .ips {
+ width: 630rpx;
+
+ }
+
+ image {
+ width: 18rpx;
+ height: 32rpx;
+ }
+
+ .my-placeholder {
+ font-weight: 400;
+ font-size: 32rpx;
+ color: #808080;
+ }
+ }
+
</style>
\ No newline at end of file
diff --git a/pages/index/index.vue b/pages/index/index.vue
index 1ff14ac..3bcc5f8 100644
--- a/pages/index/index.vue
+++ b/pages/index/index.vue
@@ -133,7 +133,7 @@
<view class="card_right" @click="todetail(item.deviceId)">
<image v-if="item.customPicture" :src="item.customPicture" mode="aspectFit"
style="border-radius: 20rpx;"></image>
- <image v-else :src="item.picture" mode=""></image>
+ <image v-else :src="item.picture" mode="aspectFit"></image>
</view>
</view>
</view>
@@ -581,7 +581,7 @@
// })
this.shibaiflag = false
this.bluetoothflag = false
- uni.hideLoading();
+ uni.hideLoading()
uni.removeStorageSync('mac');
let systemInfo = uni.getSystemInfoSync()
if (systemInfo.platform == 'android') {
@@ -622,6 +622,7 @@
})
}
},
+
btnwifi(mac){
this.qrResult = mac
this.btnmsk = false
@@ -708,14 +709,12 @@
if (systemInfo.platform == 'android') {
// 当前设备是 Android
uni.navigateTo({
- url: '/page_components/wifilist/index?deviceId=' + this.deviceId +
- '&name=' + this.name
+ url: '/page_components/wifilist/index?deviceId=' + this.deviceId +'&name=' + this.name
})
} else if (systemInfo.platform == 'ios') {
// 当前设备是 iOS
uni.navigateTo({
- url: '/page_fenbao/device/wifivideo?deviceId=' + this.deviceId +
- '&name=' + this.name
+ url: '/page_fenbao/device/wifivideo?deviceId=' + this.deviceId +'&name=' + this.name
})
}
} else {
diff --git a/pages/shouye/index.vue b/pages/shouye/index.vue
index 5ec941f..a40282b 100644
--- a/pages/shouye/index.vue
+++ b/pages/shouye/index.vue
@@ -627,6 +627,7 @@
}
});
},
+
addMarkersWithLabels() {
this.listmap.forEach((item) => {
if (item.deviceCount !== null && item.deviceCount > 0) {