opt:二楼agv看板

This commit is contained in:
2026-04-24 15:18:06 +08:00
parent 3d01a08969
commit 691969f00d
7 changed files with 921 additions and 2 deletions

View File

@@ -0,0 +1,38 @@
package org.nl.acs.agv.controller;
import org.nl.acs.agv.service.impl.TwoFloorAgvStatusService;
import org.springframework.beans.factory.annotation.Autowired;
import org.springframework.web.bind.annotation.GetMapping;
import org.springframework.web.bind.annotation.RequestMapping;
import org.springframework.web.bind.annotation.RestController;
/**
* 二楼AGV状态控制器
* 提供HTTP接口获取AGV状态信息
*/
@RestController
@RequestMapping("/api/agv/two-floor")
public class TwoFloorAgvController {
@Autowired
private TwoFloorAgvStatusService agvStatusService;
/**
* 获取所有二楼AGV状态
* @return 所有AGV状态列表
*/
@GetMapping("/status")
public Object getAllAgvStatus() {
return agvStatusService.getAllAgvStatus();
}
/**
* 获取单个AGV状态
* @param vehicleCode AGV车辆代码
* @return AGV状态信息
*/
@GetMapping("/status/{vehicleCode}")
public Object getAgvStatus(String vehicleCode) {
return agvStatusService.getAgvStatus(vehicleCode);
}
}

View File

@@ -0,0 +1,131 @@
package org.nl.acs.agv.domain;
import lombok.Data;
/**
* 二楼AGV状态数据模型
* 用于存储和传输AGV的实时状态信息
*/
@Data
public class TwoFloorAgvStatus {
/**
* AGV车辆代码
*/
private String vehicle_code;
/**
* AGV状态
*/
private String status;
/**
* AGV状态文本描述
*/
private String status_text;
/**
* 当前任务代码
*/
private String task_code;
/**
* 当前指令代码
*/
private String inst_code;
/**
* 当前阶段值
*/
private Integer phase;
/**
* 当前阶段名称
*/
private String phase_name;
/**
* 当前位置
*/
private String address;
/**
* 物料类型
*/
private String material_type;
/**
* 物料数量
*/
private Integer quantity;
/**
* 开始设备代码
*/
private String start_device_code;
/**
* 下一个设备代码
*/
private String next_device_code;
/**
* 是否有错误
*/
private Boolean is_error;
/**
* 错误代码
*/
private String error_code;
/**
* 错误信息
*/
private String error_message;
/**
* 卡住的Action
*/
private String error_action;
/**
* 卡住的Mode
*/
private String error_mode;
/**
* 电量
*/
private Integer electric_qty;
/**
* X坐标
*/
private Integer x;
/**
* Y坐标
*/
private Integer y;
/**
* 角度
*/
private Integer angle;
/**
* 区域
*/
private Integer region;
/**
* 是否在线
*/
private Boolean is_online;
/**
* 三色灯状态
*/
private Integer status_light;
}

View File

