Changes

src/permission.js

@@ -8,7 +8,7 @@ import getPageTitle from '@/utils/get-page-title'
 
 NProgress.configure({showSpinner: false}) // NProgress Configuration
 
-const whiteList = ['/login', '/auth-redirect', '/login1'] // no redirect whitelist
+const whiteList = ['/login', '/auth-redirect','/dashboard-screen', '/login1'] // no redirect whitelist
 
 router.beforeEach(async(to, from, next) => {
   // start progress bar

src/router/index.js

@@ -76,12 +76,7 @@ export const constantRoutes = [
     path: '/404',
     component: () => import('@/views/404'),
     hidden: true
-  }
-
-
-
-]
-export const asyncRoutes = [
+  },
   {
     path: '/dashboard-screen',
     component: FullScreenLayout,
@@ -101,6 +96,12 @@ export const asyncRoutes = [
       }
     ]
   },
+
+
+
+
+]
+export const asyncRoutes = [
   {
     path: '/catenary',
     component: Layout,

src/views/dashboard-screen/chard-wrap/card-wrap.vue

@@ -51,6 +51,7 @@ export default {
 
     & > .h-c-wrap {
       line-height: 1;
+      cursor: pointer;
     }
   }
 

src/views/dashboard-screen/index.vue

@@ -73,7 +73,7 @@
         </div>
         <div class="sop sop-2">
           <CardWrap>
-            <span slot="title">检修兑现情况</span>
+            <span slot="title" @click="openDrawer">检修兑现情况</span>
             <div slot="content">
               <Jxdxqk/>
             </div>
@@ -91,7 +91,13 @@
         </div>
       </div>
     </div>
-
+    <el-drawer
+      :title="drawer.title"
+      :visible.sync="drawer.visible"
+      :direction="drawer.direction"
+    >
+      <span>我来啦!</span>
+    </el-drawer>
   </div>
 </template>
 
@@ -115,7 +121,12 @@ export default {
   components: {ChartMap, Jryl, QbDlsbxjdx, Jxdxqk, Zydbsx, Dlbpds, Dlsdxl, CardWrap, SyjhdxqkChart, Dlydtssx},
   data() {
     return {
-      dateTitle: dayjs().locale('zh-cn').format('YYYY年MM月DD日  d')
+      dateTitle: dayjs().locale('zh-cn').format('YYYY年MM月DD日  d'),
+      drawer: {
+        title: '',
+        visible: false,
+        direction: 'btt'
+      }
     }
   },
   watch: {
@@ -131,7 +142,13 @@ export default {
       this.dateTitle = dayjs().locale('zh-cn').format('YYYY年MM月DD日  星期dd')
     }, 1000)
   },
-  methods: {}
+  methods: {
+    openDrawer(type, title) {
+      this.drawer.title = title
+      this.drawer.visible = true
+      this.drawer = Object.assign({}, this.drawer)
+    }
+  }
 }
 </script>
 

src/views/dashboard-screen/screen/screenJxdxqk.vue

@@ -0,0 +1,21 @@
+<template>
+  <div class="common-warp">
+    <div class="left"/>
+
+    <div class="right"/>
+  </div>
+</template>
+
+<script>
+export default {
+  name: 'ScreenJxdxqk'
+}
+</script>
+
+<style scoped lang="scss">
+.common-warp {
+  width: 100%;
+  height: 100%;
+}
+
+</style>