Compare commits
7 Commits
c3f33758eb
...
main
| Author | SHA1 | Date | |
|---|---|---|---|
| 9b6a5e095c | |||
| 3fecf3380a | |||
| 943d98dd40 | |||
| 7d657d4429 | |||
| 1fc02b5f5a | |||
| 7735abc2a1 | |||
| c626f3766e |
@ -81,3 +81,11 @@ export function deviceUpdateVolume(data) {
|
||||
data:data
|
||||
})
|
||||
}
|
||||
// 语音播放
|
||||
export function deviceVoiceBroadcast(data) {
|
||||
return request({
|
||||
url: `/app/hby100j/device/voiceBroadcast`,
|
||||
method: 'post',
|
||||
data:data
|
||||
})
|
||||
}
|
||||
@ -5,8 +5,8 @@ const config = {
|
||||
BASE_URL: 'http://192.168.2.34:8000',//http://139.224.253.23:8000
|
||||
API_PREFIX: '',
|
||||
// MQTT 配置
|
||||
MQTT_HOST: 'www.cnxhyc.com',
|
||||
MQTT_PORT: 8083,
|
||||
MQTT_HOST: '47.120.79.150',
|
||||
MQTT_PORT: 9083,
|
||||
MQTT_USERNAME: 'admin',
|
||||
MQTT_PASSWORD: '#YtvpSfCNG'
|
||||
},
|
||||
|
||||
@ -2,7 +2,7 @@
|
||||
"name" : "星汉物联",
|
||||
"appid" : "__UNI__A21EF43",
|
||||
"description" : "设备管控",
|
||||
"versionName" : "1.0.16",
|
||||
"versionName" : "1.0.15",
|
||||
"versionCode" : "100",
|
||||
"transformPx" : false,
|
||||
/* 5+App特有相关 */
|
||||
|
||||
@ -22,7 +22,7 @@
|
||||
<view class="row">
|
||||
<image class="img" src="/static/images/6155/DeviceDetail/time.png" mode="aspectFit"></image>
|
||||
<view class="txt">
|
||||
<view class="bigTxt">{{ deviceInfo.batteryRemainingTime || '0' }}分钟
|
||||
<view class="bigTxt"> {{ Math.floor((Number(deviceInfo.batteryRemainingTime)||0)/60) }}小时 {{ (Number(deviceInfo.batteryRemainingTime)||0)%60 }}分钟
|
||||
</view>
|
||||
<view class="smallTxt">续航时间</view>
|
||||
</view>
|
||||
@ -40,19 +40,19 @@
|
||||
</view>
|
||||
<view class="item">
|
||||
<text class="lbl">设备状态</text>
|
||||
<text class="value status-running">{{ deviceInfo.onlineStatus === 0 ? '离线' : deviceInfo.onlineStatus
|
||||
<text class="value">{{ deviceInfo.onlineStatus === 0 ? '离线' : deviceInfo.onlineStatus
|
||||
=== 2 ? '故障' : '在线' }}</text>
|
||||
</view>
|
||||
<view class="item">
|
||||
<text class="lbl">定位信息</text>
|
||||
<view class="info-value status-running">
|
||||
<view class="info-row">
|
||||
<text class="info-label" style="display: flex; align-items: center;">定位信息</text>
|
||||
<view class="info-value status-running" @click="gpsPosition(deviceInfo)">
|
||||
<view class="info-value status-running">
|
||||
{{ deviceInfo && deviceInfo.longitude ? Number(deviceInfo.longitude).toFixed(4) : '' }}
|
||||
{{ deviceInfo && deviceInfo.latitude ? Number(deviceInfo.latitude).toFixed(4) : '' }}
|
||||
</view>
|
||||
<view class="info-value status-running locationGPS">
|
||||
<uni-icons @click="toggleForm" type="location" size="17" color="rgba(255, 255, 255, 0.8)"
|
||||
style="vertical-align: bottom;" />
|
||||
<uni-icons type="location" size="17"
|
||||
color="rgba(255, 255, 255, 0.8)" style="vertical-align: bottom;" />
|
||||
{{ deviceInfo.address }}
|
||||
</view>
|
||||
</view>
|
||||
@ -62,7 +62,7 @@
|
||||
<view class="sosContent">
|
||||
<view class="btnSos openSos center" :class="{ active: formData.sta_SOSType === 1 }"
|
||||
@click="sosSetting(1)">
|
||||
{{ deviceInfo.chargeState === 1 ? '报警中' : '强制报警' }}
|
||||
{{ deviceInfo.voiceStrobeAlarm === 1 ? '报警中' : '强制报警' }}
|
||||
</view>
|
||||
<view class="btnSos closeSos center" @click="sosSetting(0)">解除</view>
|
||||
</view>
|
||||
@ -80,7 +80,7 @@
|
||||
<view class="arrow" @click.stop="openVolume(item, index)" v-if="item.show"
|
||||
v-for="item, index in dic.sta_VoiceType" :class="{
|
||||
'active': formData.sta_VoiceType === item.key,
|
||||
'displayNone': !Status.usrToggle && index > 3
|
||||
'displayNone': !Status.usrToggle && index > 2
|
||||
}">
|
||||
<view class="outCircle">
|
||||
<view class="item">
|
||||
@ -97,12 +97,12 @@
|
||||
</view>
|
||||
</view>
|
||||
<view class="lampMode">
|
||||
<view class="mode fleft " v-on:click.stop="openVolume(null, '9')"
|
||||
:class="{ 'active': formData.sta_VoiceType === '9' }">
|
||||
<view class="mode fleft " v-on:click.stop="openVolume(null, '7')"
|
||||
:class="{ 'active': formData.sta_VoiceType === '7' }">
|
||||
<view class="leftImg">
|
||||
<image class="img" :class="{ 'displayNone': formData.sta_VoiceType === '9' }"
|
||||
<image class="img" :class="{ 'displayNone': formData.sta_VoiceType === '7' }"
|
||||
src="/static/images/common/play.png" mode="aspectFit"></image>
|
||||
<image class="img" :class="{ 'displayNone': formData.sta_VoiceType !== '9' }"
|
||||
<image class="img" :class="{ 'displayNone': formData.sta_VoiceType !== '7' }"
|
||||
src="/static/images/common/pauseActive.png" mode="aspectFit"></image>
|
||||
</view>
|
||||
<view class="rightTxt">
|
||||
@ -148,32 +148,32 @@
|
||||
</view>
|
||||
<view class="header paddingTop0">
|
||||
<text class="sliderTxt">亮度</text>
|
||||
<text class="sliderVal">{{ formData.sta_LightDimmer }}%</text>
|
||||
<text class="sliderVal">{{ formData.lightBrightness }}%</text>
|
||||
</view>
|
||||
<view class="slider-container">
|
||||
<slider min="10" max="100" step="10" :disabled="false" :value="formData.sta_LightDimmer"
|
||||
<slider min="10" max="100" step="10" :disabled="false" :value="formData.lightBrightness"
|
||||
activeColor="#bbe600" backgroundColor="#686767" block-size="20" block-color="#ffffffde"
|
||||
@change="onBrightnessChanging" @changing="onBrightnessChanging" class="custom-slider" />
|
||||
</view>
|
||||
<view class="line"></view>
|
||||
<view class="header paddingTop0">
|
||||
<text class="sliderTxt">频率</text>
|
||||
<text class="sliderVal">{{ formData.sta_LightFreq }}HZ</text>
|
||||
<text class="sliderVal">{{ formData.strobeFrequency }}HZ</text>
|
||||
</view>
|
||||
<view class="slider-container">
|
||||
<slider min="0.5" max="10" step="0.5" :disabled="false" :value="formData.sta_LightFreq"
|
||||
<slider min="0.5" max="10" step="0.5" :disabled="false" :value="formData.strobeFrequency"
|
||||
activeColor="#bbe600" backgroundColor="#686767" block-size="20" block-color="#ffffffde"
|
||||
@change="onFreqChanging" @changing="onFreqChanging" class="custom-slider" />
|
||||
</view>
|
||||
<view class="line"></view>
|
||||
<view class="header paddingTop0">
|
||||
<text class="sliderTxt">音量</text>
|
||||
<text class="sliderVal">{{ formData.sta_VoiceVolume }}</text>
|
||||
<text class="sliderVal">{{ formData.volume }}</text>
|
||||
</view>
|
||||
<view class="slider-container">
|
||||
<slider min="1" max="8" step="1" :disabled="false" :value="formData.sta_VoiceVolume"
|
||||
activeColor="#bbe600" backgroundColor="#686767" block-size="20" block-color="#ffffffde"
|
||||
@change="onVolumeChanging" @changing="onVolumeChanging" class="custom-slider" />
|
||||
<slider min="10" max="100" step="1" :disabled="false" :value="formData.volume" activeColor="#bbe600"
|
||||
backgroundColor="#686767" block-size="20" block-color="#ffffffde" @change="onVolumeChanging"
|
||||
@changing="onVolumeChanging" class="custom-slider" />
|
||||
</view>
|
||||
<view class="proinfo lamp">
|
||||
<text class="title">产品信息</text>
|
||||
@ -211,6 +211,7 @@
|
||||
|
||||
<script>
|
||||
import gbk from '@/utils/gbk.js'
|
||||
import MqttClient from '@/utils/mqtt.js';
|
||||
import {
|
||||
showLoading,
|
||||
hideLoading,
|
||||
@ -225,7 +226,8 @@ import {
|
||||
deviceForceAlarmActivation,
|
||||
deviceStrobeFrequency,
|
||||
deviceLightAdjustment,
|
||||
deviceUpdateVolume
|
||||
deviceUpdateVolume,
|
||||
deviceVoiceBroadcast
|
||||
} from '@/api/100J/HBY100-J.js'
|
||||
var these = null;
|
||||
import Common from '@/utils/Common.js'
|
||||
@ -233,6 +235,7 @@ const pagePath = "/pages/100/HBY100";
|
||||
export default {
|
||||
data() {
|
||||
return {
|
||||
mqttClient: null,
|
||||
Status: {
|
||||
isRightIconVisible: false,
|
||||
navTitle: '',
|
||||
@ -303,10 +306,10 @@ export default {
|
||||
bleStatu: false,
|
||||
sta_address: '',
|
||||
sta_VoiceType: '0',
|
||||
sta_VoiceVolume: 1,
|
||||
volume: 10,
|
||||
sta_LightType: '',
|
||||
sta_LightFreq: 0.5,
|
||||
sta_LightDimmer: 10,
|
||||
strobeFrequency: 0.5,
|
||||
lightBrightness: 10,
|
||||
sta_system: '',
|
||||
warnTime: 0,
|
||||
sta_SOSType: 0
|
||||
@ -348,8 +351,8 @@ export default {
|
||||
name: '铁道',
|
||||
show: true
|
||||
},
|
||||
"9": {
|
||||
key: "9",
|
||||
"7": {
|
||||
key: "7",
|
||||
name: 'app语音',
|
||||
show: false
|
||||
},
|
||||
@ -362,7 +365,7 @@ export default {
|
||||
|
||||
sta_LightType: [{
|
||||
key: "6",
|
||||
name: '红蓝',
|
||||
name: '红蓝交替',
|
||||
show: true
|
||||
},
|
||||
{
|
||||
@ -382,17 +385,17 @@ export default {
|
||||
},
|
||||
{
|
||||
key: "3",
|
||||
name: '红流水',
|
||||
name: '红色顺时针',
|
||||
show: true
|
||||
},
|
||||
{
|
||||
key: "4",
|
||||
name: '黄流水',
|
||||
name: '黄色顺时针',
|
||||
show: true
|
||||
},
|
||||
{
|
||||
key: "5",
|
||||
name: '蓝流水',
|
||||
name: '红蓝顺时针',
|
||||
show: true
|
||||
},
|
||||
{
|
||||
@ -449,6 +452,7 @@ export default {
|
||||
these.Status.navTitle = data.data.deviceName;
|
||||
these.Status.apiType = data.apiType;
|
||||
these.Status.isRightIconVisible = these.Status.apiType === 'listA';
|
||||
|
||||
if (data.apiType !== 'listA') {
|
||||
Common.getdeviceShareId(data.data.id).then(res => {
|
||||
if (res.code == 200) {
|
||||
@ -459,6 +463,20 @@ export default {
|
||||
});
|
||||
|
||||
}
|
||||
this.mqttClient = new MqttClient();
|
||||
// this.mqttClient.connect(() => {
|
||||
// // 订阅来自设备的状态更新
|
||||
// const statusTopic = `status/894078/HBY100/${data.data.deviceImei}`;
|
||||
// this.mqttClient.subscribe(statusTopic, (payload) => {
|
||||
// try {
|
||||
// // 解析MQTT返回的payload
|
||||
// const payloadObj = typeof payload === 'string' ? JSON.parse(
|
||||
// payload) : payload;
|
||||
// } catch (e) {
|
||||
|
||||
// }
|
||||
// })
|
||||
// })
|
||||
console.log(data, 'datatatatat');
|
||||
these.fetchDeviceDetail(data.data.id)
|
||||
});
|
||||
@ -486,7 +504,24 @@ export default {
|
||||
fetchDeviceDetail(id) {
|
||||
deviceDetail(id).then((res) => {
|
||||
if (res.code == 200) {
|
||||
this.deviceInfo = res.data
|
||||
const validData = Object.fromEntries(
|
||||
Object.entries(res.data).filter(([key, value]) => {
|
||||
// 过滤规则:值为 null/undefined/0 的字段都不参与合并
|
||||
return value !== null && value !== undefined && value !== 0;
|
||||
})
|
||||
);
|
||||
Object.assign(this.formData, validData);
|
||||
this.deviceInfo = res.data;
|
||||
// 0 红色爆闪,1 蓝色爆闪,2 黄色爆闪,3,红色顺时针旋转爆闪,4黄色顺时针旋转爆闪,5,红蓝顺时针旋转爆闪,6 红蓝交替爆闪
|
||||
this.formData.sta_LightType = (res.data.strobeMode ?? 0) + ''
|
||||
// 0爆闪关闭, 1爆闪开启
|
||||
const strobeEnable = res.data.strobeEnable ?? 0;
|
||||
this.formData.sta_LightType = strobeEnable === 1 ? 1 : -1;
|
||||
if (res.data.alarmMode == 7) {
|
||||
this.formData.sta_VoiceType = res.data.voiceStrobeAlarm ?? 0;
|
||||
} else {
|
||||
this.formData.sta_VoiceType = res.data.alarmMode + ''
|
||||
}
|
||||
}
|
||||
})
|
||||
},
|
||||
@ -507,9 +542,9 @@ export default {
|
||||
},
|
||||
success: (res) => {
|
||||
let json = {
|
||||
persissonType: '670'
|
||||
persissonType: '100J'
|
||||
};
|
||||
|
||||
Object.assign(json, this.deviceInfo);
|
||||
res.eventChannel.emit('share', {
|
||||
data: json
|
||||
});
|
||||
@ -518,6 +553,7 @@ export default {
|
||||
},
|
||||
// 语音管理
|
||||
audioManager(item) {
|
||||
this.formData.sta_VoiceType = -1
|
||||
if (this.Status.apiType !== 'listA') {}
|
||||
uni.navigateTo({
|
||||
url: '/pages/100J/audioManager/AudioList',
|
||||
@ -532,18 +568,18 @@ export default {
|
||||
},
|
||||
//频率
|
||||
onFreqChanging(e) {
|
||||
this.formData.sta_LightFreq = e.detail.value;
|
||||
this.formData.strobeFrequency = e.detail.value;
|
||||
this.throttledFreqChange(e.detail.value);
|
||||
},
|
||||
//音量
|
||||
onVolumeChanging(e) {
|
||||
this.formData.sta_VoiceVolume = e.detail.value;
|
||||
this.formData.volume = e.detail.value;
|
||||
this.throttledVolumeChange(e.detail.value);
|
||||
},
|
||||
|
||||
// 亮度调节
|
||||
onBrightnessChanging(e) {
|
||||
this.formData.sta_LightDimmer = e.detail.value;
|
||||
this.formData.lightBrightness = e.detail.value;
|
||||
this.throttledBrightnessChange(e.detail.value);
|
||||
},
|
||||
// 亮度调节
|
||||
@ -593,8 +629,7 @@ export default {
|
||||
duration: 1000
|
||||
});
|
||||
}
|
||||
}).catch((err) => {
|
||||
});
|
||||
}).catch((err) => {});
|
||||
},
|
||||
// 音量调节处理函数
|
||||
handleVolumeChange(volumeValue) {
|
||||
@ -616,8 +651,7 @@ export default {
|
||||
duration: 1000
|
||||
});
|
||||
}
|
||||
}).catch((err) => {
|
||||
});
|
||||
}).catch((err) => {});
|
||||
},
|
||||
// 节流函数
|
||||
throttle(func, delay = 500) {
|
||||
@ -627,7 +661,6 @@ export default {
|
||||
return function(...args) {
|
||||
lastArgs = args;
|
||||
lastThis = this;
|
||||
|
||||
if (!timer) {
|
||||
timer = setTimeout(() => {
|
||||
timer = null;
|
||||
@ -637,6 +670,21 @@ export default {
|
||||
};
|
||||
|
||||
},
|
||||
// *******定位******
|
||||
gpsPosition(item) {
|
||||
// 添加调试日志
|
||||
uni.navigateTo({
|
||||
url: '/pages/common/map/index',
|
||||
events: {
|
||||
ack: function(data) {}
|
||||
},
|
||||
success: (res) => {
|
||||
res.eventChannel.emit('Map', {
|
||||
data: item
|
||||
});
|
||||
}
|
||||
})
|
||||
},
|
||||
// 警示灯开关闭
|
||||
lightTypeSet(item, index) {
|
||||
let val = item.key;
|
||||
@ -683,12 +731,34 @@ export default {
|
||||
val = '-1';
|
||||
}
|
||||
this.formData.sta_VoiceType = val;
|
||||
console.log(this.formData.sta_VoiceType, 'this.formData.sta_VoiceType')
|
||||
// 模式类型为7时才去判断
|
||||
if (val === '7' || val === '-1') {
|
||||
let data = {
|
||||
deviceId: this.deviceInfo.deviceId,
|
||||
voiceBroadcast: Number(this.formData.sta_VoiceType) === -1 ? 0 : 1
|
||||
}
|
||||
deviceVoiceBroadcast(data).then((res) => {
|
||||
if (res.code == 200) {
|
||||
uni.showToast({
|
||||
title: res.msg,
|
||||
icon: 'none'
|
||||
});
|
||||
} else {
|
||||
uni.showToast({
|
||||
title: res.msg,
|
||||
icon: 'none'
|
||||
});
|
||||
}
|
||||
})
|
||||
}
|
||||
|
||||
},
|
||||
// 报警模式
|
||||
sosSetting(item) {
|
||||
console.log(this.deviceInfo, '44444');
|
||||
console.log(item, 'tent');
|
||||
const isClose = item.key === "-1";
|
||||
const isClose = item === 0;
|
||||
if (!this.Status) this.Status = {};
|
||||
if (!this.Status.Pop) this.Status.Pop = {
|
||||
showPop: false
|
||||
@ -706,6 +776,7 @@ export default {
|
||||
buttonCancelText: '取消',
|
||||
okCallback: () => {
|
||||
console.log(this.formData.sta_SOSType, 'this.formData.sta_SOSType');
|
||||
this.formData.sta_SOSType = isClose ? 0 : 1;
|
||||
const data = {
|
||||
deviceIds: [this.deviceInfo.deviceId],
|
||||
// 声光报警开关:关闭传0,开启传1
|
||||
@ -739,7 +810,6 @@ export default {
|
||||
bleStateBreak() {},
|
||||
bleStateRecovry() {},
|
||||
previewImg(img) {},
|
||||
|
||||
bleValueNotify: function(receive, device, path, recArr) { //订阅消息
|
||||
if (receive.deviceId !== this.formData.deviceId) {
|
||||
return;
|
||||
@ -934,14 +1004,14 @@ export default {
|
||||
border-radius: 16rpx;
|
||||
background: rgba(26, 26, 26, 1);
|
||||
box-sizing: border-box;
|
||||
padding: 14rpx 0rpx;
|
||||
padding: 15rpx 30rpx;
|
||||
}
|
||||
|
||||
.eqinfo .item {
|
||||
width: 100%;
|
||||
height: 60rpx;
|
||||
line-height: 60rpx;
|
||||
padding: 0rpx 28rpx;
|
||||
/* padding: 0rpx 28rpx; */
|
||||
box-sizing: border-box;
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
@ -969,10 +1039,15 @@ export default {
|
||||
letter-spacing: 0.07px;
|
||||
text-align: left;
|
||||
}
|
||||
.eqinfo .status-running{
|
||||
color: rgba(174, 214, 0, 1);
|
||||
|
||||
.eqinfo .info-value {
|
||||
/* margin-top: 30rpx; */
|
||||
}
|
||||
|
||||
/* .eqinfo .status-running {
|
||||
color: rgba(174, 214, 0, 1);
|
||||
} */
|
||||
|
||||
.lamp {
|
||||
margin-top: 24rpx;
|
||||
}
|
||||
@ -1674,4 +1749,32 @@ export default {
|
||||
width: 100%;
|
||||
font-size: 32rpx;
|
||||
}
|
||||
.info-row {
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
}
|
||||
|
||||
.info-label {
|
||||
font-size: 28rpx;
|
||||
color: rgba(255, 255, 255, 0.87);
|
||||
white-space: nowrap;
|
||||
}
|
||||
|
||||
.info-value {
|
||||
font-size: 28rpx;
|
||||
color: rgba(255, 255, 255, 0.6);
|
||||
}
|
||||
|
||||
.status-running {
|
||||
/* color: rgba(255, 255, 255, 0.6); */
|
||||
text-align: end;
|
||||
}
|
||||
|
||||
.locationGPS {
|
||||
width: 88%;
|
||||
text-align: end;
|
||||
float: right;
|
||||
line-height: 45rpx;
|
||||
font-size: 28rpx;
|
||||
}
|
||||
</style>
|
||||
@ -1,10 +1,11 @@
|
||||
<template>
|
||||
<view class="maincontent contentBg">
|
||||
<mescroll-uni class="device-list" @init=" " @down="downCallback" @up="upCallback" :up="upOption"
|
||||
<mescroll-uni class="device-list" @init="mescrollInit" @down="downCallback" @up="upCallback" :up="upOption"
|
||||
:down="downOption" :fixed="false" :style="{ height: mescrollHeight + 'px' }">
|
||||
<uni-swipe-action ref="swipeAction">
|
||||
<view v-for="(item, index) in dataListA" class="li" :key="index" :ref="'swipeItem_' + index">
|
||||
<view class="itemIcon center" :class="{'displayNone':!Status.isEdit,'check':isCheck(item,index)}"
|
||||
<view class="itemIcon center"
|
||||
:class="{ 'displayNone': !Status.isEdit, 'check': isCheck(item, index) }"
|
||||
v-on:click.stop="checkToggle(item, index)">
|
||||
<image class="img" :class="{ 'displayNone': !isCheck(item, index) }"
|
||||
src="/static/images/common/gou.png" mode="aspectFit"></image>
|
||||
@ -18,7 +19,8 @@
|
||||
<view class="title">{{ item.fileNameExt }}</view>
|
||||
<view class="smallTitle">
|
||||
<!-- 展示前端生成的时间 -->
|
||||
<text>{{item.createTime || Common.DateFormat(new Date(), "yyyy年MM月dd日")}}</text>
|
||||
<text>{{ item.createTime || Common.DateFormat(new Date(),
|
||||
"yyyy年MM月dd日") }}</text>
|
||||
<text v-show="item.duration">{{ item.duration }}秒</text>
|
||||
<image :class="{ 'displayNone': !item.fileUrl }" class="img"
|
||||
src="/static/images/100/volume.png" mode="aspectFit"
|
||||
@ -80,6 +82,12 @@
|
||||
<audio :src="cPlay.src" :id="cPlay.Id" :name="cPlay.name" author="">
|
||||
</view> -->
|
||||
<global-loading ref="loading"></global-loading>
|
||||
<!-- 圆形进度条 + 全屏遮罩层(升级中显示) -->
|
||||
<view v-if="isUpdating" class="mask-layer">
|
||||
<view class="circle-progress-box">
|
||||
<progress :percent="updateProgress" activeColor="#bbe600" backgroundColor="#686767" :border-radius='22' show-info stroke-width="15" class="custom-progress" />
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
</template>
|
||||
|
||||
@ -91,6 +99,7 @@
|
||||
var timeout = null;
|
||||
import MescrollUni from '@/uni_modules/mescroll-uni/components/mescroll-uni/mescroll-uni.vue'
|
||||
import BleTool from '@/utils/BleHelper.js'
|
||||
import MqttClient from '@/utils/mqtt.js';
|
||||
import {
|
||||
deviceVoliceList,
|
||||
videRenameAudioFile,
|
||||
@ -114,6 +123,7 @@
|
||||
isEdit: false,
|
||||
playState: '',
|
||||
playPath: '',
|
||||
mqttClient: null,
|
||||
Pop: {
|
||||
showPop: false, //是否显示弹窗
|
||||
popType: 'custom',
|
||||
@ -193,7 +203,10 @@
|
||||
createTime: "", //创建时间
|
||||
fileUrl: "", //本地地址
|
||||
fileUrl: "", //网络地址
|
||||
}
|
||||
},
|
||||
updateProgress: 0, // 升级进度,0-100
|
||||
isUpdating: false, // 是否正在升级(控制进度条显示/隐藏)
|
||||
mqttSubscribeSuccess: false // MQTT订阅是否成功
|
||||
}
|
||||
},
|
||||
onLoad() {
|
||||
@ -212,7 +225,10 @@
|
||||
console.log("页面返回")
|
||||
},
|
||||
onUnload() {
|
||||
console.log("页面卸载了");
|
||||
// 页面卸载时断开MQTT连接
|
||||
if (this.mqttClient) {
|
||||
this.mqttClient.disconnect();
|
||||
}
|
||||
},
|
||||
methods: {
|
||||
//语音管理列表
|
||||
@ -452,57 +468,72 @@
|
||||
}
|
||||
},
|
||||
Apply(item, index) {
|
||||
console.log(item, 'itemmm');
|
||||
this.mqttClient = new MqttClient();
|
||||
this.updateProgress = 0;
|
||||
this.isUpdating = true;
|
||||
let data = {
|
||||
id: item.id
|
||||
}
|
||||
deviceUpdateVoice(data).then((RES) => {
|
||||
if (RES.code == 200) {
|
||||
this.updateProgress = 0;
|
||||
this.isUpdating = true;
|
||||
this.mqttClient.connect(() => {
|
||||
// 订阅来自设备的状态更新
|
||||
const statusTopic = `status/894078/HBY100/${this.device.deviceImei}`;
|
||||
this.mqttClient.subscribe(statusTopic, (payload) => {
|
||||
console.log(payload, 'payloadpayloadpayload');
|
||||
try {
|
||||
// 解析MQTT返回的payload
|
||||
const payloadObj = typeof payload === 'string' ? JSON.parse(
|
||||
payload) : payload;
|
||||
// 取出进度值(用可选链避免字段不存在报错)
|
||||
const progress = payloadObj.data?.progress;
|
||||
if (progress !== undefined && !isNaN(progress) && progress >=
|
||||
0 && progress <= 100) {
|
||||
this.updateProgress = progress;
|
||||
console.log('当前升级进度:', progress + '%');
|
||||
// 进度到100%时,触发升级完成逻辑
|
||||
if (progress === 100) {
|
||||
clearTimeout(this.upgradeTimer);
|
||||
uni.showToast({
|
||||
title: '升级完成!',
|
||||
icon: 'success',
|
||||
duration: 2000
|
||||
});
|
||||
this.isUpdating = false;
|
||||
setTimeout(() => {
|
||||
uni.navigateBack();
|
||||
}, 1500);
|
||||
}
|
||||
}
|
||||
} catch (e) {
|
||||
clearTimeout(this.upgradeTimer);
|
||||
console.error('解析MQTT payload失败:', e);
|
||||
}
|
||||
})
|
||||
})
|
||||
} else {
|
||||
uni.showToast({
|
||||
title: RES.msg,
|
||||
icon: 'none',
|
||||
duration: 1000
|
||||
});
|
||||
console.log("状态修改完成");
|
||||
// eventChannel.emit('audioApply', item.Id);
|
||||
console.log("返回上一页");
|
||||
setTimeout(()=>{
|
||||
uni.navigateBack();
|
||||
},1000)
|
||||
|
||||
}
|
||||
|
||||
})
|
||||
|
||||
let task = () => {
|
||||
//let fileList = uni.getStorageSync(Common.audioStorageKey);
|
||||
// for (let i = 0; i < these.dataListA.length; i++) {
|
||||
// let ele = these.dataListA[i];
|
||||
// if (i === index) {
|
||||
// these.$set(these.dataListA[index], "isApply", true);
|
||||
// fileList.find(v => {
|
||||
// if (!v.devices) {
|
||||
// v.devices = [];
|
||||
// }
|
||||
// if (v.Id == ele.Id) {
|
||||
// v.devices.push(these.device.id);
|
||||
// return true;
|
||||
// } else {
|
||||
// for (let j = 0; j < v.devices.length; j++) {
|
||||
// if (v.devices[j] === these.device.id) {
|
||||
// v.devices.splice(j, 1);
|
||||
// break
|
||||
// };
|
||||
// }
|
||||
// }
|
||||
// return false;
|
||||
// });
|
||||
// } else {
|
||||
// these.$set(these.dataListA[i], "isApply", false);
|
||||
// }
|
||||
// }
|
||||
|
||||
}
|
||||
this.upgradeTimer = setTimeout(() => {
|
||||
// 超时后执行:隐藏进度条+提示超时+重置进度
|
||||
uni.showToast({
|
||||
title: '升级进度同步超时',
|
||||
icon: 'none',
|
||||
duration: 2000
|
||||
});
|
||||
this.isUpdating = false; // 关闭进度条
|
||||
this.updateProgress = 0; // 重置进度值
|
||||
// 可选:如果需要取消MQTT订阅,加这行(根据需求选择)
|
||||
// this.mqttClient.unsubscribe(statusTopic);
|
||||
}, 6000); // 6000ms = 6秒,时间可直接修改
|
||||
},
|
||||
closePop: function() {
|
||||
this.Status.Pop.showPop = false;
|
||||
@ -608,7 +639,18 @@
|
||||
}
|
||||
</script>
|
||||
|
||||
<style>
|
||||
<style lang="less">
|
||||
.custom-progress{
|
||||
border-radius: 10rpx;
|
||||
}
|
||||
.custom-progress .uni-progress-bar{
|
||||
border-radius: 10rpx !important;
|
||||
}
|
||||
.custom-progress .uni-progress-info{
|
||||
color: #BBE600;
|
||||
font-size: 40rpx;
|
||||
font-weight: 600;
|
||||
}
|
||||
.popup-prompt {
|
||||
width: 100%;
|
||||
margin-top: 40rpx;
|
||||
@ -645,8 +687,6 @@
|
||||
|
||||
}
|
||||
|
||||
.li .itemMain {}
|
||||
|
||||
.li .item {
|
||||
width: 100%;
|
||||
height: 200rpx;
|
||||
@ -849,4 +889,28 @@
|
||||
height: 100%;
|
||||
justify-content: flex-end;
|
||||
}
|
||||
|
||||
/* 全屏遮罩层:半透明黑色,覆盖整个页面,禁止底层滚动/点击 */
|
||||
.mask-layer {
|
||||
position: fixed;
|
||||
top: 0;
|
||||
left: 0;
|
||||
right: 0;
|
||||
bottom: 0;
|
||||
background-color: rgba(0, 0, 0, 0.7);
|
||||
/* 半透明黑,可调整透明度 */
|
||||
z-index: 9999;
|
||||
/* 遮罩层层级拉满,确保在最上层 */
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
/* 让内部圆形进度条垂直+水平居中 */
|
||||
}
|
||||
|
||||
/* 圆形进度条容器 */
|
||||
.circle-progress-box {
|
||||
position: relative;
|
||||
width: 70%;
|
||||
height: 100rpx;
|
||||
}
|
||||
</style>
|
||||
@ -656,7 +656,7 @@
|
||||
proParam: function() {
|
||||
|
||||
uni.navigateTo({
|
||||
url: '/pages/common/productDes/index?id=' + this.device.id,
|
||||
url: '/pages/common/productDes/index?id=' + this.formData.id,
|
||||
success(ev) {
|
||||
|
||||
}
|
||||
@ -664,7 +664,7 @@
|
||||
},
|
||||
handRemark: function() {
|
||||
uni.navigateTo({
|
||||
url: '/pages/common/operatingInstruct/index?id=' + this.device.id,
|
||||
url: '/pages/common/operatingInstruct/index?id=' + this.formData.id,
|
||||
success(ev) {
|
||||
|
||||
}
|
||||
@ -672,7 +672,7 @@
|
||||
},
|
||||
handVideo: function() {
|
||||
uni.navigateTo({
|
||||
url: '/pages/common/operationVideo/index?id=' + this.device.id,
|
||||
url: '/pages/common/operationVideo/index?id=' + this.formData.id,
|
||||
success(ev) {
|
||||
|
||||
}
|
||||
|
||||
@ -649,7 +649,7 @@
|
||||
proParam: function() {
|
||||
|
||||
uni.navigateTo({
|
||||
url: '/pages/common/productDes/index?id=' + this.device.id,
|
||||
url: '/pages/common/productDes/index?id=' + this.formData.id,
|
||||
success(ev) {
|
||||
|
||||
}
|
||||
@ -657,7 +657,7 @@
|
||||
},
|
||||
handRemark: function() {
|
||||
uni.navigateTo({
|
||||
url: '/pages/common/operatingInstruct/index?id=' + this.device.id,
|
||||
url: '/pages/common/operatingInstruct/index?id=' + this.formData.id,
|
||||
success(ev) {
|
||||
|
||||
}
|
||||
@ -665,7 +665,7 @@
|
||||
},
|
||||
handVideo: function() {
|
||||
uni.navigateTo({
|
||||
url: '/pages/common/operationVideo/index?id=' + this.device.id,
|
||||
url: '/pages/common/operationVideo/index?id=' + this.formData.id,
|
||||
success(ev) {
|
||||
|
||||
}
|
||||
|
||||
@ -55,12 +55,19 @@
|
||||
import {
|
||||
deviceInfo,
|
||||
} from '@/api/common/index.js'
|
||||
// 1. 导入所有需要的报警接口
|
||||
import {
|
||||
deviceSendAlarmMessage
|
||||
deviceSendAlarmMessage, //6170对应类型接口
|
||||
deviceDefaultAlarm
|
||||
} from '@/api/6170/callPolice.js'
|
||||
import {
|
||||
deviceForceAlarmActivation
|
||||
} from '@/api/100J/HBY100-J.js'
|
||||
// BJQ100J 对应的接口
|
||||
import {
|
||||
deviceRealTimeStatus //设备状态
|
||||
} from '@/api/6170/deviceControl.js'
|
||||
|
||||
export default {
|
||||
components: {
|
||||
CustomPopup
|
||||
@ -74,12 +81,34 @@
|
||||
popupConfirmText: '确认',
|
||||
popupType: 'force', // 'force' or 'cancel'
|
||||
pendingAlarmAction: '',
|
||||
sendInfo: ''
|
||||
sendInfo: '',
|
||||
// 2. 核心:typeName 与接口的映射表
|
||||
alarmApiMapping: {
|
||||
'HBY100-J': { //100J类型
|
||||
sendApi: deviceForceAlarmActivation,
|
||||
statusTypeName: 'FunctionAccessBatchStatusRule_BJQ100J'
|
||||
},
|
||||
'BJQ6170': { //6170类型
|
||||
sendApi: deviceSendAlarmMessage,
|
||||
statusTypeName: 'FunctionAccessBatchStatusRule_BJQ200J'
|
||||
}
|
||||
},
|
||||
loading: false,
|
||||
total: 0
|
||||
}
|
||||
},
|
||||
computed: {
|
||||
selectedDeviceIds() {
|
||||
return this.deviceList.filter(item => item.checked).map(item => item.id);
|
||||
},
|
||||
// 自动匹配当前typeName对应的接口配置
|
||||
currentApiConfig() {
|
||||
const currentTypeName = this.sendInfo.typeName || '';
|
||||
// 匹配到则用对应配置,匹配不到用默认配置
|
||||
return this.alarmApiMapping[currentTypeName] || {
|
||||
sendApi: deviceDefaultAlarm,
|
||||
statusTypeName: 'FunctionAccessBatchStatusRule_Default'
|
||||
};
|
||||
}
|
||||
},
|
||||
methods: {
|
||||
@ -93,15 +122,19 @@
|
||||
// 全选/取消全选
|
||||
selectAll() {
|
||||
console.log('123');
|
||||
const allSelected = this.deviceList.every(item => item.checked);
|
||||
// 仅对在线设备进行全选/取消
|
||||
const allSelected = this.deviceList.every(item => item.onlineStatus === 1 && item.checked);
|
||||
this.deviceList.forEach(item => {
|
||||
// 离线设备不修改checked状态
|
||||
if (item.onlineStatus === 1) {
|
||||
item.checked = !allSelected;
|
||||
}
|
||||
});
|
||||
|
||||
this.$forceUpdate();
|
||||
},
|
||||
// 获取设备列表
|
||||
getData(deviceType) {
|
||||
console.log(deviceType, 'deviceTypedeviceType');
|
||||
this.loading = true;
|
||||
let data = {
|
||||
pageNum: 1,
|
||||
@ -127,7 +160,7 @@
|
||||
const selectedDevices = this.deviceList.filter(item => item.checked)
|
||||
if (selectedDevices.length === 0) {
|
||||
uni.showToast({
|
||||
title: '请选择一个设备',
|
||||
title: '请选择一个在线设备',
|
||||
icon: 'none'
|
||||
});
|
||||
return;
|
||||
@ -136,14 +169,13 @@
|
||||
this.popupMessage = '确认要对所选设备开启强制报警?';
|
||||
this.showPopupFlag = true;
|
||||
this.pendingAlarmAction = 1
|
||||
|
||||
},
|
||||
// 解除报警
|
||||
cancelAlarm() {
|
||||
const selectedDevices = this.deviceList.filter(item => item.checked);
|
||||
if (selectedDevices.length === 0) {
|
||||
uni.showToast({
|
||||
title: '请选择一个设备',
|
||||
title: '请选择一个在线设备',
|
||||
icon: 'none'
|
||||
});
|
||||
return;
|
||||
@ -153,61 +185,61 @@
|
||||
this.showPopupFlag = true;
|
||||
this.pendingAlarmAction = 0
|
||||
},
|
||||
// 确认
|
||||
//动态调用对应接口
|
||||
async sendAlarmCommand() {
|
||||
const selectedDevices = this.deviceList.filter(item => item.checked);
|
||||
const deviceIds = selectedDevices.map(item => item.id);
|
||||
const deviceImeiList = selectedDevices.map(item => item.deviceImei);
|
||||
const isAlarming = this.pendingAlarmAction == 1;
|
||||
if (selectedDevices.length === 0) {
|
||||
uni.showToast({
|
||||
title: '请选择在线设备',
|
||||
icon: 'none'
|
||||
});
|
||||
return;
|
||||
}
|
||||
try {
|
||||
|
||||
uni.showLoading({
|
||||
title: isAlarming ? '设备报警中...' : '解除报警中...',
|
||||
mask: true
|
||||
});
|
||||
// 2. 准备请求数据
|
||||
const batchId = generateShortId();
|
||||
const data = {
|
||||
// 获取当前typeName对应的接口和参数配置
|
||||
const {
|
||||
sendApi,
|
||||
statusTypeName
|
||||
} = this.currentApiConfig;
|
||||
// 准备请求数据
|
||||
// const batchId = generateShortId();
|
||||
const requestData = {
|
||||
deviceIds: deviceIds,
|
||||
typeName: this.sendInfo.typeName,
|
||||
deviceImeiList: deviceImeiList,
|
||||
batchId: batchId,
|
||||
instructValue: this.pendingAlarmAction == 1 ? '1' : '0'
|
||||
// batchId: batchId,
|
||||
voiceStrobeAlarm: this.pendingAlarmAction == 1 ? '1' : '0'
|
||||
};
|
||||
const registerRes = await deviceSendAlarmMessage(data);
|
||||
if (registerRes.code !== 200) {
|
||||
// 动态调用匹配的接口
|
||||
const registerRes = await sendApi(requestData);
|
||||
if (registerRes.code == 200) {
|
||||
uni.showToast({
|
||||
title: registerRes.msg,
|
||||
icon: 'none'
|
||||
})
|
||||
return
|
||||
}
|
||||
// 4. 获取设备状态
|
||||
let deviceImei = this.sendInfo.deviceImei
|
||||
let typeName = this.sendInfo.typeName
|
||||
const statusRes = await getdeviceSTatus({
|
||||
functionMode: 2,
|
||||
batchId,
|
||||
typeName:'FunctionAccessBatchStatusRule',
|
||||
deviceImei,
|
||||
interval: 500
|
||||
},
|
||||
deviceRealTimeStatus
|
||||
);
|
||||
if (statusRes.data.functionAccess === 'OK') {
|
||||
uni.showToast({
|
||||
title: statusRes.msg,
|
||||
icon: 'none'
|
||||
title: isAlarming ? '强制报警开启成功' : '报警已解除',
|
||||
icon: 'success'
|
||||
});
|
||||
this.showPopupFlag = false
|
||||
uni.$emit('deviceStatusUpdate', {});
|
||||
setTimeout(() => {
|
||||
uni.navigateBack()
|
||||
}, 500)
|
||||
}
|
||||
} catch (error) {
|
||||
} else {
|
||||
uni.showToast({
|
||||
title: error.message,
|
||||
title: registerRes.msg || '状态查询失败',
|
||||
icon: 'none'
|
||||
});
|
||||
}
|
||||
|
||||
} catch (error) {
|
||||
console.error('报警操作异常:', error);
|
||||
uni.showToast({
|
||||
title: '网络异常,请重试',
|
||||
icon: 'none'
|
||||
});
|
||||
} finally {
|
||||
@ -217,7 +249,6 @@
|
||||
// 点击确认状态
|
||||
onPopupConfirm() {
|
||||
this.sendAlarmCommand(this.popupType);
|
||||
// 处理确认逻辑
|
||||
},
|
||||
},
|
||||
onLoad(options) {
|
||||
@ -227,7 +258,6 @@
|
||||
this.getData(data.data.id)
|
||||
this.sendInfo = data.data
|
||||
});
|
||||
// 如果需要向调用页面返回数据,可以触发 'ack' 事件
|
||||
eventChannel.emit('ack', {})
|
||||
},
|
||||
}
|
||||
|
||||
@ -590,7 +590,7 @@ these.Status.apiType = data.apiType;
|
||||
proParam: function() {
|
||||
|
||||
uni.navigateTo({
|
||||
url: '/pages/common/productDes/index?id=' + this.device.id,
|
||||
url: '/pages/common/productDes/index?id=' + this.formData.id,
|
||||
success(ev) {
|
||||
|
||||
}
|
||||
@ -598,7 +598,7 @@ these.Status.apiType = data.apiType;
|
||||
},
|
||||
handRemark: function() {
|
||||
uni.navigateTo({
|
||||
url: '/pages/common/operatingInstruct/index?id=' + this.device.id,
|
||||
url: '/pages/common/operatingInstruct/index?id=' + this.formData.id,
|
||||
success(ev) {
|
||||
|
||||
}
|
||||
@ -606,7 +606,7 @@ these.Status.apiType = data.apiType;
|
||||
},
|
||||
handVideo: function() {
|
||||
uni.navigateTo({
|
||||
url: '/pages/common/operationVideo/index?id=' + this.device.id,
|
||||
url: '/pages/common/operationVideo/index?id=' + this.formData.id,
|
||||
success(ev) {
|
||||
|
||||
}
|
||||
|
||||
@ -18,11 +18,11 @@
|
||||
<image src="/static/images/common/more.png" mode="aspectFit" class="more"></image>
|
||||
</view>
|
||||
</view>
|
||||
<view class="sendFlex" v-if="activeTab && activeTab.id !== ''&& activeTabInfo.communicationMode==0 || activeTabInfo.communicationMode==2">
|
||||
<!-- <view class="sendFlex" v-if="activeTab && activeTab.id !== ''&& activeTabInfo.communicationMode==0 || activeTabInfo.communicationMode==2">
|
||||
<view class="callpolice" @click="callpolice">报警</view>
|
||||
<view class="Sendmessage" @click="location">位置</view>
|
||||
<view class="Sendmessage" @click="handleSend">发送信息</view>
|
||||
</view>
|
||||
<view class="Sendmessage" @click="handleSend" v-if="activeTabInfo.typeName!=='HBY100-J'">发送信息</view>
|
||||
</view> -->
|
||||
<!-- <scroll-view class="device-list" scroll-y @scrolltolower="onScrollToLower" :lower-threshold="100" style="height:80vh;"> -->
|
||||
<mescroll-uni class="device-list" @init="mescrollInit" @down="downCallback" @up="upCallback" :up="upOption"
|
||||
:down="downOption" :fixed="false" :style="{ height: mescrollHeight + 'px' }">
|
||||
|
||||
@ -307,21 +307,21 @@ export default {
|
||||
value: "50",
|
||||
label: "报警模式",
|
||||
checked: false,
|
||||
type: ['100']
|
||||
type: ['100','100J']
|
||||
},
|
||||
|
||||
{
|
||||
value: "51",
|
||||
label: "警示灯",
|
||||
checked: false,
|
||||
type: ['100']
|
||||
type: ['100','100J']
|
||||
},
|
||||
|
||||
{
|
||||
value: "52",
|
||||
label: "语音管理",
|
||||
checked: false,
|
||||
type: ['100']
|
||||
type: ['100','100J']
|
||||
},
|
||||
|
||||
{
|
||||
@ -342,6 +342,12 @@ export default {
|
||||
checked: false,
|
||||
type: ['4877']
|
||||
},
|
||||
{
|
||||
value: "56",
|
||||
label: "灯光类型设置",
|
||||
checked: false,
|
||||
type: ['100J']
|
||||
},
|
||||
]
|
||||
|
||||
let arr = [];
|
||||
|
||||
@ -1,5 +1,5 @@
|
||||
import config from '../config/index.js';
|
||||
export const env = 'development'; //production development //开发of线上 改这里就行
|
||||
export const env = 'production'; //production development //开发of线上 改这里就行
|
||||
const BASE = config[env];
|
||||
const request = (options) => {
|
||||
console.log("options" + JSON.stringify(options), BASE.BASE_URL)
|
||||
|
||||
Reference in New Issue
Block a user