From 6d7774031924bc5e45a011054ba5ca9c9c182d10 Mon Sep 17 00:00:00 2001
From: zhangjiming <zhangjiming@costrip.cn>
Date: Wed, 12 Feb 2025 11:13:50 +0800
Subject: [PATCH] =?UTF-8?q?=E6=B7=BB=E5=8A=A0=E8=B0=83=E8=AF=95=E9=A1=B5?=
 =?UTF-8?q?=E9=9D=A2?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/assets/menuIcon/n_debug.svg |  1 +
 src/assets/menuIcon/s_debug.svg |  1 +
 src/router/index.ts             |  6 +++
 src/views/components/menu.ts    |  6 +++
 src/views/debug/debug.vue       | 86 +++++++++++++++++++++++++++++++++++++++++
 tailwind.config.js              |  1 +
 6 files changed, 101 insertions(+)
 create mode 100644 src/assets/menuIcon/n_debug.svg
 create mode 100644 src/assets/menuIcon/s_debug.svg
 create mode 100644 src/views/debug/debug.vue

diff --git a/src/assets/menuIcon/n_debug.svg b/src/assets/menuIcon/n_debug.svg
new file mode 100644
index 0000000..d889929
--- /dev/null
+++ b/src/assets/menuIcon/n_debug.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" fill="none" version="1.1" width="80" height="80" viewBox="0 0 80 80"><defs><clipPath id="master_svg0_592_42038"><rect x="19" y="18.921875" width="41" height="41" rx="0"/></clipPath></defs><g><g><ellipse cx="40" cy="40" rx="40" ry="40" fill="#EEEFF8" fill-opacity="1"/></g><g clip-path="url(#master_svg0_592_42038)"><g><path d="M53.8413984375,21.65234443077L25.1580984375,21.65234443077C23.2666884375,21.652344090385,21.733398779614,23.17788375,21.733399121728,25.05973375L21.733399121728,47.20904375L57.2666984375,47.20904375L57.2666984375,25.05973375C57.2670984375,23.17798375,55.7333984375,21.652344090385,53.8413984375,21.65234443077ZM52.9319984375,35.12904375C52.9319984375,35.83334375,52.3579984375,36.405643749999996,51.6500984375,36.406943749999996L47.5684984375,36.406943749999996C47.3869984375,36.40704375,47.2220984375,36.30194375,47.1462984375,36.13784375L46.7859984375,35.36184375C46.7178984375,35.21544375,46.5724984375,35.11984375,46.410498437499996,35.11504375C46.2483984375,35.11024375,46.0974984375,35.19694375,46.0206984375,35.33904375L42.2247984375,42.38224375C42.0768984375,42.65614375,41.7907984375,42.828143749999995,41.478398437500005,42.83104375C41.165898437500005,42.83394375,40.8765984375,42.66724375,40.7235984375,42.39624375L34.6923984375,31.69304375C34.6111984375,31.54864375,34.4531984375,31.46415375,34.2872984375,31.47640375C34.1214984375,31.48864375,33.9777984375,31.59540375,33.9187984375,31.75014375L32.3505984375,35.85744375C32.224298437499996,36.18814375,31.9057984375,36.40684375,31.5502384375,36.406943749999996L27.3519484375,36.406943749999996C26.6425784375,36.406943749999996,26.067528437500002,35.83474375,26.067528437500002,35.12904375C26.067528437500002,34.42324375,26.6425784375,33.85104375,27.3519484375,33.85104375L29.7753884375,33.85104375C30.1312484375,33.85104375,30.4494884375,33.63214375,30.5757584375,33.30154375L33.1400984375,26.58196375C33.2582984375,26.27280375,33.5454984375,26.05956375,33.8769984375,26.03496375C34.2084984375,26.01035375,34.5243984375,26.17881375,34.687298437500004,26.46711375L41.053898437499996,37.75784375C41.1302984375,37.89354375,41.2749984375,37.97704375,41.431298437500004,37.97554375C41.587698437499995,37.974143749999996,41.7307984375,37.887943750000005,41.804598437500005,37.75084375L45.789198437500005,30.36372375C45.9430984375,30.079963749999997,46.244798437499995,29.906903749999998,46.568698437500004,29.916573749999998C46.8925984375,29.926243749999998,47.1832984375,30.11697375,47.3197984375,30.40940375L48.6858984375,33.35554375C48.8261984375,33.65754375,49.129098437500005,33.85044375,49.4632984375,33.85104375L51.6500984375,33.85104375C52.3592984375,33.85104375,52.9344984375,34.423443750000004,52.9344984375,35.12904375L52.9319984375,35.12904375ZM21.733399121728,48.66654375L21.733399121728,53.77824375C21.733398779614,55.66014375,23.2666884375,57.18564375,25.1580984375,57.18564375L53.8413984375,57.18564375C55.7327984375,57.18564375,57.2660984375,55.66014375,57.2660984375,53.77824375L57.2660984375,48.66654375L21.733399121728,48.66654375ZM42.338998437499995,52.74404375C42.3368984375,53.44894375,41.7630984375,54.01984375,41.054598437500005,54.02194375L27.3519484375,54.02194375C26.6425784375,54.02194375,26.067528437500002,53.449743749999996,26.067528437500002,52.74404375C26.067528437500002,52.03824375,26.6425784375,51.46604375,27.3519484375,51.46604375L41.0519984375,51.46604375C41.761498437499995,51.46674375,42.3368984375,52.03814375,42.338998437499995,52.74404375ZM52.9319984375,52.74404375C52.9291984375,53.447443750000005,52.3570984375,54.01724375,51.6500984375,54.02064375L46.510498437500004,54.02064375C45.8010984375,54.02064375,45.2260984375,53.44854375,45.2260984375,52.74274375C45.2260984375,52.03694375,45.8010984375,51.46484375,46.510498437500004,51.46484375L51.6500984375,51.46484375C52.358098437500004,51.46834375,52.930598437499995,52.03954375,52.9319984375,52.74404375Z" fill="#4F85FB" fill-opacity="1" style="mix-blend-mode:passthrough"/></g></g></g></svg>
\ No newline at end of file
diff --git a/src/assets/menuIcon/s_debug.svg b/src/assets/menuIcon/s_debug.svg
new file mode 100644
index 0000000..f7cf8b0
--- /dev/null
+++ b/src/assets/menuIcon/s_debug.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" fill="none" version="1.1" width="80" height="80" viewBox="0 0 80 80"><defs><clipPath id="master_svg0_592_42099"><rect x="19" y="18.921875" width="41" height="41" rx="0"/></clipPath></defs><g><g><ellipse cx="40" cy="40" rx="40" ry="40" fill="#479CF1" fill-opacity="1"/></g><g clip-path="url(#master_svg0_592_42099)"><g><path d="M53.8413984375,21.65234443077L25.1580984375,21.65234443077C23.2666884375,21.652344090385,21.733398779614,23.17788375,21.733399121728,25.05973375L21.733399121728,47.20904375L57.2666984375,47.20904375L57.2666984375,25.05973375C57.2670984375,23.17798375,55.7333984375,21.652344090385,53.8413984375,21.65234443077ZM52.9319984375,35.12904375C52.9319984375,35.83334375,52.3579984375,36.405643749999996,51.6500984375,36.406943749999996L47.5684984375,36.406943749999996C47.3869984375,36.40704375,47.2220984375,36.30194375,47.1462984375,36.13784375L46.7859984375,35.36184375C46.7178984375,35.21544375,46.5724984375,35.11984375,46.410498437499996,35.11504375C46.2483984375,35.11024375,46.0974984375,35.19694375,46.0206984375,35.33904375L42.2247984375,42.38224375C42.0768984375,42.65614375,41.7907984375,42.828143749999995,41.478398437500005,42.83104375C41.165898437500005,42.83394375,40.8765984375,42.66724375,40.7235984375,42.39624375L34.6923984375,31.69304375C34.6111984375,31.54864375,34.4531984375,31.46415375,34.2872984375,31.47640375C34.1214984375,31.48864375,33.9777984375,31.59540375,33.9187984375,31.75014375L32.3505984375,35.85744375C32.224298437499996,36.18814375,31.9057984375,36.40684375,31.5502384375,36.406943749999996L27.3519484375,36.406943749999996C26.6425784375,36.406943749999996,26.067528437500002,35.83474375,26.067528437500002,35.12904375C26.067528437500002,34.42324375,26.6425784375,33.85104375,27.3519484375,33.85104375L29.7753884375,33.85104375C30.1312484375,33.85104375,30.4494884375,33.63214375,30.5757584375,33.30154375L33.1400984375,26.58196375C33.2582984375,26.27280375,33.5454984375,26.05956375,33.8769984375,26.03496375C34.2084984375,26.01035375,34.5243984375,26.17881375,34.687298437500004,26.46711375L41.053898437499996,37.75784375C41.1302984375,37.89354375,41.2749984375,37.97704375,41.431298437500004,37.97554375C41.587698437499995,37.974143749999996,41.7307984375,37.887943750000005,41.804598437500005,37.75084375L45.789198437500005,30.36372375C45.9430984375,30.079963749999997,46.244798437499995,29.906903749999998,46.568698437500004,29.916573749999998C46.8925984375,29.926243749999998,47.1832984375,30.11697375,47.3197984375,30.40940375L48.6858984375,33.35554375C48.8261984375,33.65754375,49.129098437500005,33.85044375,49.4632984375,33.85104375L51.6500984375,33.85104375C52.3592984375,33.85104375,52.9344984375,34.423443750000004,52.9344984375,35.12904375L52.9319984375,35.12904375ZM21.733399121728,48.66654375L21.733399121728,53.77824375C21.733398779614,55.66014375,23.2666884375,57.18564375,25.1580984375,57.18564375L53.8413984375,57.18564375C55.7327984375,57.18564375,57.2660984375,55.66014375,57.2660984375,53.77824375L57.2660984375,48.66654375L21.733399121728,48.66654375ZM42.338998437499995,52.74404375C42.3368984375,53.44894375,41.7630984375,54.01984375,41.054598437500005,54.02194375L27.3519484375,54.02194375C26.6425784375,54.02194375,26.067528437500002,53.449743749999996,26.067528437500002,52.74404375C26.067528437500002,52.03824375,26.6425784375,51.46604375,27.3519484375,51.46604375L41.0519984375,51.46604375C41.761498437499995,51.46674375,42.3368984375,52.03814375,42.338998437499995,52.74404375ZM52.9319984375,52.74404375C52.9291984375,53.447443750000005,52.3570984375,54.01724375,51.6500984375,54.02064375L46.510498437500004,54.02064375C45.8010984375,54.02064375,45.2260984375,53.44854375,45.2260984375,52.74274375C45.2260984375,52.03694375,45.8010984375,51.46484375,46.510498437500004,51.46484375L51.6500984375,51.46484375C52.358098437500004,51.46834375,52.930598437499995,52.03954375,52.9319984375,52.74404375Z" fill="#FFFFFF" fill-opacity="1" style="mix-blend-mode:passthrough"/></g></g></g></svg>
\ No newline at end of file
diff --git a/src/router/index.ts b/src/router/index.ts
index f303cf5..d6c693b 100644
--- a/src/router/index.ts
+++ b/src/router/index.ts
@@ -1,5 +1,6 @@
 import { createRouter, createWebHistory } from 'vue-router'
 import UserManage from '@/views/userManage/UserManage.vue'
