diff --git a/src/views/dashboard1/pages/小车状态WS推送协议.md b/src/views/dashboard1/pages/小车状态WS推送协议.md
new file mode 100644
index 0000000..8d9b500
--- /dev/null
+++ b/src/views/dashboard1/pages/小车状态WS推送协议.md
@@ -0,0 +1,162 @@
+# 小车状态 WS 推送协议
+
+## 适用范围
+
+本文档说明 ROS 小车状态通过 WebSocket 上报到后端，以及后端向浏览器推送 `car_status` 消息的对接方式。
+
+- 浏览器订阅地址：`ws://{host}:{port}/ws/ros?token={token}`
+- 小车设备连接地址：`ws://{host}:{port}/ws/ros?deviceKey={deviceKey}`
+
+浏览器连接成功后无需额外发送订阅指令，后端会把收到的小车状态广播给当前所有在线浏览器会话。
+
+消息统一使用 JSON，心跳兼容字符串消息：收到 `ping` 时回复 `pong`；主动发送 `ping` 时对端回复 `pong`。
+
+## 小车上报消息
+
+消息类型：`telemetry`
+
+```json
+{
+ "type": "telemetry",
+ "data": {
+ "batteryLevel": 86,
+ "voltage": 24.6,
+ "poseX": 12.345,
+ "poseY": 6.789,
+ "poseYaw": 1.57,
+ "status": 1,
+ "signal": "-58dBm"
+ }
+}
+```
+
+字段说明：
+
+| 字段 | 必填 | 说明 |
+| ------------------- | ---- | -------------------------------------------------- |
+| `type` | 是 | 固定为 `telemetry` |
+| `data.batteryLevel` | 否 | 电量百分比 |
+| `data.voltage` | 否 | 电压 |
+| `data.poseX` | 否 | 当前 X 坐标 |
+| `data.poseY` | 否 | 当前 Y 坐标 |
+| `data.poseYaw` | 否 | 当前朝向 |
+| `data.status` | 否 | 小车状态：`0` 空闲，`1` 巡检，`2` 离线，`3` 充电中 |
+| `data.signal` | 否 | 小车信号 |
+
+说明：
+
+- 支持增量上报，`data` 中只传有变化的字段即可。
+- 后端只会更新本次上报里有值的字段，未传字段保持上一次状态不变。
+- `deviceKey` 不需要放在消息体里，后端以连接参数 `deviceKey` 识别当前小车。
+
+仅上报电量和状态示例：
+
+```json
+{
+ "type": "telemetry",
+ "data": {
+ "batteryLevel": 85,
+ "status": 3
+ }
+}
+```
+
+## 浏览器收到的推送
+
+后端在处理完小车上报后，会向所有在线浏览器广播 `car_status` 消息。
+
+```json
+{
+ "type": "car_status",
+ "data": {
+ "deviceKey": "ROBOT-001",
+ "liftHeight": 1200,
+ "batteryLevel": 86,
+ "voltage": 24.6,
+ "poseX": 12.345,
+ "poseY": 6.789,
+ "poseYaw": 1.57,
+ "status": 1,
+ "signal": "-58dBm"
+ },
+ "timestamp": 1782702000010
+}
+```
+
+顶层字段说明：
+
+| 字段 | 说明 |
+| ---------------- | ---------------------------------------- |
+| `type` | 固定为 `car_status` |
+| `data.deviceKey` | 小车设备标识 |
+| `data.liftHeight` | 升降柱高度，单位 mm |
+| `timestamp` | 后端推送时间戳，毫秒 |
+
+
+## 小车速度上报消息
+
+如果 ROS 端还需要把当前线速度、角速度实时推给浏览器，可额外发送 `velocity` 消息。该消息只做转发，不落库。
+
+消息类型：`velocity`
+
+```json
+{
+ "type": "velocity",
+ "data": {
+ "linearX": 0.12,
+ "angularZ": -0.03
+ }
+}
+```
+
+字段说明：
+
+| 字段 | 必填 | 说明 |
+| --------------- | ---- | ---------------------------------------------------- |
+| `type` | 是 | 固定为 `velocity` |
+| `data.linearX` | 否 | 当前线速度，对应 ROS `geometry_msgs/Twist.linear.x` |
+| `data.angularZ` | 否 | 当前角速度，对应 ROS `geometry_msgs/Twist.angular.z` |
+
+说明：
+
+- `velocity` 与 `telemetry` 分开处理，不写入 `ros_car`。
+- 支持高频上报，后端收到后直接转发给浏览器。
+- `deviceKey` 仍然从连接参数获取，不需要放在消息体里。
+
+## 浏览器收到的速度推送
+
+后端收到 ROS 端 `velocity` 后，会向所有在线浏览器广播 `car_velocity` 消息。
+
+```json
+{
+ "type": "car_velocity",
+ "data": {
+ "deviceKey": "ROBOT-001",
+ "velocity": {
+ "linearX": 0.12,
+ "angularZ": -0.03
+ }
+ },
+ "timestamp": 1782702001010
+}
+```
+
+字段说明：
+
+| 字段 | 说明 |
+| ------------------------ | --------------------- |
+| `type` | 固定为 `car_velocity` |
+| `data.deviceKey` | 小车设备标识 |
+| `data.velocity.linearX` | 当前线速度 |
+| `data.velocity.angularZ` | 当前角速度 |
+| `timestamp` | 后端推送时间戳，毫秒 |
+
+## 对接约束
+
+- 浏览器侧只需要建立连接并监听 `car_status`，不需要发送订阅命令。
+- 如果需要展示实时速度，浏览器额外监听 `car_velocity`。
+- 同一条 `car_status` 中，`telemetry` 表示本次上报内容，`car` 表示合并后的完整结果；前端展示建议优先使用 `car`。
+- 后端当前仅在收到小车 `telemetry` 上报后广播 `car_status`。
+- 后端当前在收到小车 `velocity` 上报后广播 `car_velocity`，不做缓存和存储。
+- 小车连接建立时，后端会将小车状态置为空闲；小车连接断开时，后端会将小车状态置为离线。
+- 仅连接断开导致的离线变化，当前不会单独触发一条 `car_status` 广播；如前端需要强一致离线提示，需要额外结合列表查询或后续补充离线广播事件。
diff --git a/src/views/dashboard1/pages/浏览器WS控制协议.md b/src/views/dashboard1/pages/浏览器WS控制协议.md
new file mode 100644
index 0000000..2cea9c5
--- /dev/null
+++ b/src/views/dashboard1/pages/浏览器WS控制协议.md
@@ -0,0 +1,190 @@
+# 浏览器 WS 控制协议
+
+## 连接
+
+浏览器端使用登录 token 建立连接：
+
+```text
+ws://{host}:{port}/ws/ros?token={token}
+```
+
+消息统一使用 JSON：
+
+```json
+{
+ "type": "cmd_vel",
+ "requestId": "browser-generated-id",
+ "data": {
+ "deviceKey": "ROBOT-001",
+ "linearX": 0.1,
+ "angularZ": 0
+ }
+}
+```
+
+通用字段：
+
+| 字段 | 必填 | 说明 |
+| --- | --- | --- |
+| `type` | 是 | 消息类型 |
+| `requestId` | 否 | 浏览器生成的请求 id，后端回执会原样带回 |
+| `data.deviceKey` | 是 | 控制目标机器人设备标识 |
+
+心跳兼容字符串消息：浏览器收到 `ping` 后回复 `pong`；浏览器主动发送 `ping` 时后端回复 `pong`。
+
+## 后端回执
+
+后端只确认消息是否成功转发到在线机器人，不等待机器人执行完成。
+
+```json
+{
+ "type": "control_result",
+ "requestId": "browser-generated-id",
+ "data": {
+ "sourceType": "cmd_vel",
+ "deviceKey": "ROBOT-001",
+ "accepted": true,
+ "message": "已下发"
+ },
+ "timestamp": 1782702000020
+}
+```
+
+`accepted=false` 常见原因：`data` 缺失、`deviceKey` 缺失、机器人不在线。
+
+## 底盘控制
+
+消息类型只使用 `cmd_vel`。
+
+```json
+{
+ "type": "cmd_vel",
+ "requestId": "cmd-1",
+ "data": {
+ "deviceKey": "ROBOT-001",
+ "linearX": 0.1,
+ "angularZ": 0
+ }
+}
+```
+
+字段说明：
+
+| 字段 | 说明 |
+| --- | --- |
+| `linearX` | 对应 ROS `geometry_msgs/Twist.linear.x` |
+| `angularZ` | 对应 ROS `geometry_msgs/Twist.angular.z` |
+
+按钮建议映射：
+
+| 操作 | `linearX` | `angularZ` |
+| --- | --- | --- |
+| 前进 | `0.1` | `0` |
+| 后退 | `-0.1` | `0` |
+| 左转 | `0` | `0.1` |
+| 右转 | `0` | `-0.1` |
+| 停止 | `0` | `0` |
+
+按钮按下时发送对应数值；按钮松开、指针移出、页面失焦时发送停止值。ROS 端 WebSocket 适配器负责把 `linearX/angularZ` 转成 `/cmd_vel` 的 `geometry_msgs/Twist`。
+
+## 云台控制
+
+ROS 包参考：`hikvision_camera_controller/srv/Ptz`
+
+```text
+string action
+int32 speed
+int32 duration_ms
+```
+
+浏览器协议只下发控制动作，`speed` 和 `duration_ms` 由 ROS 端适配器使用默认值。
+
+消息类型：`ptz_control`
+
+```json
+{
+ "type": "ptz_control",
+ "requestId": "ptz-1",
+ "data": {
+ "deviceKey": "ROBOT-001",
+ "action": "up"
+ }
+}
+```
+
+`action` 可选值：
+
+| 值 | 含义 |
+| --- | --- |
+| `up` | 上 |
+| `down` | 下 |
+| `left` | 左 |
+| `right` | 右 |
+| `stop` | 停止 |
+
+ROS 端调用 `/hikvision_camera/ptz` 时建议映射：
+
+| 浏览器 `action` | ROS `action` | ROS `speed` | ROS `duration_ms` |
+| --- | --- | --- | --- |
+| `up` | `up` | 默认值，如 20 | 默认值，如 500 |
+| `down` | `down` | 默认值，如 20 | 默认值，如 500 |
+| `left` | `left` | 默认值，如 20 | 默认值，如 500 |
+| `right` | `right` | 默认值，如 20 | 默认值，如 500 |
+| `stop` | `stop` | 0 | 0 |
+
+## 升降柱控制
+
+ROS 包参考：`rs485_lift_controller/srv/ControlLift`
+
+```text
+int32 control_type
+uint16 height
+```
+
+消息类型：`lift_control`
+
+```json
+{
+ "type": "lift_control",
+ "requestId": "lift-1",
+ "data": {
+ "deviceKey": "ROBOT-001",
+ "control_type": 4,
+ "height": 1200
+ }
+}
+```
+
+`control_type` 可选值：
+
+| 值 | 含义 | `height` |
+| --- | --- | --- |
+| `0` | 复位 | `0` |
+| `1` | 上升 | `0` |
+| `2` | 下降 | `0` |
+| `3` | 停止 | `0` |
+| `4` | 运行到指定高度 | 目标高度，单位 mm |
+
+## 机器人端收到的消息
+
+设备端连接：
+
+```text
+ws://{host}:{port}/ws/ros?deviceKey={deviceKey}
+```
+
+后端按相同 `type` 透传 `data` 给设备。例如浏览器发送升降柱控制，设备端收到：
+
+```json
+{
+ "type": "lift_control",
+ "data": {
+ "deviceKey": "ROBOT-001",
+ "control_type": 4,
+ "height": 1200
+ },
+ "timestamp": 1782702000010
+}
+```
+
+设备端应自行做安全保护：连接断开、长时间未收到控制消息、收到停止命令时立即停止对应动作。
diff --git a/src/views/dashboard1/shared/alertPhotos.ts b/src/views/dashboard1/shared/alertPhotos.ts
index 907a15c..1b2108e 100644
--- a/src/views/dashboard1/shared/alertPhotos.ts
+++ b/src/views/dashboard1/shared/alertPhotos.ts
@@ -67,6 +67,9 @@ export function createAlertPhoto(scene: AlertPhotoScene, accent: string) {
export const recentAlertPhotoSources = {
"线缆破损": createAlertPhoto("cable", "#ff8f79"),
+ "电缆表面破损": createAlertPhoto("cable", "#ff8f79"),
+ "桥架断裂": createAlertPhoto("crack", "#89d8ff"),
+ "隧道积水": createAlertPhoto("heat", "#ffc86c"),
"局部高温": createAlertPhoto("heat", "#ffc86c"),
"墙体裂缝": createAlertPhoto("crack", "#89d8ff"),
} as const;
diff --git a/src/views/login/index.vue b/src/views/login/index.vue
new file mode 100644
index 0000000..173cec5
--- /dev/null
+++ b/src/views/login/index.vue
@@ -0,0 +1,203 @@
+
+
+
+
+
+
+
diff --git a/tsconfig.json b/tsconfig.json
index 72732dc..45981fa 100644
--- a/tsconfig.json
+++ b/tsconfig.json
@@ -17,5 +17,5 @@
"@/*": ["src/*"]
}
},
- "include": ["src/**/*.ts", "src/**/*.d.ts", "src/**/*.tsx", "src/**/*.vue"]
+ "include": ["src/**/*.ts", "src/**/*.d.ts", "src/**/*.tsx", "src/**/*.vue", "src/api/rosCar.ts"]
}
diff --git a/vite.config.ts b/vite.config.ts
index b9e2f02..ac70684 100644
--- a/vite.config.ts
+++ b/vite.config.ts
@@ -1,15 +1,44 @@
-import {defineConfig} from "vite";
-import vue from "@vitejs/plugin-vue";
-import vueJsx from "@vitejs/plugin-vue-jsx";
-import path from "path";
+import vue from '@vitejs/plugin-vue'
+import vueJsx from '@vitejs/plugin-vue-jsx'
+import { resolve } from 'path'
+
+// import { viteSingleFile } from 'vite-plugin-singlefile'
// https://vitejs.dev/config/
-export default defineConfig({
- base: "./",
- plugins: [vue(), vueJsx()],
- resolve: {
- alias: {
- "@": path.resolve(__dirname, "./src"),
+export default ({ command }) => {
+ const isBuild = command === 'build'
+ return ({
+ plugins: [
+ vue(),
+ vueJsx(),
+ ],
+ define: {
+ __VUE_OPTIONS_API__: false // 关闭 Vue2 中的 options选项API
},
- },
-});
+ base: './', // 使用相对路径
+ resolve: {
+ alias: [{ find: '@', replacement: resolve(__dirname, 'src') }]
+
+ },
+ server: {
+ port: 6003,
+ host: true,
+ proxy: {
+ '/api': {
+ target: `http://192.168.3.110:16003/`,
+ changeOrigin: true,
+ rewrite: (path) => path.replace(/^\/api/, '')
+ },
+ '/ws': {
+ target: `ws://192.168.3.110:16003/`,
+ changeOrigin: true,
+ ws: true
+ }
+ }
+ },
+ oxc: {
+ //清除全局的console.log和debug
+ drop: isBuild ? ['console', 'debugger'] : [],
+ }
+ })
+}