LiLongLong
/
graphite_vue
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity
Browse Source

添加调试页面

feature/home
zhangjiming 6 months ago
parent
bb90aa29a0
commit
6d77740319
6 changed files with 101 additions and 0 deletions
Whitespace
Show all changes Ignore whitespace when comparing lines Ignore changes in amount of whitespace Ignore changes in whitespace at EOL
Split View
Diff Options
Show Stats Download Patch File Download Diff File
  1. 1
      src/assets/menuIcon/n_debug.svg
  2. 1
      src/assets/menuIcon/s_debug.svg
  3. 6
      src/router/index.ts
  4. 6
      src/views/components/menu.ts
  5. 86
      src/views/debug/debug.vue
  6. 1
      tailwind.config.js

1
src/assets/menuIcon/n_debug.svg
View File

@ -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>

1
src/assets/menuIcon/s_debug.svg
View File

@ -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>

6
src/router/index.ts
View File

@ -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
}
]
},

6
src/views/components/menu.ts
View File

@ -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',
}]

86
src/views/debug/debug.vue
View File

@ -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>

1
tailwind.config.js
View File

@ -7,6 +7,7 @@ export default {
white: "#FFF",
title: "#646566",
text: "#333",
warn: "#f05a28",
},
extend: {},
},

Write Preview
Loading…
Cancel
Save