更换设备主图
录入跳转控制设备页 新增设备控制页
This commit is contained in:
		
							parent
							
								
									522ddda955
								
							
						
					
					
						commit
						a66290c5a1
					
				|  | @ -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
 | ||||
|  |  | |||
|  | @ -120,9 +120,9 @@ | |||
| 				isMch: false, | ||||
| 				taocan: '', | ||||
| 				token: '', | ||||
| 				userImgs: 'https://api.ccttiot.com/FgwOJJPjHwS-5SsfCvIIuOPfh0A_', | ||||
| 				userImgs: '', | ||||
| 				url: '', | ||||
| 				modelid:'' | ||||
| 				modelid:[] | ||||
| 			} | ||||
| 		}, | ||||
| 		onLoad(option) { | ||||
|  | @ -182,21 +182,22 @@ | |||
| 					this.$u.put('/app/device', data).then((res) => { | ||||
| 						if (res.code == 200) { | ||||
| 							this.getDevice() | ||||
| 							this.modelid.forEach(item => { | ||||
| 								if(item == 2){ | ||||
| 							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() { | ||||
| 				uni.navigateTo({ | ||||
|  | @ -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 | ||||
| 					} | ||||
| 				}) | ||||
| 			}, | ||||
|  |  | |||
|  | @ -216,7 +216,7 @@ | |||
| 						success: function(res) { | ||||
| 							if (res.confirm) { | ||||
| 								this.btnmsk = false | ||||
| 								uni.reLaunch({ | ||||
| 								uni.switchTab({ | ||||
| 									url:'/pages/index/index' | ||||
| 								}) | ||||
| 							}  | ||||
|  |  | |||
|  | @ -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> | ||||
|  |  | |||
|  | @ -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="flex-row items-center flex-1 group"> | ||||
| 				<text class="text_3 ml-3">请输入您的WiFi名称和密码</text> | ||||
| 		<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> | ||||
| 			<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> | ||||
| 		 | ||||
| 			<!-- wifi信息 --> | ||||
| 			<view class="wifibd"> | ||||
| 				<view class="name"> | ||||
| 					<text>您的WiFi网络名称</text> | ||||
| 					<input type="text" v-model="name" placeholder="请输入您的WiFi网络名称" /> | ||||
| 		<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> | ||||
| 			<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; | ||||
|              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 | ||||
|              			} | ||||
| 				if (!this.password) { | ||||
|              			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: '密码不能为空', | ||||
|              				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' | ||||
| 			 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, | ||||
| 						}) | ||||
| 							} | ||||
| 						}); | ||||
| 						this.statusflag = false | ||||
| 						uni.hideLoading(); | ||||
| 					} | ||||
| 					break; | ||||
| 
 | ||||
| 					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; | ||||
| 						uni.showToast({ | ||||
| 							title: res.msg, | ||||
| 							icon: 'none', | ||||
| 							duration: 2000, | ||||
| 						}) | ||||
| 					} | ||||
| 				 }) | ||||
| 			 }, | ||||
| 			// 解析自定义数据 | ||||
| 			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" | ||||
| 			 // 返回录入 | ||||
| 			 btnfh(){ | ||||
| 				uni.navigateBack({ | ||||
| 					delta:2 | ||||
| 				}) | ||||
| 			 }, | ||||
| 			  | ||||
| 				// 返回解析后的数据对象 | ||||
| 				return { | ||||
| 					voltage, | ||||
| 					switchState, | ||||
| 					current, | ||||
| 					power, | ||||
| 					remainingPower, | ||||
| 					setMode | ||||
| 				}; | ||||
| 			 // 开启 | ||||
| 			 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 | ||||
| 						 }) | ||||
| 					 } | ||||
| 				 }) | ||||
| 			 } | ||||
| 
 | ||||
| 		 | ||||
| 		} | ||||
| 	} | ||||
| </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> | ||||
|  | @ -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 { | ||||
|  |  | |||
|  | @ -627,6 +627,7 @@ | |||
| 					} | ||||
| 				}); | ||||
| 			}, | ||||
| 			 | ||||
| 			addMarkersWithLabels() { | ||||
| 				this.listmap.forEach((item) => { | ||||
| 					if (item.deviceCount !== null && item.deviceCount > 0) { | ||||
|  |  | |||
		Loading…
	
		Reference in New Issue
	
	Block a user