菜单

README.md

@@ -3,7 +3,7 @@
 睿思bi开源版前端框架-基于VUE  <br/>
 ⚠️ 此项目后端框架基于springboot, 地址：https://github.com/ruisibi/rsbi-os  ⚠️<br/>
 
-“睿思BI”商业智能系统是由[成都睿思商智科技有限公司](https://www.ruisitech.com)自主研发的企业数据分析系统。 开源版包含数据建模、数据报表、多维分析、权限管理等功能模块，方便用户快速建立一套易用，灵活、低成本的数据分析平台，实现数据的快速分析及可视化。 <br>
+“睿思BI”商业智能系统是由[成都睿思商智科技有限公司](https://www.ruisitech.com)自主研发的企业数据分析系统。 开源版包含数据建模、数据报表、多维分析、权限管理等功能模块，方便用户快速建立一套易用，灵活、免费的数据分析平台，实现数据的快速分析及可视化。 <br>
 
 # 产品特点：<br>
 1.轻量级BI, 支持快速建模，快速可视化数据。 <br> 

src/view/Main.vue

@@ -7,11 +7,24 @@
 					<template v-for="(item) in menus">
 						<el-submenu v-if="item.children&&item.children.length>0" :key="item.menuId" :index=" 'p' + item.menuId">
 							<template slot="title">
-								<i :class="item.avatar"></i>
-								<span>{{item.menuName}}</span>
+								<i :class="item.avatar"></i><span>{{item.menuName}}</span>
 							</template>
 							<template v-for="(sub) in item.children">
-								<el-menu-item :index="sub.menuUrl" :key="sub.menuId">{{sub.menuName}}</el-menu-item>
+								<template v-if="sub.children&&sub.children.length>0">
+									<el-submenu :key="sub.menuId" :index=" 'p' + sub.menuId" >
+										<template slot="title">
+											<i :class="sub.avatar"></i><span>{{sub.menuName}}</span>
+										</template>
+										<template v-for="(sub2) in sub.children">
+											<el-menu-item :index="sub2.menuUrl" :key="sub2.menuId">
+												<i :class="sub2.avatar"></i><span slot="title">{{sub2.menuName}}</span>
+											</el-menu-item>
+										</template>
+									</el-submenu>
+								</template>
+								<template v-else>
+									<el-menu-item :index="sub.menuUrl" :key="sub.menuId"><i :class="sub.avatar"></i>{{sub.menuName}}</el-menu-item>
+								</template>
 							</template>
 						</el-submenu>
 						<el-menu-item v-else :key="item.menuId" :index="item.menuUrl"><i :class="item.avatar"></i>{{item.menuName}}</el-menu-item>						

src/view/frame/Menu.vue

@@ -87,9 +87,26 @@ export default {
   computed: {},
   methods: {
 	  addMenu:function(node, isupdate){
+      if(isupdate == false){
+        let ref = this.treeRef;
+        //新增只能配置3级菜单
+        var p1 = node.parent;
+        if(p1 != null){
+          var p2 = ref.get_node(p1).parent;
+          if(p2 != null){
+            var p3 = ref.get_node(p2).parent
+            if(p3 == "0"){
+              this.$notify.error({title: '菜单只能建3级',offset: 50});
+              return;
+            }
+          }
+        }
+      }
+
 		  this.operDailogTitle = isupdate?"修改菜单":"创建菜单";
       this.$refs.operForm.showDailog();
       this.isupdate = isupdate;
+      
       if(isupdate){
         const node = this.treeRef.get_selected(true)[0];
         //回写值