lw-cdp-ui 1.0.19 → 1.0.21

package/dist/components/lwLayout/components/topbar.vue

@@ -1,70 +1,70 @@
-<template>
-  <div class="adminui-topbar">
-    <div class="left-panel">
-      <el-breadcrumb separator-icon="el-icon-arrow-right"
-                     class="hidden-sm-and-down">
-        <transition-group name="breadcrumb">
-          <template v-for="item in breadList"
-                    :key="item.title">
-            <el-breadcrumb-item v-if="item.path!='/' &&  !item.meta.hiddenBreadcrumb"
-                                :key="item.meta.title"><el-icon class="icon"
-                       v-if="item.meta.icon">
-                <component :is="item.meta.icon" />
-              </el-icon>{{item.meta.title}}</el-breadcrumb-item>
-          </template>
-        </transition-group>
-      </el-breadcrumb>
-    </div>
-    <div class="center-panel"></div>
-    <div class="right-panel">
-      <slot></slot>
-    </div>
-  </div>
-</template>
-
-<script>
-export default {
-  data() {
-    return {
-      breadList: []
-    }
-  },
-  created() {
-    this.getBreadcrumb();
-  },
-  watch: {
-    $route() {
-      this.getBreadcrumb();
-    },
-  },
-  methods: {
-    getBreadcrumb() {
-      let matched = this.$route.meta.breadcrumb;
-      this.breadList = matched;
-    }
-  }
-}
-</script>
-
-<style scoped>
-.el-breadcrumb {
-  margin-left: 15px;
-}
-.el-breadcrumb .el-breadcrumb__inner .icon {
-  font-size: 14px;
-  margin-right: 5px;
-  float: left;
-}
-.breadcrumb-enter-active,
-.breadcrumb-leave-active {
-  transition: all 0.3s;
-}
-.breadcrumb-enter-from,
-.breadcrumb-leave-active {
-  opacity: 0;
-  transform: translateX(20px);
-}
-.breadcrumb-leave-active {
-  position: absolute;
-}
-</style>
+<template>
+  <div class="adminui-topbar">
+    <div class="left-panel">
+      <el-breadcrumb separator-icon="el-icon-arrow-right"
+                     class="hidden-sm-and-down">
+        <transition-group name="breadcrumb">
+          <template v-for="item in breadList"
+                    :key="item.title">
+            <el-breadcrumb-item v-if="item.path!='/' &&  !item.meta.hiddenBreadcrumb"
+                                :key="item.meta.title"><el-icon class="icon"
+                       v-if="item.meta.icon">
+                <component :is="item.meta.icon" />
+              </el-icon>{{item.meta.title}}</el-breadcrumb-item>
+          </template>
+        </transition-group>
+      </el-breadcrumb>
+    </div>
+    <div class="center-panel"></div>
+    <div class="right-panel">
+      <slot></slot>
+    </div>
+  </div>
+</template>
+
+<script>
+export default {
+  data() {
+    return {
+      breadList: []
+    }
+  },
+  created() {
+    this.getBreadcrumb();
+  },
+  watch: {
+    $route() {
+      this.getBreadcrumb();
+    },
+  },
+  methods: {
+    getBreadcrumb() {
+      let matched = this.$route.meta.breadcrumb;
+      this.breadList = matched;
+    }
+  }
+}
+</script>
+
+<style scoped>
+.el-breadcrumb {
+  margin-left: 15px;
+}
+.el-breadcrumb .el-breadcrumb__inner .icon {
+  font-size: 14px;
+  margin-right: 5px;
+  float: left;
+}
+.breadcrumb-enter-active,
+.breadcrumb-leave-active {
+  transition: all 0.3s;
+}
+.breadcrumb-enter-from,
+.breadcrumb-leave-active {
+  opacity: 0;
+  transform: translateX(20px);
+}
+.breadcrumb-leave-active {
+  position: absolute;
+}
+</style>

package/dist/components/lwLayout/components/userbar.vue

