tianyabing 2 years ago
parent
commit
71f9c939cf

+ 11 - 0
src/components/doubleCarbon/PV/doubleCarbonPv.vue

@@ -0,0 +1,11 @@
+<template>
+
+</template>
+
+<script>
+export default {}
+</script>
+
+<style lang="less" scoped>
+
+</style>

+ 11 - 0
src/components/doubleCarbon/car/doubleCarbonCar.vue

@@ -0,0 +1,11 @@
+<template>
+
+</template>
+
+<script>
+export default {}
+</script>
+
+<style lang="less" scoped>
+
+</style>

+ 54 - 0
src/components/doubleCarbon/doubleCarbon.vue

@@ -0,0 +1,54 @@
+<template>
+  <div class="iot-doubleCarbon">
+    <ContainerAside></ContainerAside>
+    <div class="pageContainer-body">
+      <Breadcrumb></Breadcrumb>
+
+      <div class="pageContainer-content" >
+        <happy-scroll color="#dedfe1" size="5" resize v-if="contentShow">
+          <router-view />
+        </happy-scroll>
+      </div>
+    </div>
+  </div>
+</template>
+
+<script>
+import {defineAsyncComponent} from "vue";
+
+export default {
+  data() {
+    return {
+      contentShow: false,
+    }
+  },
+  components: {
+    ContainerAside: defineAsyncComponent(() => import("@/components/home/ContainerAside.vue")),
+    Breadcrumb: defineAsyncComponent(() => import("@/components/breadcrumb/iotBreadcrumb.vue")),
+  },
+  watch: {
+    $route(val) {
+      this.initScroll()
+    }
+  },
+  mounted() {
+    this.initScroll()
+  },
+  methods: {
+    initScroll() {
+      let app = this;
+      this.contentShow = false;
+      setTimeout(function () {
+        app.contentShow = true;
+      }, 200)
+    }
+  }
+}
+</script>
+
+<style lang="less" scoped>
+.iot-doubleCarbon {
+  width: 100%;
+  height: 100%;
+}
+</style>

+ 11 - 0
src/components/doubleCarbon/overview/doubleCarbonOverview.vue

@@ -0,0 +1,11 @@
+<template>
+
+</template>
+
+<script>
+export default {}
+</script>
+
+<style lang="less" scoped>
+
+</style>

+ 11 - 0
src/components/doubleCarbon/print/doubleCarbonPrint.vue

@@ -0,0 +1,11 @@
+<template>
+
+</template>
+
+<script>
+export default {}
+</script>
+
+<style lang="less" scoped>
+
+</style>

+ 11 - 0
src/components/work/bus/workBus.vue

@@ -0,0 +1,11 @@
+<template>
+
+</template>
+
+<script>
+export default {}
+</script>
+
+<style lang="less" scoped>
+
+</style>

+ 11 - 0
src/components/work/meeting/workMeeting.vue

@@ -0,0 +1,11 @@
+<template>
+
+</template>
+
+<script>
+export default {}
+</script>
+
+<style lang="less" scoped>
+
+</style>

+ 11 - 0
src/components/work/overview/workOverview.vue

@@ -0,0 +1,11 @@
+<template>
+
+</template>
+
+<script>
+export default {}
+</script>
+
+<style lang="less" scoped>
+
+</style>

+ 11 - 0
src/components/work/print/workPrint.vue

@@ -0,0 +1,11 @@
+<template>
+
+</template>
+
+<script>
+export default {}
+</script>
+
+<style lang="less" scoped>
+
+</style>

+ 54 - 0
src/components/work/work.vue

@@ -0,0 +1,54 @@
+<template>
+  <div class="iot-work">
+    <ContainerAside></ContainerAside>
+    <div class="pageContainer-body">
+      <Breadcrumb></Breadcrumb>
+
+      <div class="pageContainer-content" >
+        <happy-scroll color="#dedfe1" size="5" resize v-if="contentShow">
+          <router-view />
+        </happy-scroll>
+      </div>
+    </div>
+  </div>
+</template>
+
+<script>
+import {defineAsyncComponent} from "vue";
+
+export default {
+  data() {
+    return {
+      contentShow: false,
+    }
+  },
+  components: {
+    ContainerAside: defineAsyncComponent(() => import("@/components/home/ContainerAside.vue")),
+    Breadcrumb: defineAsyncComponent(() => import("@/components/breadcrumb/iotBreadcrumb.vue")),
+  },
+  watch: {
+    $route(val) {
+      this.initScroll()
+    }
+  },
+  mounted() {
+    this.initScroll()
+  },
+  methods: {
+    initScroll() {
+      let app = this;
+      this.contentShow = false;
+      setTimeout(function () {
+        app.contentShow = true;
+      }, 200)
+    }
+  }
+}
+</script>
+
+<style lang="less" scoped>
+.iot-work {
+  width: 100%;
+  height: 100%;
+}
+</style>