+import Debug from '@/views/debug/debug.vue'
 
 const router = createRouter({
   history: createWebHistory(import.meta.env.BASE_URL),
@@ -57,6 +58,11 @@ const router = createRouter({
           path: '/userManage',
           name: 'userManage',
           component: UserManage
+        },
+        {
+          path: '/debug',
+          name: 'debug',
+          component: Debug
         }
       ]
     },
diff --git a/src/views/components/menu.ts b/src/views/components/menu.ts
index 9d1aab9..6fc1790 100644
--- a/src/views/components/menu.ts
+++ b/src/views/components/menu.ts
@@ -40,4 +40,10 @@ export const menuIcon = [{
     s_icon: '/src/assets/menuIcon/s_user.svg',
     n_icon: '/src/assets/menuIcon/n_user.svg',
     path: '/userManage',
+},{
+    id: 7,
+    name: '调试',
+    s_icon: '/src/assets/menuIcon/s_debug.svg',
+    n_icon: '/src/assets/menuIcon/n_debug.svg',
+    path: '/debug',
 }]
\ No newline at end of file
diff --git a/src/views/debug/debug.vue b/src/views/debug/debug.vue
new file mode 100644
index 0000000..b5745f2
--- /dev/null
+++ b/src/views/debug/debug.vue
@@ -0,0 +1,86 @@
+<template>
+	<div class="component-page overflow-auto p-4 text-title">
+		<div class="frame">
+			<div class="flex items-center gap-4">
+				<label>加热区编号:</label>
+				<input type="number" class="rounded-sm px-2" placeholder="输入加热区编号" />
+				<label>异常区编号:</label>
+				<input type="number" class="rounded-sm px-2" placeholder="指定异常区编号" />
+			</div>
+			<div class="flex gap-4 flex-wrap">
+				<button class="btn-light px-2 py-1">抬起托盘</button>
+				<button class="btn-light px-2 py-1">降下托盘</button>
+				<button class="btn-light px-2 py-1">取下拍子</button>
+				<button class="btn-light px-2 py-1">装回拍子</button>
+				<button class="btn-light px-2 py-1">移至操作区(加热、摇匀、拍照)</button>
+				<button class="btn-light px-2 py-1">移至异常区</button>
+				<button class="btn-light px-2 py-1">(从操作区)移至加热区</button>
+			</div>
+		</div>
+
+		<div class="frame">
+			<div class="flex items-center gap-4">
+				<label for="">加液枪编号:</label>
+				<input type="number" class="rounded-sm px-2" placeholder="输入加液枪编号" />
+				<label for="">注入量:</label>
+				<input type="number" class="rounded-sm px-2" placeholder="输入注入量" />
+				<span>ml</span>
+                <label for="">当前容量：</label>
+                <span class="text-warn">50</span>
+			</div>
+			<div class="flex gap-4 flex-wrap">
+				<button class="btn-light px-2 py-1">注入溶液</button>
+			</div>
+		</div>
+		<div class="frame">
+			<div class="flex items-center gap-4">
+				<label>加热区编号:</label>
+				<input type="number" class="rounded-sm px-2" placeholder="输入加热区编号" />
+				<label>温度:</label>
+				<input type="number" class="rounded-sm px-2" placeholder="输入温度" />
+				<span>℃</span>
+                <label for="">当前温度：</label>
+                <span class="text-warn">50</span>
+			</div>
+			<div class="flex gap-4 flex-wrap">
+				<button class="btn-light px-2 py-1">开始加热</button>
+				<button class="btn-light px-2 py-1">停止加热</button>
+				<button class="btn-light px-2 py-1 min-w-20">恒温</button>
+			</div>
+		</div>
+
+		<div class="frame">
+			<div class="flex gap-4 flex-wrap">
+				<button class="btn-light px-2 py-1 min-w-20">摇匀</button>
+				<button class="btn-light px-2 py-1 min-w-20">拍照</button>
+			</div>
+		</div>
+		<div class="frame">
+			<div class="flex items-center gap-4">
+				X:<input type="number" class="rounded-sm px-1 w-16" /> Y:<input type="number" class="rounded-sm px-1 w-16" />
+				Z:<input type="number" class="rounded-sm px-1 w-16" />
+                <label for="">当前位置：</label>
+                <span class="text-warn">50，50，50</span>
+			</div>
+			<button class="btn-light px-2 py-1 min-w-20">移动机械臂</button>
+		</div>
+	</div>
+</template>
+<script setup lang="ts"></script>
+<style lang="scss" scoped>
+.frame {
+	// border-radius: 0.5rem;
+	// border-width: 1px;
+	// border-color: #ccc;
+	border-bottom: solid 1px #ddd;
+	padding: 1rem 0.5rem;
+	display: flex;
+	flex-direction: column;
+	align-items: start;
+	gap: 1rem;
+	input {
+		background-color: #f5f5f5;
+		height: 1.75rem;
+	}
+}
+</style>
diff --git a/tailwind.config.js b/tailwind.config.js
index 781e39a..d6ad602 100644
--- a/tailwind.config.js
+++ b/tailwind.config.js
@@ -7,6 +7,7 @@ export default {
 			white: "#FFF",
 			title: "#646566",
 			text: "#333",
+			warn: "#f05a28",
 		},
 		extend: {},
 	},