添加看板

src/components/board/time.vue

@@ -0,0 +1,23 @@
+<template>
+  <div class="app">
+  </div>
+</template>
+
+<script>
+
+export default {
+  name: "Liner",
+  data() {
+    return {
+      time:'',
+      date:'',
+    }
+  },
+  created() {
+  },
+  methods: {}
+};
+</script>
+<style scoped>
+
+</style>

src/layout/boardIndex.vue

@@ -0,0 +1,61 @@
+<template>
+  <div>
+    <router-view></router-view>
+    <div class="time" id="time">{{ time }}</div>
+    <div class="date" id="date">{{ date }}</div>
+  </div>
+</template>
+
+<script>
+import {AppMain} from './components'
+
+let getDateIntervalFun = null
+export default {
+  name: 'BoardIndex',
+  components: {
+    AppMain,
+  },
+  data() {
+    return {
+      time: '1',
+      date: '1'
+    }
+  },
+  created() {
+    const getDate = () => {
+      let date = new Date()
+      let YYYY = date.getFullYear()
+      let MM = (date.getMonth() + 1).toString().length === 1 ? ('0' + (date.getMonth() + 1)) : (date.getMonth() + 1)
+      let dd = (date.getDate() + 1).toString().length === 1 ? ('0' + (date.getDate() + 1)) : (date.getDate() + 1)
+      let HH = (date.getHours() + 1).toString().length === 1 ? ('0' + (date.getHours() + 1)) : (date.getHours() + 1)
+      let mm = (date.getMinutes() + 1).toString().length === 1 ? ('0' + (date.getMinutes() + 1)) : (date.getMinutes() + 1)
+      let ss = (date.getSeconds() + 1).toString().length === 1 ? ('0' + (date.getSeconds() + 1)) : (date.getSeconds() + 1)
+      this.date = `${YYYY} - ${MM} - ${dd}`
+      this.time = `${HH} : ${mm} : ${ss}`
+    }
+    getDateIntervalFun = setInterval(getDate,1000)
+  },
+  beforeDestroy() {
+    getDateIntervalFun = null
+  }
+}
+</script>
+<style scoped>
+.time, .date {
+  position: absolute;
+  font-size: 0.8vw;
+  color: #fcfcfc;
+  transform: translate(-50%, -50%);
+  white-space: nowrap;
+}
+
+.time {
+  top: 3.2%;
+  left: 85.8%;
+}
+
+.date {
+  top: 3.2%;
+  left: 94.1%;
+}
+</style>

src/store/modules/permission.js

@@ -4,6 +4,7 @@ import { getRouters } from '@/api/menu'
 import Layout from '@/layout/index'
 import ParentView from '@/components/ParentView'
 import InnerLink from '@/layout/components/InnerLink'
+import BoardIndex from '@/layout/boardIndex'
 
 const permission = {
   state: {
@@ -58,7 +59,7 @@ function filterAsyncRouter(asyncRouterMap, lastRouter = false, type = false) {
     if (type && route.children) {
       route.children = filterChildren(route.children)
     }
-    if (route.component) {
+    if (route.component && route.name !== 'Board') {
       // Layout ParentView 组件特殊处理
       if (route.component === 'Layout') {
         route.component = Layout
@@ -70,6 +71,9 @@ function filterAsyncRouter(asyncRouterMap, lastRouter = false, type = false) {
         route.component = loadView(route.component)
       }
     }
+    if(route.name === 'Board'){
+      route.component = BoardIndex
+    }
     if (route.children != null && route.children && route.children.length) {
       route.children = filterAsyncRouter(route.children, route, type)
     } else {

src/views/board/liner/index.vue

@@ -0,0 +1,31 @@
+<template>
+  <div class="app-container">
+  </div>
+</template>
+
+<script>
+
+export default {
+  name: "Liner",
+  data() {
+    return {
+
+    }
+  },
+  created() {
+  },
+  methods: {}
+};
+</script>
+<style scoped>
+.app-container {
+  background-image: url("../../../assets/board/liner.jpg");
+  background-repeat: no-repeat;
+  background-size: 100% 100%;
+  width: 100%;
+  height: 100%;
+  position: absolute;
+  top: 0;
+  left: 0;
+}
+</style>

vue.config.js

@@ -35,7 +35,8 @@ module.exports = {
     proxy: {
       // detail: https://cli.vuejs.org/config/#devserver-proxy
       [process.env.VUE_APP_BASE_API]: {
-        target: `http://localhost:8080`,
+        target: `http://10.11.43.2:8080`,
+        // target: `http://localhost:8080`,
         changeOrigin: true,
         pathRewrite: {
           ['^' + process.env.VUE_APP_BASE_API]: ''