全景视图

src/views/humanResources/panorama/panoramaDetails.vue

@@ -1,15 +1,43 @@
 <template>
-  <div>
-
+  <div class="white pa-3 content">
+    <el-menu :default-active="activeIndex" class="el-menu-demo" mode="horizontal" @select="handleSelect">
+      <el-menu-item index="1">处理中心</el-menu-item>
+      <el-submenu index="2">
+        <template slot="title">薪酬核算</template>
+        <el-menu-item index="2-1">选项1</el-menu-item>
+        <el-menu-item index="2-2">选项2</el-menu-item>
+        <el-menu-item index="2-3">选项3</el-menu-item>
+        <el-submenu index="2-4">
+          <template slot="title">选项4</template>
+          <el-menu-item index="2-4-1">选项1</el-menu-item>
+          <el-menu-item index="2-4-2">选项2</el-menu-item>
+          <el-menu-item index="2-4-3">选项3</el-menu-item>
+        </el-submenu>
+      </el-submenu>
+      <el-menu-item index="3" disabled>消息中心</el-menu-item>
+      <el-menu-item index="4"><a href="https://www.ele.me" target="_blank">订单管理</a></el-menu-item>
+    </el-menu>
   </div>
 </template>
 
 <script>
 export default {
-  name: 'panorama-details'
+  name: 'panorama-details',
+  data () {
+    return {
+      activeName: 'first'
+    }
+  },
+  created () {
+    console.log(this.$route.query)
+  }
 }
 </script>
 
 <style lang="scss" scoped>
-
+.content {
+  width: 100%;
+  height: 100%;
+  box-sizing: border-box;
+}
 </style>

src/views/system/menu/index.vue

@@ -99,7 +99,8 @@ export default {
         code: null,
         sort: 0,
         hidden: 1,
-        keepAlive: true
+        keepAlive: true,
+        panorama: false
       }, this.items, null)
     },
     async onEdit ({ id }) {
@@ -120,7 +121,8 @@ export default {
           sort: data.sort,
           hidden: data.hidden,
           window: meta?.window ?? false,
-          keepAlive: meta?.keepAlive ?? false
+          keepAlive: meta?.keepAlive ?? false,
+          panorama: meta?.panorama ?? false
         }, this.items, data.id)
       } catch (error) {
         this.$message.error(error)

src/views/system/menu/menuEdit.vue

@@ -157,6 +157,18 @@ export default {
               { text: '关闭', label: false }
             ]
           }
+        },
+        {
+          label: '全景视图',
+          prop: 'panorama',
+          type: 'radioGroup',
+          hidden: [2].includes(type),
+          options: {
+            items: [
+              { text: '加入', label: true },
+              { text: '不加入', label: false }
+            ]
+          }
         }
       ]
     }
@@ -179,7 +191,7 @@ export default {
         if (!valid) {
           return
         }
-        const metaProp = ['keepAlive', 'window']
+        const metaProp = ['keepAlive', 'window', 'panorama']
         const obj = this.editForm.reduce((res, item) => {
           if (item.hidden) {
             return res