no message

Former-commit-id: 90b140d703fb3fce2bef2d98516293854ef9d014
Former-commit-id: a77a9d22757d33850b7366f9d603a920458a29e0
Former-commit-id: d8f16caa59b4ebe374d26c011f967e3dc7e4eef0

src/components/core/MainLayout/components/HeaderRight/components/FullScreen.vue

@@ -0,0 +1,28 @@
+<template>
+  <el-tooltip
+    class="item"
+    effect="dark"
+    :content="isFullScreen ? '退出全屏' : '全屏'"
+    placement="bottom">
+    <el-button class="d2-mr btn-text" type="text" @click="toggleFullScreen">
+      <d2-icon v-if="isFullScreen" name="compress"/>
+      <d2-icon v-else name="arrows-alt"/>
+    </el-button>
+  </el-tooltip>
+</template>
+
+<script>
+import { mapState, mapMutations } from 'vuex'
+export default {
+  computed: {
+    ...mapState({
+      isFullScreen: state => state.fullScreen.isFullScreen
+    })
+  },
+  methods: {
+    ...mapMutations([
+      'toggleFullScreen'
+    ])
+  }
+}
+</script>

src/components/core/MainLayout/components/HeaderRight/components/UserDropdown.vue

@@ -0,0 +1,33 @@
+<template>
+  <el-dropdown class="d2-mr">
+    <span class="el-dropdown-link">你好</span>
+    <el-dropdown-menu slot="dropdown">
+      <el-dropdown-item @click.native="logOff"><d2-icon name="power-off"/> 注销</el-dropdown-item>
+      <el-dropdown-item><d2-icon name="user-circle-o"/> 个人中心</el-dropdown-item>
+    </el-dropdown-menu>
+  </el-dropdown>
+</template>
+
+<script>
+import Cookies from 'js-cookie'
+export default {
+  methods: {
+    logOff () {
+      this.$confirm('注销此账户吗?', '注销', {
+        confirmButtonText: '确定',
+        cancelButtonText: '取消',
+        type: 'warning'
+      }).then(() => {
+        // 删除cookie
+        Cookies.remove('token')
+        // 跳转路由
+        this.$router.push({
+          name: 'login'
+        })
+      }).catch(() => {
+        // 取消了注销
+      })
+    }
+  }
+}
+</script>

src/components/core/d2-container-full/index.vue

@@ -1,13 +1,13 @@
 <template>
   <div class="d2-container-full" :style="cardStyle">
     <div v-if="$slots.header" class="d2-container-full__header" ref="header">
-      <slot name="header"></slot>
+      <slot name="header"/>
     </div>
     <div class="d2-container-full__body" :style="bodyStyle">
-      <slot></slot>
+      <slot/>
     </div>
     <div v-if="$slots.footer" class="d2-container-full__footer" ref="footer">
-      <slot name="footer"></slot>
+      <slot name="footer"/>
     </div>
   </div>
 </template>

src/components/core/d2-container/index.vue

@@ -2,19 +2,19 @@
   <div class="container-component" :class="{responsive}">
     <!-- [card] 卡片容器 -->
     <el-card v-if="type === 'card'" class="d2-mr d2-mb">
-      <slot v-if="$slots.header" name="header" slot="header"></slot>
-      <slot></slot>
+      <slot v-if="$slots.header" name="header" slot="header"/>
+      <slot/>
     </el-card>
     <!-- [ghost] 隐形的容器 -->
     <div v-if="type === 'ghost'" class="d2-mr d2-mb">
-      <slot name="header"></slot>
-      <slot></slot>
+      <slot name="header"/>
+      <slot/>
     </div>
     <!-- [container-full] 撑满 -->
     <d2-container-full v-if="type === 'full'" :right="20" :bottom="0">
-      <slot v-if="$slots.header" name="header" slot="header"></slot>
-      <slot></slot>
-      <slot v-if="$slots.footer" name="footer" slot="footer"></slot>
+      <slot v-if="$slots.header" name="header" slot="header"/>
+      <slot/>
+      <slot v-if="$slots.footer" name="footer" slot="footer"/>
     </d2-container-full>
   </div>
 </template>

src/components/core/d2-layout-main/components/-header-right/components/FullScreen.vue

@@ -5,8 +5,8 @@
     :content="isFullScreen ? '退出全屏' : '全屏'"
     placement="bottom">
     <el-button class="d2-mr btn-text" type="text" @click="toggleFullScreen">
-      <d2-icon v-if="isFullScreen" name="compress"></d2-icon>
-      <d2-icon v-else name="arrows-alt"></d2-icon>
+      <d2-icon v-if="isFullScreen" name="compress"/>
+      <d2-icon v-else name="arrows-alt"/>
     </el-button>
   </el-tooltip>
 </template>

src/components/core/d2-layout-main/components/-header-right/components/UserDropdown.vue

@@ -2,8 +2,8 @@
   <el-dropdown class="d2-mr">
     <span class="el-dropdown-link">你好</span>
     <el-dropdown-menu slot="dropdown">
-      <el-dropdown-item @click.native="logOff"><d2-icon name="power-off"></d2-icon> 注销</el-dropdown-item>
-      <el-dropdown-item><d2-icon name="user-circle-o"></d2-icon> 个人中心</el-dropdown-item>
+      <el-dropdown-item @click.native="logOff"><d2-icon name="power-off"/> 注销</el-dropdown-item>
+      <el-dropdown-item><d2-icon name="user-circle-o"/> 个人中心</el-dropdown-item>
     </el-dropdown-menu>
   </el-dropdown>
 </template>