@@ -1,209 +1,210 @@
-<template>
-  <div class="user-bar">
-    <bu v-if="isShowBu" :isInitialized="isInitialized" />
-
-    <el-dropdown class="user panel-item"
-                 trigger="click"
-                 @command="handleUser">
-      <div class="user-avatar">
-        <el-avatar :size="30"
-                   :src="$store.state.user.username"></el-avatar>
-      </div>
-      <template #dropdown>
-        <el-dropdown-menu>
-          <el-dropdown-item command="uc">
-            <div class="user-body">
-              <el-avatar :size="30"
-                         :src="$store.state.user.username"></el-avatar>
-              <div class="user-name">
-                <label>{{ $store.state.user.realName }}</label>
-                <label>{{ $store.state.user.username }}</label>
-              </div>
-            </div>
-          </el-dropdown-item>
-          <el-dropdown-item command="uc"
-                            divided>{{$t('layout.userData')}}</el-dropdown-item>
-          <el-dropdown-item
-                            command="clearCache">{{$t('layout.clearCache')}}</el-dropdown-item>
-          <el-dropdown-item divided
-                            command="outLogin">{{$t('layout.outLogin')}}</el-dropdown-item>
-        </el-dropdown-menu>
-      </template>
-    </el-dropdown>
-  </div>
-
-</template>
-
-<script>
-import bu from './bu.vue'
-
-export default {
-  props: {
-    isShowBu: {
-      type: Boolean,
-      default: true
-    },
-    isInitialized: {
-      type: Boolean,
-      default: true
-    },
-  },
-  components: {
-    bu
-  },
-  data() {
-    return {
-      userName: "",
-      userNameF: "",
-      searchVisible: false,
-      tasksVisible: false,
-      msg: false,
-
-    }
-  },
-  created() {
-    this.$store.state.user = this.$tool.data.get('userAuthInfo')
-  },
-  methods: {
-    //个人信息
-    handleUser(command) {
-      if (command == "uc") {
-        this.$router.push({ path: '/user' });
-      }
-      if (command == "cmd") {
-        this.$router.push({ path: '/cmd' });
-      }
-      if (command == "clearCache") {
-        this.$confirm('清除缓存会将系统初始化，包括登录状态、主题、语言设置等，是否继续？', '提示', {
-          type: 'info',
-        }).then(() => {
-          const loading = this.$loading()
-          this.$tool.data.clear()
-          this.$router.replace({ path: '/login' })
-          setTimeout(() => {
-            loading.close()
-            location.reload()
-          }, 1000)
-        }).catch(() => {
-          //取消
-        })
-      }
-      if (command == "outLogin") {
-        this.$confirm('确认是否退出当前用户？', '提示', {
-          type: 'warning',
-          confirmButtonText: '退出',
-          confirmButtonClass: 'el-button--danger'
-        }).then(() => {
-          this.$router.replace({ path: '/login' });
-        }).catch(() => {
-          //取消退出
-        })
-      }
-    },
-    //全屏
-    screen() {
-      var element = document.documentElement;
-      this.$tool.screen(element)
-    },
-    //显示短消息
-    showMsg() {
-      this.msg = true
-    },
-    //搜索
-    search() {
-      this.searchVisible = true
-    },
-    //任务
-    tasks() {
-      this.tasksVisible = true
-    }
-  }
-}
-</script>
-
-<style scoped lang="scss">
-.user-bar {
-  display: flex;
-  align-items: center;
-  height: 100%;
-}
-.user-bar .panel-item {
-  padding: 0 10px;
-  cursor: pointer;
-  height: 100%;
-  display: flex;
-  align-items: center;
-}
-.user-bar .panel-item i {
-  font-size: 16px;
-}
-.user-bar .panel-item:hover {
-  background: rgba(0, 0, 0, 0.1);
-}
-.user-bar .user-avatar {
-  height: 49px;
-  display: flex;
-  align-items: center;
-}
-.user-bar .user-avatar label {
-  display: inline-block;
-  margin-left: 5px;
-  font-size: 12px;
-  cursor: pointer;
-}
-
-.msg-list li {
-  border-top: 1px solid #eee;
-}
-.msg-list li a {
-  display: flex;
-  padding: 20px;
-}
-.msg-list li a:hover {
-  background: #ecf5ff;
-}
-.msg-list__icon {
-  width: 40px;
-  margin-right: 15px;
-}
-.msg-list__main {
-  flex: 1;
-}
-.msg-list__main h2 {
-  font-size: 15px;
-  font-weight: normal;
-  color: #333;
-}
-.msg-list__main p {
-  font-size: 12px;
-  color: #999;
-  line-height: 1.8;
-  margin-top: 5px;
-}
-.msg-list__time {
-  width: 100px;
-  text-align: right;
-  color: #999;
-}
-
-.dark .msg-list__main h2 {
-  color: #d0d0d0;
-}
-.dark .msg-list li {
-  border-top: 1px solid #363636;
-}
-.dark .msg-list li a:hover {
-  background: #383838;
-}
-
-.user-body {
-  display: flex;
-  align-items: center;
-  gap: 20px;
-  width: 150px;
-  .user-name {
-    display: flex;
-    flex-direction: column;
-  }
-}
-</style>
+<template>
+  <div class="user-bar">
+    <bu v-if="isShowBu"
+        :isInitialized="isInitialized" />
+
+    <el-dropdown class="user panel-item"
+                 trigger="click"
+                 @command="handleUser">
+      <div class="user-avatar">
+        <el-avatar :size="30"
+                   :src="$store.state.user.username"></el-avatar>
+      </div>
+      <template #dropdown>
+        <el-dropdown-menu>
+          <el-dropdown-item command="uc">
+            <div class="user-body">
+              <el-avatar :size="30"
+                         :src="$store.state.user.username"></el-avatar>
+              <div class="user-name">
+                <label>{{ $store.state.user.realName }}</label>
+                <label>{{ $store.state.user.username }}</label>
+              </div>
+            </div>
+          </el-dropdown-item>
+          <el-dropdown-item command="uc"
+                            divided>{{$t('layout.userData')}}</el-dropdown-item>
+          <el-dropdown-item
+                            command="clearCache">{{$t('layout.clearCache')}}</el-dropdown-item>
+          <el-dropdown-item divided
+                            command="outLogin">{{$t('layout.outLogin')}}</el-dropdown-item>
+        </el-dropdown-menu>
+      </template>
+    </el-dropdown>
+  </div>
+
+</template>
+
+<script>
+import bu from './bu.vue'
+
+export default {
+  props: {
+    isShowBu: {
+      type: Boolean,
+      default: true
+    },
+    isInitialized: {
+      type: Boolean,
+      default: true
+    },
+  },
+  components: {
+    bu
+  },
+  data() {
+    return {
+      userName: "",
+      userNameF: "",
+      searchVisible: false,
+      tasksVisible: false,
+      msg: false,
+
+    }
+  },
+  created() {
+    this.$store.state.user = this.$tool.data.get('userAuthInfo')
+  },
+  methods: {
+    //个人信息
+    handleUser(command) {
+      if (command == "uc") {
+        this.$router.push({ path: '/user' });
+      }
+      if (command == "cmd") {
+        this.$router.push({ path: '/cmd' });
+      }
+      if (command == "clearCache") {
+        this.$confirm('清除缓存会将系统初始化，包括登录状态、主题、语言设置等，是否继续？', '提示', {
+          type: 'info',
+        }).then(() => {
+          const loading = this.$loading()
+          this.$tool.data.clear()
+          this.$router.replace({ path: '/login' })
+          setTimeout(() => {
+            loading.close()
+            location.reload()
+          }, 1000)
+        }).catch(() => {
+          //取消
+        })
+      }
+      if (command == "outLogin") {
+        this.$confirm('确认是否退出当前用户？', '提示', {
+          type: 'warning',
+          confirmButtonText: '退出',
+          confirmButtonClass: 'el-button--danger'
+        }).then(() => {
+          this.$router.replace({ path: '/login' });
+        }).catch(() => {
+          //取消退出
+        })
+      }
+    },
+    //全屏
+    screen() {
+      var element = document.documentElement;
+      this.$tool.screen(element)
+    },
+    //显示短消息
+    showMsg() {
+      this.msg = true
+    },
+    //搜索
+    search() {
+      this.searchVisible = true
+    },
+    //任务
+    tasks() {
+      this.tasksVisible = true
+    }
+  }
+}
+</script>
+
+<style scoped lang="scss">
+.user-bar {
+  display: flex;
+  align-items: center;
+  height: 100%;
+}
+.user-bar .panel-item {
+  padding: 0 10px;
+  cursor: pointer;
+  height: 100%;
+  display: flex;
+  align-items: center;
+}
+.user-bar .panel-item i {
+  font-size: 16px;
+}
+.user-bar .panel-item:hover {
+  background: rgba(0, 0, 0, 0.1);
+}
+.user-bar .user-avatar {
+  height: 49px;
+  display: flex;
+  align-items: center;
+}
+.user-bar .user-avatar label {
+  display: inline-block;
+  margin-left: 5px;
+  font-size: 12px;
+  cursor: pointer;
+}
+
+.msg-list li {
+  border-top: 1px solid #eee;
+}
+.msg-list li a {
+  display: flex;
+  padding: 20px;
+}
+.msg-list li a:hover {
+  background: #ecf5ff;
+}
+.msg-list__icon {
+  width: 40px;
+  margin-right: 15px;
+}
+.msg-list__main {
+  flex: 1;
+}
+.msg-list__main h2 {
+  font-size: 15px;
+  font-weight: normal;
+  color: #333;
+}
+.msg-list__main p {
+  font-size: 12px;
+  color: #999;
+  line-height: 1.8;
+  margin-top: 5px;
+}
+.msg-list__time {
+  width: 100px;
+  text-align: right;
+  color: #999;
+}
+
+.dark .msg-list__main h2 {
+  color: #d0d0d0;
+}
+.dark .msg-list li {
+  border-top: 1px solid #363636;
+}
+.dark .msg-list li a:hover {
+  background: #383838;
+}
+
+.user-body {
+  display: flex;
+  align-items: center;
+  gap: 20px;
+  width: 150px;
+  .user-name {
+    display: flex;
+    flex-direction: column;
+  }
+}
+</style>