lw-cdp-ui 1.2.48 → 1.2.49

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

@@ -1,214 +0,0 @@
-<template>
-  <div class="user-bar">
-    <slot name="userbarActionBox"></slot>
-    <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.img || empty"></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.img || empty"></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'
-import empty from '@/assets/images/empty.jpg'
-export default {
-  props: {
-    isShowBu: {
-      type: Boolean,
-      default: true
-    },
-    isInitialized: {
-      type: Boolean,
-      default: true
-    },
-  },
-  components: {
-    bu
-  },
-  data() {
-    return {
-      empty,
-      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(() => {
-          this.$tool.data.clear()
-
-          window.location.href = '/#/passport-login';
-        }).catch(() => {
-          //取消
-        })
-      }
-      if (command == "outLogin") {
-        this.$confirm('确认是否退出当前用户？', '提示', {
-          type: 'warning',
-          confirmButtonText: '退出',
-          confirmButtonClass: 'el-button--danger'
-        }).then(() => {
-          this.$store.commit("clearViewTags");
-          this.$store.commit("clearKeepLive");
-          this.$store.commit("clearIframeList")
-          window.location.href = '/#/passport-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;
-  :deep(.el-avatar) {
-    min-width: 30px;
-  }
-  .user-name {
-    display: flex;
-    flex-direction: column;
-  }
-}
-</style>

package/dist/components/lwLayout/index.vue

@@ -1,469 +0,0 @@
-<template>
-  <!-- 通栏布局 -->
-  <template v-if="layout == 'header'">
-    <header class="adminui-header">
-      <div class="adminui-header-left">
-        <div class="logo-bar">
-          <img class="logo"
-               src="../../assets/images/logo.svg">
-          <span>{{ $config.APP_NAME }}</span>
-        </div>
-        <ul v-if="!ismobile"
-            class="nav">
-          <li v-for="item in menu"
-              :key="item"
-              :class="pmenu.path == item.path ? 'active' : ''"
-              @click="showMenu(item)">
-            <el-icon>
-              <component :is="item.meta.icon || 'el-icon-menu'" />
-            </el-icon>
-            <span>{{ item.meta.title }}</span>
-          </li>
-        </ul>
-      </div>
-      <div class="adminui-header-right">
-        <userbar :isShowBu="isShowBu"
-                 :isInitialized="isInitialized">
-          <template #userbarActionBox>
-            <slot name="userbarActionBox"></slot>
-          </template>
-        </userbar>
-      </div>
-    </header>
-    <section class="aminui-wrapper">
-      <div v-if="!ismobile && nextMenu.length > 0 || !pmenu.component"
-           :class="menuIsCollapse ? 'aminui-side isCollapse' : 'aminui-side'">
-        <div v-if="!menuIsCollapse"
-             class="adminui-side-top">
-          <h2>{{ pmenu.meta.title }}</h2>
-        </div>
-        <div class="adminui-side-scroll">
-          <el-scrollbar>
-            <el-menu :default-active="active"
-                     router
-                     :collapse="menuIsCollapse"
-                     :unique-opened="$config.MENU_UNIQUE_OPENED">
-              <NavMenu :navMenus="nextMenu"></NavMenu>
-            </el-menu>
-          </el-scrollbar>
-        </div>
-        <div class="adminui-side-bottom"
-             @click="$store.commit('TOGGLE_menuIsCollapse')">
-          <el-icon><el-icon-expand v-if="menuIsCollapse" /><el-icon-fold
-                          v-else /></el-icon>
-        </div>
-      </div>
-      <Side-m v-if="ismobile"></Side-m>
-      <div class="aminui-body el-container">
-        <Topbar v-if="!ismobile"></Topbar>
-        <Tags v-if="!ismobile && layoutTags"
-              :tagShowID="tagShowID"></Tags>
-        <div class="adminui-main"
-             id="adminui-main">
-          <slot name="routerView">
-            <router-view v-slot="{ Component }">
-              <keep-alive :include="this.$store.state.keepAlive.keepLiveRoute">
-                <component :is="Component"
-                           :key="$route.fullPath"
-                           v-if="$store.state.keepAlive.routeShow" />
-              </keep-alive>
-            </router-view>
-          </slot>
-          <iframe-view></iframe-view>
-        </div>
-      </div>
-    </section>
-  </template>
-
-  <!-- 经典布局 -->
-  <template v-else-if="layout == 'menu'">
-    <section class="aminui-body-menu">
-      <div class="aminui-side-split-left">
-        <Aside></Aside>
-      </div>
-
-      <section class="aminui-wrapper">
-        <div v-if="!ismobile"
-             :class="menuIsCollapse ? 'aminui-side isCollapse' : 'aminui-side'">
-          <div class="aminui-title-name">
-            {{ menuIsCollapse ? $config.APP_NAME.charAt(0) : $config.APP_NAME }}
-          </div>
-          <div class="adminui-side-scroll">
-            <el-scrollbar>
-              <el-menu :default-active="active"
-                       router
-                       :collapse="menuIsCollapse"
-                       :unique-opened="$config.MENU_UNIQUE_OPENED">
-                <NavMenu :navMenus="menu"></NavMenu>
-              </el-menu>
-            </el-scrollbar>
-          </div>
-          <div class="adminui-side-bottom"
-               @click="$store.commit('TOGGLE_menuIsCollapse')">
-            <el-icon><el-icon-expand v-if="menuIsCollapse" /><el-icon-fold
-                            v-else /></el-icon>
-          </div>
-        </div>
-        <Side-m v-if="ismobile"></Side-m>
-        <div class="aminui-body el-container">
-          <div class="aminui-body-menu-top">
-            <div class="top-bar-title">
-              <span class="title">{{ $t("layout.topbar") }}：</span>
-              <Topbar v-if="!ismobile"></Topbar>
-            </div>
-            <userbar :isShowBu="isShowBu"
-                     :isInitialized="isInitialized">
-              <template #userbarActionBox>
-                <slot name="userbarActionBox"></slot>
-              </template>
-            </userbar>
-          </div>
-          <Tags v-if="!ismobile && layoutTags"
-                :tagShowID="tagShowID"></Tags>
-          <div class="adminui-main"
-               id="adminui-main">
-            <slot name="routerView">
-              <router-view v-slot="{ Component }">
-                <keep-alive
-                            :include="this.$store.state.keepAlive.keepLiveRoute">
-                  <component :is="Component"
-                             :key="$route.fullPath"
-                             v-if="$store.state.keepAlive.routeShow" />
-                </keep-alive>
-              </router-view>
-            </slot>
-            <iframe-view></iframe-view>
-          </div>
-        </div>
-      </section>
-    </section>
-  </template>
-
-  <!-- 功能坞布局 -->
-  <template v-else-if="layout == 'dock'">
-    <header class="adminui-header">
-      <div class="adminui-header-left">
-        <div class="logo-bar">
-          <img class="logo"
-               src="../../assets/images/logo.svg">
-          <span>{{ $config.APP_NAME }}</span>
-        </div>
-      </div>
-      <div class="adminui-header-right">
-        <div v-if="!ismobile"
-             class="adminui-header-menu">
-          <el-menu mode="horizontal"
-                   :default-active="active"
-                   router
-                   background-color="#222b45"
-                   text-color="#fff"
-                   active-text-color="var(--el-color-primary)">
-            <NavMenu :navMenus="menu"></NavMenu>
-          </el-menu>
-        </div>
-        <Side-m v-if="ismobile"></Side-m>
-        <userbar :isShowBu="isShowBu"
-                 :isInitialized="isInitialized">
-          <template #userbarActionBox>
-            <slot name="userbarActionBox"></slot>
-          </template>
-        </userbar>
-      </div>
-    </header>
-    <section class="aminui-wrapper">
-      <div class="aminui-body el-container">
-        <Tags v-if="!ismobile && layoutTags"
-              :tagShowID="tagShowID"></Tags>
-        <div class="adminui-main"
-             id="adminui-main">
-          <slot name="routerView">
-            <router-view v-slot="{ Component }">
-              <keep-alive :include="this.$store.state.keepAlive.keepLiveRoute">
-                <component :is="Component"
-                           :key="$route.fullPath"
-                           v-if="$store.state.keepAlive.routeShow" />
-              </keep-alive>
-            </router-view>
-          </slot>
-          <iframe-view></iframe-view>
-        </div>
-      </div>
-    </section>
-  </template>
-
-  <!-- 默认布局 -->
-  <template v-else>
-    <section class="aminui-wrapper">
-      <div v-if="!ismobile"
-           class="aminui-side-split">
-        <div class="aminui-side-split-top">
-          <Aside></Aside>
-        </div>
-
-        <div class="adminui-side-split-scroll">
-          <el-scrollbar>
-            <ul>
-              <li v-for="item in menu"
-                  :key="item"
-                  :class="pmenu.path == item.path ? 'active' : ''"
-                  @click="showMenu(item)">
-                <el-icon>
-                  <component :is="item.meta.icon || el - icon - menu" />
-                </el-icon>
-                <p>{{ item.meta.title }}</p>
-              </li>
-            </ul>
-          </el-scrollbar>
-        </div>
-      </div>
-      <div v-if="!ismobile && nextMenu.length > 0 || !pmenu.component"
-           :class="menuIsCollapse ? 'aminui-side isCollapse' : 'aminui-side'">
-        <div v-if="!menuIsCollapse"
-             class="adminui-side-top">
-          <h2>{{ pmenu.meta.title }}</h2>
-        </div>
-        <div class="adminui-side-scroll">
-          <el-scrollbar>
-            <el-menu :default-active="active"
-                     router
-                     :collapse="menuIsCollapse"
-                     :unique-opened="$config.MENU_UNIQUE_OPENED">
-              <NavMenu :navMenus="nextMenu"></NavMenu>
-            </el-menu>
-          </el-scrollbar>
-        </div>
-        <div class="adminui-side-bottom"
-             @click="$store.commit('TOGGLE_menuIsCollapse')">
-          <el-icon><el-icon-expand v-if="menuIsCollapse" /><el-icon-fold
-                          v-else /></el-icon>
-        </div>
-      </div>
-      <Side-m v-if="ismobile"></Side-m>
-      <div class="aminui-body el-container">
-        <Topbar>
-          <userbar :isShowBu="isShowBu"
-                   :isInitialized="isInitialized">
-            <template #userbarActionBox>
-              <slot name="userbarActionBox"></slot>
-            </template>
-          </userbar>
-        </Topbar>
-        <Tags v-if="!ismobile && layoutTags"
-              :tagShowID="tagShowID"></Tags>
-        <div class="adminui-main"
-             id="adminui-main">
-          <slot name="routerView">
-            <router-view v-slot="{ Component }">
-              <keep-alive :include="this.$store.state.keepAlive.keepLiveRoute">
-                <component :is="Component"
-                           :key="$route.fullPath"
-                           v-if="$store.state.keepAlive.routeShow" />
-              </keep-alive>
-            </router-view>
-          </slot>
-          <iframe-view></iframe-view>
-        </div>
-      </div>
-    </section>
-  </template>
-
-  <div class="main-maximize-exit"
-       @click="exitMaximize"><el-icon><el-icon-close /></el-icon></div>
-
-  <div class="layout-setting"
-       @click="openSetting"><el-icon><el-icon-brush-filled /></el-icon></div>
-
-  <el-drawer title="布局实时演示"
-             v-model="settingDialog"
-             :size="400"
-             append-to-body
-             destroy-on-close>
-    <setting></setting>
-  </el-drawer>
-</template>
-
-<script>
-import SideM from './components/sideM.vue';
-import Aside from './components/aside.vue';
-import Topbar from './components/topbar.vue';
-import Tags from './components/tags.vue';
-import NavMenu from './components/NavMenu.vue';
-import userbar from './components/userbar.vue';
-import setting from './components/setting.vue';
-import iframeView from './components/iframeView.vue';
-export default {
-  name: 'lwLayout',
-  props: {
-    isShowBu: {
-      type: Boolean,
-      default: true
-    },
-    // 是否要校验初始化
-    isInitialized: {
-      type: Boolean,
-      default: true
-    },
-    // 标签是否显示ID
-    tagShowID: {
-      type: Boolean,
-      default: false
-    }
-  },
-  components: {
-    Aside,
-    SideM,
-    Topbar,
-    Tags,
-    NavMenu,
-    userbar,
-    setting,
-    iframeView
-  },
-  data() {
-    return {
-      settingDialog: false,
-      changeMenu: false,
-      menu: [],
-      nextMenu: [],
-      pmenu: {},
-      active: ''
-    }
-  },
-  computed: {
-    ismobile() {
-      return this.$store.state.global.ismobile
-    },
-    layout() {
-      return this.$store.state.global.layout
-    },
-    layoutTags() {
-      return this.$store.state.global.layoutTags
-    },
-    menuIsCollapse() {
-      return this.$store.state.global.menuIsCollapse
-    }
-  },
-  beforeCreate() {
-    // 挂载菜单订阅
-    this.$bus.$on('setMenu', (menu) => {
-      this.changeMenu = true
-      this.menu = this.filterUrl(menu)
-    })
-
-    // 处理标签状态
-    let isHideTab = this.$tool.data.get("APP_LAYOUTTAGS")
-    if (isHideTab) {
-      this.$store.state.global.layoutTags = false
-    }
-    let isMenuIsCollapse = this.$tool.data.get("APP_menuIsCollapse")
-    this.$store.state.global.menuIsCollapse = !!isMenuIsCollapse
-  },
-  async created() {
-    // 标识当前项目
-    let isCombined = this.$tool.data.get("MENUCOMBINED")
-    if (isCombined) {
-      this.$tool.data.set("MENUCOMBINEDNMAE", this.$config.APP_NAME);
-    }
-
-    this.onLayoutResize();
-    window.addEventListener('resize', this.onLayoutResize);
-    this.getUserInfo();
-    if (!this.changeMenu) {
-      var menu = this.$router.sc_getMenu();
-      this.menu = this.filterUrl(menu);
-    }
-    this.showThis()
-    this.$store.commit("LOAD_USER_FROM_LOCAL_STORAGE")
-  },
-  watch: {
-    async $route() {
-      this.showThis()
-    },
-    '$i18n.locale'() {
-      var menu = this.$router.sc_getMenu();
-      this.menu = this.filterUrl(menu);
-    },
-    layout: {
-      handler(val) {
-        document.body.setAttribute('data-layout', val)
-      },
-      immediate: true,
-    },
-
-  },
-  methods: {
-    // 获取用户信息 - 用于从demo环境直接跳转
-    async getUserInfo() {
-
-      // 获取所有bu
-      let bu = await this.$api.auth.bu()
-      this.$tool.data.set('buList', bu)
-
-      // 获取用户信息
-      let user = await this.$api.auth.user()
-
-      // 处理应用显示逻辑
-      let application = [...new Set(user.userAuthInfo.menus.map(permission => permission.split('.')[0]))]
-      user.userAuthInfo.grantedApplications = user.userAuthInfo.grantedApplications.filter(x => application.includes(x.code))
-
-      this.$tool.data.set('tenantId', user.userAuthInfo.tenantId)
-      this.$tool.data.set('userAuthInfo', user.userAuthInfo)
-      this.$tool.data.set('MenuPath', user.userAuthInfo.grantedApplications)
-      this.$store.state.user = user.userAuthInfo
-    },
-
-
-
-    openSetting() {
-      this.settingDialog = true;
-    },
-    onLayoutResize() {
-      this.$store.commit("SET_ismobile", document.body.clientWidth < 992)
-    },
-    //路由监听高亮
-    showThis() {
-      this.pmenu = this.$route.meta.breadcrumb ? this.$route.meta.breadcrumb[0] : {}
-      this.nextMenu = this.filterUrl(this.pmenu.children);
-      this.$nextTick(() => {
-        this.active = this.$route.meta.active || this.$route.fullPath;
-      })
-    },
-    //点击显示
-    showMenu(route) {
-      this.pmenu = route;
-      this.nextMenu = this.filterUrl(route.children);
-      if ((!route.children || route.children.length == 0) && route.component) {
-        this.$router.push({ path: route.path })
-      }
-    },
-    //转换外部链接的路由
-    filterUrl(map) {
-
-      var newMap = []
-      map && map.forEach(item => {
-        item.meta = item.meta ? item.meta : {};
-        //处理隐藏
-        if (item.meta.hidden || item.meta.type == "button") {
-          return false
-        }
-        //处理http
-        if (item.meta.type == 'iframe') {
-          item.path = `/i/${item.name}`;
-        }
-        //递归循环
-        if (item.children && item.children.length > 0) {
-          item.children = this.filterUrl(item.children)
-        }
-        newMap.push(item)
-      })
-
-      this.changeMenu = false
-      return newMap;
-    },
-    //退出最大化
-    exitMaximize() {
-      document.getElementById('app').classList.remove('main-maximize')
-    }
-  }
-}
-</script>