更换设备主图
录入跳转控制设备页 新增设备控制页
This commit is contained in:
parent
522ddda955
commit
a66290c5a1
|
|
@ -19,8 +19,8 @@ const install = (Vue, vm) => {
|
||||||
// },
|
// },
|
||||||
// });
|
// });
|
||||||
Vue.prototype.$u.http.setConfig({
|
Vue.prototype.$u.http.setConfig({
|
||||||
baseUrl: 'http://192.168.2.81:10002',
|
// baseUrl: 'http://192.168.2.81:10002',
|
||||||
// baseUrl: 'https://kg.chuangtewl.com/prod-api',
|
baseUrl: 'https://kg.chuangtewl.com/prod-api',
|
||||||
// loadingText: '努力加载中~',
|
// loadingText: '努力加载中~',
|
||||||
// loadingTime: 1000,
|
// loadingTime: 1000,
|
||||||
// 设置自定义头部content-type
|
// 设置自定义头部content-type
|
||||||
|
|
|
||||||
|
|
@ -120,9 +120,9 @@
|
||||||
isMch: false,
|
isMch: false,
|
||||||
taocan: '',
|
taocan: '',
|
||||||
token: '',
|
token: '',
|
||||||
userImgs: 'https://api.ccttiot.com/FgwOJJPjHwS-5SsfCvIIuOPfh0A_',
|
userImgs: '',
|
||||||
url: '',
|
url: '',
|
||||||
modelid:''
|
modelid:[]
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
onLoad(option) {
|
onLoad(option) {
|
||||||
|
|
@ -182,20 +182,21 @@
|
||||||
this.$u.put('/app/device', data).then((res) => {
|
this.$u.put('/app/device', data).then((res) => {
|
||||||
if (res.code == 200) {
|
if (res.code == 200) {
|
||||||
this.getDevice()
|
this.getDevice()
|
||||||
this.modelid.forEach(item => {
|
if (this.modelid.some(item => item == 2)) {
|
||||||
if(item == 2){
|
console.log('wifi');
|
||||||
uni.navigateTo({
|
uni.navigateTo({
|
||||||
url: '/page_components/bindsztwo?id=' + this.id
|
url: '/page_components/bindsztwo?id=' + this.id
|
||||||
})
|
});
|
||||||
}else{
|
} else {
|
||||||
uni.navigateTo({
|
console.log('4g');
|
||||||
url:'/page_components/bindszthr?id=' + this.id
|
uni.navigateTo({
|
||||||
})
|
url: '/page_components/bindszthr?id=' + this.id
|
||||||
}
|
});
|
||||||
})
|
}
|
||||||
}
|
}
|
||||||
})
|
})
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
||||||
},
|
},
|
||||||
btntiao() {
|
btntiao() {
|
||||||
|
|
@ -386,9 +387,7 @@
|
||||||
if (res.code == 200) {
|
if (res.code == 200) {
|
||||||
this.listobj = res.data
|
this.listobj = res.data
|
||||||
this.xgname = this.listobj.deviceName
|
this.xgname = this.listobj.deviceName
|
||||||
if (res.data.customPicture) {
|
this.userImgs = res.data.picture
|
||||||
this.userImgs = res.data.customPicture
|
|
||||||
}
|
|
||||||
}
|
}
|
||||||
})
|
})
|
||||||
},
|
},
|
||||||
|
|
|
||||||
|
|
@ -216,7 +216,7 @@
|
||||||
success: function(res) {
|
success: function(res) {
|
||||||
if (res.confirm) {
|
if (res.confirm) {
|
||||||
this.btnmsk = false
|
this.btnmsk = false
|
||||||
uni.reLaunch({
|
uni.switchTab({
|
||||||
url:'/pages/index/index'
|
url:'/pages/index/index'
|
||||||
})
|
})
|
||||||
}
|
}
|
||||||
|
|
|
||||||
|
|
@ -17,7 +17,6 @@
|
||||||
</view>
|
</view>
|
||||||
<input type="text" class="ips" v-model="storeId" placeholder="请扫描设备上的二维码" style="margin-left: 32rpx;"
|
<input type="text" class="ips" v-model="storeId" placeholder="请扫描设备上的二维码" style="margin-left: 32rpx;"
|
||||||
placeholder-class="my-placeholder" />
|
placeholder-class="my-placeholder" />
|
||||||
|
|
||||||
</view>
|
</view>
|
||||||
<view class="iptbox" @click="show=true">
|
<view class="iptbox" @click="show=true">
|
||||||
<!-- <view class="" v-if="hardwareInfo.version">
|
<!-- <view class="" v-if="hardwareInfo.version">
|
||||||
|
|
@ -282,8 +281,13 @@
|
||||||
icon: 'success',
|
icon: 'success',
|
||||||
duration: 2000
|
duration: 2000
|
||||||
})
|
})
|
||||||
|
wx.closeBLEConnection({
|
||||||
|
deviceId: this.deviceId,
|
||||||
|
})
|
||||||
setTimeout(()=>{
|
setTimeout(()=>{
|
||||||
uni.navigateBack()
|
uni.navigateTo({
|
||||||
|
url:'/page_user/wifijoint/index?sn=' + this.storeId
|
||||||
|
})
|
||||||
},1500)
|
},1500)
|
||||||
} else {
|
} else {
|
||||||
uni.showToast({
|
uni.showToast({
|
||||||
|
|
@ -739,25 +743,6 @@
|
||||||
btnhd() {
|
btnhd() {
|
||||||
this.tishiflag = false
|
this.tishiflag = false
|
||||||
},
|
},
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
</script>
|
</script>
|
||||||
|
|
|
||||||
|
|
@ -1,78 +1,79 @@
|
||||||
<template>
|
<template>
|
||||||
<view class="">
|
<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>
|
height='50'></u-navbar>
|
||||||
<view class="container">
|
<view class="title">
|
||||||
<view class="device">
|
控制台
|
||||||
<span class="device-list-title">WIFI连接</span>
|
</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>
|
||||||
<view class="flex-row items-center flex-1 group">
|
<input type="text" class="ips" v-model="storeId" placeholder="请扫描设备上的二维码" style="margin-left: 32rpx;"
|
||||||
<text class="text_3 ml-3">请输入您的WiFi名称和密码</text>
|
placeholder-class="my-placeholder" />
|
||||||
</view>
|
</view>
|
||||||
|
<view class="machao">
|
||||||
<!-- wifi信息 -->
|
MAC号：{{obj.mac == undefined ? '--' : obj.mac}}
|
||||||
<view class="wifibd">
|
</view>
|
||||||
<view class="name">
|
<view class="machao">
|
||||||
<text>您的WiFi网络名称</text>
|
电压：{{obj.voltage == undefined ? '--' : obj.voltage}}V
|
||||||
<input type="text" v-model="name" placeholder="请输入您的WiFi网络名称" />
|
</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>
|
||||||
|
<view class="anniu" @click="btngb">
|
||||||
<view class="pwd">
|
关闭
|
||||||
<text>密码</text>
|
</view>
|
||||||
<input type="text" v-model="password" placeholder="请输入您的WiFi密码" />
|
<view class="anniu" @click="btnsx">
|
||||||
|
刷新
|
||||||
</view>
|
</view>
|
||||||
</view>
|
</view>
|
||||||
<!-- 点击连接 -->
|
<view class="fanhui" @click="btnfh">
|
||||||
<view class="button" @click="content_wf">连接</view>
|
返回录入
|
||||||
|
|
||||||
<!-- 加载状态 -->
|
|
||||||
<view class="containers" v-show="statusflag">
|
|
||||||
<uni-section>
|
|
||||||
<uni-load-more :status="status"/>
|
|
||||||
</uni-section>
|
|
||||||
</view>
|
</view>
|
||||||
</view>
|
</view>
|
||||||
|
|
||||||
</view>
|
</view>
|
||||||
|
|
||||||
</template>
|
</template>
|
||||||
|
|
||||||
<script>
|
<script>
|
||||||
var xBlufi = require("@/page_components/blufi/xBlufi.js")
|
|
||||||
// import { getwifi } from '@/api/index.js'
|
|
||||||
export default {
|
export default {
|
||||||
data() {
|
data() {
|
||||||
return {
|
return {
|
||||||
name: '',
|
|
||||||
password: '',
|
|
||||||
options: '',
|
|
||||||
falg: 0,
|
|
||||||
objlist: '',
|
|
||||||
statusflag: false,
|
|
||||||
status: 'loading',
|
|
||||||
bgc: {
|
bgc: {
|
||||||
backgroundColor: "#8883f0",
|
backgroundColor: "#F7FAFE",
|
||||||
},
|
},
|
||||||
|
storeId: '',
|
||||||
|
obj:{},
|
||||||
|
id:'',
|
||||||
|
onlineStatus:'--',
|
||||||
|
powerStatus:'--'
|
||||||
}
|
}
|
||||||
|
|
||||||
},
|
},
|
||||||
onLoad(options) {
|
onLoad(options) {
|
||||||
this.name = JSON.parse(options.ssid)
|
this.storeId = options.sn
|
||||||
this.options = options
|
this.getsn()
|
||||||
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,
|
|
||||||
// })
|
|
||||||
},
|
},
|
||||||
// 分享到好友（会话）
|
// 分享到好友（会话）
|
||||||
onShareAppMessage: function () {
|
onShareAppMessage: function () {
|
||||||
|
|
@ -91,232 +92,229 @@
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
methods: {
|
methods: {
|
||||||
content_wf() {
|
qrcode() {
|
||||||
if (!this.name) {
|
uni.scanCode({
|
||||||
uni.showToast({
|
onlyFromCamera: true,
|
||||||
title: 'SSID不能为空',
|
scanType: ['qrCode'],
|
||||||
icon: 'none'
|
success: res => {
|
||||||
});
|
function getQueryParam(url, paramName) {
|
||||||
return;
|
let regex = new RegExp(`[?&]${paramName}=([^&]*)`)
|
||||||
}
|
let results = regex.exec(url);
|
||||||
if (!this.password) {
|
return results ? decodeURIComponent(results[1].replace(/\+/g, ' ')) : null
|
||||||
uni.showToast({
|
}
|
||||||
title: '密码不能为空',
|
let sceneValue = res.result
|
||||||
icon: 'none'
|
let decodedValue = decodeURIComponent(sceneValue)
|
||||||
});
|
let id = getQueryParam(decodedValue, 's')
|
||||||
return;
|
this.storeId = id
|
||||||
}
|
this.getsn()
|
||||||
uni.showLoading({
|
},
|
||||||
title: '正在配网',
|
fail: err => {
|
||||||
mask: true
|
console.error('扫描失败：', err)
|
||||||
})
|
uni.showToast({
|
||||||
xBlufi.notifySendCustomData({
|
title: '扫描失败',
|
||||||
customData: "ssid@" + this.name + "pass@" + this.password
|
icon: 'none'
|
||||||
})
|
})
|
||||||
// xBlufi.notifySendCustomData({
|
}
|
||||||
// customData: "ssid@" + this.name
|
})
|
||||||
// })
|
},
|
||||||
|
|
||||||
// xBlufi.notifySendCustomData({
|
getsn(){
|
||||||
// customData: "pass@" + this.password
|
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){
|
||||||
funListenDeviceMsgEvent: function(options) {
|
this.onlineStatus = '离线'
|
||||||
let that = this;
|
}else if(res.data.onlineStatus == 1){
|
||||||
switch (options.type) {
|
this.onlineStatus = '在线'
|
||||||
case xBlufi.XBLUFI_TYPE.TYPE_STATUS_CONNECTED: {
|
}
|
||||||
console.log('状态', options.result)
|
if(res.data.powerStatus == 0){
|
||||||
uni.showModal({
|
this.powerStatus = '关闭'
|
||||||
title: '很抱歉提醒你！',
|
}else if(res.data.powerStatus == 1){
|
||||||
content: '小程序与设备异常断开',
|
this.powerStatus = '开启'
|
||||||
showCancel: false,
|
}
|
||||||
success: function(res) {
|
uni.showToast({
|
||||||
uni.navigateTo({
|
title: res.msg,
|
||||||
url:'/pages/index/index'
|
icon: 'success',
|
||||||
})
|
duration: 2000,
|
||||||
}
|
})
|
||||||
});
|
}else{
|
||||||
this.statusflag = false
|
uni.showToast({
|
||||||
uni.hideLoading();
|
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>
|
</script>
|
||||||
|
|
||||||
<style lang="less">
|
<style lang="less">
|
||||||
.containers {
|
.list{
|
||||||
width: 100%;
|
|
||||||
height: 100vh;
|
|
||||||
position: fixed;
|
position: fixed;
|
||||||
top: 220rpx;
|
bottom: 50rpx;
|
||||||
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;
|
|
||||||
left: 50%;
|
left: 50%;
|
||||||
transform: translateX(-50%);
|
transform: translateX(-50%);
|
||||||
bottom: 50rpx;
|
.anniulist{
|
||||||
height: 96rpx;
|
width: 658rpx;
|
||||||
//margin-top: -100rpx;
|
margin: auto;
|
||||||
padding: 10rpx 0;
|
margin-top: 200rpx;
|
||||||
box-sizing: border-box;
|
text-align: left;
|
||||||
background-color: #8883F0 !important;
|
font-size: 32rpx;
|
||||||
border-radius: 52rpx 52rpx 52rpx 52rpx;
|
display: flex;
|
||||||
font-weight: 700;
|
justify-content: space-between;
|
||||||
font-size: 20px;
|
.anniu{
|
||||||
width: 622rpx;
|
width: 30%;
|
||||||
color: #FFFFFF;
|
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>
|
</style>
|
||||||
|
|
@ -133,7 +133,7 @@
|
||||||
<view class="card_right" @click="todetail(item.deviceId)">
|
<view class="card_right" @click="todetail(item.deviceId)">
|
||||||
<image v-if="item.customPicture" :src="item.customPicture" mode="aspectFit"
|
<image v-if="item.customPicture" :src="item.customPicture" mode="aspectFit"
|
||||||
style="border-radius: 20rpx;"></image>
|
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>
|
</view>
|
||||||
</view>
|
</view>
|
||||||
|
|
@ -581,7 +581,7 @@
|
||||||
// })
|
// })
|
||||||
this.shibaiflag = false
|
this.shibaiflag = false
|
||||||
this.bluetoothflag = false
|
this.bluetoothflag = false
|
||||||
uni.hideLoading();
|
uni.hideLoading()
|
||||||
uni.removeStorageSync('mac');
|
uni.removeStorageSync('mac');
|
||||||
let systemInfo = uni.getSystemInfoSync()
|
let systemInfo = uni.getSystemInfoSync()
|
||||||
if (systemInfo.platform == 'android') {
|
if (systemInfo.platform == 'android') {
|
||||||
|
|
@ -622,6 +622,7 @@
|
||||||
})
|
})
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
|
|
||||||
btnwifi(mac){
|
btnwifi(mac){
|
||||||
this.qrResult = mac
|
this.qrResult = mac
|
||||||
this.btnmsk = false
|
this.btnmsk = false
|
||||||
|
|
@ -708,14 +709,12 @@
|
||||||
if (systemInfo.platform == 'android') {
|
if (systemInfo.platform == 'android') {
|
||||||
// 当前设备是 Android
|
// 当前设备是 Android
|
||||||
uni.navigateTo({
|
uni.navigateTo({
|
||||||
url: '/page_components/wifilist/index?deviceId=' + this.deviceId +
|
url: '/page_components/wifilist/index?deviceId=' + this.deviceId +'&name=' + this.name
|
||||||
'&name=' + this.name
|
|
||||||
})
|
})
|
||||||
} else if (systemInfo.platform == 'ios') {
|
} else if (systemInfo.platform == 'ios') {
|
||||||
// 当前设备是 iOS
|
// 当前设备是 iOS
|
||||||
uni.navigateTo({
|
uni.navigateTo({
|
||||||
url: '/page_fenbao/device/wifivideo?deviceId=' + this.deviceId +
|
url: '/page_fenbao/device/wifivideo?deviceId=' + this.deviceId +'&name=' + this.name
|
||||||
'&name=' + this.name
|
|
||||||
})
|
})
|
||||||
}
|
}
|
||||||
} else {
|
} else {
|
||||||
|
|
|
||||||
|
|
@ -627,6 +627,7 @@
|
||||||
}
|
}
|
||||||
});
|
});
|
||||||
},
|
},
|
||||||
|
|
||||||
addMarkersWithLabels() {
|
addMarkersWithLabels() {
|
||||||
this.listmap.forEach((item) => {
|
this.listmap.forEach((item) => {
|
||||||
if (item.deviceCount !== null && item.deviceCount > 0) {
|
if (item.deviceCount !== null && item.deviceCount > 0) {
|
||||||
|
|
|
||||||
Loading…
Reference in New Issue
Block a user