Initial commit
This commit is contained in:
202
CLEAR_OTHER_EQUIPMENT_DATA.md
Normal file
202
CLEAR_OTHER_EQUIPMENT_DATA.md
Normal file
@@ -0,0 +1,202 @@
|
||||
# 删除其他装备数据的方法
|
||||
|
||||
## 🗑️ **删除数据的几种方式**
|
||||
|
||||
### **方法1: 浏览器控制台命令 (推荐)**
|
||||
|
||||
在浏览器控制台中运行以下命令:
|
||||
|
||||
#### **完全清空所有数据**
|
||||
```javascript
|
||||
// 1. 清空内存数据
|
||||
otherEquipmentList.value = [];
|
||||
|
||||
// 2. 清空localStorage存储
|
||||
localStorage.removeItem("index-otherEquipmentList");
|
||||
|
||||
// 3. 重置设备计数
|
||||
otherEquipmentCount.value = 0;
|
||||
|
||||
// 4. 确认清空成功
|
||||
console.log('数据已清空,当前设备数量:', otherEquipmentList.value.length);
|
||||
```
|
||||
|
||||
#### **删除特定设备**
|
||||
```javascript
|
||||
// 删除指定ID的设备 (例如删除 "dy04")
|
||||
const targetId = "dy04";
|
||||
const beforeCount = otherEquipmentList.value.length;
|
||||
|
||||
otherEquipmentList.value = otherEquipmentList.value.filter(
|
||||
device => device.equipmentId !== targetId
|
||||
);
|
||||
|
||||
// 保存到localStorage
|
||||
localStorage.setItem("index-otherEquipmentList", JSON.stringify(otherEquipmentList.value));
|
||||
|
||||
// 更新计数
|
||||
otherEquipmentCount.value = otherEquipmentList.value.length;
|
||||
|
||||
console.log(`删除设备 ${targetId},删除前: ${beforeCount},删除后: ${otherEquipmentList.value.length}`);
|
||||
```
|
||||
|
||||
#### **删除特定类型的设备**
|
||||
```javascript
|
||||
// 删除所有QB303设备
|
||||
const beforeCount = otherEquipmentList.value.length;
|
||||
|
||||
otherEquipmentList.value = otherEquipmentList.value.filter(
|
||||
device => device.equipmentType !== "QB303设备"
|
||||
);
|
||||
|
||||
// 保存更改
|
||||
localStorage.setItem("index-otherEquipmentList", JSON.stringify(otherEquipmentList.value));
|
||||
otherEquipmentCount.value = otherEquipmentList.value.length;
|
||||
|
||||
console.log(`删除QB303设备,删除前: ${beforeCount},删除后: ${otherEquipmentList.value.length}`);
|
||||
```
|
||||
|
||||
### **方法2: 开发者工具 Application 面板**
|
||||
|
||||
1. **打开浏览器开发者工具** (F12)
|
||||
2. **切换到 Application 标签页**
|
||||
3. **在左侧找到 Storage → Local Storage**
|
||||
4. **选择您的域名**
|
||||
5. **找到键名 `index-otherEquipmentList`**
|
||||
6. **右键点击 → Delete**
|
||||
7. **刷新页面** (F5)
|
||||
|
||||
### **方法3: 一键清理函数**
|
||||
|
||||
我为您创建了一个专门的清理函数:
|
||||
|
||||
```javascript
|
||||
// 一键清理所有其他装备数据
|
||||
function clearAllOtherEquipmentData() {
|
||||
console.log('🗑️ 开始清理其他装备数据...');
|
||||
|
||||
// 记录清理前的状态
|
||||
const beforeCount = otherEquipmentList.value.length;
|
||||
const beforeLocalStorage = localStorage.getItem("index-otherEquipmentList");
|
||||
|
||||
console.log('清理前状态:');
|
||||
console.log('- 内存设备数量:', beforeCount);
|
||||
console.log('- localStorage数据大小:', beforeLocalStorage ? beforeLocalStorage.length : 0);
|
||||
|
||||
// 执行清理
|
||||
otherEquipmentList.value = [];
|
||||
localStorage.removeItem("index-otherEquipmentList");
|
||||
|
||||
// 确认清理结果
|
||||
console.log('✅ 清理完成!');
|
||||
console.log('清理后状态:');
|
||||
console.log('- 内存设备数量:', otherEquipmentList.value.length);
|
||||
console.log('- localStorage数据:', localStorage.getItem("index-otherEquipmentList"));
|
||||
|
||||
return {
|
||||
success: true,
|
||||
beforeCount: beforeCount,
|
||||
afterCount: otherEquipmentList.value.length,
|
||||
message: `成功清理 ${beforeCount} 个设备`
|
||||
};
|
||||
}
|
||||
|
||||
// 调用清理函数
|
||||
clearAllOtherEquipmentData();
|
||||
```
|
||||
|
||||
### **方法4: 选择性删除**
|
||||
|
||||
#### **删除离线设备**
|
||||
```javascript
|
||||
// 只保留在线设备
|
||||
const beforeCount = otherEquipmentList.value.length;
|
||||
|
||||
otherEquipmentList.value = otherEquipmentList.value.filter(
|
||||
device => device.online_status === true
|
||||
);
|
||||
|
||||
localStorage.setItem("index-otherEquipmentList", JSON.stringify(otherEquipmentList.value));
|
||||
otherEquipmentCount.value = otherEquipmentList.value.length;
|
||||
|
||||
console.log(`删除离线设备,删除前: ${beforeCount},删除后: ${otherEquipmentList.value.length}`);
|
||||
```
|
||||
|
||||
#### **删除旧数据**
|
||||
```javascript
|
||||
// 删除1小时前的数据
|
||||
const oneHourAgo = Date.now() - (60 * 60 * 1000);
|
||||
const beforeCount = otherEquipmentList.value.length;
|
||||
|
||||
otherEquipmentList.value = otherEquipmentList.value.filter(
|
||||
device => device.lastUpdateTime > oneHourAgo
|
||||
);
|
||||
|
||||
localStorage.setItem("index-otherEquipmentList", JSON.stringify(otherEquipmentList.value));
|
||||
otherEquipmentCount.value = otherEquipmentList.value.length;
|
||||
|
||||
console.log(`删除1小时前的数据,删除前: ${beforeCount},删除后: ${otherEquipmentList.value.length}`);
|
||||
```
|
||||
|
||||
## 🔄 **删除后重置**
|
||||
|
||||
### **重新初始化数据**
|
||||
```javascript
|
||||
// 清空后重新初始化为默认状态
|
||||
async function resetOtherEquipmentData() {
|
||||
// 清空现有数据
|
||||
otherEquipmentList.value = [];
|
||||
localStorage.removeItem("index-otherEquipmentList");
|
||||
|
||||
// 重新运行初始化
|
||||
await otherEquipmentInit();
|
||||
|
||||
console.log('✅ 数据已重置为初始状态');
|
||||
}
|
||||
|
||||
resetOtherEquipmentData();
|
||||
```
|
||||
|
||||
### **删除后刷新页面**
|
||||
```javascript
|
||||
// 清空数据并刷新页面
|
||||
function clearAndReload() {
|
||||
localStorage.removeItem("index-otherEquipmentList");
|
||||
location.reload();
|
||||
}
|
||||
|
||||
clearAndReload();
|
||||
```
|
||||
|
||||
## ⚠️ **注意事项**
|
||||
|
||||
1. **数据无法恢复**: 删除后的数据无法恢复,请谨慎操作
|
||||
2. **影响范围**: 删除操作只影响其他装备数据,不影响无人机和无人车数据
|
||||
3. **页面刷新**: 删除内存数据后建议刷新页面确保UI更新
|
||||
4. **备份建议**: 删除前可以先导出备份
|
||||
|
||||
### **数据备份**
|
||||
```javascript
|
||||
// 删除前备份数据
|
||||
const backup = JSON.stringify(otherEquipmentList.value, null, 2);
|
||||
console.log('备份数据:', backup);
|
||||
|
||||
// 或者下载备份文件
|
||||
const blob = new Blob([backup], { type: 'application/json' });
|
||||
const url = URL.createObjectURL(blob);
|
||||
const a = document.createElement('a');
|
||||
a.href = url;
|
||||
a.download = `other-equipment-backup-${new Date().toISOString().slice(0,10)}.json`;
|
||||
a.click();
|
||||
```
|
||||
|
||||
## 🚀 **快速执行**
|
||||
|
||||
**如果您想立即清空所有数据,直接在控制台运行:**
|
||||
|
||||
```javascript
|
||||
// 一行代码清空所有数据
|
||||
otherEquipmentList.value = []; localStorage.removeItem("index-otherEquipmentList"); console.log("✅ 所有其他装备数据已清空");
|
||||
```
|
||||
|
||||
选择最适合您需求的方法来删除数据!
|
||||
Reference in New Issue
Block a user