main
parent
0b93c86b9b
commit
d8186f7a10
File diff suppressed because it is too large
Load Diff
@ -0,0 +1,44 @@
|
||||
@Component
|
||||
export struct AlarmBrowser {
|
||||
@Prop deviceId: string;
|
||||
@State alarms: string[] = [];
|
||||
|
||||
aboutToAppear() {
|
||||
// Bluetooth protocol does not support historical alarm retrieval.
|
||||
// We could potentially read current status, but simply showing a notice is safer for now.
|
||||
}
|
||||
|
||||
build() {
|
||||
Column() {
|
||||
Text('告警信息')
|
||||
.fontSize(16)
|
||||
.fontColor('#22fdc8')
|
||||
.width('100%')
|
||||
.margin({ top: 20, bottom: 10 })
|
||||
|
||||
List() {
|
||||
if (this.alarms.length === 0) {
|
||||
ListItem() {
|
||||
Text('暂无告警信息 (蓝牙模式仅支持查看部分实时状态)')
|
||||
.fontColor('#999')
|
||||
.fontSize(12)
|
||||
.width('100%')
|
||||
.textAlign(TextAlign.Center)
|
||||
.padding(20)
|
||||
}
|
||||
} else {
|
||||
ForEach(this.alarms, (alarm: string) => {
|
||||
ListItem() {
|
||||
Text(alarm).fontColor('red')
|
||||
}
|
||||
})
|
||||
}
|
||||
}
|
||||
.width('100%')
|
||||
.height('100%')
|
||||
}
|
||||
.padding(20)
|
||||
.width('100%')
|
||||
.height('100%')
|
||||
}
|
||||
}
|
||||
@ -0,0 +1,522 @@
|
||||
import { M9zService, TaskProgram, TaskInstruction, M9zCmd, ControlTask, TaskLoop } from '../../utils/M9zService';
|
||||
import { promptAction } from '@kit.ArkUI';
|
||||
|
||||
@Observed
|
||||
export class AutoModeHelper {
|
||||
// Helper to avoid Observed restrictions if any
|
||||
}
|
||||
|
||||
@Component
|
||||
export struct AutoMode {
|
||||
@Prop deviceId: string;
|
||||
@State currentMode: number = 0; // Device running mode
|
||||
@State selectedViewMode: number = 0; // Tab selection (Mode 1/2/3)
|
||||
|
||||
@State startTask: ControlTask = this.createEmptyTask();
|
||||
@State stopTask: ControlTask = this.createEmptyTask();
|
||||
@State middleTasks: ControlTask[] = [];
|
||||
|
||||
@State isLoading: boolean = false;
|
||||
@State isSetting: boolean = false;
|
||||
|
||||
// Dialog state
|
||||
@State showTaskDialog: boolean = false;
|
||||
@State editingTaskType: string = ''; // 'start', 'stop', 'middle'
|
||||
@State editingTaskIndex: number = -1;
|
||||
@State editingTask: ControlTask = this.createEmptyTask();
|
||||
@State editingLoops: number[] = []; // selected loop indices
|
||||
|
||||
private m9zService: M9zService = M9zService.getInstance();
|
||||
|
||||
aboutToAppear() {
|
||||
if (this.deviceId) {
|
||||
this.refreshData();
|
||||
}
|
||||
}
|
||||
|
||||
createEmptyTask(): ControlTask {
|
||||
const loops: TaskLoop[] = [];
|
||||
for(let i: number = 0; i < 10; i++) {
|
||||
const loop: TaskLoop = new TaskLoop();
|
||||
loop.index = i;
|
||||
loop.turnOn = false;
|
||||
loop.pwm = 0;
|
||||
loops.push(loop);
|
||||
}
|
||||
const task: ControlTask = new ControlTask();
|
||||
task.execTime = '00:00';
|
||||
task.timeType = 0;
|
||||
task.loops = loops;
|
||||
return task;
|
||||
}
|
||||
|
||||
refreshData() {
|
||||
this.isLoading = true;
|
||||
// Get Mode
|
||||
this.m9zService.getDeviceMode({
|
||||
onSuccess: (mode: number): void => {
|
||||
this.currentMode = mode;
|
||||
},
|
||||
onError: (err: string): void => {
|
||||
console.error('Get mode failed', err);
|
||||
}
|
||||
});
|
||||
|
||||
// Get Tasks for selected view mode (0,1,2 in protocol means Mode 1,2,3)
|
||||
this.getTasksForMode(this.selectedViewMode);
|
||||
}
|
||||
|
||||
getTasksForMode(modeIndex: number) {
|
||||
this.isLoading = true;
|
||||
|
||||
// Start Task
|
||||
this.m9zService.getTask(M9zCmd.StartTask, modeIndex, {
|
||||
onSuccess: (prog: TaskProgram): void => {
|
||||
const t: ControlTask | null = this.decompileTask(prog);
|
||||
this.startTask = t ? t : this.createEmptyTask();
|
||||
},
|
||||
onError: (err: string): void => {}
|
||||
});
|
||||
|
||||
// Stop Task
|
||||
this.m9zService.getTask(M9zCmd.StopTask, modeIndex, {
|
||||
onSuccess: (prog: TaskProgram): void => {
|
||||
const t: ControlTask | null = this.decompileTask(prog);
|
||||
this.stopTask = t ? t : this.createEmptyTask();
|
||||
},
|
||||
onError: (err: string): void => {}
|
||||
});
|
||||
|
||||
// Middle Task
|
||||
this.m9zService.getTask(M9zCmd.MiddleTask, modeIndex, {
|
||||
onSuccess: (prog: TaskProgram): void => {
|
||||
this.middleTasks = this.decompileMiddleTask(prog);
|
||||
this.isLoading = false;
|
||||
},
|
||||
onError: (err: string): void => {
|
||||
this.isLoading = false;
|
||||
}
|
||||
});
|
||||
}
|
||||
|
||||
changeViewMode(index: number) {
|
||||
this.selectedViewMode = index;
|
||||
this.refreshData();
|
||||
}
|
||||
|
||||
changeDeviceMode() {
|
||||
// Set device mode to current view mode
|
||||
this.m9zService.setDeviceMode(this.selectedViewMode, {
|
||||
onSuccess: (val: boolean): void => {
|
||||
this.currentMode = this.selectedViewMode;
|
||||
promptAction.showToast({ message: '模式切换成功' });
|
||||
},
|
||||
onError: (err: string): void => {
|
||||
promptAction.showToast({ message: '切换失败: ' + err });
|
||||
}
|
||||
});
|
||||
}
|
||||
|
||||
// Compiler Logic
|
||||
compileTask(task: ControlTask): TaskProgram {
|
||||
const instructions: TaskInstruction[] = [];
|
||||
|
||||
// 1. Time Instruction
|
||||
const parts: string[] = task.execTime.split(':');
|
||||
if (parts.length >= 2) {
|
||||
const h: number = Number(parts[0]);
|
||||
const m: number = Number(parts[1]);
|
||||
const minutes: number = h * 60 + m;
|
||||
|
||||
const ins1: TaskInstruction = new TaskInstruction();
|
||||
ins1.type = 0x01;
|
||||
ins1.param = task.timeType === 0 ? 0x01 : 0x02;
|
||||
ins1.value = minutes;
|
||||
instructions.push(ins1);
|
||||
}
|
||||
|
||||
// 2. Output Instructions
|
||||
// Group by PWM
|
||||
const pwmMap: Map<number, number[]> = new Map<number, number[]>();
|
||||
let openMask: number = 0;
|
||||
let closeMask: number = 0;
|
||||
|
||||
task.loops.forEach((loop: TaskLoop) => {
|
||||
if (loop.turnOn) {
|
||||
openMask |= (1 << loop.index);
|
||||
} else {
|
||||
closeMask |= (1 << loop.index);
|
||||
}
|
||||
|
||||
if (loop.pwm > 0) {
|
||||
const list: number[] = pwmMap.get(loop.pwm) || [];
|
||||
list.push(loop.index);
|
||||
pwmMap.set(loop.pwm, list);
|
||||
}
|
||||
});
|
||||
|
||||
// PWM Instructions
|
||||
pwmMap.forEach((indices: number[], pwm: number) => {
|
||||
let mask: number = 0;
|
||||
indices.forEach((idx: number) => { mask |= (1 << idx); });
|
||||
const ins: TaskInstruction = new TaskInstruction();
|
||||
ins.type = 0x04;
|
||||
ins.param = 0x03;
|
||||
ins.value = (mask << 12) | pwm;
|
||||
instructions.push(ins);
|
||||
});
|
||||
|
||||
// Relay Instructions
|
||||
if (openMask > 0) {
|
||||
const ins: TaskInstruction = new TaskInstruction();
|
||||
ins.type = 0x04;
|
||||
ins.param = 0x01;
|
||||
ins.value = (openMask << 12) | 0x01;
|
||||
instructions.push(ins);
|
||||
}
|
||||
if (closeMask > 0) {
|
||||
const ins: TaskInstruction = new TaskInstruction();
|
||||
ins.type = 0x04;
|
||||
ins.param = 0x01;
|
||||
ins.value = (closeMask << 12) | 0x00;
|
||||
instructions.push(ins);
|
||||
}
|
||||
|
||||
const prog: TaskProgram = new TaskProgram();
|
||||
prog.index = this.selectedViewMode;
|
||||
prog.instructions = instructions;
|
||||
return prog;
|
||||
}
|
||||
|
||||
compileMiddleTasks(tasks: ControlTask[]): TaskProgram {
|
||||
const allInstructions: TaskInstruction[] = [];
|
||||
// Sort tasks by time? The user should ensure order, simplified here.
|
||||
|
||||
tasks.forEach((task: ControlTask) => {
|
||||
const prog: TaskProgram = this.compileTask(task);
|
||||
prog.instructions.forEach((ins: TaskInstruction) => { allInstructions.push(ins); });
|
||||
});
|
||||
|
||||
// Add Loop/GOTO instruction at end
|
||||
const gotoIns: TaskInstruction = new TaskInstruction();
|
||||
gotoIns.type = 0x02; // GOTO
|
||||
gotoIns.param = 0x01; // Enable
|
||||
gotoIns.value = 0; // Jump to 0, count 0
|
||||
allInstructions.push(gotoIns);
|
||||
|
||||
const prog: TaskProgram = new TaskProgram();
|
||||
prog.index = this.selectedViewMode;
|
||||
prog.instructions = allInstructions;
|
||||
return prog;
|
||||
}
|
||||
|
||||
// Decompiler Logic
|
||||
decompileTask(prog: TaskProgram): ControlTask | null {
|
||||
if (!prog.instructions || prog.instructions.length === 0) {
|
||||
return null;
|
||||
}
|
||||
|
||||
const task: ControlTask = this.createEmptyTask();
|
||||
let hasTime: boolean = false;
|
||||
|
||||
for (const ins of prog.instructions) {
|
||||
if (ins.type === 0x01) { // CMP
|
||||
hasTime = true;
|
||||
const minutes: number = ins.value;
|
||||
const h: number = Math.floor(minutes / 60);
|
||||
const m: number = minutes % 60;
|
||||
task.execTime = `${String(h).padStart(2,'0')}:${String(m).padStart(2,'0')}`;
|
||||
task.timeType = (ins.param === 0x01) ? 0 : 1;
|
||||
} else if (ins.type === 0x04) { // OUTPUT
|
||||
if (ins.param === 0x01) { // Relay
|
||||
const isOpen: boolean = (ins.value & 1) === 1;
|
||||
const mask: number = (ins.value >> 12) & 0xFFF;
|
||||
for (let i: number = 0; i < 10; i++) {
|
||||
if ((mask >> i) & 1) {
|
||||
task.loops[i].turnOn = isOpen;
|
||||
}
|
||||
}
|
||||
} else if (ins.param === 0x03) { // PWM
|
||||
const pwm: number = ins.value & 0xFF;
|
||||
const mask: number = (ins.value >> 12) & 0xFFF;
|
||||
for (let i: number = 0; i < 10; i++) {
|
||||
if ((mask >> i) & 1) {
|
||||
task.loops[i].pwm = pwm;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
return hasTime ? task : null;
|
||||
}
|
||||
|
||||
decompileMiddleTask(prog: TaskProgram): ControlTask[] {
|
||||
const tasks: ControlTask[] = [];
|
||||
let currentTask: ControlTask | null = null;
|
||||
|
||||
for (const ins of prog.instructions) {
|
||||
if (ins.type === 0x01) { // New Time instruction = New Task
|
||||
if (currentTask) {
|
||||
tasks.push(currentTask);
|
||||
}
|
||||
currentTask = this.createEmptyTask();
|
||||
|
||||
const minutes: number = ins.value;
|
||||
const h: number = Math.floor(minutes / 60);
|
||||
const m: number = minutes % 60;
|
||||
currentTask.execTime = `${String(h).padStart(2,'0')}:${String(m).padStart(2,'0')}`;
|
||||
|
||||
if (ins.param === 0x01 || ins.param === 0x05) {
|
||||
currentTask.timeType = 0;
|
||||
} else {
|
||||
currentTask.timeType = 1;
|
||||
}
|
||||
} else if (ins.type === 0x04 && currentTask) {
|
||||
if (ins.param === 0x01) { // Relay
|
||||
const isOpen: boolean = (ins.value & 1) === 1;
|
||||
const mask: number = (ins.value >> 12) & 0xFFF;
|
||||
for (let i: number = 0; i < 10; i++) {
|
||||
if ((mask >> i) & 1) {
|
||||
currentTask.loops[i].turnOn = isOpen;
|
||||
}
|
||||
}
|
||||
} else if (ins.param === 0x03) { // PWM
|
||||
const pwm: number = ins.value & 0xFF;
|
||||
const mask: number = (ins.value >> 12) & 0xFFF;
|
||||
for (let i: number = 0; i < 10; i++) {
|
||||
if ((mask >> i) & 1) {
|
||||
currentTask.loops[i].pwm = pwm;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
if (currentTask) {
|
||||
tasks.push(currentTask);
|
||||
}
|
||||
return tasks;
|
||||
}
|
||||
|
||||
// --- UI Actions ---
|
||||
|
||||
openEditDialog(type: string, index: number) {
|
||||
if (type === 'start') {
|
||||
// Deep copy
|
||||
const t: ControlTask = this.startTask;
|
||||
const copy: ControlTask = this.createEmptyTask();
|
||||
copy.execTime = t.execTime;
|
||||
copy.timeType = t.timeType;
|
||||
t.loops.forEach((l: TaskLoop, i: number) => {
|
||||
copy.loops[i].turnOn = l.turnOn;
|
||||
copy.loops[i].pwm = l.pwm;
|
||||
});
|
||||
this.editingTask = copy;
|
||||
}
|
||||
else if (type === 'stop') {
|
||||
const t: ControlTask = this.stopTask;
|
||||
const copy: ControlTask = this.createEmptyTask();
|
||||
copy.execTime = t.execTime;
|
||||
copy.timeType = t.timeType;
|
||||
t.loops.forEach((l: TaskLoop, i: number) => {
|
||||
copy.loops[i].turnOn = l.turnOn;
|
||||
copy.loops[i].pwm = l.pwm;
|
||||
});
|
||||
this.editingTask = copy;
|
||||
}
|
||||
else if (type === 'middle') {
|
||||
const t: ControlTask = index >= 0 ? this.middleTasks[index] : this.createEmptyTask();
|
||||
const copy: ControlTask = this.createEmptyTask();
|
||||
copy.execTime = t.execTime;
|
||||
copy.timeType = t.timeType;
|
||||
t.loops.forEach((l: TaskLoop, i: number) => {
|
||||
copy.loops[i].turnOn = l.turnOn;
|
||||
copy.loops[i].pwm = l.pwm;
|
||||
});
|
||||
this.editingTask = copy;
|
||||
}
|
||||
|
||||
this.editingTaskType = type;
|
||||
this.editingTaskIndex = index;
|
||||
|
||||
this.editingLoops = [];
|
||||
this.editingTask.loops.forEach((l: TaskLoop) => {
|
||||
if (l.turnOn) {
|
||||
this.editingLoops.push(l.index);
|
||||
}
|
||||
});
|
||||
|
||||
this.showTaskDialog = true;
|
||||
}
|
||||
|
||||
toggleEditingLoop(index: number) {
|
||||
const idx: number = this.editingLoops.indexOf(index);
|
||||
if (idx >= 0) {
|
||||
this.editingLoops.splice(idx, 1);
|
||||
} else {
|
||||
this.editingLoops.push(index);
|
||||
}
|
||||
}
|
||||
|
||||
saveTask() {
|
||||
// Apply editing loops
|
||||
this.editingTask.loops.forEach((l: TaskLoop) => {
|
||||
l.turnOn = this.editingLoops.includes(l.index);
|
||||
});
|
||||
|
||||
if (this.editingTaskType === 'start') {
|
||||
this.startTask = this.editingTask;
|
||||
const prog: TaskProgram = this.compileTask(this.startTask);
|
||||
this.m9zService.setTask(M9zCmd.StartTask, prog, { onSuccess:():void=>{}, onError:(e:string):void=>{} });
|
||||
} else if (this.editingTaskType === 'stop') {
|
||||
this.stopTask = this.editingTask;
|
||||
const prog: TaskProgram = this.compileTask(this.stopTask);
|
||||
this.m9zService.setTask(M9zCmd.StopTask, prog, { onSuccess:():void=>{}, onError:(e:string):void=>{} });
|
||||
} else if (this.editingTaskType === 'middle') {
|
||||
if (this.editingTaskIndex >= 0) {
|
||||
this.middleTasks[this.editingTaskIndex] = this.editingTask;
|
||||
} else {
|
||||
this.middleTasks.push(this.editingTask); // Add new
|
||||
}
|
||||
const prog: TaskProgram = this.compileMiddleTasks(this.middleTasks);
|
||||
this.m9zService.setTask(M9zCmd.MiddleTask, prog, { onSuccess:():void=>{}, onError:(e:string):void=>{} });
|
||||
}
|
||||
|
||||
this.showTaskDialog = false;
|
||||
promptAction.showToast({ message: '任务保存成功' });
|
||||
}
|
||||
|
||||
deleteMiddleTask(index: number) {
|
||||
this.middleTasks.splice(index, 1);
|
||||
const prog: TaskProgram = this.compileMiddleTasks(this.middleTasks);
|
||||
this.m9zService.setTask(M9zCmd.MiddleTask, prog, {
|
||||
onSuccess:():void=>{ promptAction.showToast({ message: '删除成功' }); },
|
||||
onError:(err:string):void=> { promptAction.showToast({ message: '删除失败' }); }
|
||||
});
|
||||
}
|
||||
|
||||
build() {
|
||||
Column() {
|
||||
// Mode Tabs
|
||||
Row() {
|
||||
ForEach([0,1,2], (mode: number) => {
|
||||
Button(`模式${mode+1}`)
|
||||
.backgroundColor(this.selectedViewMode === mode ? 'rgba(34, 253, 200, 0.2)' : '#2d3a51')
|
||||
.fontColor('#eaf6fc')
|
||||
.onClick((): void => {this.changeViewMode(mode);})
|
||||
.layoutWeight(1)
|
||||
})
|
||||
}.width('100%').margin({ bottom: 10 })
|
||||
|
||||
List() {
|
||||
ListItem() {
|
||||
this.TaskCard('开始任务', this.startTask, (): void => {this.openEditDialog('start', -1);})
|
||||
}
|
||||
|
||||
ForEach(this.middleTasks, (task: ControlTask, index: number) => {
|
||||
ListItem() {
|
||||
this.TaskCard(`中间任务 ${index+1}`, task, (): void => {this.openEditDialog('middle', index);}, true, (): void => {this.deleteMiddleTask(index);})
|
||||
}
|
||||
})
|
||||
|
||||
ListItem() {
|
||||
Button('+ 添加中间任务')
|
||||
.width('100%')
|
||||
.backgroundColor('rgba(34, 253, 200, 0.1)')
|
||||
.fontColor('#22fdc8')
|
||||
.onClick((): void => {this.openEditDialog('middle', -1);}) // -1 for new
|
||||
.margin({ top: 10, bottom: 10 })
|
||||
}
|
||||
|
||||
ListItem() {
|
||||
this.TaskCard('结束任务', this.stopTask, (): void => {this.openEditDialog('stop', -1);})
|
||||
}
|
||||
}
|
||||
.layoutWeight(1)
|
||||
.width('100%')
|
||||
|
||||
// Control Panel
|
||||
Row() {
|
||||
Button(`应用模式${this.selectedViewMode+1}到设备`)
|
||||
.onClick((): void => {this.changeDeviceMode();})
|
||||
.width('80%')
|
||||
.backgroundColor('#22fdc8')
|
||||
.fontColor('#000')
|
||||
}
|
||||
.width('100%')
|
||||
.justifyContent(FlexAlign.Center)
|
||||
.padding(10)
|
||||
|
||||
// Dialog
|
||||
if(this.showTaskDialog) {
|
||||
Stack() {
|
||||
Rect().width('100%').height('100%').fill('rgba(0,0,0,0.8)').onClick((): void => {this.showTaskDialog = false;})
|
||||
Column() {
|
||||
Text('编辑任务').fontColor('#fff').fontSize(16).margin({bottom: 10})
|
||||
|
||||
// Loops
|
||||
Text('选择开启回路').fontColor('#b2ebf2').margin({bottom: 5}).alignSelf(ItemAlign.Start)
|
||||
Grid() {
|
||||
ForEach([0,1,2,3,4,5,6,7,8,9], (idx: number) => {
|
||||
GridItem() {
|
||||
Text(`${idx+1}`)
|
||||
.backgroundColor(this.editingLoops.includes(idx) ? '#22fdc8' : '#333')
|
||||
.fontColor(this.editingLoops.includes(idx) ? '#000' : '#fff')
|
||||
.width(30).height(30).borderRadius(15)
|
||||
.textAlign(TextAlign.Center)
|
||||
.onClick((): void => {this.toggleEditingLoop(idx);})
|
||||
}
|
||||
})
|
||||
}.columnsTemplate('1fr 1fr 1fr 1fr 1fr').height(80)
|
||||
|
||||
// Time
|
||||
Row() {
|
||||
Text('时间').fontColor('#b2ebf2')
|
||||
TextInput({ text: this.editingTask.execTime }).width(100).backgroundColor('#333').fontColor('#fff')
|
||||
.onChange((val: string): void => {this.editingTask.execTime = val;})
|
||||
}.width('100%').margin({ top: 10 }).justifyContent(FlexAlign.SpaceBetween)
|
||||
|
||||
// Buttons
|
||||
Row() {
|
||||
Button('取消').onClick((): void => {this.showTaskDialog = false;}).backgroundColor('#666')
|
||||
Button('保存').onClick((): void => {this.saveTask();}).backgroundColor('#22fdc8').fontColor('#000')
|
||||
}.width('100%').justifyContent(FlexAlign.SpaceAround).margin({ top: 20 })
|
||||
}
|
||||
.backgroundColor('#1d3553')
|
||||
.padding(20)
|
||||
.width('90%')
|
||||
.borderRadius(10)
|
||||
}.position({x:0,y:0}).zIndex(100)
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
@Builder
|
||||
TaskCard(title: string, task: ControlTask, onEdit: () => void, isDeletable: boolean = false, onDelete?: () => void) {
|
||||
Column() {
|
||||
Row() {
|
||||
Text(title).fontColor('#22fdc8').fontWeight(FontWeight.Bold)
|
||||
Blank()
|
||||
Text(task.execTime).fontColor('#fff')
|
||||
}.width('100%').margin({ bottom: 5 })
|
||||
|
||||
Row() {
|
||||
ForEach(task.loops, (loop: TaskLoop) => {
|
||||
if (loop.turnOn) {
|
||||
Text(`${loop.index+1}`).fontSize(10).fontColor('#22fdc8').margin({right: 2})
|
||||
}
|
||||
})
|
||||
}.width('100%')
|
||||
|
||||
Row() {
|
||||
Button('编辑').fontSize(10).height(24).onClick(onEdit)
|
||||
if (isDeletable && onDelete) {
|
||||
Button('删除').fontSize(10).height(24).backgroundColor('red').margin({left: 10}).onClick(onDelete)
|
||||
}
|
||||
}.width('100%').justifyContent(FlexAlign.End).margin({ top: 5 })
|
||||
}
|
||||
.backgroundColor('rgba(20, 38, 81, 0.95)')
|
||||
.padding(10)
|
||||
.margin({ bottom: 10 })
|
||||
.borderRadius(5)
|
||||
}
|
||||
}
|
||||
@ -0,0 +1,467 @@
|
||||
import { M9zService, ManualData, LoopInfo } from '../../utils/M9zService';
|
||||
|
||||
@Component
|
||||
export struct ManualControl {
|
||||
@Prop deviceId: string;
|
||||
@State manualData: ManualData = new ManualData(); // 初始化 Class
|
||||
@State deviceTime: string = '--:--:--';
|
||||
@State isConnected: boolean = false;
|
||||
@State isLoading: boolean = false;
|
||||
@State selectedLoopIndex: number = -1;
|
||||
@State currentBrightness: number = 50;
|
||||
@State showBrightnessDialog: boolean = false;
|
||||
@State toastMessage: string = '';
|
||||
@State showToast: boolean = false;
|
||||
|
||||
private m9zService: M9zService = M9zService.getInstance();
|
||||
private timer: number = -1;
|
||||
|
||||
aboutToAppear() {
|
||||
this.initLoops();
|
||||
if (this.deviceId) {
|
||||
this.refreshData();
|
||||
this.startTimer();
|
||||
}
|
||||
}
|
||||
|
||||
aboutToDisappear() {
|
||||
if (this.timer > 0) {
|
||||
clearInterval(this.timer);
|
||||
}
|
||||
}
|
||||
|
||||
startTimer() {
|
||||
this.timer = setInterval((): void => {
|
||||
this.m9zService.getDeviceTime({
|
||||
onSuccess: (date: Date): void => {
|
||||
this.deviceTime = this.formatDateTime(date);
|
||||
},
|
||||
onError: (err: string): void => {
|
||||
// console.error('获取时间失败', err);
|
||||
}
|
||||
});
|
||||
}, 1000);
|
||||
}
|
||||
|
||||
initLoops() {
|
||||
const loops: LoopInfo[] = [];
|
||||
for (let i = 0; i < 10; i++) {
|
||||
const loop = new LoopInfo();
|
||||
loop.index = i;
|
||||
loop.name = `#${i + 1}`;
|
||||
loop.isOpen = false;
|
||||
loop.pwm = 0;
|
||||
loops.push(loop);
|
||||
}
|
||||
const data = new ManualData();
|
||||
data.disable = false;
|
||||
data.loops = loops;
|
||||
this.manualData = data;
|
||||
}
|
||||
|
||||
refreshData() {
|
||||
this.isLoading = true;
|
||||
this.m9zService.getManualControlInfo({
|
||||
onSuccess: (data: ManualData): void => {
|
||||
this.manualData = data;
|
||||
this.isLoading = false;
|
||||
},
|
||||
onError: (err: string): void => {
|
||||
this.showToastMessage('获取数据失败: ' + err);
|
||||
this.isLoading = false;
|
||||
}
|
||||
});
|
||||
}
|
||||
|
||||
toggleMode() {
|
||||
// Deep copy manualData
|
||||
const newData = new ManualData();
|
||||
newData.disable = !this.manualData.disable;
|
||||
this.manualData.loops.forEach((l: LoopInfo): void => {
|
||||
const loop = new LoopInfo();
|
||||
loop.index = l.index;
|
||||
loop.name = l.name;
|
||||
loop.isOpen = l.isOpen;
|
||||
loop.pwm = l.pwm;
|
||||
newData.loops.push(loop);
|
||||
});
|
||||
|
||||
this.m9zService.setManualControl(newData, {
|
||||
onSuccess: (success: boolean): void => {
|
||||
if (success) {
|
||||
this.manualData = newData; // Re-assign triggers UI update
|
||||
this.showToastMessage('模式切换成功');
|
||||
}
|
||||
},
|
||||
onError: (err: string): void => {
|
||||
this.showToastMessage('模式切换失败: ' + err);
|
||||
}
|
||||
});
|
||||
}
|
||||
|
||||
toggleLoop(index: number) {
|
||||
if (!this.manualData.disable) { // disable=true 代表手动模式 (0x01)
|
||||
this.showToastMessage('请先切换到手动模式');
|
||||
return;
|
||||
}
|
||||
|
||||
const newData = new ManualData();
|
||||
newData.disable = this.manualData.disable;
|
||||
this.manualData.loops.forEach((l: LoopInfo): void => {
|
||||
const loop = new LoopInfo();
|
||||
loop.index = l.index;
|
||||
loop.name = l.name;
|
||||
loop.isOpen = l.isOpen;
|
||||
loop.pwm = l.pwm;
|
||||
newData.loops.push(loop);
|
||||
});
|
||||
|
||||
// Toggle
|
||||
newData.loops[index].isOpen = !newData.loops[index].isOpen;
|
||||
|
||||
this.m9zService.setManualControl(newData, {
|
||||
onSuccess: (success: boolean): void => {
|
||||
if (success) {
|
||||
this.manualData = newData;
|
||||
}
|
||||
},
|
||||
onError: (err: string): void => {
|
||||
this.showToastMessage('控制失败: ' + err);
|
||||
}
|
||||
});
|
||||
}
|
||||
|
||||
openBrightnessDialog(index: number) {
|
||||
if (!this.manualData.disable) {
|
||||
this.showToastMessage('请先切换到手动模式');
|
||||
return;
|
||||
}
|
||||
this.selectedLoopIndex = index;
|
||||
if (index >= 0) {
|
||||
this.currentBrightness = this.manualData.loops[index].pwm;
|
||||
} else {
|
||||
this.currentBrightness = 50;
|
||||
}
|
||||
this.showBrightnessDialog = true;
|
||||
}
|
||||
|
||||
confirmBrightness() {
|
||||
const newData = new ManualData();
|
||||
newData.disable = this.manualData.disable;
|
||||
this.manualData.loops.forEach((l: LoopInfo): void => {
|
||||
const loop = new LoopInfo();
|
||||
loop.index = l.index;
|
||||
loop.name = l.name;
|
||||
loop.isOpen = l.isOpen;
|
||||
loop.pwm = l.pwm;
|
||||
newData.loops.push(loop);
|
||||
});
|
||||
|
||||
if (this.selectedLoopIndex >= 0) {
|
||||
newData.loops[this.selectedLoopIndex].pwm = this.currentBrightness;
|
||||
} else {
|
||||
// 全局调光
|
||||
for (let i = 0; i < 10; i++) {
|
||||
newData.loops[i].pwm = this.currentBrightness;
|
||||
}
|
||||
}
|
||||
|
||||
this.m9zService.setManualControl(newData, {
|
||||
onSuccess: (success: boolean): void => {
|
||||
if (success) {
|
||||
this.manualData = newData;
|
||||
this.showBrightnessDialog = false;
|
||||
this.showToastMessage('调光成功');
|
||||
}
|
||||
},
|
||||
onError: (err: string): void => {
|
||||
this.showToastMessage('调光失败: ' + err);
|
||||
}
|
||||
});
|
||||
}
|
||||
|
||||
turnOnAll(): void {
|
||||
if (!this.manualData.disable) {
|
||||
this.showToastMessage('请先切换到手动模式');
|
||||
return;
|
||||
}
|
||||
const newData = new ManualData();
|
||||
newData.disable = this.manualData.disable;
|
||||
this.manualData.loops.forEach((l: LoopInfo): void => {
|
||||
const loop = new LoopInfo();
|
||||
loop.index = l.index;
|
||||
loop.name = l.name;
|
||||
loop.isOpen = true; // ON
|
||||
loop.pwm = l.pwm;
|
||||
newData.loops.push(loop);
|
||||
});
|
||||
this.sendControl(newData, '全开成功');
|
||||
}
|
||||
|
||||
turnOffAll(): void {
|
||||
if (!this.manualData.disable) {
|
||||
this.showToastMessage('请先切换到手动模式');
|
||||
return;
|
||||
}
|
||||
const newData = new ManualData();
|
||||
newData.disable = this.manualData.disable;
|
||||
this.manualData.loops.forEach((l: LoopInfo): void => {
|
||||
const loop = new LoopInfo();
|
||||
loop.index = l.index;
|
||||
loop.name = l.name;
|
||||
loop.isOpen = false; // OFF
|
||||
loop.pwm = l.pwm;
|
||||
newData.loops.push(loop);
|
||||
});
|
||||
this.sendControl(newData, '全关成功');
|
||||
}
|
||||
|
||||
sendControl(newData: ManualData, successMsg: string): void {
|
||||
this.m9zService.setManualControl(newData, {
|
||||
onSuccess: (success: boolean): void => {
|
||||
if (success) {
|
||||
this.manualData = newData;
|
||||
this.showToastMessage(successMsg);
|
||||
}
|
||||
},
|
||||
onError: (err: string): void => {
|
||||
this.showToastMessage('操作失败: ' + err);
|
||||
}
|
||||
});
|
||||
}
|
||||
|
||||
syncDeviceTime(): void {
|
||||
this.m9zService.setDeviceTime(new Date(), {
|
||||
onSuccess: (): void => this.showToastMessage('时间同步成功'),
|
||||
onError: (err: string): void => this.showToastMessage('同步失败:' + err)
|
||||
});
|
||||
}
|
||||
|
||||
showToastMessage(msg: string): void {
|
||||
this.toastMessage = msg;
|
||||
this.showToast = true;
|
||||
setTimeout((): void => {
|
||||
this.showToast = false;
|
||||
}, 2000);
|
||||
}
|
||||
|
||||
formatDateTime(date: Date): string {
|
||||
const y = date.getFullYear();
|
||||
const m = String(date.getMonth() + 1).padStart(2, '0');
|
||||
const d = String(date.getDate()).padStart(2, '0');
|
||||
const h = String(date.getHours()).padStart(2, '0');
|
||||
const min = String(date.getMinutes()).padStart(2, '0');
|
||||
const s = String(date.getSeconds()).padStart(2, '0');
|
||||
return `${y}-${m}-${d} ${h}:${min}:${s}`;
|
||||
}
|
||||
|
||||
build() {
|
||||
Column() {
|
||||
// 这里的UI结构参考 ManualControl.vue 和 BluetoothControlPage.ets 融合
|
||||
// 设备信息
|
||||
Column() {
|
||||
Row() {
|
||||
Text(`设备时间：${this.deviceTime}`)
|
||||
.fontSize(14)
|
||||
.fontColor('#eaf6fc')
|
||||
Blank()
|
||||
Button('刷新')
|
||||
.fontSize(12)
|
||||
.height(24)
|
||||
.onClick(() => this.refreshData())
|
||||
}.width('100%').margin({bottom: 10})
|
||||
|
||||
// 模式切换
|
||||
Row() {
|
||||
Text('控制模式')
|
||||
.fontSize(14)
|
||||
.fontColor('#22fdc8')
|
||||
Blank()
|
||||
Button(this.manualData.disable ? '手动模式' : '自动模式')
|
||||
.fontSize(12)
|
||||
.fontColor(this.manualData.disable ? '#22fdc8' : '#b2ebf2')
|
||||
.backgroundColor(this.manualData.disable ? 'rgba(34, 253, 200, 0.1)' : 'rgba(20, 38, 81, 0.95)')
|
||||
.border({ width: 1, color: this.manualData.disable ? '#22fdc8' : '#213b67' })
|
||||
.onClick((): void => {
|
||||
this.toggleMode();
|
||||
})
|
||||
}.width('100%').margin({bottom: 15})
|
||||
|
||||
// 回路控制 Grid
|
||||
Text('回路控制')
|
||||
.fontSize(14)
|
||||
.fontColor('#22fdc8')
|
||||
.width('100%')
|
||||
.margin({ bottom: 10 })
|
||||
|
||||
Grid() {
|
||||
ForEach(this.manualData.loops, (loop: LoopInfo): void => {
|
||||
GridItem() {
|
||||
Column() {
|
||||
Text('💡')
|
||||
.fontSize(20)
|
||||
.fontColor(loop.isOpen ? '#22fdc8' : '#666')
|
||||
.backgroundColor(loop.isOpen ? 'rgba(34, 253, 200, 0.2)' : '#2d3a51')
|
||||
.width(40).height(40)
|
||||
.borderRadius(20)
|
||||
.textAlign(TextAlign.Center)
|
||||
.lineHeight(40)
|
||||
.border({ width: 1, color: loop.isOpen ? '#22fdc8' : '#3e7ba1' })
|
||||
|
||||
Text(loop.name)
|
||||
.fontSize(12)
|
||||
.fontColor('#eaf6fc')
|
||||
.margin({top: 5})
|
||||
}
|
||||
.onClick((): void => {
|
||||
this.toggleLoop(loop.index);
|
||||
})
|
||||
}
|
||||
})
|
||||
}
|
||||
.columnsTemplate('1fr 1fr 1fr 1fr 1fr')
|
||||
.rowsGap(15)
|
||||
.height(140)
|
||||
|
||||
// 调光控制 Grid
|
||||
Text('调光控制')
|
||||
.fontSize(14)
|
||||
.fontColor('#22fdc8')
|
||||
.width('100%')
|
||||
.margin({ top: 15, bottom: 10 })
|
||||
|
||||
Grid() {
|
||||
ForEach(this.manualData.loops, (loop: LoopInfo): void => {
|
||||
GridItem() {
|
||||
Column() {
|
||||
Text(`${loop.pwm}%`)
|
||||
.fontSize(12)
|
||||
.fontColor('#eaf6fc')
|
||||
.backgroundColor(loop.pwm > 0 ? 'rgba(34, 253, 200, 0.2)' : '#2d3a51')
|
||||
.width(40).height(40)
|
||||
.borderRadius(20)
|
||||
.textAlign(TextAlign.Center)
|
||||
.lineHeight(40)
|
||||
.border({ width: 1, color: loop.pwm > 0 ? '#22fdc8' : '#3e7ba1' })
|
||||
|
||||
Text(`通道${loop.index + 1}`)
|
||||
.fontSize(10)
|
||||
.fontColor('#b2ebf2')
|
||||
.margin({top: 5})
|
||||
}
|
||||
.onClick((): void => {
|
||||
this.openBrightnessDialog(loop.index);
|
||||
})
|
||||
}
|
||||
})
|
||||
}
|
||||
.columnsTemplate('1fr 1fr 1fr 1fr 1fr')
|
||||
.rowsGap(15)
|
||||
.height(140)
|
||||
|
||||
// 快捷操作
|
||||
Row() {
|
||||
Button('全开')
|
||||
.fontSize(12)
|
||||
.fontColor('#22fdc8')
|
||||
.backgroundColor('rgba(34, 253, 200, 0.1)')
|
||||
.border({ width: 1, color: '#22fdc8' })
|
||||
.layoutWeight(1)
|
||||
.onClick((): void => {
|
||||
this.turnOnAll();
|
||||
})
|
||||
|
||||
Button('全关')
|
||||
.fontSize(12)
|
||||
.fontColor('#fa5050')
|
||||
.backgroundColor('rgba(250, 80, 80, 0.1)')
|
||||
.border({ width: 1, color: '#fa5050' })
|
||||
.layoutWeight(1)
|
||||
.margin({ left: 8 })
|
||||
.onClick((): void => {
|
||||
this.turnOffAll();
|
||||
})
|
||||
|
||||
Button('一键调光')
|
||||
.fontSize(12)
|
||||
.fontColor('#ffcb4d')
|
||||
.backgroundColor('rgba(255, 203, 77, 0.1)')
|
||||
.border({ width: 1, color: '#ffcb4d' })
|
||||
.layoutWeight(1)
|
||||
.margin({ left: 8 })
|
||||
.onClick((): void => {
|
||||
this.openBrightnessDialog(-1);
|
||||
})
|
||||
}
|
||||
.width('100%')
|
||||
.margin({ top: 15 })
|
||||
|
||||
Row() {
|
||||
Button('同步时间')
|
||||
.fontSize(12)
|
||||
.fontColor('#40a7fa')
|
||||
.backgroundColor('rgba(64, 167, 250, 0.1)')
|
||||
.border({ width: 1, color: '#40a7fa' })
|
||||
.layoutWeight(1)
|
||||
.onClick((): void => {
|
||||
this.syncDeviceTime();
|
||||
})
|
||||
}.width('100%').margin({top: 10})
|
||||
|
||||
}
|
||||
.padding(15)
|
||||
.width('100%')
|
||||
|
||||
if (this.showToast) {
|
||||
Text(this.toastMessage)
|
||||
.fontSize(12)
|
||||
.fontColor('white')
|
||||
.backgroundColor('rgba(0,0,0,0.7)')
|
||||
.padding(10)
|
||||
.borderRadius(5)
|
||||
.position({x: '35%', y: '80%'})
|
||||
}
|
||||
|
||||
if (this.showBrightnessDialog) {
|
||||
// 简易弹窗
|
||||
Stack() {
|
||||
Rect().width('100%').height('100%').fill('rgba(0,0,0,0.5)').onClick((): void => {
|
||||
this.showBrightnessDialog = false;
|
||||
})
|
||||
Column() {
|
||||
Text(this.selectedLoopIndex >= 0 ? `通道${this.selectedLoopIndex + 1} 亮度` : '全部通道 亮度')
|
||||
.fontColor('#eaf6fc').margin({bottom: 20})
|
||||
|
||||
Text(`${this.currentBrightness}%`).fontColor('#22fdc8').fontSize(24).margin({bottom: 20})
|
||||
|
||||
Slider({
|
||||
value: this.currentBrightness,
|
||||
min: 0,
|
||||
max: 100,
|
||||
style: SliderStyle.OutSet
|
||||
})
|
||||
.onChange((value: number): void => {
|
||||
this.currentBrightness = value;
|
||||
})
|
||||
.width('80%')
|
||||
|
||||
Row() {
|
||||
Button('取消').onClick((): void => {this.showBrightnessDialog = false;}).backgroundColor('transparent').fontColor('#999')
|
||||
Button('确定').onClick((): void => {this.confirmBrightness();}).backgroundColor('#22fdc8').fontColor('#000')
|
||||
}.margin({top: 20}).width('100%').justifyContent(FlexAlign.SpaceAround)
|
||||
}
|
||||
.width('80%')
|
||||
.backgroundColor('#1d3553')
|
||||
.padding(20)
|
||||
.borderRadius(10)
|
||||
}
|
||||
.position({x: 0, y: 0})
|
||||
.zIndex(100)
|
||||
.width('100%')
|
||||
.height('100%')
|
||||
}
|
||||
}
|
||||
.width('100%')
|
||||
.height('100%')
|
||||
}
|
||||
}
|
||||
Loading…
Reference in new issue