+ 11 - 11
src/data/json/menuList.json

@@ -50,54 +50,54 @@
   },
   {
     "name": "智慧办公",
-    "router": "",
+    "router": "/work",
     "icon": "",
     "children": [
       {
         "name": "楼层概览",
-        "router": "",
+        "router": "/work/overview",
         "icon": ""
       },
       {
         "name": "会议管理",
-        "router": "",
+        "router": "/work/meeting",
         "icon": ""
       },
       {
         "name": "文印管理",
-        "router": "",
+        "router": "/work/print",
         "icon": ""
       },
       {
         "name": "公车管理",
-        "router": "",
+        "router": "/work/bus",
         "icon": ""
       }
     ]
   },
   {
     "name": "数智双碳",
-    "router": "",
+    "router": "/doubleCarbon",
     "icon": "",
     "children": [
       {
-        "name": "数智双碳",
-        "router": "",
+        "name": "双碳概览",
+        "router": "/doubleCarbon/overview",
         "icon": ""
       },
       {
         "name": "车辆排放",
-        "router": "",
+        "router": "/doubleCarbon/car",
         "icon": ""
       },
       {
         "name": "文印排放",
-        "router": "",
+        "router": "/doubleCarbon/print",
         "icon": ""
       },
       {
         "name": "光伏发电",
-        "router": "",
+        "router": "/doubleCarbon/pv",
         "icon": ""
       }
     ]

+ 64 - 0
src/router/index.js

@@ -68,6 +68,70 @@ const router = new VueRouter({
             },
           ]
         },
+        {
+          path: '/work',
+          name: 'work',
+          meta: {breadcrumb: '智慧办公'},
+          component: () => import('@/components/work/work.vue'),
+          children: [
+            {
+              path: '/work/overview',
+              name: 'workOverview',
+              meta: {breadcrumb: '楼层概览'},
+              component: () => import('@/components/work/overview/workOverview.vue'),
+            },
+            {
+              path: '/work/meeting',
+              name: 'workMeeting',
+              meta: {breadcrumb: '会议管理'},
+              component: () => import('@/components/work/meeting/workMeeting.vue'),
+            },
+            {
+              path: '/work/print',
+              name: 'workPrint',
+              meta: {breadcrumb: '文印管理'},
+              component: () => import('@/components/work/print/workPrint.vue'),
+            },
+            {
+              path: '/work/bus',
+              name: 'workBus',
+              meta: {breadcrumb: '公车管理'},
+              component: () => import('@/components/work/bus/workBus.vue'),
+            },
+          ]
+        },
+        {
+          path: '/doubleCarbon',
+          name: 'doubleCarbon',
+          meta: {breadcrumb: '数智双碳'},
+          component: () => import('@/components/doubleCarbon/doubleCarbon.vue'),
+          children: [
+            {
+              path: '/doubleCarbon/overview',
+              name: 'doubleCarbonOverview',
+              meta: {breadcrumb: '双碳概览'},
+              component: () => import('@/components/doubleCarbon/overview/doubleCarbonOverview.vue'),
+            },
+            {
+              path: '/doubleCarbon/car',
+              name: 'doubleCarbonCar',
+              meta: {breadcrumb: '车辆排放'},
+              component: () => import('@/components/doubleCarbon/car/doubleCarbonCar.vue'),
+            },
+            {
+              path: '/doubleCarbon/print',
+              name: 'doubleCarbonPrint',
+              meta: {breadcrumb: '文印排放'},
+              component: () => import('@/components/doubleCarbon/print/doubleCarbonPrint.vue'),
+            },
+            {
+              path: '/doubleCarbon/pv',
+              name: 'doubleCarbonPv',
+              meta: {breadcrumb: '光伏发电'},
+              component: () => import('@/components/doubleCarbon/PV/doubleCarbonPv.vue'),
+            },
+          ]
+        },
 
       ],
     },