11

psdc-ui/src/App.vue

@@ -20,6 +20,9 @@ onMounted(() => {
     padding: 0;
     box-sizing:border-box;
   }
+  h2{
+    margin: 0;
+  }
   body{
     color: #f3ffff;
     font-size: 14px;

psdc-ui/src/router/index.js

@@ -58,16 +58,15 @@ export const constantRoutes = [
     hidden: true
   },
   {
-    path: '',
+    path: '/',
-    component: Layout,
+    // redirect: '/index',
-    redirect: '/index',
     children: [
       {
-        path: '/index',
+        path: '/bigview',
-        component: () => import('@/views/index'),
+        component: () => import('@/views/bigview/index'),
-        name: 'Index',
+        name: 'Bigview',
         meta: { title: '首页', icon: 'dashboard', affix: true }
-      }
+      },
     ]
   },
   {

psdc-ui/src/views/analyse/nhfx/index.vue

@@ -0,0 +1,16 @@
+<template>
+  <div class="app-container home">
+    <h1>能耗分析</h1>
+  </div>
+</template>
+
+<script setup name="Index">
+
+
+
+</script>
+
+<style scoped lang="scss">
+
+</style>
+

psdc-ui/src/views/analyse/nhtj/index.vue

@@ -0,0 +1,16 @@
+<template>
+  <div class="app-container home">
+    <h1>能耗统计</h1>
+  </div>
+</template>
+
+<script setup name="Index">
+
+
+
+</script>
+
+<style scoped lang="scss">
+
+</style>
+

psdc-ui/src/views/bigview/index.vue

@@ -0,0 +1,113 @@
+<template>
+  <div class="home">
+    <div class="header">
+      <h2>电能替代分布式控制试验平台</h2>
+      <router-link :to="{path:'control/manual/index'}" tag="div" class="back">返回后台</router-link>
+    </div>
+    <div class="main">
+      <div class="left">
+        <div class="left_top">
+          <div class="title">电磁锅炉</div>
+        </div>
+        <div class="left_bottom"></div>
+      </div>
+      <div class="middle"></div>
+      <div class="right">
+        <div class="right_top"></div>
+        <div class="right_bottom"></div>
+      </div>
+    </div>
+  </div>
+</template>
+
+<script setup name="Index">
+
+
+
+</script>
+
+<style scoped lang="scss">
+.home{
+  height: 100%;
+  background-image: url("../../assets/images/bg.png");
+  background-size: 100% 100%;
+  .header{
+    position: relative;
+    width: 100%;
+    height: 70px;
+    background-image: url("../../assets/images/headtitle.png");
+    background-size: 100% 100%;
+    h2{
+      font-size: 36px;
+      color: #AFEAFF;
+      font-weight: bold;
+      text-align: center;
+      line-height: 70px;
+    }
+    .back{
+      position: absolute;
+      top: 5px;
+      right: 20px;
+      font-size: 16px;
+      color: #fff;
+      padding: 8px 15px;
+      background-color: #2c3e50;
+    }
+  }
+  .main{
+    display: flex;
+    justify-content: space-between;
+    flex-wrap: nowrap;
+    padding: 0 20px;
+    width: 100%;
+    height: calc(100% - 70px);
+    .left{
+      width: 24%;
+      height: 100%;
+      .left_top{
+        width: 100%;
+        height: 49%;
+        border: 1px solid red;
+        margin-bottom: 4%;
+      }
+      .left_bottom{
+        width: 100%;
+        height: 49%;
+        border: 1px solid red;
+      }
+    }
+    .middle{
+      width: 50.5%;
+      height: 100%;
+      border: 1px solid red;
+    }
+    .right{
+      width: 24%;
+      height: 100%;
+      .right_top{
+        width: 100%;
+        height: 49%;
+        border: 1px solid red;
+        margin-bottom: 4%;
+      }
+      .right_bottom{
+        width: 100%;
+        height: 49%;
+        border: 1px solid red;
+      }
+    }
+  }
+}
+.title{
+  width: 45%;
+  height: 30px;
+  margin: 0 auto;
+  color: #19C3F4;
+  font-size: 18px;
+  font-weight: bold;
+  text-align: center;
+  background-image: url("../../assets/images/wrappertitle.png");
+  background-size: 100% 100%;
+}
+</style>
+

psdc-ui/src/views/control/manual/index.vue

@@ -0,0 +1,16 @@
+<template>
+  <div class="app-container home">
+    <h1>手动控制</h1>
+  </div>
+</template>
+
+<script setup name="Index">
+
+
+
+</script>
+
+<style scoped lang="scss">
+
+</style>
+

psdc-ui/src/views/control/timer/index.vue

@@ -0,0 +1,16 @@
+<template>
+  <div class="app-container home">
+    <h1>定时控制</h1>
+  </div>
+</template>
+
+<script setup name="Index">
+
+
+
+</script>
+
+<style scoped lang="scss">
+
+</style>
+

psdc-ui/src/views/emonitor/db/index.vue

@@ -1,6 +1,6 @@
 <template>
   <div class="app-container home">
-    <h1>首页</h1>
+    <h1>电表</h1>
   </div>
 </template>
 

psdc-ui/src/views/emonitor/drgl/index.vue

@@ -0,0 +1,16 @@
+<template>
+  <div class="app-container home">
+    <h1>电热锅炉</h1>
+  </div>
+</template>
+
+<script setup name="Index">
+
+
+
+</script>
+
+<style scoped lang="scss">
+
+</style>
+

psdc-ui/src/views/emonitor/frdl/index.vue

@@ -0,0 +1,16 @@
+<template>
+  <div class="app-container home">
+    <h1>发热电缆</h1>
+  </div>
+</template>
+
+<script setup name="Index">
+
+
+
+</script>
+
+<style scoped lang="scss">
+
+</style>
+

psdc-ui/src/views/emonitor/kqyrb/index.vue

@@ -0,0 +1,16 @@
+<template>
+  <div class="app-container home">
+    <h1>空气源热泵</h1>
+  </div>
+</template>
+
+<script setup name="Index">
+
+
+
+</script>
+
+<style scoped lang="scss">
+
+</style>
+

psdc-ui/src/views/emonitor/sp/index.vue

@@ -0,0 +1,16 @@
+<template>
+  <div class="app-container home">
+    <h1>沙盘</h1>
+  </div>
+</template>
+
+<script setup name="Index">
+
+
+
+</script>
+
+<style scoped lang="scss">
+
+</style>
+

psdc-ui/src/views/emonitor/wdcgq/index.vue

@@ -0,0 +1,16 @@
+<template>
+  <div class="app-container home">
+    <h1>温度传感器</h1>
+  </div>
+</template>
+
+<script setup name="Index">
+
+
+
+</script>
+
+<style scoped lang="scss">
+
+</style>
+

psdc-ui/src/views/emonitor/xrgl/index.vue

@@ -0,0 +1,16 @@
+<template>
+  <div class="app-container home">
+    <h1>蓄热锅炉</h1>
+  </div>
+</template>
+
+<script setup name="Index">
+
+
+
+</script>
+
+<style scoped lang="scss">
+
+</style>
+

psdc-ui/src/views/error/404.vue

@@ -17,7 +17,7 @@
         <div class="bullshit__info">
           对不起，您正在寻找的页面不存在。尝试检查URL的错误，然后按浏览器上的刷新按钮或尝试在我们的应用程序中找到其他内容。
         </div>
-        <router-link to="/controller" class="bullshit__return-home">
+        <router-link to="/control/manual" class="bullshit__return-home">
           返回首页
         </router-link>
       </div>

psdc-ui/src/views/system/cl/index.vue

@@ -0,0 +1,16 @@
+<template>
+  <div class="app-container home">
+    <h1>策略管理</h1>
+  </div>
+</template>
+
+<script setup name="Index">
+
+
+
+</script>
+
+<style scoped lang="scss">
+
+</style>
+

psdc-ui/src/views/system/tactics/index.vue

@@ -0,0 +1,16 @@
+<template>
+  <div class="app-container home">
+    <h1>策略管理</h1>
+  </div>
+</template>
+
+<script setup name="Index">
+
+
+
+</script>
+
+<style scoped lang="scss">
+
+</style>
+