Boonlive_RD_Web/Wx_BLWConfigTools_V02_Prod
8
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

重构第一版 智控助手小程序

Browse Source
This commit is contained in:
chenzhihao
2025-12-30 15:21:19 +08:00
parent c25e282398
commit 3852e6ac20
32 changed files with 3584 additions and 123 deletions
Download Patch File Download Diff File Expand all files Collapse all files

382
pages/basics/MakingRoundsAbnormal/MakingRoundsAbnormal.js
View File

@@ -15,7 +15,11 @@ import {
SetRCULight,
SetRCUAir,
SetRCUCurtain,
QueryRoomVisitLog,
WriteRoomVisitLog,
UpdateRoomVisitLog
} from '../../../lib/RequestingCenter.js'
var util = require('../../../utils/util.js')
Page({
/**
@@ -30,6 +34,14 @@ Page({
toView:"",
RoomNumber:"",
HotelId:"",
// 时间范围查询相关
seltime:4, // 时间范围：4-全部，1-今日，2-本周，3-本月，5-指定时间
starttime:"", // 起始时间
endtime:"", // 结束时间
// 设备访问日志数据
visitLogList: [],
// 选中的记录ID，用于控制故障原因的显示
selectedId: null,
},
/**
@@ -78,14 +90,171 @@ Page({
* 生命周期函数--监听页面初次渲染完成
*/
onReady() {
this.calcScrollHeight();
},
calcScrollHeight() {
// 1. 拿到屏幕可用高度（px）
const sys = wx.getSystemInfoSync();
const screenHeight = sys.windowHeight; // px
// 2. 拿到 scroll-view 的 top（px）
wx.createSelectorQuery()
.in(this)
.select('#myScroll')
.boundingClientRect(rect => {
if (rect) {
const topPx = rect.top; // px
const bottomPx = 10 / 2; // 10rpx → 5px（2倍屏）
const heightPx = screenHeight - topPx - bottomPx;
// 3. 转 rpx 并写入
this.setData({
scrollHeight: heightPx * 2 // px→rpx
});
}
})
.exec();
},
/**
* 生命周期函数--监听页面显示
*/
onShow() {
async onShow() {
await this.getRoomVisitLog();
},
// 获取房间设备访问日志
async getRoomVisitLog() {
// 检查是否有HotelId
if (!this.data.HotelId) {
console.error("缺少HotelId参数");
app.toast(2, "缺少酒店信息");
// 确保visitLogList始终是数组
this.setData({
visitLogList: [],
HostsDataFilters: []
});
return;
}
let params = {
HotelID: this.data.HotelId,
RoomNumber: this.data.RoomNumber, // 初始加载时不按房号筛选，获取所有异常记录
StartTime: this.data.starttime,
EndTime: this.data.endtime
};
console.log("请求参数:", params);
try {
let logs = []
const res = await QueryRoomVisitLog(params);
if (res && res.Status === 1) {
console.log(res.Data)
// 初始化 logs 数组
let logs = [];
for (let index = 0; index < res.Data.length; index++) {
const element = res.Data[index]; // element 是一个数组
// 查找每个字段对应的值
const findValue = (key) => {
const item = element.find(obj => obj.Key === key);
return item ? item.Value : null;
};
logs[index] = {
Id: findValue("ID"),
HotelID: findValue("HotelID"),
RoomNumber: findValue("RoomNumber"),
EquipmentStatus: findValue("EquipmentStatus"),
FaultDescription: findValue("FaultDescription"),
UpdateDate: findValue("UpdateDate"),
DevName: findValue("DevName"),
EquipmentStatusType: findValue("EquipmentStatusType"),
EquipmentOnlineStatus: findValue("EquipmentOnlineStatus"),
EquipmentOnlineStatusShow:0
};
}
// 如果有搜索房号，将符合条件的记录放到头部
if (this.data.RoomNumber) {
logs= this.sortHotelsByFuzzyMatch(logs,this.data.RoomNumber)
}
this.setData({
visitLogList: logs, // 明确设置为数组
HostsDataFilters: logs // 更新异常记录数量显示
});
// 打印最终数据长度
console.log("最终显示数据数量:", logs.length);
} else {
console.error("API请求失败:", res);
app.toast(2, res.Message || "查询失败");
// 清空数据列表，明确设置为数组
this.setData({
visitLogList: [],
HostsDataFilters: []
});
}
} catch (err) {
console.error("查询设备访问日志失败:", err);
app.toast(2, "查询失败，请重试");
// 清空数据列表，明确设置为数组
this.setData({
visitLogList: [],
HostsDataFilters: []
});
}
},
sortHotelsByFuzzyMatch:function(hotels, keyword) {
// 1. 参数验证
if (!Array.isArray(hotels)) {
console.warn('第一个参数必须是数组');
return [];
}
if (typeof keyword !== 'string') {
console.warn('第二个参数必须是字符串');
return hotels.slice();
}
// 2. 处理空数组或空关键字的情况
const trimmedKeyword = keyword.trim();
if (hotels.length === 0 || trimmedKeyword === '') {
return hotels
}
const lowerKeyword = trimmedKeyword.toLowerCase();
// 3. 分离匹配和不匹配的酒店
const matchedHotels = [];
const unmatchedHotels = [];
hotels.forEach(hotel => {
// 检查是否为有效酒店对象
if (!hotel || typeof hotel !== 'object' || !hotel.RoomNumber) {
unmatchedHotels.push(hotel);
return;
}
const hotelName = String(hotel.RoomNumber).toLowerCase();
const isMatch = hotelName.includes(lowerKeyword);
if (isMatch) {
matchedHotels.push(hotel);
} else {
unmatchedHotels.push(hotel);
}
});
// 4. 合并数组并返回
return [...matchedHotels, ...unmatchedHotels];
},
/**
@@ -115,11 +284,222 @@ Page({
onReachBottom() {
},
// 房号输入
inputSearchForHotels(e){
this.setData({
RoomNumber: e.detail.value
})
},
// 搜索按钮点击
searchRoomLog() {
const { visitLogList, RoomNumber } = this.data;
if (!RoomNumber) {
// 如果搜索框为空，直接返回
return;
}
// 在现有数据上进行房号匹配
const filteredLogs = visitLogList.filter(log => log.RoomNumber && log.RoomNumber.includes(RoomNumber));
const otherLogs = visitLogList.filter(log => !log.RoomNumber || !log.RoomNumber.includes(RoomNumber));
// 将符合条件的数据放到头部
this.setData({
visitLogList: [...filteredLogs, ...otherLogs]
});
},
// 时间范围选择
seltime: function(e) {
let sel = Number(e.target.dataset.val);
let starttime = "";
let endtime = "";
const now = new Date();
switch (sel) {
case 1: // 今日
starttime = now.toISOString().split('T')[0];
endtime = now.toISOString().split('T')[0];
break;
case 2: // 本周
let time = this.getThisWeekData();
starttime = time.start_day;
endtime = time.end_day;
break;
case 3: // 本月
starttime = util.getCurrentMonthFirst(new Date());
endtime = util.getCurrentMonthLast(new Date());
break;
case 4: // 全部
starttime = "";
endtime = "";
break;
}
this.setData({
seltime: sel,
starttime: starttime,
endtime: endtime
});
},
// 自定义时间选择
bindTimeChange: function(e) {
if (e.target.dataset.type == 1) {
this.setData({
seltime: 5,
starttime: e.detail.value
});
} else {
this.setData({
seltime: 5,
endtime: e.detail.value
});
}
},
// 时间范围查询
async searchByTime() {
await this.getRoomVisitLog();
},
// 全部记录查询
async RefreshTheRoom() {
this.setData({
seltime: 4,
starttime: "",
endtime: "",
RoomNumber: "" // 清空搜索框内容
});
await this.getRoomVisitLog();
},
// 获取本周的起止日期
getThisWeekData: function() {
var thisweek = {};
var date = new Date();
// 本周一的日期
date.setDate(date.getDate() - date.getDay() + 1);
thisweek.start_day = date.getFullYear() + "-" + (date.getMonth() + 1) + "-" + date.getDate();
// 本周日的日期
date.setDate(date.getDate() + 6);
thisweek.end_day = date.getFullYear() + "-" + (date.getMonth() + 1) + "-" + date.getDate();
return thisweek;
},
// 切换故障原因显示状态
toggleFaultReason(e) {
const id = e.currentTarget.dataset.id;
const { selectedId } = this.data;
// 如果点击的是当前显示的项，则隐藏；否则显示点击的项
this.setData({
selectedId: selectedId === id ? null : id
});
},
// 确认维修完成
async confirmRepair(e) {
const id = e.currentTarget.dataset.id;
console.log("确认维修完成，设备ID:", id);
// 找到对应的设备记录
const deviceIndex = this.data.visitLogList.findIndex(item => item.Id === id);
if (deviceIndex === -1) {
console.error("未找到对应的设备记录");
return;
}
const device = this.data.visitLogList[deviceIndex];
// 获取当前时间
const now = new Date();
const year = now.getFullYear();
const month = String(now.getMonth() + 1).padStart(2, '0');
const day = String(now.getDate()).padStart(2, '0');
const hours = String(now.getHours()).padStart(2, '0');
const minutes = String(now.getMinutes()).padStart(2, '0');
const seconds = String(now.getSeconds()).padStart(2, '0');
const currentTime = `${year}-${month}-${day} ${hours}:${minutes}:${seconds}`;
try {
// 1. 先调用UpdateRoomVisitLog接口，将原来的故障记录设置为维修完成
const updateParams = {
id: id,
faultDescription: "维修完成",
equipmentStatusType: "1"
};
const updateRes = await UpdateRoomVisitLog(updateParams);
if (updateRes.Status !== 1) {
wx.showToast({
title: updateRes.Message || "更新故障记录失败",
icon: 'none',
duration: 2000
});
console.log("更新故障记录失败", updateRes);
return;
}
// 2. 调用WriteRoomVisitLog接口，写入一条新的正常记录
const writeParams = {
HotelID: this.data.HotelId,
RoomNumber: device.RoomNumber,
EquipmentList: [{
EquipmentStatus: "正常",
FaultDescription: "已维修完成",
DevName: device.DevName,
EquipmentStatusType: "3",
EquipmentOnlineStatus: "1",
UpdateDate: currentTime
}]
};
const writeRes = await WriteRoomVisitLog(writeParams);
// 处理返回结果
if (writeRes.Status === 1) {
wx.showToast({
title: '维修完成',
icon: 'success',
duration: 2000
});
// 从visitLogList中移除对应的故障记录
const updatedVisitLogList = [...this.data.visitLogList];
updatedVisitLogList.splice(deviceIndex, 1);
// 更新页面数据
this.setData({
visitLogList: updatedVisitLogList,
HostsDataFilters: updatedVisitLogList
});
// 如果当前选中的是被移除的记录，清空选中状态
if (this.data.selectedId === id) {
this.setData({
selectedId: null
});
}
} else {
wx.showToast({
title: writeRes.Message || "写入正常记录失败",
icon: 'none',
duration: 2000
});
console.log("写入正常记录失败", writeRes);
}
} catch (error) {
wx.showToast({
title: "维修完成失败，请检查网络连接",
icon: 'none',
duration: 2000
});
console.error("维修完成出错", error);
}
},
/**
* 用户点击右上角分享
*/

85
pages/basics/MakingRoundsAbnormal/MakingRoundsAbnormal.wxml
View File

@@ -23,31 +23,82 @@
</view>
<view class="flex"style="width: 40%;">
<button class="cu-btn1 line-green margin-left " style="width: 100%; margin:5rpx;" bindtap="inputSearchForHotels">搜索</button>
<button class="cu-btn1 line-green margin-left " style="width: 100%; margin:5rpx;" bindtap="RefreshTheRoom">维修记录</button>
<button class="cu-btn1 line-green margin-left " style="width: 100%; margin:5rpx;" bindtap="searchRoomLog">搜索</button>
<button class="cu-btn1 line-green margin-left " style="width: 100%; margin:5rpx;" bindtap="RefreshTheRoom">刷新记录</button>
</view>
</view>
</view>
<scroll-view scroll-y scroll-into-view="{{toView}}" >
<view class="cu-list menu margin-top-xs margin-bottom-sm shadow-lg" >
<view class="cu-itemz " wx:for="{{20}}" wx:key="index">
<view class="flex" style="width: 80%">
<view class="flex text-black"style="width: 50%">
<view>房号：</view>
<view class="nav-name">{{"床卫生间传"}}</view>
</view>
<view class=" nav-name " style="width: 50%;left: 30rpx;">
<view >床卫生间传感器测试</view>
</view>
<!-- 时间筛选 - 已隐藏，默认选择全部 -->
<view class="bg-white " style="width: 100%;border-bottom: 1px solid #f0f0f0;" wx:if="{{false}}">
<view class="flex padding-top-xs flex-wrap">
<view class="text-df font-bold margin-right-sm">时间范围：</view>
<view bindtap="seltime" data-val="4" class="padding-right-sm padding-left-sm {{seltime==4?'bg-green':''}} margin-right-xs text-df border-radius">全部</view>
<view bindtap="seltime" data-val="1" class="padding-right-sm padding-left-sm {{seltime==1?'bg-green':''}} margin-right-xs text-df border-radius">今日</view>
<view bindtap="seltime" data-val="2" class="padding-right-sm padding-left-sm {{seltime==2?'bg-green':''}} margin-right-xs text-df border-radius">本周</view>
<view bindtap="seltime" data-val="3" class="padding-right-sm padding-left-sm {{seltime==3?'bg-green':''}} margin-right-xs text-df border-radius">本月</view>
</view>
<view class="flex">
<view class="flex padding-top-xs padding-bottom-xs align-center flex-wrap" style="width: 80%;">
<view class="margin-right-sm text-df">时间：</view>
<picker mode="date" class="text-df padding-right-sm padding-left-sm border border-gray border-radius margin-right-sm" data-type="1" bindchange="bindTimeChange">
<view class="picker text-green">
{{starttime==""?"请选择":starttime}}
</view>
</picker>
<view class=" text-df">至：</view>
<picker start="{{starttime}}" mode="date" class="text-df padding-right-sm padding-left-sm border border-gray border-radius margin-right-sm" bindchange="bindTimeChange" data-type="2">
<view class="picker text-green">
{{endtime==""?"请选择":endtime}}
</view>
</picker>
</view>
<view style="width: 20%;">
<button class="cu-btn1 line-green border-radius" style="width: 150rpx; margin:0;" bindtap="searchByTime">查询</button>
</view>
</view>
</view>
<scroll-view id="myScroll" scroll-y scroll-into-view="{{toView}}" style="height:{{scrollHeight}}rpx;" >
<view class="margin-5" style=" border-bottom: 1px solid #f0f0f0;" wx:for="{{visitLogList}}" wx:key="index">
<view class="Listindem ">
<!-- 房间号与时间日期 -->
<view class="flex" style="width: 80%" bindtap="toggleFaultReason" data-id="{{item.Id}}">
<view class=" text-black"style="width: 50%; ">
<view style="height: 45%;width: 100%;">
<view >{{item.UpdateDate}}</view>
</view>
<view class="flex" style="width: 100%;height: 55%;">
<view>房号：</view>
<view >{{item.RoomNumber}}</view>
</view>
<!-- 设备名称 -->
</view>
<view class="nav-nameTop" style="width: 50%;left: 30rpx;font-weight:bold; " >
<view >{{item.DevName}}</view>
</view>
</view>
<view class="flex"style="width: 18%;">
<button class="cu-btn1 line-green margin-left " style="width: 100%; margin:5rpx;white-space: pre-line;" bindtap="RefreshTheRoom">确认维\n修完成</button>
<view class="flex" style="width: 18%;">
<button class="cu-btn1 line-green margin-left " style="width: 100%; margin:5rpx;white-space: pre-line;" bindtap="confirmRepair" data-id="{{item.Id}}">确认维
修完成</button>
</view>
</view>
<!-- //故障原因： -->
<view class="flex line-gray" style="background-color: var(--white)" wx:if="{{selectedId == item.Id}}">
<view style="width: 20%;">故障原因：</view>
<view style="color: red;width: 80%;">{{item.FaultDescription}}</view>
</view>
</view>
</view>
</scroll-view>

9
pages/basics/MakingRoundsAbnormal/MakingRoundsAbnormal.wxss
View File

@@ -99,3 +99,12 @@
transform: translate(0rpx, 0rpx);
margin-right: initial;
}
.Listindem{
position: relative;
display: flex;
padding: 0 10rpx;
min-height: 100rpx;
background-color: var(--white);
justify-content: space-between;
align-items: center
}