update 嵌入其他系统隐藏菜单和用户信息（顶部）

src/components/page/GlobalLayout.vue

@@ -1,7 +1,7 @@
 <template>
   <a-layout class="layout" :class="[device]">
 
-    <template v-if="layoutMode === 'sidemenu'">
+    <template v-if="layoutMode === 'sidemenu' && !isEmbedded">
       <a-drawer
         v-if="device === 'mobile'"
         :wrapClassName="'drawer-sider ' + navTheme"
@@ -59,6 +59,7 @@
       :style="{ paddingLeft: fixSiderbar && isDesktop() ? `${sidebarOpened ? 200 : 80}px` : '0' }">
       <!-- layout header -->
       <global-header
+        v-if="!isEmbedded"
         :mode="layoutMode"
         :menus="menus"
         :theme="navTheme"
@@ -122,7 +123,9 @@ export default {
       // 主路由
       mainRouters: state => state.permission.addRouters,
       // 后台菜单
-      permissionMenuList: state => state.user.permissionList
+      permissionMenuList: state => state.user.permissionList,
+      // 是否嵌入在别的系统中
+      isEmbedded: state => state.app.isEmbedded
     })
   },
   watch: {

src/components/tools/setting.js

@@ -1,5 +1,6 @@
 import { message } from 'ant-design-vue/es'
 // import defaultSettings from '../defaultSettings';
+import store from '../../store/index.js'
 
 let lessNodesAppended
 
@@ -41,6 +42,7 @@ const updateTheme = primaryColor => {
   }
   const hideMessage = message.loading('正在编译主题！', 0)
   console.info(`正在编译主题!`)
+
   function buildIt () {
     // 正确的判定less是否已经加载less.modifyVars可用
     if (!window.less || !window.less.modifyVars) {
@@ -58,6 +60,7 @@ const updateTheme = primaryColor => {
         hideMessage()
       })
   }
+
   if (!lessNodesAppended) {
     // insert less.js and color.less
     const lessStyleNode = document.createElement('link')
@@ -93,4 +96,20 @@ const updateColorWeak = colorWeak => {
   colorWeak ? document.body.classList.add('colorWeak') : document.body.classList.remove('colorWeak')
 }
 
-export { updateTheme, colorList, updateColorWeak }
+/**
+ * 设置页面高度
+ */
+const updatePageHeight = () => {
+  const isEmbedded = store.getters.isEmbedded
+  const obj = {
+    'user-info-height': isEmbedded ? '0px' : '59px', // 用户信息的高度
+    'breadcrumb-height': '45px' // 面包屑的高度
+  }
+  for (const key in obj) {
+    document
+      .getElementsByTagName('body')[0]
+      .style.setProperty(`--${key}`, obj[key])
+  }
+}
+
+export { updateTheme, colorList, updateColorWeak, updatePageHeight }