env-sys.git - Gitblit

parent: 57c62fa6 | 补丁 | 提交 | ignore whitespace

longyvfengyun

2023-06-16 55f55103fed83d2584012e4308c1c31779574eb0

修改路由信息

7个文件已修改

1个文件已删除

5个文件已添加

	index.html	2 ●●●●● 补丁 \| 查看 \| 原始文档 \| blame \| 历史
	src/composibles/getPosts.js	16 ●●●●● 补丁 \| 查看 \| 原始文档 \| blame \| 历史
	src/main.js	4 ●●●●● 补丁 \| 查看 \| 原始文档 \| blame \| 历史
	src/router/routes.js	43 ●●●●● 补丁 \| 查看 \| 原始文档 \| blame \| 历史
	src/views/accessControl/accessControl.vue	11 ●●●●● 补丁 \| 查看 \| 原始文档 \| blame \| 历史
	src/views/airConditioning/airConditioning.vue	11 ●●●●● 补丁 \| 查看 \| 原始文档 \| blame \| 历史
	src/views/home/images/home.png	补丁 \| 查看 \| 原始文档 \| blame \| 历史
	src/views/home/index.vue	13 ●●●●● 补丁 \| 查看 \| 原始文档 \| blame \| 历史
	src/views/mainLayout/components/PageHeader.vue	2 ●●●●● 补丁 \| 查看 \| 原始文档 \| blame \| 历史
	src/views/mainLayout/components/SlideMenu.vue	65 ●●●●● 补丁 \| 查看 \| 原始文档 \| blame \| 历史
	src/views/mainLayout/index.vue	4 ●●●●● 补丁 \| 查看 \| 原始文档 \| blame \| 历史
	src/views/userManagement/userManagement.vue	11 ●●●●● 补丁 \| 查看 \| 原始文档 \| blame \| 历史
	src/views/video/video.vue	11 ●●●●● 补丁 \| 查看 \| 原始文档 \| blame \| 历史

 index.html

@@ -4,7 +4,7 @@
    <meta charset="UTF-8">
    <link rel="icon" href="/favicon.ico">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Vite App</title>
    <title>环境监控系统</title>
  </head>
  <body>
    <div id="app" style="box-sizing: border-box; height: 100vh;"></div>

 src/composibles/getPosts.js

File was deleted

 src/main.js

@@ -4,11 +4,15 @@
import "./assets/style/basic.css";
import ElementPlus from "element-plus";
import "element-plus/dist/index.css";
import * as ElementPlusIconsVue from '@element-plus/icons-vue'

import { createPinia } from 'pinia'

const app = createApp(App);

for (const [key, component] of Object.entries(ElementPlusIconsVue)) {
  app.component(key, component)
}


const pinia = createPinia()

 src/router/routes.js