@@ -0,0 +1,178 @@
package org.nl.acs.agv.service.impl;
import org.nl.acs.agv.domain.TwoFloorAgvStatus;
import org.nl.acs.device_driver.agv.utils.TwoAgvPhase;
import org.springframework.beans.factory.annotation.Autowired;
import org.springframework.stereotype.Service;
import java.util.ArrayList;
import java.util.HashMap;
import java.util.List;
import java.util.Map;
/**
* 二楼AGV状态管理服务
* 负责管理和更新AGV状态通过HTTP接口提供状态查询
*/
@Service
public class TwoFloorAgvStatusService {
@Autowired
private TwoAgvPhase twoAgvPhase;
/**
* 存储AGV状态信息key为AGV车辆代码
*/
private Map<String, TwoFloorAgvStatus> agvStatusMap = new HashMap<>();
/**
* 初始化AGV状态
*/
public TwoFloorAgvStatusService() {
// 初始化二楼的4台AGV
for (int i = 1; i <= 4; i++) {
TwoFloorAgvStatus agvStatus = new TwoFloorAgvStatus();
String vehicleCode = String.format("AGV%02d", i);
agvStatus.setVehicle_code(vehicleCode);
agvStatus.setStatus("idle");
agvStatus.setStatus_text("空闲");
agvStatus.setIs_error(false);
agvStatus.setIs_online(true);
agvStatusMap.put(vehicleCode, agvStatus);
}
}
/**
* 更新AGV状态
* @param agvStatus AGV状态信息
*/
public void updateAgvStatus(TwoFloorAgvStatus agvStatus) {
if (agvStatus == null || agvStatus.getVehicle_code() == null) {
return;
}
// 处理阶段名称
if (agvStatus.getPhase() != null) {
String phaseName = twoAgvPhase.getPhaseName(agvStatus.getPhase());
agvStatus.setPhase_name(phaseName);
}
// 处理状态文本
this.handleStatusText(agvStatus);
// 更新状态
agvStatusMap.put(agvStatus.getVehicle_code(), agvStatus);
// 推送状态更新
this.pushAgvStatusUpdate();
}
/**
* 处理AGV状态文本
*/
private void handleStatusText(TwoFloorAgvStatus agvStatus) {
switch (agvStatus.getStatus()) {
case "running":
agvStatus.setStatus_text("运行中");
break;
case "idle":
agvStatus.setStatus_text("空闲");
break;
case "error":
agvStatus.setStatus_text("异常");
agvStatus.setIs_error(true);
break;
case "charging":
agvStatus.setStatus_text("充电中");
break;
default:
agvStatus.setStatus_text("未知");
break;
}
}
/**
* 获取单个AGV状态
* @param vehicleCode AGV车辆代码
* @return AGV状态信息
*/
public TwoFloorAgvStatus getAgvStatus(String vehicleCode) {
return agvStatusMap.get(vehicleCode);
}
/**
* 获取所有AGV状态
* @return 所有AGV状态列表
*/
public List<TwoFloorAgvStatus> getAllAgvStatus() {
return new ArrayList<>(agvStatusMap.values());
}
/**
* 更新AGV状态后不需要推送由前端通过HTTP接口主动查询
*/
public void pushAgvStatusUpdate() {
// 改为HTTP接口后不再需要主动推送
// 前端会通过定时请求获取最新状态
}
/**
* 更新AGV任务信息
*/
public void updateAgvTaskInfo(String vehicleCode, String taskCode, String instCode) {
TwoFloorAgvStatus agvStatus = agvStatusMap.get(vehicleCode);
if (agvStatus != null) {
agvStatus.setTask_code(taskCode);
agvStatus.setInst_code(instCode);
this.pushAgvStatusUpdate();
}
}
/**
* 更新AGV阶段信息
*/
public void updateAgvPhase(String vehicleCode, Integer phase) {
TwoFloorAgvStatus agvStatus = agvStatusMap.get(vehicleCode);
if (agvStatus != null) {
agvStatus.setPhase(phase);
agvStatus.setPhase_name(twoAgvPhase.getPhaseName(phase));
this.pushAgvStatusUpdate();
}
}
/**
* 更新AGV错误信息
*/
public void updateAgvError(String vehicleCode, String errorCode, String errorMessage, String errorAction, String errorMode) {
TwoFloorAgvStatus agvStatus = agvStatusMap.get(vehicleCode);
if (agvStatus != null) {
agvStatus.setIs_error(true);
agvStatus.setError_code(errorCode);
agvStatus.setError_message(errorMessage);
agvStatus.setError_action(errorAction);
agvStatus.setError_mode(errorMode);
agvStatus.setStatus("error");
agvStatus.setStatus_text("异常");
this.pushAgvStatusUpdate();
}
}
/**
* 清除AGV错误信息
*/
public void clearAgvError(String vehicleCode) {
TwoFloorAgvStatus agvStatus = agvStatusMap.get(vehicleCode);
if (agvStatus != null) {
agvStatus.setIs_error(false);
agvStatus.setError_code(null);
agvStatus.setError_message(null);
agvStatus.setError_action(null);
agvStatus.setError_mode(null);
if ("error".equals(agvStatus.getStatus())) {
agvStatus.setStatus("idle");
agvStatus.setStatus_text("空闲");
}
this.pushAgvStatusUpdate();
}
}
}

View File

