diff --git a/src/components/AlarmRecord.vue b/src/components/AlarmRecord.vue
index 948be1c..6be29b3 100644
--- a/src/components/AlarmRecord.vue
+++ b/src/components/AlarmRecord.vue
@@ -24,7 +24,7 @@
内容
种类
时间
- 级别
+
@@ -56,9 +56,9 @@
{{ alarm.type }}
{{ alarm.time }}
-
+
@@ -143,7 +143,6 @@ const mqttAlarmService = {
// 获取历史报警记录（分页）
getHistoryAlarms: async (page = 0, size = 20, isLoadMore = false) => {
- console.log(`获取历史报警记录，页码:${page}, 每页:${size}条`);
try {
if (!isLoadMore) {
isLoading.value = true;
@@ -158,8 +157,6 @@ const mqttAlarmService = {
size: size
});
- console.log('📊 获取告警数据响应:', response);
-
// 处理响应数据
if (response && response.data) {
const newAlarms = response.data.map(item => ({
@@ -188,7 +185,6 @@ const mqttAlarmService = {
await createQueryEvent('success', newAlarms.length);
}
} else {
- console.warn('⚠️ 响应数据格式异常:', response);
if (!isLoadMore) {
alarmList.value = [];
}
@@ -447,23 +443,23 @@ const stopRealtimeAlarm = () => {
// 创建查询事件
const createQueryEvent = async (status, dataCount) => {
- try {
- const currentTime = formatDateTime(new Date().toISOString())
- const queryEvent = {
- eventType: "报警记录查询",
- eventTime: currentTime,
- status: getEventStatus(status),
- description: getEventDescription(status, dataCount),
- deviceId: "ALARM_QUERY_001"
- }
+ // try {
+ // const currentTime = formatDateTime(new Date().toISOString())
+ // const queryEvent = {
+ // eventType: "报警记录查询",
+ // eventTime: currentTime,
+ // status: getEventStatus(status),
+ // description: getEventDescription(status, dataCount),
+ // deviceId: "ALARM_QUERY_001"
+ // }
- console.log('📤 提交报警查询事件:', queryEvent)
- const response = await eventApi.create(queryEvent)
- console.log('✅ 报警查询事件创建成功:', response)
+ // console.log('📤 提交报警查询事件:', queryEvent)
+ // const response = await eventApi.create(queryEvent)
+ // console.log('✅ 报警查询事件创建成功:', response)
- } catch (error) {
- console.error('❌ 报警查询事件创建失败:', error)
- }
+ // } catch (error) {
+ // console.error('❌ 报警查询事件创建失败:', error)
+ // }
};
// 获取事件状态
@@ -488,7 +484,6 @@ const getEventDescription = (status, dataCount) => {
// 刷新数据方法
const refreshData = async () => {
- console.log('🔄 刷新报警记录数据')
try {
// 重置分页状态
currentPage.value = 0;
diff --git a/src/components/EzvizVideoPlayerSimple.vue b/src/components/EzvizVideoPlayerSimple.vue
index d44dba2..df6887c 100644
--- a/src/components/EzvizVideoPlayerSimple.vue
+++ b/src/components/EzvizVideoPlayerSimple.vue
@@ -29,27 +29,20 @@
-
+
-
-
- {{ isPlaying ? '⏸ 暂停' : '▶ 播放' }}
-
-
- 🔄 刷新
-
-
+
-
+
-
-
-
+
+
+ {{ isPlaying ? '⏸ 暂停' : '▶ 播放' }}
+
+
+ 🔄 刷新
+
@@ -134,6 +127,7 @@ export default {
const url = encodeURIComponent(config.play_url)
this.webviewUrl = `/static/html/ezviz-iframe.html?accessToken=${token}&playUrl=${url}`
console.log('[简单播放器] APP平台 - 使用本地HTML文件')
+ console.log('[简单播放器] APP平台 - webviewUrl:', this.webviewUrl)
// #endif
// #ifdef H5
@@ -145,14 +139,21 @@ export default {
'&height=100%' +
'&autoplay=1' +
'&audio=1' +
- '&controls=1'
- console.log('[简单播放器] H5平台 - 直接使用萤石云iframe')
+ '&controls=1';
+ console.log('[简单播放器] H5平台 - 直接使用萤石云iframe', this.iframeUrl)
// #endif
setTimeout(() => {
if (this.loading) {
this.loading = false
this.status = '播放器已加载'
+ console.log('[简单播放器] 加载完成，显示控制按钮')
+ console.log('[简单播放器] 当前状态:', {
+ loading: this.loading,
+ webviewUrl: !!this.webviewUrl,
+ iframeUrl: !!this.iframeUrl,
+ platform: this.platform
+ })
}
}, 3000)
@@ -193,55 +194,102 @@ export default {
},
// 切换播放/暂停
+ // 统一的播放状态切换逻辑
togglePlay() {
console.log('[简单播放器] 切换播放状态:', this.isPlaying ? '暂停' : '播放')
- // 通过重新加载URL来实现播放/暂停
- // 因为iframe播放器不支持直接控制，所以采用重新加载的方式
- if (this.isPlaying) {
- // 暂停：清空URL
+ // 防止重复点击和加载中操作
+ if (this.loading) {
+ console.log('[简单播放器] 播放器加载中，忽略操作')
+ return
+ }
+
+ const newPlayState = !this.isPlaying
+
+ // 统一的状态更新逻辑
+ if (newPlayState) {
+ this.startPlayback()
+ } else {
+ this.pausePlayback()
+ }
+
+ // 返回新的播放状态
+ return this.isPlaying
+ },
+
+ // 统一的开始播放逻辑
+ startPlayback() {
+ console.log('[简单播放器] 开始播放')
+
+ if (!this.config) {
+ console.error('[简单播放器] 配置信息不存在，无法播放')
+ return
+ }
+
+ try {
+ // 设置播放URL - 两个平台使用相同的逻辑
// #ifdef APP-PLUS
- this.webviewUrl = ''
- // #endif
- // #ifdef H5
- this.iframeUrl = ''
+ const token = encodeURIComponent(this.config.accessToken)
+ const url = encodeURIComponent(this.config.play_url)
+ this.webviewUrl = `/static/html/ezviz-iframe.html?accessToken=${token}&playUrl=${url}`
+ console.log('[简单播放器] APP平台 - 设置webviewUrl')
// #endif
+ // #ifdef H5
+ this.iframeUrl = 'https://open.ys7.com/ezopen/h5/iframe?' +
+ 'url=' + encodeURIComponent(this.config.play_url) +
+ '&accessToken=' + encodeURIComponent(this.config.accessToken) +
+ '&width=100%' +
+ '&height=100%' +
+ '&autoplay=1' +
+ '&audio=1' +
+ '&controls=1'
+ console.log('[简单播放器] H5平台 - 设置iframeUrl', this.iframeUrl)
+ // #endif
+
+ // 统一更新状态
+ this.isPlaying = true
+ this.status = '播放中'
+ this.error = false
+
+ // 触发状态变化事件
+ this.$emit('playStateChange', true)
+ console.log('[简单播放器] 播放状态已更新为：播放中')
+
+ } catch (error) {
+ console.error('[简单播放器] 开始播放失败:', error)
+ this.error = true
+ this.errorText = '播放失败: ' + error.message
+ }
+ },
+
+ // 统一的暂停播放逻辑
+ pausePlayback() {
+ console.log('[简单播放器] 暂停播放')
+
+ try {
+ // 清空播放URL - 两个平台使用相同的逻辑
+ // #ifdef APP-PLUS
+ this.webviewUrl = ''
+ console.log('[简单播放器] APP平台 - 清空webviewUrl')
+ // #endif
+
+ // #ifdef H5
+ this.iframeUrl = ''
+ console.log('[简单播放器] H5平台 - 清空iframeUrl')
+ // #endif
+
+ // 统一更新状态
this.isPlaying = false
this.status = '已暂停'
// 触发状态变化事件
this.$emit('playStateChange', false)
- } else {
- // 播放：重新设置URL
- if (this.config) {
- // #ifdef APP-PLUS
- const token = encodeURIComponent(this.config.accessToken)
- const url = encodeURIComponent(this.config.play_url)
- this.webviewUrl = `/static/html/ezviz-iframe.html?accessToken=${token}&playUrl=${url}`
- // #endif
-
- // #ifdef H5
- this.iframeUrl = 'https://open.ys7.com/ezopen/h5/iframe?' +
- 'url=' + encodeURIComponent(this.config.play_url) +
- '&accessToken=' + encodeURIComponent(this.config.accessToken) +
- '&width=100%' +
- '&height=100%' +
- '&autoplay=1' +
- '&audio=1' +
- '&controls=1'
- // #endif
-
- this.isPlaying = true
- this.status = '播放中'
-
- // 触发状态变化事件
- this.$emit('playStateChange', true)
- }
+ console.log('[简单播放器] 播放状态已更新为：已暂停')
+
+ } catch (error) {
+ console.error('[简单播放器] 暂停播放失败:', error)
}
-
- // 返回新的播放状态
- return this.isPlaying
},
// 获取当前播放状态
@@ -249,18 +297,89 @@ export default {
return this.isPlaying
},
- // 刷新播放器
+ // 统一的刷新播放器逻辑
refresh() {
console.log('[简单播放器] 刷新播放器')
- if (this.config) {
+ if (!this.config) {
+ console.error('[简单播放器] 配置信息不存在，无法刷新')
+ uni.showToast({
+ title: '配置信息不存在',
+ icon: 'error',
+ duration: 2000
+ })
+ return
+ }
+
+ try {
+ // 显示刷新提示
uni.showToast({
title: '正在刷新...',
icon: 'loading',
duration: 1000
})
- // 先清空再重新加载
+ // 重置播放器状态
+ this.error = false
+ this.loading = true
+ this.loadingText = '重新加载中...'
+
+ // 先暂停播放
+ this.pausePlayback()
+
+ // 延迟重新开始播放，确保清空操作完成
+ setTimeout(() => {
+ try {
+ // 重新开始播放
+ this.startPlayback()
+
+ // 显示成功提示
+ uni.showToast({
+ title: '刷新成功',
+ icon: 'success',
+ duration: 1500
+ })
+
+ // 重置加载状态
+ setTimeout(() => {
+ this.loading = false
+ this.loadingText = '加载中...'
+ }, 1000)
+
+ } catch (error) {
+ console.error('[简单播放器] 重新播放失败:', error)
+ this.loading = false
+ this.error = true
+ this.errorText = '刷新失败: ' + error.message
+
+ uni.showToast({
+ title: '刷新失败',
+ icon: 'error',
+ duration: 2000
+ })
+ }
+ }, 500)
+
+ } catch (error) {
+ console.error('[简单播放器] 刷新播放器失败:', error)
+ this.loading = false
+ this.error = true
+ this.errorText = '刷新失败: ' + error.message
+
+ uni.showToast({
+ title: '刷新失败',
+ icon: 'error',
+ duration: 2000
+ })
+ }
+ },
+
+ // 停止播放器（页面关闭时调用）
+ stopPlayer() {
+ console.log('[简单播放器] 停止播放器')
+
+ try {
+ // 清空播放URL，停止播放
// #ifdef APP-PLUS
this.webviewUrl = ''
// #endif
@@ -268,33 +387,18 @@ export default {
this.iframeUrl = ''
// #endif
- setTimeout(() => {
- // #ifdef APP-PLUS
- const token = encodeURIComponent(this.config.accessToken)
- const url = encodeURIComponent(this.config.play_url)
- this.webviewUrl = `/static/html/ezviz-iframe.html?accessToken=${token}&playUrl=${url}`
- // #endif
-
- // #ifdef H5
- this.iframeUrl = 'https://open.ys7.com/ezopen/h5/iframe?' +
- 'url=' + encodeURIComponent(this.config.play_url) +
- '&accessToken=' + encodeURIComponent(this.config.accessToken) +
- '&width=100%' +
- '&height=100%' +
- '&autoplay=1' +
- '&audio=1' +
- '&controls=1'
- // #endif
-
- this.isPlaying = true
- this.status = '播放中'
-
- uni.showToast({
- title: '刷新成功',
- icon: 'success',
- duration: 1500
- })
- }, 500)
+ // 重置状态
+ this.isPlaying = false
+ this.status = '已停止'
+ this.loading = false
+ this.error = false
+
+ // 触发状态变化事件
+ this.$emit('playStateChange', false)
+
+ console.log('[简单播放器] 播放器已停止')
+ } catch (error) {
+ console.error('[简单播放器] 停止播放器失败:', error)
}
}
}
@@ -473,5 +577,107 @@ export default {
.refresh-btn:active {
background: rgba(25, 118, 210, 1);
}
+
+/* 统一的控制按钮样式 - APP平台使用 cover-view */
+.control-buttons-cover {
+ position: fixed;
+ top: 50%;
+ left: 50%;
+ transform: translateX(-50%);
+ display: flex;
+ gap: 20rpx;
+ z-index: 999;
+}
+
+.control-btn-cover {
+ background: rgba(0, 0, 0, 0.75);
+ border: 2rpx solid rgba(255, 255, 255, 0.6);
+ border-radius: 40rpx;
+ padding: 16rpx 32rpx;
+ min-width: 140rpx;
+ display: flex;
+ align-items: center;
+ justify-content: center;
+ transition: all 0.3s ease;
+}
+
+.play-btn-cover {
+ background: rgba(46, 125, 50, 0.85);
+ border-color: rgba(76, 175, 80, 0.9);
+}
+
+.refresh-btn-cover {
+ background: rgba(25, 118, 210, 0.85);
+ border-color: rgba(33, 150, 243, 0.9);
+}
+
+.btn-text {
+ color: white;
+ font-size: 24rpx;
+ font-weight: 600;
+ text-align: center;
+}
+
+/* 统一的控制按钮样式 - H5平台使用 view */
+.control-buttons-unified {
+ position: fixed;
+ top: 50%;;
+ left: 50%;
+ transform: translateX(-50%);
+ display: flex;
+ gap: 20rpx;
+ z-index: 999;
+}
+
+.control-btn-unified {
+ background: rgba(0, 0, 0, 0.75);
+ border: 2rpx solid rgba(255, 255, 255, 0.6);
+ border-radius: 40rpx;
+ padding: 16rpx 32rpx;
+ min-width: 140rpx;
+ display: flex;
+ align-items: center;
+ justify-content: center;
+ cursor: pointer;
+ transition: all 0.3s ease;
+ user-select: none;
+}
+
+.control-btn-unified:hover {
+ transform: scale(1.05);
+ box-shadow: 0 4rpx 12rpx rgba(0, 0, 0, 0.3);
+}
+
+.control-btn-unified:active {
+ transform: scale(0.95);
+}
+
+.play-btn-unified {
+ background: rgba(46, 125, 50, 0.85);
+ border-color: rgba(76, 175, 80, 0.9);
+}
+
+.play-btn-unified:hover {
+ background: rgba(46, 125, 50, 0.95);
+ border-color: rgba(76, 175, 80, 1);
+}
+
+.refresh-btn-unified {
+ background: rgba(25, 118, 210, 0.85);
+ border-color: rgba(33, 150, 243, 0.9);
+}
+
+.refresh-btn-unified:hover {
+ background: rgba(25, 118, 210, 0.95);
+ border-color: rgba(33, 150, 243, 1);
+}
+
+.btn-text-unified {
+ color: white;
+ font-size: 24rpx;
+ font-weight: 600;
+ text-align: center;
+ pointer-events: none;
+}
diff --git a/src/pages/environment/index.vue b/src/pages/environment/index.vue
index cc2b553..9081772 100644
--- a/src/pages/environment/index.vue
+++ b/src/pages/environment/index.vue
@@ -337,12 +337,20 @@ export default {
onShow() {
console.log('📱 环境参数页面显示，触发页面更新');
this.init();
+ // 重新启动定时器
+ this.startDataFetching();
// // 只有在非首次显示时才重新获取最新空调温度
// if (this.hasCreatedStartupEvent) {
// this.init();
// }
},
+ onHide() {
+ console.log('📱 环境参数页面隐藏，停止定时器');
+ // 页面隐藏时停止定时器
+ this.stopDataFetching();
+ },
onUnload() {
+ console.log('📱 环境参数页面卸载，清理所有资源');
// 页面卸载时移除监听器
if (this.dataUpdateHandler) {
mqttDataManager.removeListener('dataUpdate', this.dataUpdateHandler)
@@ -356,10 +364,8 @@ export default {
clearInterval(this.debugInterval)
}
- // 清理数据获取定时器
- if (this.dataFetchInterval) {
- clearInterval(this.dataFetchInterval)
- }
+ // 停止数据获取定时器
+ this.stopDataFetching()
},
methods: {
init() {
@@ -368,11 +374,10 @@ export default {
// 获取最新温湿度数据
this.getLatestEnvironmentData()
// 首次进入系统时创建启动事件
- this.createStartupEventIfNeeded()
+ // this.createStartupEventIfNeeded()
// 获取温湿度区间设置
this.loadWsdSettings()
- // 启动定时获取环境数据
- this.startDataFetching()
+ // 注意：定时器在 onShow 中启动，避免重复启动
},
// 首次进入系统时创建启动事件
async createStartupEventIfNeeded() {
@@ -582,12 +587,18 @@ export default {
clearInterval(this.dataFetchInterval)
}
- // 每3秒获取一次最新环境数据
+ // 每5秒获取一次最新环境数据
this.dataFetchInterval = setInterval(() => {
this.getLatestEnvironmentData()
}, 5000)
-
- console.log('🔄 已启动环境数据定时获取，间隔3秒')
+ },
+
+ // 停止定时获取环境数据
+ stopDataFetching() {
+ if (this.dataFetchInterval) {
+ clearInterval(this.dataFetchInterval)
+ this.dataFetchInterval = null
+ }
},
// 初始化MQTT监听
@@ -660,8 +671,6 @@ export default {
// 检查MQTT空调数据的报警条件
checkAlerts(mqttData) {
const currentTime = this.formatDateTime(new Date())
- console.log('====MQTT空调数据报警检查', mqttData)
-
// 只处理空调AC设备的数据
if (mqttData.deviceType === 'AC') {
// 空调故障报警：acFaultStatus为1
@@ -684,8 +693,6 @@ export default {
// 检查从接口获取的数据的报警条件
checkAlertsFromApiData(apiData) {
const currentTime = this.formatDateTime(new Date())
- console.log('====API数据报警检查', apiData)
-
const { temperature, humidity, pm25 } = apiData
// 1. 温度报警：使用环境控制设置的区间
@@ -761,10 +768,7 @@ export default {
// 记录报警到控制台并调用创建告警接口
async logAlert(alert) {
- console.log('🚨 报警触发:', JSON.stringify(alert, null, 2))
- // 调用创建告警接口
try {
- console.log('📤 正在创建告警记录...')
await alertApi.create(alert)
} catch (error) {
console.error('❌ 告警记录创建失败:', error)
@@ -774,9 +778,12 @@ export default {
// 降低目标温度
decreaseTemperature() {
if (this.targetTemperature > 16) {
+ const oldTemp = this.targetTemperature
this.targetTemperature--
console.log('目标温度降低至:', this.targetTemperature + '°C')
this.showTemperatureChangeToast()
+ // 记录温度调节日志
+ this.logTemperatureAdjustment('降低', oldTemp, this.targetTemperature)
} else {
uni.showToast({
title: '温度不能低于16°C',
@@ -807,8 +814,11 @@ export default {
if (this.tempValidationMessage === '') {
// 如果没有验证错误，更新目标温度
if (!isNaN(value)) {
+ const oldTemp = this.targetTemperature
this.targetTemperature = value
this.showTemperatureChangeToast()
+ // 记录温度调节日志
+ this.logTemperatureAdjustment('设置', oldTemp, this.targetTemperature)
}
this.tempInputValue = ''
} else {
@@ -859,9 +869,12 @@ export default {
// 提高目标温度
increaseTemperature() {
if (this.targetTemperature < 50) {
+ const oldTemp = this.targetTemperature
this.targetTemperature++
console.log('目标温度提高至:', this.targetTemperature + '°C')
this.showTemperatureChangeToast()
+ // 记录温度调节日志
+ this.logTemperatureAdjustment('提高', oldTemp, this.targetTemperature)
} else {
uni.showToast({
title: '温度不能高于50°C',
@@ -873,9 +886,12 @@ export default {
// 降低目标湿度
decreaseHumidity() {
if (this.targetHumidity > 30) {
+ const oldHumidity = this.targetHumidity
this.targetHumidity--
console.log('目标湿度降低至:', this.targetHumidity + '%')
this.showHumidityChangeToast()
+ // 记录湿度调节日志
+ this.logHumidityAdjustment('降低', oldHumidity, this.targetHumidity)
} else {
uni.showToast({
title: '湿度不能低于30%',
@@ -887,9 +903,12 @@ export default {
// 提高目标湿度
increaseHumidity() {
if (this.targetHumidity < 80) {
+ const oldHumidity = this.targetHumidity
this.targetHumidity++
console.log('目标湿度提高至:', this.targetHumidity + '%')
this.showHumidityChangeToast()
+ // 记录湿度调节日志
+ this.logHumidityAdjustment('提高', oldHumidity, this.targetHumidity)
} else {
uni.showToast({
title: '湿度不能高于80%',
@@ -920,8 +939,11 @@ export default {
if (this.humidityValidationMessage === '') {
// 如果没有验证错误，更新目标湿度
if (!isNaN(value)) {
+ const oldHumidity = this.targetHumidity
this.targetHumidity = value
this.showHumidityChangeToast()
+ // 记录湿度调节日志
+ this.logHumidityAdjustment('设置', oldHumidity, this.targetHumidity)
}
this.humidityInputValue = ''
} else {
@@ -1002,14 +1024,14 @@ export default {
// 发送温度参数 - 使用BSQWD作为TagName（与接收数据保持一致）
const temperatureData = {
"TagValue": this.targetTemperature,
- "TagName": "JS_COD", // 使用与接收数据一致的TagName
+ "TagName": "SDWD", // 使用与接收数据一致的TagName
"method": "setValue"
}
// 发送湿度参数 - 根据文档WSD设备湿度使用SD
const humidityData = {
"TagValue": this.targetHumidity,
- "TagName": "JS_SD", // 使用与WSD设备湿度一致的TagName
+ "TagName": "SDSD", // 使用与WSD设备湿度一致的TagName
"method": "setValue"
}
@@ -1109,16 +1131,83 @@ export default {
eventType: `空调${operation}`,
eventTime: currentTime,
status: "已完成",
- description: `用户手动执行空调${operation}操作`,
+ description: `用户手动执行空调${operation}操作，当前温度：${this.temperature}°C，目标温度：${this.targetTemperature}°C，空调状态：${this.acStatusList[this.acStatus]}`,
deviceId: "AC_001"
}
- console.log(`📝 记录空调${operation}日志:`, logEvent)
- // const response = await eventApi.create(logEvent)
- console.log(`✅ 空调${operation}日志记录成功:`, response)
+ const response = await eventApi.create(logEvent)
+
+ // 显示日志记录成功提示
+ uni.showToast({
+ title: `操作日志已保存`,
+ icon: 'success',
+ duration: 1000
+ })
} catch (error) {
console.error(`❌ 空调${operation}日志记录失败:`, error)
// 日志记录失败不影响主要功能，只记录错误
+ uni.showToast({
+ title: `日志保存失败`,
+ icon: 'none',
+ duration: 1000
+ })
+ }
+ },
+
+ // 记录温度调节日志
+ async logTemperatureAdjustment(action, oldTemp, newTemp) {
+ try {
+ const currentTime = this.formatDateTime(new Date())
+ const logEvent = {
+ eventType: `空调目标温度${action}`,
+ eventTime: currentTime,
+ status: "已完成",
+ description: `用户手动${action}空调目标温度，从${oldTemp}°C调整到${newTemp}°C，当前环境温度：${this.temperature}°C，空调状态：${this.acStatusList[this.acStatus]}`,
+ deviceId: "AC_001"
+ }
+
+ const response = await eventApi.create(logEvent)
+ } catch (error) {
+ console.error(`❌ 温度${action}日志记录失败:`, error)
+ // 日志记录失败不影响主要功能，只记录错误
+ }
+ },
+
+ // 记录湿度调节日志
+ async logHumidityAdjustment(action, oldHumidity, newHumidity) {
+ try {
+ const currentTime = this.formatDateTime(new Date())
+ const logEvent = {
+ eventType: `空调目标湿度${action}`,
+ eventTime: currentTime,
+ status: "已完成",
+ description: `用户手动${action}空调目标湿度，从${oldHumidity}%调整到${newHumidity}%，当前环境湿度：${this.humidity}%，空调状态：${this.acStatusList[this.acStatus]}`,
+ deviceId: "AC_001"
+ }
+
+ const response = await eventApi.create(logEvent)
+ } catch (error) {
+ console.error(`❌ 湿度${action}日志记录失败:`, error)
+ // 日志记录失败不影响主要功能，只记录错误
+ }
+ },
+
+ // 记录参数设定保存日志
+ async logSettingsSave() {
+ try {
+ const currentTime = this.formatDateTime(new Date())
+ const logEvent = {
+ eventType: "环境控制范围更新",
+ eventTime: currentTime,
+ status: "已完成",
+ description: `用户修改温湿度控制范围：温度范围${this.tempSettings.min}°C-${this.tempSettings.max}°C，湿度范围${this.humiditySettings.min}%-${this.humiditySettings.max}%，当前环境温度：${this.temperature}°C，当前环境湿度：${this.humidity}%，空调状态：${this.acStatusList[this.acStatus]}`,
+ deviceId: "WSD_001"
+ }
+
+ const response = await eventApi.create(logEvent)
+ } catch (error) {
+ console.error(`❌ 参数设定保存日志记录失败:`, error)
+ // 日志记录失败不影响主要功能，只记录错误
}
},
@@ -1236,6 +1325,9 @@ export default {
// 关闭弹窗
this.closeSettingsModal()
+ // 记录参数设定保存日志
+ await this.logSettingsSave()
+
// 显示保存成功提示
uni.showToast({
title: '参数设置已保存',
diff --git a/src/pages/parameter/index.vue b/src/pages/parameter/index.vue
index a7196f3..25f5200 100644
--- a/src/pages/parameter/index.vue
+++ b/src/pages/parameter/index.vue
@@ -938,23 +938,23 @@ export default {
// 创建查询事件
async createQueryEvent(status, dataCount) {
- try {
- const currentTime = this.formatDateTime(new Date())
- const queryEvent = {
- eventType: "参数记录查询",
- eventTime: currentTime,
- status: this.getEventStatus(status),
- description: this.getEventDescription(status, dataCount),
- deviceId: "PARAMETER_QUERY_001"
- }
+ // try {
+ // const currentTime = this.formatDateTime(new Date())
+ // const queryEvent = {
+ // eventType: "参数记录查询",
+ // eventTime: currentTime,
+ // status: this.getEventStatus(status),
+ // description: this.getEventDescription(status, dataCount),
+ // deviceId: "PARAMETER_QUERY_001"
+ // }
- console.log('📤 提交查询事件:', queryEvent)
- const response = await eventApi.create(queryEvent)
- console.log('✅ 查询事件创建成功:', response)
+ // console.log('📤 提交查询事件:', queryEvent)
+ // const response = await eventApi.create(queryEvent)
+ // console.log('✅ 查询事件创建成功:', response)
- } catch (error) {
- console.error('❌ 查询事件创建失败:', error)
- }
+ // } catch (error) {
+ // console.error('❌ 查询事件创建失败:', error)
+ // }
},
// 获取事件状态
diff --git a/src/pages/visual/index.vue b/src/pages/visual/index.vue
index f3ed819..a677763 100644
--- a/src/pages/visual/index.vue
+++ b/src/pages/visual/index.vue
@@ -98,6 +98,14 @@ export default {
// 可以在这里添加重新连接摄像头等逻辑
this.getVideoData()
},
+ onUnload() {
+ console.log('📱 视觉监控页面卸载，停止播放器')
+ this.stopVideoPlayer()
+ },
+ onHide() {
+ console.log('📱 视觉监控页面隐藏，停止播放器')
+ this.stopVideoPlayer()
+ },
methods: {
// 切换调试模式
toggleDebug() {
@@ -222,6 +230,26 @@ export default {
duration: 3000
})
}
+ },
+
+ // 停止视频播放器
+ stopVideoPlayer() {
+ try {
+ // 检查播放器组件是否存在
+ if (this.$refs.playerVideoRef) {
+ // 调用播放器组件的停止方法
+ this.$refs.playerVideoRef.stopPlayer()
+ } else {
+ console.log('⚠️ 播放器组件不存在，无需停止')
+ }
+
+ // 重置页面状态
+ this.ezstate = false
+ this.videoLoaded = false
+ this.isPlaying = false
+ } catch (error) {
+ console.error('❌ 停止视频播放器失败:', error)
+ }
}
}
}
diff --git a/src/static/html/ezviz-iframe.html b/src/static/html/ezviz-iframe.html
index ebb4851..5a43f23 100644
--- a/src/static/html/ezviz-iframe.html
+++ b/src/static/html/ezviz-iframe.html
@@ -27,6 +27,69 @@
object-fit: contain; /* 保持视频比例，不变形 */
}
+ /* 简化的控制按钮样式 */
+ .control-buttons {
+ position: fixed;
+ bottom: 30px;
+ left: 50%;
+ transform: translateX(-50%);
+ display: flex;
+ gap: 16px;
+ z-index: 999;
+ pointer-events: auto;
+ }
+
+ .control-btn {
+ background: rgba(0, 0, 0, 0.7);
+ border: 1px solid rgba(255, 255, 255, 0.3);
+ border-radius: 25px;
+ padding: 12px 20px;
+ min-width: 100px;
+ min-height: 44px;
+ display: flex;
+ align-items: center;
+ justify-content: center;
+ cursor: pointer;
+ user-select: none;
+ color: white;
+ font-size: 14px;
+ font-weight: 500;
+ text-align: center;
+ }
+
+ .control-btn:active {
+ background: rgba(0, 0, 0, 0.8);
+ }
+
+ .play-btn {
+ background: rgba(76, 175, 80, 0.8);
+ border-color: rgba(76, 175, 80, 0.9);
+ }
+
+ .play-btn:active {
+ background: rgba(76, 175, 80, 0.9);
+ }
+
+ .refresh-btn {
+ background: rgba(33, 150, 243, 0.8);
+ border-color: rgba(33, 150, 243, 0.9);
+ }
+
+ .refresh-btn:active {
+ background: rgba(33, 150, 243, 0.9);
+ }
+
+ /* 按钮图标样式 */
+ .btn-icon {
+ margin-right: 6px;
+ font-size: 16px;
+ display: inline-block;
+ }
+
+ .btn-text {
+ font-weight: 500;
+ }
+
.loading {
position: absolute;
top: 50%;
@@ -56,11 +119,56 @@
@keyframes spin {
to { transform: rotate(360deg); }
}
+
+ /* 简化的暂停占位符样式 */
+ .pause-placeholder {
+ position: absolute;
+ top: 0;
+ left: 0;
+ width: 100%;
+ height: 50%;
+ background: #000000;
+ display: none;
+ flex-direction: column;
+ align-items: center;
+ justify-content: center;
+ z-index: 5;
+ }
+
+ .pause-content {
+ text-align: center;
+ color: white;
+ }
+
+ .pause-title {
+ font-size: 18px;
+ font-weight: 400;
+ color: white;
+ }
正在加载播放器...
+
+
+
+
+
+