Merge branch 'main' of http://47.107.152.87:3000/dyf/APP into new-20250827
# Conflicts: # pages/common/login/index.vue
This commit is contained in:
1
App.vue
1
App.vue
@ -26,6 +26,7 @@
|
||||
// uni.removeStorageSync(val);
|
||||
// }
|
||||
// });
|
||||
// uni.clearStorageSync();
|
||||
//以上代码仅在开发时使用,否则会出现不可预知的问题。
|
||||
|
||||
uni.getSystemInfo({success:function(res){
|
||||
|
||||
@ -5,14 +5,14 @@ const config = {
|
||||
BASE_URL: 'http://192.168.110.56:8000',
|
||||
API_PREFIX: '',
|
||||
// MQTT 配置
|
||||
MQTT_HOST: '47.120.79.150',
|
||||
MQTT_HOST: 'www.cnxhyc.com',
|
||||
MQTT_PORT: 8083,
|
||||
MQTT_USERNAME: 'admin',
|
||||
MQTT_PASSWORD: '#YtvpSfCNG'
|
||||
},
|
||||
// 生产环境
|
||||
production: {
|
||||
BASE_URL: 'https://www.cnxhyc.com/jingquan',
|
||||
BASE_URL: 'https://www.cnxhyc.com/jq',
|
||||
API_PREFIX: '',
|
||||
// MQTT 配置
|
||||
MQTT_HOST: 'www.cnxhyc.com',
|
||||
|
||||
@ -48,7 +48,9 @@
|
||||
</view>
|
||||
<view class="info-row">
|
||||
<text class="info-label">设备状态</text>
|
||||
<text class="info-value status-running">{{ deviceInfo.onlineStatus === 0 ? '离线' : '在线' }}</text>
|
||||
<text class="info-value status-running">
|
||||
{{ deviceInfo.onlineStatus === 0 ? '离线' : deviceInfo.onlineStatus === 2 ? '故障' : '在线' }}
|
||||
</text>
|
||||
</view>
|
||||
<view class="info-row">
|
||||
<text class="info-label" style="display: flex; align-items: center;">定位信息</text>
|
||||
|
||||
@ -23,12 +23,13 @@
|
||||
<view class="Sendmessage" @click="location">位置</view>
|
||||
<view class="Sendmessage" @click="handleSend">发送信息</view>
|
||||
</view>
|
||||
<mescroll-uni v-if="deviceList.length > 0" class="device-list" @init="mescrollInit" @down="downCallback" @up="upCallback" :up="upOption"
|
||||
:down="downOption" :fixed="false">
|
||||
<mescroll-uni v-if="deviceList.length > 0" class="device-list" @init="mescrollInit" @down="downCallback"
|
||||
@up="upCallback" :up="upOption" :down="downOption" :fixed="false"
|
||||
:style="{ height: mescrollHeight + 'px' }">
|
||||
<uni-swipe-action ref="swipeAction">
|
||||
<block v-for="(item, index) in deviceList" :key="index" :ref="'swipeItem_' + index">
|
||||
<uni-swipe-action-item :right-options="Options"
|
||||
@click="handleSwipeClick($event, item, index)" class="device-card"
|
||||
<uni-swipe-action-item :right-options="Options" @click="handleSwipeClick($event, item, index)"
|
||||
class="device-card"
|
||||
:style="{ border: item.communicationMode == 0 && item.onlineStatus == 1 && item.alarmStatus == 1 ? '1px solid rgba(224, 52, 52, 1)' : 'none' }">
|
||||
<view @click.stop="handleFile(item)">
|
||||
<view class="device-header">
|
||||
@ -50,6 +51,9 @@
|
||||
<view class="offlines"
|
||||
v-if="item.communicationMode == 0 && item.onlineStatus == 0">离线
|
||||
</view>
|
||||
<view class="offlines"
|
||||
v-if="item.communicationMode == 0 && item.onlineStatus == 2">故障
|
||||
</view>
|
||||
<view>电量:{{ item.battery || '0' }}%</view>
|
||||
</view>
|
||||
</view>
|
||||
@ -208,22 +212,24 @@
|
||||
},
|
||||
upOption: {
|
||||
auto: false,
|
||||
noMoreSize: 1,
|
||||
offset: 80,
|
||||
noMoreSize: 0,
|
||||
offset: 50,
|
||||
isLock: false,
|
||||
empty: {
|
||||
tip: '暂无相关数据'
|
||||
tip: '暂无数据',
|
||||
hideScroll: false
|
||||
}
|
||||
},
|
||||
|
||||
page: 1, // 当前页码
|
||||
size: 10, // 每页条数
|
||||
size: 12, // 每页条数
|
||||
total: 0, // 总数据量
|
||||
loadedCount: 0,
|
||||
loading: false,
|
||||
finished: false,
|
||||
deviceId: '',
|
||||
deviceName: "", //重命名
|
||||
activeTabInfo: ''
|
||||
activeTabInfo: '',
|
||||
mescrollHeight: 0,
|
||||
}
|
||||
},
|
||||
methods: {
|
||||
@ -234,39 +240,34 @@
|
||||
downCallback() {
|
||||
const currentDeviceType = this.activeTabInfo?.id === '' ? undefined : this.activeTabInfo?.id;
|
||||
const tempList = [...this.deviceList];
|
||||
|
||||
// 重置分页参数
|
||||
this.page = 1;
|
||||
this.finished = false;
|
||||
this.loadedCount = 0;
|
||||
|
||||
this.total = 0; // 重置总数
|
||||
this.getData(currentDeviceType)
|
||||
.then(() => {
|
||||
|
||||
this.mescroll.endDownScroll(true);
|
||||
})
|
||||
.catch(() => {
|
||||
|
||||
this.deviceList = tempList;
|
||||
this.mescroll.endDownScroll(false);
|
||||
});
|
||||
},
|
||||
// 上拉加载
|
||||
upCallback() {
|
||||
// 防止重复加载
|
||||
if (this.finished || this.loading) {
|
||||
if (this.loading) {
|
||||
this.mescroll.endUpScroll(false);
|
||||
return;
|
||||
}
|
||||
const currentDeviceType = this.activeTabInfo?.id === '' ? undefined : this.activeTabInfo?.id;
|
||||
this.getData(currentDeviceType)
|
||||
.then(() => {
|
||||
const hasMore = this.loadedCount < this.total;
|
||||
console.log(`上拉加载 - 已加载: ${this.loadedCount}, 总数: ${this.total}, 是否还有更多: ${hasMore}`);
|
||||
// 如果本次加载的数据量为0,则说明没有更多数据
|
||||
const hasMore = this.deviceList.length > 0 && this.deviceList.length % this.size === 0;
|
||||
this.mescroll.endUpScroll(hasMore);
|
||||
})
|
||||
.catch(() => {
|
||||
// 失败时回退页码
|
||||
this.page--;
|
||||
this.mescroll.endUpScroll(false);
|
||||
});
|
||||
@ -329,54 +330,48 @@
|
||||
this.page = 1;
|
||||
this.finished = false;
|
||||
this.loadedCount = 0;
|
||||
|
||||
this.total = 0; // 重置总数
|
||||
const deviceType = tab.id === '' ? undefined : tab.id;
|
||||
this.$nextTick(() => {
|
||||
this.getSystemInfoSyncH();
|
||||
});
|
||||
this.getData(deviceType);
|
||||
|
||||
if (this.mescroll) {
|
||||
this.mescroll.resetUpScroll();
|
||||
}
|
||||
},
|
||||
// 获取设备列表 - 核心修复
|
||||
// 获取设备列表
|
||||
getData(deviceType = '') {
|
||||
return new Promise((resolve, reject) => {
|
||||
if (this.loading || this.finished) {
|
||||
reject('正在加载或已无更多数据');
|
||||
return;
|
||||
}
|
||||
|
||||
this.loading = true;
|
||||
let data = {
|
||||
pageNum: this.page,
|
||||
pageSize: this.size,
|
||||
deviceType: deviceType
|
||||
}
|
||||
|
||||
deviceInfo(data).then((res) => {
|
||||
if (res.code == 200) {
|
||||
// 第一页加载时初始化总数据量
|
||||
if (this.page === 1) {
|
||||
this.total = res.total;
|
||||
this.loadedCount = 0; // 重置计数
|
||||
console.log(`第1页加载 - 总数据量: ${this.total}`);
|
||||
}
|
||||
const newDevices = res.rows.map(device => ({
|
||||
...device,
|
||||
showConfirm: false
|
||||
}));
|
||||
this.loadedCount += newDevices.length;
|
||||
console.log(`第${this.page}页加载 - 新增: ${newDevices.length}, 累计: ${this.loadedCount}`);
|
||||
// 数据累加
|
||||
if (this.page === 1) {
|
||||
this.total = Number(res.total) || 0;
|
||||
this.deviceList = newDevices;
|
||||
this.loadedCount = newDevices.length;
|
||||
} else {
|
||||
this.deviceList = [...this.deviceList, ...newDevices];
|
||||
this.loadedCount += newDevices.length;
|
||||
}
|
||||
// 关键:正确判断是否加载完成
|
||||
if (this.loadedCount >= this.total || newDevices.length < this.size) {
|
||||
const hasMoreData = this.loadedCount < this.total;
|
||||
if (!hasMoreData) {
|
||||
this.finished = true;
|
||||
console.log(`加载完成 - 已加载${this.loadedCount}/${this.total}`);
|
||||
} else {
|
||||
}
|
||||
if (hasMoreData) {
|
||||
this.page++;
|
||||
}
|
||||
resolve();
|
||||
@ -384,7 +379,6 @@
|
||||
reject(res.msg || '获取数据失败');
|
||||
}
|
||||
}).catch((err) => {
|
||||
console.error('获取设备列表失败:', err);
|
||||
reject(err);
|
||||
}).finally(() => {
|
||||
this.loading = false;
|
||||
@ -564,7 +558,8 @@
|
||||
onIntall() {
|
||||
this.page = 1;
|
||||
this.finished = false;
|
||||
this.loadedCount = 0; // 重置计数
|
||||
this.loadedCount = 0;
|
||||
this.total = 0;
|
||||
const deviceType = this.activeTabInfo?.id === '' ? undefined : this.activeTabInfo?.id;
|
||||
this.getData(deviceType);
|
||||
setTimeout(() => {
|
||||
@ -594,8 +589,19 @@
|
||||
})
|
||||
.filter(Boolean);
|
||||
},
|
||||
// 动态计算屏幕高度
|
||||
getSystemInfoSyncH() {
|
||||
const sysInfo = uni.getSystemInfoSync();
|
||||
const tabBarHeight = 80;
|
||||
const sendBarHeight = 60;
|
||||
const padding = 60;
|
||||
const totalTopHeight = (this.navBarHeight) + (tabBarHeight + sendBarHeight + padding) * (sysInfo
|
||||
.screenWidth / 750);
|
||||
this.mescrollHeight = sysInfo.screenHeight - totalTopHeight;
|
||||
}
|
||||
},
|
||||
onLoad() {
|
||||
this.getSystemInfoSyncH()
|
||||
this.getTab()
|
||||
this.onIntall()
|
||||
uni.$on('refreshDeviceList', () => {
|
||||
|
||||
Reference in New Issue
Block a user