@@ -1,19 +1,39 @@
export default [
  {
    path: "/login",
    name: "login",
    component: () => import('../views/login/index.vue')
  },
  {
    path: "/",
    name: "mainLayout",
    component: () => import('../views/mainLayout/index.vue'),
    redirect: '/home',
    children: [
      {
        path: "customer",
        name: 'customerMenu',
        children: [
          {
            path: "customer",
            name: "customer",
            component: () => import('../views/customer/customer.vue')
          },
        ],
        path: "home",
        name: "home",
        component: () => import("../views/home/index.vue"),
      },
      {
        path: "accessControl",
        name: 'accessControl',
        component: () => import("../views/accessControl/accessControl.vue"),
      },
      {
        path: "video",
        name: 'video',
        component: () => import("../views/video/video.vue"),
      },
      {
        path: "airConditioning",
        name: 'airConditioning',
        component: () => import("../views/airConditioning/airConditioning.vue"),
      },
      {
        path: "userManagement",
        name: 'userManagement',
        component: () => import("../views/userManagement/userManagement.vue"),
      },
      {
        path: '/:pathMatch(.*)*',
@@ -21,11 +41,6 @@
        component: () => import('../views/404.vue')
      },
    ]
  },
  {
    path: "/login",
    name: "login",
    component: () => import('../views/login/index.vue')
  },
  {
    path: '/:pathMatch(.*)*',

 src/views/accessControl/accessControl.vue

New file
@@ -0,0 +1,11 @@
<script setup>

</script>

<template>
    <div>门禁</div>
</template>

<style scoped>

</style>

 src/views/airConditioning/airConditioning.vue

New file
@@ -0,0 +1,11 @@
<script setup>

</script>

<template>
    <div>空调</div>
</template>

<style scoped>

</style>

 src/views/home/images/home.png


 src/views/home/index.vue

@@ -1,11 +1,22 @@
<script setup>

import FlexLayout from "@/components/FlexLayout.vue";
</script>

<template>
    <flex-layout>
        <div class="home-content">

        </div>
    </flex-layout>
</template>

<style scoped>

.home-content {
    position: relative;
    height: 100%;
    background-image: url("./images/home.png");
    background-repeat: no-repeat;
    background-size: 100% 100%;
}
</style>

 src/views/mainLayout/components/PageHeader.vue

@@ -39,7 +39,7 @@
                                <span class="hdw-avatar-icon">
                      <el-icon size="18"><Avatar /></el-icon>
                    </span>
                                <span class="hdw-avatar-text">霍东伟</span>
                                <span class="hdw-avatar-text">admin</span>
                                <el-icon size="16">
                                    <ArrowUp v-if="isVisible" />
                                    <ArrowDown v-else />

 src/views/mainLayout/components/SlideMenu.vue

@@ -1,10 +1,6 @@
<script setup>
import {computed, ref} from "vue";
import usePageMenuStore from "@/store/usePageMenuStore";
import {
    Menu as IconMenu,
    Setting,
} from '@element-plus/icons-vue'
const pageMenuStore = usePageMenuStore();

const isCollapse = computed(()=>{
@@ -17,49 +13,28 @@
    {
        title: "首页",
        path: "/",
        icon: "HomeFilled"
    },
    {
        title: "客户管理",
        path: "/customer",
        children: [
            {
                title: "客户档案",
                path: "/customer/customer"
            },
            {
                title: "拜访记录",
                path: "/customer/visit"
            },
        ]
        title: "门禁",
        path: "/accessControl",
        icon: "Checked",
    },
    {
        title: "修养预约",
        path: "business",
        children: [
            {
                title: "预约信息",
                path: "/business/appointment"
            },
            {
                title: "服务项",
                path: "/business/service"
            },
            {
                title: "结算单",
                path: "/business/statement"
            },
        ]
        title: "视频监控",
        path: "/video",
        icon: "VideoCameraFilled",
    },
    {
        title: "流程管理",
        path: "/flow",
        children: [
            {
                title: "审核流程定义",
                path: "/flow/definition"
            },
        ],
    }
        title: "空调",
        path: "/airConditioning",
        icon: "Postcard",
    },
    {
        title: "用户管理",
        path: "/userManagement",
        icon: "UserFilled"
    },
];

const handleOpen = ()=>{};
@@ -82,7 +57,9 @@
            <template v-for="menu in menuData" :key="menu.path">
                <el-sub-menu :index="menu.path" v-if="menu.children">
                    <template #title>
                        <el-icon><icon-menu /></el-icon>
                        <el-icon>
                            <component :is="menu.icon"></component>
                        </el-icon>
                        <span>{{menu.title}}</span>
                    </template>
                    <el-menu-item
@@ -91,7 +68,9 @@
                        :index="children.path">{{children.title}}</el-menu-item>
                </el-sub-menu>
                <el-menu-item :index="menu.path" v-else>
                    <el-icon><icon-menu /></el-icon>
                    <el-icon>
                        <component :is="menu.icon"></component>
                    </el-icon>
                    <template #title>{{menu.title}}</template>
                </el-menu-item>
            </template>

 src/views/mainLayout/index.vue

@@ -21,5 +21,7 @@
</template>

<style scoped>

.page-content {
    height: 100%;
}
</style>

 src/views/userManagement/userManagement.vue

New file
@@ -0,0 +1,11 @@
<script setup>

</script>

<template>
    <div>用户管理</div>
</template>

<style scoped>

</style>

 src/views/video/video.vue

New file
@@ -0,0 +1,11 @@
<script setup>

</script>

<template>
    <div>视频监控</div>
</template>

<style scoped>

</style>

			@@ -4,7 +4,7 @@
			<meta charset="UTF-8">
			<link rel="icon" href="/favicon.ico">
			<meta name="viewport" content="width=device-width, initial-scale=1.0">
			<title>Vite App</title>
			<title>环境监控系统</title>
			</head>
			<body>
			<div id="app" style="box-sizing: border-box; height: 100vh;"></div>

			@@ -4,11 +4,15 @@
			import "./assets/style/basic.css";
			import ElementPlus from "element-plus";
			import "element-plus/dist/index.css";
			import * as ElementPlusIconsVue from '@element-plus/icons-vue'

			import { createPinia } from 'pinia'

			const app = createApp(App);

			for (const [key, component] of Object.entries(ElementPlusIconsVue)) {
			app.component(key, component)
			}


			const pinia = createPinia()

			@@ -1,19 +1,39 @@
			export default [
			{
			path: "/login",
			name: "login",
			component: () => import('../views/login/index.vue')
			},
			{
			path: "/",
			name: "mainLayout",
			component: () => import('../views/mainLayout/index.vue'),
			redirect: '/home',
			children: [
			{
			path: "customer",
			name: 'customerMenu',
			children: [
			{
			path: "customer",
			name: "customer",
			component: () => import('../views/customer/customer.vue')
			},
			],
			path: "home",
			name: "home",
			component: () => import("../views/home/index.vue"),
			},
			{
			path: "accessControl",
			name: 'accessControl',
			component: () => import("../views/accessControl/accessControl.vue"),
			},
			{
			path: "video",
			name: 'video',
			component: () => import("../views/video/video.vue"),
			},
			{
			path: "airConditioning",
			name: 'airConditioning',
			component: () => import("../views/airConditioning/airConditioning.vue"),
			},
			{
			path: "userManagement",
			name: 'userManagement',
			component: () => import("../views/userManagement/userManagement.vue"),
			},
			{
			path: '/:pathMatch(.)',
			@@ -21,11 +41,6 @@
			component: () => import('../views/404.vue')
			},
			]
			},
			{
			path: "/login",
			name: "login",
			component: () => import('../views/login/index.vue')
			},
			{
			path: '/:pathMatch(.)',

New file
			@@ -0,0 +1,11 @@
			<script setup>

			</script>

			<template>
			<div>门禁</div>
			</template>

			<style scoped>

			</style>

			@@ -1,11 +1,22 @@
			<script setup>

			import FlexLayout from "@/components/FlexLayout.vue";
			</script>

			<template>
			<flex-layout>
			<div class="home-content">

			</div>
			</flex-layout>
			</template>

			<style scoped>

			.home-content {
			position: relative;
			height: 100%;
			background-image: url("./images/home.png");
			background-repeat: no-repeat;
			background-size: 100% 100%;
			}
			</style>

			@@ -39,7 +39,7 @@
			<span class="hdw-avatar-icon">
			<el-icon size="18"><Avatar /></el-icon>
			</span>
			<span class="hdw-avatar-text">霍东伟</span>
			<span class="hdw-avatar-text">admin</span>
			<el-icon size="16">
			<ArrowUp v-if="isVisible" />
			<ArrowDown v-else />

			@@ -1,10 +1,6 @@
			<script setup>
			import {computed, ref} from "vue";
			import usePageMenuStore from "@/store/usePageMenuStore";
			import {
			Menu as IconMenu,
			Setting,
			} from '@element-plus/icons-vue'
			const pageMenuStore = usePageMenuStore();

			const isCollapse = computed(()=>{
			@@ -17,49 +13,28 @@
			{
			title: "首页",
			path: "/",
			icon: "HomeFilled"
			},
			{
			title: "客户管理",
			path: "/customer",
			children: [
			{
			title: "客户档案",
			path: "/customer/customer"
			},
			{
			title: "拜访记录",
			path: "/customer/visit"
			},
			]
			title: "门禁",
			path: "/accessControl",
			icon: "Checked",
			},
			{
			title: "修养预约",
			path: "business",
			children: [
			{
			title: "预约信息",
			path: "/business/appointment"
			},
			{
			title: "服务项",
			path: "/business/service"
			},
			{
			title: "结算单",
			path: "/business/statement"
			},
			]
			title: "视频监控",
			path: "/video",
			icon: "VideoCameraFilled",
			},
			{
			title: "流程管理",
			path: "/flow",
			children: [
			{
			title: "审核流程定义",
			path: "/flow/definition"
			},
			],
			}
			title: "空调",
			path: "/airConditioning",
			icon: "Postcard",
			},
			{
			title: "用户管理",
			path: "/userManagement",
			icon: "UserFilled"
			},
			];

			const handleOpen = ()=>{};
			@@ -82,7 +57,9 @@
			<template v-for="menu in menuData" :key="menu.path">
			<el-sub-menu :index="menu.path" v-if="menu.children">
			<template #title>
			<el-icon><icon-menu /></el-icon>
			<el-icon>
			<component :is="menu.icon"></component>
			</el-icon>
			<span>{{menu.title}}</span>
			</template>
			<el-menu-item
			@@ -91,7 +68,9 @@
			:index="children.path">{{children.title}}</el-menu-item>
			</el-sub-menu>
			<el-menu-item :index="menu.path" v-else>
			<el-icon><icon-menu /></el-icon>
			<el-icon>
			<component :is="menu.icon"></component>
			</el-icon>
			<template #title>{{menu.title}}</template>
			</el-menu-item>
			</template>

			@@ -21,5 +21,7 @@
			</template>

			<style scoped>

			.page-content {
			height: 100%;
			}
			</style>