| | |
| | | <div id="vol-container" :class="['vol-theme-' + theme]"> |
| | | <div class="vol-aside" :style="{ width: menuWidth + 'px' }"> |
| | | <div class="header" :style="{ width: menuWidth - 1 + 'px' }"> |
| | | <img v-show="!isCollapse" src="@/assets/imgs/logo.png" /> |
| | | <img v-show="!isCollapse" src="@/assets/imgs/a.png" /> |
| | | <i @click="toggleLeft" class=" collapse-menu" :class="isCollapse ? 'el-icon-s-unfold' : 'el-icon-s-fold'" /> |
| | | </div> |
| | | <div class="vol-menu"> |
| | |
| | | </div> |
| | | <div class="vol-container" :style="{ left: menuWidth - 1 + 'px' }"> |
| | | <div class="vol-header"> |
| | | <div class="project-name">WIDESEA_WMS</div> |
| | | <div class="project-name" style="font-size: 26px; font-weight: bold;">鏄庡拰鏅鸿兘瑁呭鏈夐檺鍏徃</div> |
| | | <div class="header-text"> |
| | | <div class="h-link"> |
| | | <a href="javascript:void(0)" @click="to(item)" v-for="(item, index) in links.filter((c) => { |
| | | return !c.icon; |
| | | })" :key="index"> |
| | | <span v-if="!item.icon"> {{ item.text }}</span> |
| | | <span v-if="!item.icon" style="font-size: 30px; "> {{ item.text }}</span> |
| | | <i v-else :class="item.icon"></i> |
| | | </a> |
| | | </div> |
| | |
| | | <component :is="Component" :key="$route.name" |
| | | v-if="!$route.meta || ($route.meta && !$route.meta.hasOwnProperty('keepAlive'))" /> |
| | | </keep-alive> |
| | | <component :is="Component" :key="$route.name" |
| | | v-if="$route.meta && $route.meta.hasOwnProperty('keepAlive')" /> |
| | | <component :is="Component" :key="$route.name" v-if="$route.meta && $route.meta.hasOwnProperty('keepAlive')" /> |
| | | </router-view> |
| | | </el-scrollbar> |
| | | </div> |
| | |
| | | import VolMenu from "@/components/basic/VolElementMenu.vue"; |
| | | import Message from "./index/Message.vue"; |
| | | import MessageConfig from "./index/MessageConfig.js"; |
| | | import logoImg from "@/assets/imgs/a.png" |
| | | // var imgUrl = require("@/assets/imgs/logo.png"); |
| | | var $this; |
| | | var $interval; |