+
+
+
+
+
+
+
+
+
+
diff --git a/src/assets/add.svg b/src/assets/add.svg
new file mode 100644
index 0000000..20aa77c
--- /dev/null
+++ b/src/assets/add.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/src/assets/avatar.svg b/src/assets/avatar.svg
new file mode 100644
index 0000000..ea89d9c
--- /dev/null
+++ b/src/assets/avatar.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/src/assets/base.css b/src/assets/base.css
new file mode 100644
index 0000000..b4b5adf
--- /dev/null
+++ b/src/assets/base.css
@@ -0,0 +1,31 @@
+
+*,
+*::before,
+*::after {
+ box-sizing: border-box;
+ margin: 0;
+ padding: 0;
+ font-weight: normal;
+}
+
+body {
+ min-height: 100vh;
+ font-family:
+ Inter,
+ -apple-system,
+ BlinkMacSystemFont,
+ 'Segoe UI',
+ Roboto,
+ Oxygen,
+ Ubuntu,
+ Cantarell,
+ 'Fira Sans',
+ 'Droid Sans',
+ 'Helvetica Neue',
+ sans-serif;
+ font-size: 16px;
+ text-rendering: optimizeLegibility;
+ -webkit-font-smoothing: antialiased;
+ -moz-osx-font-smoothing: grayscale;
+ user-select: none;
+}
diff --git a/src/assets/container.svg b/src/assets/container.svg
new file mode 100644
index 0000000..910afb6
--- /dev/null
+++ b/src/assets/container.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/src/assets/loading.svg b/src/assets/loading.svg
new file mode 100644
index 0000000..7277217
--- /dev/null
+++ b/src/assets/loading.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/src/assets/logo.png b/src/assets/logo.png
new file mode 100644
index 0000000000000000000000000000000000000000..19a001b62f8e8baaed9d93fce5d3a684f0ac8adb
GIT binary patch
literal 2449
zcmV;C32yd@P)
+
+
+
+
diff --git a/src/eventBus.ts b/src/eventBus.ts
new file mode 100644
index 0000000..f839d01
--- /dev/null
+++ b/src/eventBus.ts
@@ -0,0 +1,6 @@
+import mitt from 'mitt'
+type Events = {
+ menuId: number,
+}
+
+export const eventBus = mitt{{ msg }}
++ You’ve successfully created a project with + Vite + + Vue 3. What's next? +
+ {{ value }} +
+
+
+
+
diff --git a/src/views/Test.vue b/src/views/Test.vue
new file mode 100644
index 0000000..9426ed6
--- /dev/null
+++ b/src/views/Test.vue
@@ -0,0 +1,83 @@
+
+ This is an about page
+
+
+
+
+
\ No newline at end of file
diff --git a/src/views/components/Footer.vue b/src/views/components/Footer.vue
new file mode 100644
index 0000000..a5ac958
--- /dev/null
+++ b/src/views/components/Footer.vue
@@ -0,0 +1,98 @@
+
+
+
+
+ {{ item }}
+
+
+
+ 开始加样
+
+
+
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/src/views/components/Header.vue b/src/views/components/Header.vue
new file mode 100644
index 0000000..cb226ae
--- /dev/null
+++ b/src/views/components/Header.vue
@@ -0,0 +1,121 @@
+
+
+
+
+
+
\ No newline at end of file
diff --git a/src/views/components/Liquid.vue b/src/views/components/Liquid.vue
new file mode 100644
index 0000000..29e4737
--- /dev/null
+++ b/src/views/components/Liquid.vue
@@ -0,0 +1,163 @@
+
+
+ ![]()
+
+
+ {{ currentTime }}
+
+
+ ![]()
+
+ Admin
+
+
+
+
+
+
\ No newline at end of file
diff --git a/src/views/components/Menu.vue b/src/views/components/Menu.vue
new file mode 100644
index 0000000..4abd08f
--- /dev/null
+++ b/src/views/components/Menu.vue
@@ -0,0 +1,103 @@
+
+
+
+ 废液回收状态
+
+
+
+
+ 50%
+
+ 碱中和容器
+
+ +
+
+ 溶液容器状态
+
+
+
+
+
+
+
+
+ {{ solu.percentage }}
+
+ {{ solu.name }}
+
+
+
+
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/src/views/components/menu.ts b/src/views/components/menu.ts
new file mode 100644
index 0000000..9b960f9
--- /dev/null
+++ b/src/views/components/menu.ts
@@ -0,0 +1,25 @@
+export const menuIcon = [{
+ id: 0,
+ name: '实验操作',
+ s_icon: '/src/assets/menuIcon/s_home.svg',
+ n_icon: '/src/assets/menuIcon/n_home.svg',
+ path: '/graphite',
+},{
+ id: 1,
+ name: '日志记录',
+ s_icon: '/src/assets/menuIcon/s_log.svg',
+ n_icon: '/src/assets/menuIcon/n_log.svg',
+ path: '/logRecords',
+},{
+ id: 2,
+ name: '实验记录',
+ s_icon: '/src/assets/menuIcon/s_expe.svg',
+ n_icon: '/src/assets/menuIcon/n_expe.svg',
+ path: '/expeRecords',
+},{
+ id: 3,
+ name: '加液配置',
+ s_icon: '/src/assets/menuIcon/s_liquid.svg',
+ n_icon: '/src/assets/menuIcon/n_liquid.svg',
+ path: '/liquidConfig',
+}]
\ No newline at end of file
diff --git a/src/views/expeRecord/index.vue b/src/views/expeRecord/index.vue
new file mode 100644
index 0000000..42a1d62
--- /dev/null
+++ b/src/views/expeRecord/index.vue
@@ -0,0 +1,6 @@
+
+
+ ![]()
+
+
+ {{ menu.name }}
+ 实验记录
+
+
\ No newline at end of file
diff --git a/src/views/graphite/components/AddWaste.vue b/src/views/graphite/components/AddWaste.vue
new file mode 100644
index 0000000..7f57fb1
--- /dev/null
+++ b/src/views/graphite/components/AddWaste.vue
@@ -0,0 +1,187 @@
+
+
+
+
+
+
\ No newline at end of file
diff --git a/src/views/graphite/components/HeatPosition.vue b/src/views/graphite/components/HeatPosition.vue
new file mode 100644
index 0000000..a0b035d
--- /dev/null
+++ b/src/views/graphite/components/HeatPosition.vue
@@ -0,0 +1,205 @@
+
+
+
+ 添加溶液
+
+
+
+
+
+
+
+
+
+
+
+ 300ml
+
+ 硫酸
+
+
+
+
+
+
+
+
+ +
+ ![]()
+
+ +
+ 加酸
+
+ 硫酸已添加100ml
+
+
+
+
+
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/src/views/graphite/components/TakePickture.vue b/src/views/graphite/components/TakePickture.vue
new file mode 100644
index 0000000..e0c7f1a
--- /dev/null
+++ b/src/views/graphite/components/TakePickture.vue
@@ -0,0 +1,46 @@
+
+
+
+ {{ `A-${heatInfo}` }}
+ 已放置
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/src/views/graphite/components/index.ts b/src/views/graphite/components/index.ts
new file mode 100644
index 0000000..6874727
--- /dev/null
+++ b/src/views/graphite/components/index.ts
@@ -0,0 +1,4 @@
+
+export {default as HeatPosition} from './HeatPosition.vue'
+export {default as TakePickture} from './TakePickture.vue'
+export { default as AddWaste} from './AddWaste.vue'
diff --git a/src/views/graphite/index.vue b/src/views/graphite/index.vue
new file mode 100644
index 0000000..ac6a59d
--- /dev/null
+++ b/src/views/graphite/index.vue
@@ -0,0 +1,143 @@
+
+
+
+
+ ![]()
+ 拍照
+
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/src/views/home/index.vue b/src/views/home/index.vue
new file mode 100644
index 0000000..7731272
--- /dev/null
+++ b/src/views/home/index.vue
@@ -0,0 +1,63 @@
+
+
+
+
+
+
+
+
+
+
+
+
+
+ 开门
+
+
+ 开始任务
+
+
+ 结束任务
+
+
+
+
+ 选择配方
+
+
+ 执行配方
+
+
+
+
+ 添加溶液
+
+
+ 摇匀
+
+
+
+
+ 移至加热
+
+
+ 移至加液
+
+
+ 移至特殊
+
+
+
+
+ 开始加热
+
+
+ 抬起托盘
+
+
+
+
+
+
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/src/views/liquidConfig/index.vue b/src/views/liquidConfig/index.vue
new file mode 100644
index 0000000..09156bb
--- /dev/null
+++ b/src/views/liquidConfig/index.vue
@@ -0,0 +1,33 @@
+
+
+
+
+
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/src/views/logRecord/index.vue b/src/views/logRecord/index.vue
new file mode 100644
index 0000000..0bc55ec
--- /dev/null
+++ b/src/views/logRecord/index.vue
@@ -0,0 +1,10 @@
+
+
+
+
+
+
+ 日志记录
+
+
+
\ No newline at end of file
diff --git a/src/views/login/index.vue b/src/views/login/index.vue
new file mode 100644
index 0000000..6c6c701
--- /dev/null
+++ b/src/views/login/index.vue
@@ -0,0 +1,51 @@
+
+
+
+
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/src/views/login/login.css b/src/views/login/login.css
new file mode 100644
index 0000000..fd88598
--- /dev/null
+++ b/src/views/login/login.css
@@ -0,0 +1,60 @@
+.login-container {
+ position: relative;
+ width: 100vw;
+ height: 100vh;
+ overflow: hidden;
+ }
+
+ .background-image {
+ position: absolute;
+ top: 0;
+ left: 0;
+ width: 100%;
+ height: 100%;
+ background-image: url('https://via.placeholder.com/1920x1080'); /* 替换为你自己的背景图 URL */
+ background-size: cover;
+ background-position: center;
+ filter: blur(5px);
+ z-index: -1;
+ }
+
+ .login-form {
+ position: absolute;
+ top: 50%;
+ left: 50%;
+ height: 600px;
+ transform: translate(-50%, -50%);
+ background-color: rgba(255, 255, 255, 0.8);
+ padding: 20px;
+ border-radius: 10px;
+ box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
+ text-align: center;
+ }
+
+ .input-field {
+ width: 100%;
+ padding: 10px;
+ margin: 10px 0;
+ border: 1px solid #ccc;
+ border-radius: 5px;
+ }
+
+ .login-button {
+ width: 100%;
+ padding: 10px;
+ background-color: #007bff;
+ color: white;
+ border: none;
+ border-radius: 5px;
+ cursor: pointer;
+ margin-top: 35%;
+ }
+
+ .login-button:hover {
+ background-color: #0056b3;
+ }
+
+ .login-user-input{
+ width: 400px;
+ margin-top: 15%;
+ }
\ No newline at end of file
diff --git a/src/views/style/simpleCard.css b/src/views/style/simpleCard.css
new file mode 100644
index 0000000..73397d5
--- /dev/null
+++ b/src/views/style/simpleCard.css
@@ -0,0 +1,54 @@
+.simple_card{
+ width: 100px;
+ height: 137px;
+ background: #FFFFFF;
+ border-radius: 8px;
+ opacity: 1;
+ .simple_pos{
+ text-align: center;
+ font-family: HarmonyOS Sans SC;
+ font-size: 22px;
+ font-weight: bold;
+ line-height: normal;
+ color: #1871F8;
+
+ }
+
+ .simple_time{
+ width: 90px;
+ height: 70px;
+ border-radius: 6px;
+ opacity: 1;
+ background: #1871F8;
+ padding-top:2px;
+ margin-left: 5px;
+ .simple_remaining_time{
+ display: flex;
+ color: #FFFFFF;
+ text-align: center;
+ font-size: 12px;
+ font-weight: bold;
+ padding-top: 10px;
+ padding-left: 10px;
+ }
+
+ .simple_countdown{
+ width: 84px;
+ height: 32px;
+ border-radius: 6px;
+ opacity: 1;
+ background: #195DC4;
+ color: #FFFFFF;
+ padding-top: 5px;
+ text-align: center;
+ margin-left:3px;
+ margin-top:2px;
+ }
+ }
+
+ .simple_btn{
+ border-radius: 6px;
+ width: 90px;
+ margin-left:5px;
+ }
+}
\ No newline at end of file
diff --git a/src/views/style/simpleCardVertical.css b/src/views/style/simpleCardVertical.css
new file mode 100644
index 0000000..a789e59
--- /dev/null
+++ b/src/views/style/simpleCardVertical.css
@@ -0,0 +1,81 @@
+.simple_card{
+ width: 310px;
+ height: 42px;
+ background: #FFFFFF;
+ border-radius: 8px;
+ opacity: 1;
+ display: flex;
+ gap: 5px;
+
+ .simple_content{
+ width: 198px;
+ height: 37px;
+ border-radius: 8px;
+ background: #5BE881;
+ margin: auto;
+ margin-left: 2px;
+ display:flex;
+ .simple_seq{
+ color: #ffffff;
+ padding-left: 15px;
+ padding-top: 5px;
+ width: 35px;
+ }
+
+ .simple_time_icon{
+ display: flex;
+ img{
+ width: 15px;
+ height: 15px;
+ margin: auto;
+ }
+
+ .simple_remaining_time{
+ display: flex;
+ color: #FFFFFF;
+ text-align: center;
+ font-size: 13px;
+ font-weight: bold;
+ padding-top: 10px;
+ padding-left: 5px;
+ }
+ }
+
+ .simple_pos{
+ height: 25px;
+ font-size: 22px;
+ font-weight: bold;
+ }
+
+
+
+ .simple_countdown{
+ width: 84px;
+ height: 32px;
+ border-radius: 6px;
+ opacity: 1;
+ background: #52D375;
+ color: #FFFFFF;
+ padding-top: 5px;
+ text-align: center;
+ margin-left:3px;
+ margin-top:2px;
+ }
+ }
+
+ .simple_btn{
+ border-radius: 6px;
+ width: 107px;
+ height: 37px;
+ margin-top:3px;
+ background: #5BE881;
+ font-weight: bold;
+ display: flex;
+ justify-content: center;
+ align-items: center;
+
+ .simple_clear{
+ color:#FFFFFF;
+ }
+ }
+}
\ No newline at end of file
diff --git a/tailwind.config.js b/tailwind.config.js
new file mode 100644
index 0000000..a28ce71
--- /dev/null
+++ b/tailwind.config.js
@@ -0,0 +1,12 @@
+/** @type {import('tailwindcss').Config} */
+export default {
+ content: [
+ "./index.html",
+ "./src/**/*.{vue,js,ts,jsx,tsx}",
+ ],
+ theme: {
+ extend: {},
+ },
+ plugins: [],
+}
+
diff --git a/tsconfig.app.json b/tsconfig.app.json
new file mode 100644
index 0000000..913b8f2
--- /dev/null
+++ b/tsconfig.app.json
@@ -0,0 +1,12 @@
+{
+ "extends": "@vue/tsconfig/tsconfig.dom.json",
+ "include": ["env.d.ts", "src/**/*", "src/**/*.vue"],
+ "exclude": ["src/**/__tests__/*"],
+ "compilerOptions": {
+ "tsBuildInfoFile": "./node_modules/.tmp/tsconfig.app.tsbuildinfo",
+
+ "paths": {
+ "@/*": ["./src/*"]
+ }
+ }
+}
diff --git a/tsconfig.json b/tsconfig.json
new file mode 100644
index 0000000..66b5e57
--- /dev/null
+++ b/tsconfig.json
@@ -0,0 +1,11 @@
+{
+ "files": [],
+ "references": [
+ {
+ "path": "./tsconfig.node.json"
+ },
+ {
+ "path": "./tsconfig.app.json"
+ }
+ ]
+}
diff --git a/tsconfig.node.json b/tsconfig.node.json
new file mode 100644
index 0000000..0255ab3
--- /dev/null
+++ b/tsconfig.node.json
@@ -0,0 +1,18 @@
+{
+ "extends": "@tsconfig/node22/tsconfig.json",
+ "include": [
+ "vite.config.*",
+ "vitest.config.*",
+ "cypress.config.*",
+ "nightwatch.conf.*",
+ "playwright.config.*",
+ ],
+ "compilerOptions": {
+ "noEmit": true,
+ "tsBuildInfoFile": "./node_modules/.tmp/tsconfig.node.tsbuildinfo",
+
+ "module": "ESNext",
+ "moduleResolution": "Bundler",
+ "types": ["node"]
+ }
+}
diff --git a/vite.config.ts b/vite.config.ts
new file mode 100644
index 0000000..7f752bb
--- /dev/null
+++ b/vite.config.ts
@@ -0,0 +1,20 @@
+import { fileURLToPath, URL } from "node:url";
+
+import { defineConfig } from "vite";
+import vue from "@vitejs/plugin-vue";
+import vueJsx from "@vitejs/plugin-vue-jsx";
+import vueDevTools from "vite-plugin-vue-devtools";
+
+// https://vite.dev/config/
+export default defineConfig({
+ plugins: [vue(), vueJsx(), vueDevTools()],
+ resolve: {
+ alias: {
+ "@": fileURLToPath(new URL("./src", import.meta.url)),
+ },
+ },
+ server: {
+ host: "0.0.0.0",
+ port: 5174,
+ },
+});
+
+ 登录
+ +
+
+
+
+
+
+
+
+
+