新增侧边菜单隐藏

src/page/index/sidebar/sidebarItem.vue

@@ -1,7 +1,7 @@
 <template>
   <template v-for="item in menu">
     <el-menu-item
-      v-if="validatenull(item[childrenKey]) && validRoles(item)"
+      v-if="validatenull(item[childrenKey]) && validRoles(item) && item.isHide !== 1"
       :index="getPath(item)"
       @click="open(item)"
       :key="item[labelKey]"
@@ -12,7 +12,7 @@
       </template>
     </el-menu-item>
     <el-sub-menu
-      v-else-if="!validatenull(item[childrenKey]) && validRoles(item)"
+      v-else-if="!validatenull(item[childrenKey]) && validRoles(item) && item.isHide !== 1"
       :index="getPath(item)"
       :key="item[labelKey]"
     >
@@ -24,7 +24,7 @@
         <el-menu-item
           :index="getPath(child)"
           @click="open(child)"
-          v-if="validatenull(child[childrenKey])"
+          v-if="validatenull(child[childrenKey]) && child.isHide !== 1"
         >
           <i :class="child[iconKey]"></i>
           <template #title>

src/views/system/menu.vue

@@ -216,6 +216,30 @@ export default {
               },
             ],
           },
+          {
+            label: '是否隐藏',
+            prop: 'isHide',
+            type: 'radio',
+            hide: true,
+            dicData: [
+              {
+                label: '否',
+                value: 0,
+              },
+              {
+                label: '是',
+                value: 1,
+              },
+            ],
+            value: 0,
+            rules: [
+              {
+                required: true,
+                message: '请选择是否显示侧边',
+                trigger: 'blur',
+              },
+            ],
+          },
           {
             label: '菜单排序',
             prop: 'sort',
@@ -432,19 +456,19 @@ export default {
 };
 </script>
 
-<style scoped lang='scss'>
-:deep(.no-print){
-  .el-button{
-     margin-right:0
+<style scoped lang="scss">
+:deep(.no-print) {
+  .el-button {
+    margin-right: 0;
   }
 }
-:deep(.avue-form__row){	
-  max-width:300px!important;
+:deep(.avue-form__row) {
+  max-width: 300px !important;
 }
-:deep(.no-print){
-  margin-left:auto;
+:deep(.no-print) {
+  margin-left: auto;
 }
-:deep(.el-form-item__label){
-  width:auto !important;
+:deep(.el-form-item__label) {
+  width: auto !important;
 }
 </style>