Wance/frontend_hmi
14
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

优化日志函数

Browse Source
This commit is contained in:
tao
2025-12-11 17:09:27 +08:00
parent ea26dc64ab
commit 594ab0186c
3 changed files with 13 additions and 59 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
src/components/common/ExecutionResult/index.vue
View File

@@ -50,13 +50,9 @@ watch(() => props.logs, (newLogs) => {
// 滚动到底部
const scrollToBottom = () => {
if (logContainer.value) {
setTimeout(() => {
if (logContainer.value) {
logContainer.value.scrollTop = logContainer.value.scrollHeight;
}
}, 0);
}
};
// 处理清空按钮点击

21
src/views/index.vue
View File

@@ -49,14 +49,6 @@ const executionLogs = ref<string[]>([]);
const packageLogs = ref<string[]>([]);
// 滚动到检测设备日志底部的函数
const scrollToExecutionBottom = () => {
const logsContainer = document.querySelector('.execution-logs-content');
if (logsContainer) {
logsContainer.scrollTop = logsContainer.scrollHeight;
}
};
// 底部操作按钮配置
const actionButtons = ref([
{ label: '工序过站', handler: 'handleProcessPass', type: 'primary' as const, status: 'idle' as const },
@@ -87,25 +79,12 @@ const addDetectionLog = (message: string) => {
const timestamp = new Date().toLocaleTimeString('zh-CN', { hour12: false });
const logEntry = `${timestamp} - ${message}`;
executionLogs.value.push(logEntry);
// 自动滚动到底部
nextTick(() => {
scrollToExecutionBottom();
});
};
const addPackageLog = (message: string) => {
const timestamp = new Date().toLocaleTimeString('zh-CN', { hour12: false });
const logEntry = `${timestamp} - ${message}`;
packageLogs.value.push(logEntry);
// 自动滚动到底部
nextTick(() => {
const logContainers = document.querySelectorAll('.log-container');
logContainers.forEach(container => {
container.scrollTop = container.scrollHeight;
});
});
};
// 清空检测设备执行日志

45
src/views/lms/index.vue
View File

@@ -49,14 +49,6 @@ const executionLogs = ref<string[]>([]);
const packageLogs = ref<string[]>([]);
// 滚动到检测设备日志底部的函数
const scrollToExecutionBottom = () => {
const logsContainer = document.querySelector('.execution-logs-content');
if (logsContainer) {
logsContainer.scrollTop = logsContainer.scrollHeight;
}
};
// 底部操作按钮配置
const actionButtons = ref([
{ label: '工序过站', handler: 'handleProcessPass', type: 'primary' as const, status: 'idle' as const },
@@ -87,25 +79,12 @@ const addDetectionLog = (message: string) => {
const timestamp = new Date().toLocaleTimeString('zh-CN', { hour12: false });
const logEntry = `${timestamp} - ${message}`;
executionLogs.value.push(logEntry);
// 自动滚动到底部
nextTick(() => {
scrollToExecutionBottom();
});
};
const addPackageLog = (message: string) => {
const timestamp = new Date().toLocaleTimeString('zh-CN', { hour12: false });
const logEntry = `${timestamp} - ${message}`;
packageLogs.value.push(logEntry);
// 自动滚动到底部
nextTick(() => {
const logContainers = document.querySelectorAll('.log-container');
logContainers.forEach(container => {
container.scrollTop = container.scrollHeight;
});
});
};
// 清空检测设备执行日志
@@ -161,12 +140,12 @@ const handlePackagePass = () => {
// SSE事件处理函数
const handleL1Event = (data: any) => {
// L1_EVENT放到自动包装日志区
addPackageLog(`L1事件: ${JSON.stringify(data)}`);
addPackageLog(`L1事件: ${data.message}`);
};
const handleL4Event = (data: any) => {
// L4_EVENT放到检测设备日志区
addDetectionLog(`L4事件: ${JSON.stringify(data)}`);
addDetectionLog(`L4事件: ${data.message}`);
if (data.code === 201) {
detectForm.confirmSequence = data.data
}
@@ -174,7 +153,7 @@ const handleL4Event = (data: any) => {
const handleMESEvent = (data: any) => {
// MES_EVENT放到检测设备日志区
addDetectionLog(`MES事件: ${JSON.stringify(data)}`);
addDetectionLog(`MES事件: ${data.message}`);
};
const handleSseMessage = (data: string) => {
@@ -466,27 +445,27 @@ onBeforeUnmount(() => {
<a-row :gutter="32">
<a-col :span="12">
<a-form-item label="员工工号" name="employeeCode">
<a-input v-model:value="packageForm.employeeCode" class="edit-input" :disabled="!isPackageEditMode" />
<a-input v-model:value="packageForm.employeeCode" class="edit-input" :disabled="!isPackageEditMode" placeholder="未启用" />
</a-form-item>
</a-col>
<a-col :span="12">
<a-form-item label="工序名称" name="processName">
<a-input v-model:value="packageForm.processName" class="edit-input" :disabled="!isPackageEditMode" />
<a-input v-model:value="packageForm.processName" class="edit-input" :disabled="!isPackageEditMode" placeholder="未启用" />
</a-form-item>
</a-col>
<a-col :span="12">
<a-form-item label="资源名称" name="resourceName">
<a-input v-model:value="packageForm.resourceName" class="edit-input" :disabled="!isPackageEditMode" />
<a-input v-model:value="packageForm.resourceName" class="edit-input" :disabled="!isPackageEditMode" placeholder="未启用" />
</a-form-item>
</a-col>
<a-col :span="12">
<a-form-item label="设备编码" name="equipmentCode">
<a-input v-model:value="packageForm.equipmentCode" class="edit-input" :disabled="!isPackageEditMode" />
<a-input v-model:value="packageForm.equipmentCode" class="edit-input" :disabled="!isPackageEditMode" placeholder="未启用" />
</a-form-item>
</a-col>
<a-col :span="12">
<a-form-item label="治具编码" name="fixtureCode">
<a-input v-model:value="packageForm.fixtureCode" class="edit-input" :disabled="!isPackageEditMode" />
<a-input v-model:value="packageForm.fixtureCode" class="edit-input" :disabled="!isPackageEditMode" placeholder="未启用" />
</a-form-item>
</a-col>
<a-col :span="12">
@@ -500,22 +479,22 @@ onBeforeUnmount(() => {
</a-col>
<a-col :span="12">
<a-form-item label="序号" name="fixtureCode">
<a-input v-model:value="packageForm.sequenceNumber" class="edit-input" disabled />
<a-input v-model:value="packageForm.sequenceNumber" class="edit-input" disabled placeholder="未启用" />
</a-form-item>
</a-col>
<a-col :span="12">
<a-form-item label="过站数量" name="fixtureCode">
<a-input v-model:value="packageForm.passStationCount" class="edit-input" disabled />
<a-input v-model:value="packageForm.passStationCount" class="edit-input" disabled placeholder="未启用" />
</a-form-item>
</a-col>
<a-col :span="12">
<a-form-item label="满箱数量" name="fixtureCode">
<a-input v-model:value="packageForm.fullBoxCount" class="edit-input" disabled />
<a-input v-model:value="packageForm.fullBoxCount" class="edit-input" disabled placeholder="未启用" />
</a-form-item>
</a-col>
<a-col :span="12">
<a-form-item label="过站序号" name="fixtureCode">
<a-input v-model:value="packageForm.passStationSequence" class="edit-input" disabled />
<a-input v-model:value="packageForm.passStationSequence" class="edit-input" disabled placeholder="未启用" />
</a-form-item>
</a-col>
</a-row>