@@ -23,6 +23,7 @@ import org.nl.config.lucene.service.LuceneExecuteLogService;
import org.nl.config.lucene.service.dto.LuceneLogDto;
import org.nl.system.service.param.ISysParamService;
import org.nl.system.service.param.impl.SysParamServiceImpl;
import org.nl.acs.agv.service.impl.TwoFloorAgvStatusService;
import org.springframework.beans.factory.annotation.Autowired;
import org.springframework.stereotype.Component;
@@ -68,6 +69,11 @@ public class TwoNDCSocketConnectionAutoRun extends AbstractAutoRunnable {
AutoRunService autoRunService;
@Autowired
LuceneExecuteLogService luceneExecuteLogService;
/**
* 二楼AGV状态管理服务
*/
private TwoFloorAgvStatusService agvStatusService;
public TwoNDCSocketConnectionAutoRun() {
@@ -93,6 +99,9 @@ public class TwoNDCSocketConnectionAutoRun extends AbstractAutoRunnable {
DeviceAppService deviceAppService = SpringContextHolder.getBean(DeviceAppService.class);
DeviceService deviceService = SpringContextHolder.getBean(DeviceService.class);
DeviceExecuteLogService logServer = SpringContextHolder.getBean(DeviceExecuteLogService.class);
// 初始化AGV状态管理服务
agvStatusService = SpringContextHolder.getBean(TwoFloorAgvStatusService.class);
try {
log.info("2楼1区域AGV系统链接开始");

View File

@@ -44,6 +44,8 @@ import org.nl.config.lucene.service.dto.LuceneLogDto;
import org.nl.config.thread.ThreadPoolExecutorUtil;
import org.nl.system.service.param.ISysParamService;
import org.nl.config.SpringContextHolder;
import org.nl.acs.agv.domain.TwoFloorAgvStatus;
import org.nl.acs.agv.service.impl.TwoFloorAgvStatusService;
import java.util.HashMap;
import java.util.LinkedHashMap;
@@ -71,6 +73,11 @@ public class AgvNdcTwoDeviceDriver extends AbstractDeviceDriver implements Devic
LuceneExecuteLogService luceneExecuteLogService = SpringContextHolder.getBean(LuceneExecuteLogService.class);
TwoAgvPhase twoAgvPhase = new TwoAgvPhase();
/**
* 二楼AGV状态管理服务
*/
private TwoFloorAgvStatusService agvStatusService = SpringContextHolder.getBean(TwoFloorAgvStatusService.class);
String error_code = "0";
int agvaddr = 0;
int agvaddr_copy = 0;
@@ -100,6 +107,163 @@ public class AgvNdcTwoDeviceDriver extends AbstractDeviceDriver implements Devic
this.error_message = error_message;
}
/**
* 更新AGV状态信息到TwoFloorAgvStatusService
* @param arr socket数据数组
* @param carno 车号
* @param phase 当前阶段
* @param ikey 任务号
* @param agvaddr 站点号
* @param inst 指令信息
* @param task 任务信息
*/
private void updateAgvStatusToService(int[] arr, int carno, int phase, int ikey, int agvaddr, Instruction inst, TaskDto task) {
if (carno == 0) {
return;
}
try {
// 创建AGV状态对象
TwoFloorAgvStatus agvStatus = new TwoFloorAgvStatus();
// 设置AGV车辆代码
String vehicleCode = String.format("AGV%02d", carno);
agvStatus.setVehicle_code(vehicleCode);
// 设置状态
String status = "running";
if (iserror) {
status = "error";
} else if (phase == 0x67 || phase == 0x71 || phase == 0x72 || phase == 0x73 || phase == 0x74 || phase == 0x75) {
status = "idle";
}
agvStatus.setStatus(status);
// 设置任务信息
if (inst != null) {
agvStatus.setTask_code(inst.getTask_code());
agvStatus.setInst_code(String.valueOf(ikey));
}
// 设置阶段信息
agvStatus.setPhase(phase);
agvStatus.setPhase_name(twoAgvPhase.getPhaseName(phase));
// 设置位置信息
String address = deviceService.queryDeviceCodeByAddress(agvaddr);
agvStatus.setAddress(address);
// 设置错误信息
agvStatus.setIs_error(iserror);
agvStatus.setError_code(error_code);
agvStatus.setError_message(error_message);
// 设置电量
agvStatus.setElectric_qty(electric_qty);
// 设置坐标和角度
agvStatus.setX(x);
agvStatus.setY(y);
agvStatus.setAngle(angle);
// 设置区域
agvStatus.setRegion(region);
// 设置在线状态
agvStatus.setIs_online(isonline);
// 更新到服务
agvStatusService.updateAgvStatus(agvStatus);
} catch (Exception e) {
log.error("更新AGV状态到服务失败: {}", e.getMessage());
}
}
/**
* 记录任务卡住原因
* @param carno 车号
* @param device_code 设备号
* @param deviceDriver 设备驱动
* @param message 错误信息
*/
private void recordTaskStuckReason(int carno, String device_code, Object deviceDriver, String message) {
try {
// 解析错误信息提取action和mode不满足的原因
String error_action = null;
String error_mode = null;
// 根据不同设备驱动类型提取action和mode信息
if (deviceDriver instanceof WasteFoilWeighingStationDriver) {
WasteFoilWeighingStationDriver driver = (WasteFoilWeighingStationDriver) deviceDriver;
if (driver.getAction() != 1) {
error_action = "动作信号:" + driver.getAction() + "不满足条件";
}
if (driver.getMode() != 2) {
error_mode = "模式:" + driver.getMode() + "不满足条件";
}
} else if (deviceDriver instanceof StandardOrdinarySiteDeviceDriver) {
StandardOrdinarySiteDeviceDriver driver = (StandardOrdinarySiteDeviceDriver) deviceDriver;
if (driver.getAction() != 1) {
error_action = "动作信号:" + driver.getAction() + "不满足条件";
}
if (driver.getMode() != 2) {
error_mode = "模式:" + driver.getMode() + "不满足条件";
}
} else if (deviceDriver instanceof HongXiangStationDeviceDriver) {
HongXiangStationDeviceDriver driver = (HongXiangStationDeviceDriver) deviceDriver;
if (driver.getAction() != 1) {
error_action = "动作信号:" + driver.getAction() + "不满足条件";
}
if (driver.getMode() != 2) {
error_mode = "模式:" + driver.getMode() + "不满足条件";
}
} else if (deviceDriver instanceof ManipulatorAgvStationDeviceDriver) {
ManipulatorAgvStationDeviceDriver driver = (ManipulatorAgvStationDeviceDriver) deviceDriver;
if (driver.getAction() != 1) {
error_action = "动作信号:" + driver.getAction() + "不满足条件";
}
if (driver.getMode() != 2) {
error_mode = "模式:" + driver.getMode() + "不满足条件";
}
} else if (deviceDriver instanceof RangingStationsDeviceDriver) {
RangingStationsDeviceDriver driver = (RangingStationsDeviceDriver) deviceDriver;
if (driver.getAction() != 1) {
error_action = "动作信号:" + driver.getAction() + "不满足条件";
}
if (driver.getMode() != 2) {
error_mode = "模式:" + driver.getMode() + "不满足条件";
}
} else if (deviceDriver instanceof StandardInspectSiteDeviceDriver) {
StandardInspectSiteDeviceDriver driver = (StandardInspectSiteDeviceDriver) deviceDriver;
if (driver.getAction() != 1) {
error_action = "动作信号:" + driver.getAction() + "不满足条件";
}
if (driver.getMode() != 2) {
error_mode = "模式:" + driver.getMode() + "不满足条件";
}
}
// 创建AGV状态对象
TwoFloorAgvStatus agvStatus = new TwoFloorAgvStatus();
// 设置AGV车辆代码
String vehicleCode = String.format("AGV%02d", carno);
agvStatus.setVehicle_code(vehicleCode);
// 设置错误信息
agvStatus.setIs_error(true);
agvStatus.setStatus("error");
agvStatus.setError_message(message);
agvStatus.setError_action(error_action);
agvStatus.setError_mode(error_mode);
// 更新到服务
agvStatusService.updateAgvStatus(agvStatus);
} catch (Exception e) {
log.error("记录任务卡住原因失败: {}", e.getMessage());
}
}
public synchronized void processSocket(int[] arr) throws Exception {
device_code = this.getDeviceCode();
byte[] data = null;
@@ -180,6 +344,9 @@ public class AgvNdcTwoDeviceDriver extends AbstractDeviceDriver implements Devic
//废箔称重位
WasteFoilWeighingStationDriver wasteFoilWeighingStationDriver;
// 更新AGV状态信息到TwoFloorAgvStatusService
updateAgvStatusToService(arr, carno, phase, ikey, agvaddr, inst, task);
if (phase == 0x02) {
if (ObjectUtil.isEmpty(inst)) {
log.info("未找到指令号{}对应的指令", ikey);
@@ -301,6 +468,8 @@ public class AgvNdcTwoDeviceDriver extends AbstractDeviceDriver implements Devic
.build();
logDto.setLog_level(4);
luceneExecuteLogService.deviceExecuteLog(logDto);
// 记录任务卡住原因
recordTaskStuckReason(carno, device_code, standardInspectSiteDeviceDriver, message);
}
} else if (device.getDeviceDriver() instanceof ManipulatorAgvStationDeviceDriver) {
manipulatorAgvStationDeviceDriver = (ManipulatorAgvStationDeviceDriver) device.getDeviceDriver();
@@ -319,12 +488,15 @@ public class AgvNdcTwoDeviceDriver extends AbstractDeviceDriver implements Devic
luceneExecuteLogService.deviceExecuteLog(logDto);
} else {
log.info("设备{},动作信号{} ,不满足取货条件,指令号{}", manipulatorAgvStationDeviceDriver.getDeviceCode(), manipulatorAgvStationDeviceDriver.getAction(), ikey);
message = "设备号:" + device_code + "动作信号:" + manipulatorAgvStationDeviceDriver.getAction() + ",指令号:" + ikey + "不满足取货条件";
LuceneLogDto logDto = LuceneLogDto.builder()
.device_code(manipulatorAgvStationDeviceDriver.getDeviceCode())
.content("未给agv进入信号原因是" + manipulatorAgvStationDeviceDriver.getDevice_code() + "动作信号不为1")
.build();
logDto.setLog_level(4);
luceneExecuteLogService.deviceExecuteLog(logDto);
// 记录任务卡住原因
recordTaskStuckReason(carno, device_code, manipulatorAgvStationDeviceDriver, message);
}
} else if (device.getDeviceDriver() instanceof HongXiangStationDeviceDriver) {
hongXiangStationDeviceDriver = (HongXiangStationDeviceDriver) device.getDeviceDriver();
@@ -458,6 +630,8 @@ public class AgvNdcTwoDeviceDriver extends AbstractDeviceDriver implements Devic
.build();
logDto.setLog_level(4);
luceneExecuteLogService.deviceExecuteLog(logDto);
// 记录任务卡住原因
recordTaskStuckReason(carno, device_code, wasteFoilWeighingStationDriver, message);
}
} else {
data = ndcAgvService.sendAgvTwoModeInst(phase, index, 0, 0, 0);
@@ -863,6 +1037,8 @@ public class AgvNdcTwoDeviceDriver extends AbstractDeviceDriver implements Devic
.build();
logDto.setLog_level(4);
luceneExecuteLogService.deviceExecuteLog(logDto);
// 记录任务卡住原因
recordTaskStuckReason(carno, device_code, hongXiangStationDeviceDriver, message);
}
} else if (device.getDeviceDriver() instanceof StandardInspectSiteDeviceDriver) {
standardInspectSiteDeviceDriver = (StandardInspectSiteDeviceDriver) device.getDeviceDriver();

View File

@@ -45,9 +45,9 @@ export const constantRouterMap = [
children: [
{
path: 'dashboard',
component: (resolve) => require(['@/views/monitor/server/index'], resolve),
component: (resolve) => require(['@/views/screen/twoFloorAgvScreen'], resolve),
name: 'Dashboard',
meta: { title: i18n.t('auto.common.home'), icon: 'index', affix: true, noCache: true }
meta: { title: '二楼AGV看板', icon: 'index', affix: true, noCache: true }
}
]
},

View File

@@ -0,0 +1,387 @@
<template>
<div class="two-floor-agv-screen">
<div class="header">
<h1>二楼AGV监控看板</h1>
<div class="time-info">
<span>{{ getTime }}</span>
<span>{{ getDate }}</span>
</div>
</div>
<div class="agv-list">
<div
v-for="agv in agvList"
:key="agv.vehicle_code"
class="agv-item"
:class="{ 'agv-error': agv.is_error }"
@click="showAgvDetail(agv)"
>
<div class="agv-header">
<div class="agv-basic-info">
<h3>AGV {{ agv.vehicle_code }}</h3>
<span class="status" :class="agv.status">{{ agv.status_text }}</span>
</div>
<div class="agv-phase">
<span class="label">当前阶段</span>
<span class="phase-value">{{ agv.phase_name || '无' }}</span>
</div>
</div>
<div class="agv-task-info">
<div class="task-item">
<span class="label">任务代码</span>
<span>{{ agv.task_code || '无' }}</span>
</div>
<div class="task-item">
<span class="label">指令代码</span>
<span>{{ agv.inst_code || '无' }}</span>
</div>
<div class="task-item">
<span class="label">当前位置</span>
<span>{{ agv.address || '未知' }}</span>
</div>
</div>
<div v-if="agv.is_error" class="agv-error-info">
<h4>任务卡住原因</h4>
<div v-if="agv.error_action" class="error-item">
<span class="label">Action不满足</span>
<span>{{ agv.error_action }}</span>
</div>
<div v-if="agv.error_mode" class="error-item">
<span class="label">Mode不满足</span>
<span>{{ agv.error_mode }}</span>
</div>
<div v-if="agv.error_message" class="error-item">
<span class="label">错误信息</span>
<span>{{ agv.error_message }}</span>
</div>
</div>
<div v-else-if="agv.phase_name" class="agv-normal-info">
<h4>当前任务进度</h4>
<div v-for="(step, index) in agv.phase_steps" :key="index" class="progress-item">
<span class="step-name">{{ step.name }}</span>
<el-progress
:percentage="step.completed ? 100 : 0"
:color="step.completed ? '#67C23A' : '#E6A23C'"
:stroke-width="6"
/>
</div>
</div>
</div>
</div>
<!-- AGV详情弹窗 -->
<el-dialog
title="AGV详情"
:visible.sync="dialogVisible"
width="50%"
>
<div v-if="currentAgv" class="agv-detail">
<el-descriptions :column="1" border>
<el-descriptions-item label="AGV编号">{{ currentAgv.vehicle_code }}</el-descriptions-item>
<el-descriptions-item label="当前状态">{{ currentAgv.status_text }}</el-descriptions-item>
<el-descriptions-item label="当前阶段">{{ currentAgv.phase_name || '无' }}</el-descriptions-item>
<el-descriptions-item label="任务代码">{{ currentAgv.task_code || '无' }}</el-descriptions-item>
<el-descriptions-item label="指令代码">{{ currentAgv.inst_code || '无' }}</el-descriptions-item>
<el-descriptions-item label="当前位置">{{ currentAgv.address || '未知' }}</el-descriptions-item>
<el-descriptions-item label="物料类型">{{ currentAgv.material_type || '无' }}</el-descriptions-item>
<el-descriptions-item label="数量">{{ currentAgv.quantity || '0' }}</el-descriptions-item>
<el-descriptions-item label="开始设备">{{ currentAgv.start_device_code || '无' }}</el-descriptions-item>
<el-descriptions-item label="目标设备">{{ currentAgv.next_device_code || '无' }}</el-descriptions-item>
<el-descriptions-item v-if="currentAgv.is_error" label="错误信息">
<div v-if="currentAgv.error_action">Action不满足{{ currentAgv.error_action }}</div>
<div v-if="currentAgv.error_mode">Mode不满足{{ currentAgv.error_mode }}</div>
<div v-if="currentAgv.error_message">{{ currentAgv.error_message }}</div>
</el-descriptions-item>
</el-descriptions>
</div>
</el-dialog>
</div>
</template>
<script>
import Background from '@/assets/images/bigScreen.png'
export default {
data() {
return {
Background: Background,
agvList: [
{ vehicle_code: 'AGV01', status: 'running', status_text: '运行中', is_error: false },
{ vehicle_code: 'AGV02', status: 'idle', status_text: '空闲', is_error: false },
{ vehicle_code: 'AGV03', status: 'error', status_text: '异常', is_error: true },
{ vehicle_code: 'AGV04', status: 'charging', status_text: '充电中', is_error: false }
],
getTime: '',
getDate: '',
dialogVisible: false,
currentAgv: null
}
},
mounted() {
this.init()
// 定时器,每秒更新一次数据
const timer = setInterval(() => {
this.settime()
this.getMessage()
}, 1000)
// 销毁定时器
this.$once('hook:beforeDestroy', () => {
clearInterval(timer)
})
},
methods: {
init() {
// 初始化数据
this.settime()
// 获取AGV状态数据
this.getMessage()
},
settime() {
const yy = new Date().getFullYear()
const mm = new Date().getMonth() + 1
const dd = new Date().getDate()
const hh = new Date().getHours()
const mf = new Date().getMinutes() < 10 ? '0' + new Date().getMinutes() : new Date().getMinutes()
const ss = new Date().getSeconds() < 10 ? '0' + new Date().getSeconds() : new Date().getSeconds()
this.getDate = yy + '年' + mm + '月' + dd + '日 ' + '星期' + '日一二三四五六'.charAt(new Date().getDay())
this.getTime = hh + ':' + mf + ':' + ss
},
getMessage() {
// 通过HTTP接口获取AGV状态数据
this.$axios.get('/api/agv/two-floor/status')
.then(response => {
if (response) {
this.updateAgvData(response)
}
})
.catch(error => {
console.error('获取AGV状态数据失败:', error)
})
},
updateAgvData(agvDataList) {
// 更新AGV数据
agvDataList.forEach(data => {
const agvIndex = this.agvList.findIndex(agv => agv.vehicle_code === data.vehicle_code)
if (agvIndex !== -1) {
// 处理AGV状态
const statusMap = {
'running': { text: '运行中', class: 'running' },
'idle': { text: '空闲', class: 'idle' },
'error': { text: '异常', class: 'error' },
'charging': { text: '充电中', class: 'charging' }
}
// 根据数据状态判断AGV是否处于错误状态
const isError = !!(data.is_error || (data.error_action || data.error_mode || data.error_message))
// 设置状态信息
const statusInfo = statusMap[data.status] || { text: '未知', class: 'unknown' }
if (isError) {
statusInfo.text = '异常'
statusInfo.class = 'error'
}
// 更新AGV数据
this.agvList[agvIndex] = {
...this.agvList[agvIndex],
...data,
status_text: statusInfo.text,
status: statusInfo.class,
is_error: isError,
phase_name: data.phase_name,
error_action: data.error_action,
error_mode: data.error_mode,
error_message: data.error_message
}
}
})
},
showAgvDetail(agv) {
this.currentAgv = agv
this.dialogVisible = true
}
}
}
</script>
<style scoped>
.two-floor-agv-screen {
width: 100%;
height: 100vh;
background-color: #f0f2f5;
font-family: Arial, sans-serif;
overflow: auto;
}
.header {
background-color: #2c3e50;
color: white;
padding: 20px;
display: flex;
justify-content: space-between;
align-items: center;
box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
}
.header h1 {
margin: 0;
font-size: 28px;
}
.time-info {
text-align: right;
}
.time-info span {
display: block;
margin: 5px 0;
}
.agv-list {
padding: 20px;
display: grid;
grid-template-columns: repeat(auto-fit, minmax(400px, 1fr));
gap: 20px;
}
.agv-item {
background-color: white;
border-radius: 8px;
padding: 20px;
box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
cursor: pointer;
transition: all 0.3s ease;
border-left: 5px solid #409eff;
}
.agv-item:hover {
transform: translateY(-5px);
box-shadow: 0 5px 20px rgba(0, 0, 0, 0.15);
}
.agv-item.agv-error {
border-left-color: #f56c6c;
}
.agv-header {
display: flex;
justify-content: space-between;
align-items: center;
margin-bottom: 15px;
padding-bottom: 10px;
border-bottom: 1px solid #eee;
}
.agv-basic-info h3 {
margin: 0;
font-size: 20px;
color: #333;
}
.status {
display: inline-block;
padding: 4px 12px;
border-radius: 12px;
font-size: 12px;
font-weight: bold;
margin-left: 10px;
}
.status.running {
background-color: #67c23a;
color: white;
}
.status.idle {
background-color: #909399;
color: white;
}
.status.error {
background-color: #f56c6c;
color: white;
}
.status.charging {
background-color: #e6a23c;
color: white;
}
.status.unknown {
background-color: #909399;
color: white;
}
.agv-phase {
text-align: right;
}
.label {
font-weight: bold;
color: #666;
margin-right: 5px;
}
.phase-value {
font-size: 16px;
color: #409eff;
font-weight: bold;
}
.agv-task-info {
margin-bottom: 15px;
}
.task-item {
margin: 8px 0;
font-size: 14px;
}
.agv-error-info {
background-color: #fef0f0;
border: 1px solid #fbc4ab;
border-radius: 4px;
padding: 15px;
margin-top: 15px;
}
.agv-error-info h4 {
margin-top: 0;
color: #f56c6c;
font-size: 16px;
}
.error-item {
margin: 8px 0;
font-size: 14px;
}
.agv-normal-info {
margin-top: 15px;
}
.agv-normal-info h4 {
margin-top: 0;
color: #67c23a;
font-size: 16px;
}
.progress-item {
margin: 10px 0;
}
.step-name {
display: block;
margin-bottom: 5px;
font-size: 14px;
color: #666;
}
.agv-detail {
padding: 10px 0;
}
</style>