From 46710c9134c32dc7e12d42df55216705080eabad Mon Sep 17 00:00:00 2001 From: chndfang Date: Mon, 5 May 2025 01:06:09 +0800 Subject: [PATCH] feat: style --- mocks/robot/getAll | 22 +- mocks/robot/register | 12 + mocks/robot/seizeByIds | 5 + mocks/scene/getById | 44 +- src/App.vue | 10 + src/_ant.scss | 396 ++++++++++++++++-- src/_icon.scss | 17 +- src/apis/map/type.ts | 8 +- src/apis/robot/api.ts | 32 +- src/apis/robot/constant.ts | 6 + src/apis/robot/type.ts | 19 +- src/apis/scene/api.ts | 11 +- src/apis/scene/type.ts | 11 +- src/assets/fonts/Roboto-Bold.ttf | Bin 163448 -> 0 bytes src/assets/fonts/Roboto-SemiBold.ttf | Bin 0 -> 146760 bytes src/assets/fonts/_font.scss | 6 +- src/assets/icons/_icon.scss | 2 +- src/assets/icons/dark/dot.png | Bin 0 -> 349 bytes src/assets/icons/dark/pen.png | Bin 0 -> 673 bytes src/assets/icons/dark/plus.png | Bin 0 -> 325 bytes src/assets/icons/dark/register.png | Bin 0 -> 746 bytes src/assets/icons/dark/trash.png | Bin 0 -> 856 bytes src/assets/images/empty-dark.png | Bin 0 -> 2309 bytes src/assets/themes/_dark.scss | 141 ++++++- src/assets/themes/_light.scss | 129 +++++- src/components/modal/robot-add-modal.vue | 84 ++++ .../modal/robot-group-rename-modal.vue | 56 +++ src/components/modal/robot-register-modal.vue | 140 +++++++ src/components/robot-group.vue | 69 --- src/components/robot-groups.vue | 154 +++++++ src/pages/scene-editor.vue | 40 +- src/services/editor.service.ts | 76 +++- src/services/theme.service.ts | 5 +- src/style.scss | 8 +- 34 files changed, 1265 insertions(+), 238 deletions(-) create mode 100644 mocks/robot/register create mode 100644 mocks/robot/seizeByIds delete mode 100644 src/assets/fonts/Roboto-Bold.ttf create mode 100644 src/assets/fonts/Roboto-SemiBold.ttf create mode 100644 src/assets/icons/dark/dot.png create mode 100644 src/assets/icons/dark/pen.png create mode 100644 src/assets/icons/dark/plus.png create mode 100644 src/assets/icons/dark/register.png create mode 100644 src/assets/icons/dark/trash.png create mode 100644 src/assets/images/empty-dark.png create mode 100644 src/components/modal/robot-add-modal.vue create mode 100644 src/components/modal/robot-group-rename-modal.vue create mode 100644 src/components/modal/robot-register-modal.vue delete mode 100644 src/components/robot-group.vue create mode 100644 src/components/robot-groups.vue diff --git a/mocks/robot/getAll b/mocks/robot/getAll index 6cb99cb..57067c9 100644 --- a/mocks/robot/getAll +++ b/mocks/robot/getAll @@ -3,44 +3,46 @@ "success": true, "data": [ { - "gid": "mock-robot-group-1", "id": "mock-robot-1", "label": "模拟机器人A", "brand": "模拟品牌A", - "type": 1 + "type": 1, + "ip": "127.0.1.1" }, { - "gid": "mock-robot-group-1", "id": "mock-robot-2", "label": "模拟机器人B", "brand": "模拟品牌A", - "type": 2 + "type": 2, + "ip": "127.0.1.2" }, { - "gid": "mock-robot-group-1", "id": "mock-robot-3", "label": "模拟机器人C", "brand": "模拟品牌A", - "type": 3 + "type": 3, + "ip": "127.0.1.3" }, { - "gid": "mock-robot-group-2", "id": "mock-robot-4", "label": "模拟机器人D", "brand": "模拟品牌B", - "type": 1 + "type": 1, + "ip": "127.0.2.1" }, { "id": "mock-robot-5", "label": "模拟机器人E", "brand": "模拟品牌B", - "type": 2 + "type": 2, + "ip": "127.0.2.2" }, { "id": "mock-robot-6", "label": "模拟机器人F", "brand": "模拟品牌B", - "type": 3 + "type": 3, + "ip": "127.0.2.3" } ], "message": "模拟提示" diff --git a/mocks/robot/register b/mocks/robot/register new file mode 100644 index 0000000..23972f9 --- /dev/null +++ b/mocks/robot/register @@ -0,0 +1,12 @@ +{ + "code": 200, + "success": true, + "data": { + "id": "mock-robot-0", + "label": "模拟机器人-注册", + "brand": "模拟品牌A", + "type": 1, + "ip": "127.0.0.0" + }, + "message": "模拟提示" +} diff --git a/mocks/robot/seizeByIds b/mocks/robot/seizeByIds new file mode 100644 index 0000000..8ecc2d2 --- /dev/null +++ b/mocks/robot/seizeByIds @@ -0,0 +1,5 @@ +{ + "code": 200, + "success": false, + "message": "模拟提示" +} diff --git a/mocks/scene/getById b/mocks/scene/getById index c51cffc..f716eb6 100644 --- a/mocks/scene/getById +++ b/mocks/scene/getById @@ -4,49 +4,7 @@ "data": { "id": "mock-scene-1", "label": "模拟场景A", - "robotGroups": [ - { - "id": "mock-robot-group-1", - "label": "模拟机器人组A", - "robots": [ - { - "gid": "mock-robot-group-1", - "id": "mock-robot-1", - "label": "模拟机器人A", - "brand": "模拟品牌A", - "type": 1 - }, - { - "gid": "mock-robot-group-1", - "id": "mock-robot-2", - "label": "模拟机器人B", - "brand": "模拟品牌A", - "type": 2 - }, - { - "gid": "mock-robot-group-1", - "id": "mock-robot-3", - "label": "模拟机器人C", - "brand": "模拟品牌A", - "type": 3 - } - ] - }, - { - "id": "mock-robot-group-2", - "label": "模拟机器人组B", - "robots": [ - { - "gid": "mock-robot-group-2", - "id": "mock-robot-4", - "label": "模拟机器人D", - "brand": "模拟品牌B", - "type": 1 - } - ] - } - ], - "map": "" + "json": "{\"x\":0,\"y\":0,\"scale\":1,\"pens\":[],\"origin\":{\"x\":0,\"y\":0},\"center\":{\"x\":0,\"y\":0},\"paths\":{},\"template\":\"4c2a10f\",\"locked\":10,\"version\":\"1.0.78\",\"dataPoints\":[],\"robotGroups\":[{\"id\":\"mock-robot-group-1\",\"label\":\"模拟机器人组A\",\"robots\":[\"mock-robot-1\",\"mock-robot-2\",\"mock-robot-3\"]},{\"sid\":\"mock-scene-1\",\"id\":\"mock-robot-group-2\",\"label\":\"模拟机器人组B\",\"robots\":[\"mock-robot-4\"]}],\"robots\":[{\"gid\":\"mock-robot-group-1\",\"id\":\"mock-robot-1\",\"label\":\"模拟机器人A\",\"brand\":\"模拟品牌A\",\"type\":1},{\"gid\":\"mock-robot-group-1\",\"id\":\"mock-robot-2\",\"label\":\"模拟机器人B\",\"brand\":\"模拟品牌A\",\"type\":2},{\"gid\":\"mock-robot-group-1\",\"id\":\"mock-robot-3\",\"label\":\"模拟机器人C\",\"brand\":\"模拟品牌A\",\"type\":3},{\"gid\":\"mock-robot-group-2\",\"id\":\"mock-robot-4\",\"label\":\"模拟机器人D\",\"brand\":\"模拟品牌B\",\"type\":1}]}" }, "message": "模拟提示" } diff --git a/src/App.vue b/src/App.vue index cb67900..eeef236 100644 --- a/src/App.vue +++ b/src/App.vue @@ -1,6 +1,9 @@