diff --git a/index.html b/index.html index 6e11604..5e1f882 100644 --- a/index.html +++ b/index.html @@ -3,7 +3,7 @@ - Vite + Vue + 土壤消解仪
diff --git a/src/mock/tabs.js b/src/mock/tabs.js new file mode 100644 index 0000000..3b28b20 --- /dev/null +++ b/src/mock/tabs.js @@ -0,0 +1,42 @@ +import Shiyan from '@/assets/img/tab/shiyan2.png' + +const tabList = [ + { + id: 1, + name: '实验操作', + path: '/', + icon: Shiyan, + }, + { + id: 2, + name: '操作记录', + path: '/oper', + icon: Shiyan, + }, + { + id: 3, + name: '预设管理', + path: '/preset', + icon: Shiyan, + }, + { + id: 4, + name: '酸液管理', + path: '/acid', + icon: Shiyan, + }, + { + id: 5, + name: '用户管理', + path: '/user', + icon: Shiyan, + }, + { + id: 6, + name: '功能测试', + path: '/test', + icon: Shiyan, + }, +] + +export default tabList diff --git a/src/pages/AcidLiquor.vue b/src/pages/AcidLiquor.vue new file mode 100644 index 0000000..136a904 --- /dev/null +++ b/src/pages/AcidLiquor.vue @@ -0,0 +1,10 @@ + + + + + diff --git a/src/pages/Home.vue b/src/pages/Home.vue index 531b801..c7adcf2 100644 --- a/src/pages/Home.vue +++ b/src/pages/Home.vue @@ -6,20 +6,12 @@
- -
+ +
- +
-

实验操作

-
-
- -
-
- -
-

操作记录

+

{{ item.name }}

@@ -29,8 +21,9 @@ + + diff --git a/src/pages/UserManage.vue b/src/pages/UserManage.vue new file mode 100644 index 0000000..bbbe282 --- /dev/null +++ b/src/pages/UserManage.vue @@ -0,0 +1,10 @@ + + + + + diff --git a/src/router/index.js b/src/router/index.js index 775b900..e349b7c 100644 --- a/src/router/index.js +++ b/src/router/index.js @@ -3,6 +3,9 @@ import { createRouter, createWebHashHistory } from 'vue-router' const Main = () => import('@/pages/Main') const OperatingRecord = () => import('@/pages/OperatingRecord') const PresetManage = () => import('@/pages/PresetManage') +const AcidLiquor = () => import('@/pages/AcidLiquor') +const UserManage = () => import('@/pages/UserManage') +const Test = () => import('@/pages/Test') // 配置路由信息 const routes = [ @@ -18,6 +21,18 @@ const routes = [ path: '/preset', component: PresetManage, }, + { + path: '/acid', + component: AcidLiquor, + }, + { + path: '/user', + component: UserManage, + }, + { + path: '/test', + component: Test, + }, ] const router = createRouter({