diff --git a/src/views/layout/components/Sidebar/Item.vue b/src/views/layout/components/Sidebar/Item.vue
index b515f61..e4066f1 100644
--- a/src/views/layout/components/Sidebar/Item.vue
+++ b/src/views/layout/components/Sidebar/Item.vue
@@ -1,7 +1,14 @@
+<template>
+  <div>
+    <svg-icon v-if="icon!=''" :icon-class="icon"/>
+    <span v-if="title!=''" slot="title">{{ title }}</span>
+    <el-badge v-if="value!=''" :value="value" class="mark" />
+  </div>
+</template>
 <script>
 export default {
   name: 'MenuItem',
-  functional: true,
+  // functional: true,
   props: {
     icon: {
       type: String,
@@ -10,20 +17,27 @@
     title: {
       type: String,
       default: ''
+    },
+    value: {
+      type: [String, Number],
+      default: ''
     }
-  },
-  render(h, context) {
-    const { icon, title } = context.props
-    const vnodes = []
-
-    if (icon) {
-      vnodes.push(<svg-icon icon-class={icon}/>)
-    }
-
-    if (title) {
-      vnodes.push(<span slot='title'>{(title)}</span>)
-    }
-    return vnodes
   }
+  // ,
+  // render(h, context) {
+  //   const { icon, title } = context.props
+  //   const vnodes = []
+  //
+  //   if (icon) {
+  //     vnodes.push(<svg-icon icon-class={icon}/>)
+  //   }
+  //   // if (title) {
+  //   //   vnodes.push(<el-badge class='marker' is-dot />)
+  //   // }
+  //   if (title) {
+  //     vnodes.push(<el-badge is-dot slot='title' class='item'><span>{(title)}</span></el-badge>)
+  //   }
+  //   return vnodes
+  // }
 }
 </script>

diff --git a/src/views/layout/components/Sidebar/Item.vue b/src/views/layout/components/Sidebar/Item.vue
index b515f61..e4066f1 100644
--- a/src/views/layout/components/Sidebar/Item.vue
+++ b/src/views/layout/components/Sidebar/Item.vue
@@ -1,7 +1,14 @@
+<template>
+  <div>
+    <svg-icon v-if="icon!=''" :icon-class="icon"/>
+    <span v-if="title!=''" slot="title">{{ title }}</span>
+    <el-badge v-if="value!=''" :value="value" class="mark" />
+  </div>
+</template>
 <script>
 export default {
   name: 'MenuItem',
-  functional: true,
+  // functional: true,
   props: {
     icon: {
       type: String,
@@ -10,20 +17,27 @@
     title: {
       type: String,
       default: ''
+    },
+    value: {
+      type: [String, Number],
+      default: ''
     }
-  },
-  render(h, context) {
-    const { icon, title } = context.props
-    const vnodes = []
-
-    if (icon) {
-      vnodes.push(<svg-icon icon-class={icon}/>)
-    }
-
-    if (title) {
-      vnodes.push(<span slot='title'>{(title)}</span>)
-    }
-    return vnodes
   }
+  // ,
+  // render(h, context) {
+  //   const { icon, title } = context.props
+  //   const vnodes = []
+  //
+  //   if (icon) {
+  //     vnodes.push(<svg-icon icon-class={icon}/>)
+  //   }
+  //   // if (title) {
+  //   //   vnodes.push(<el-badge class='marker' is-dot />)
+  //   // }
+  //   if (title) {
+  //     vnodes.push(<el-badge is-dot slot='title' class='item'><span>{(title)}</span></el-badge>)
+  //   }
+  //   return vnodes
+  // }
 }
 </script>
diff --git a/src/views/layout/components/Sidebar/SidebarItem.vue b/src/views/layout/components/Sidebar/SidebarItem.vue
index 988d662..6c2d5ad 100644
--- a/src/views/layout/components/Sidebar/SidebarItem.vue
+++ b/src/views/layout/components/Sidebar/SidebarItem.vue
@@ -26,7 +26,7 @@
         <a v-else :href="child.path" :key="child.name" target="_blank" @click="clickLink(child.path,$event)">
           <el-menu-item :index="resolvePath(child.path)">
             <span class="light-line"/>
-            <item v-if="child.meta" :icon="child.meta.icon" :title="child.meta.title" />
+            <item v-if="child.meta" :icon="child.meta.icon" :title="child.meta.title" :value="tempData[child.meta.permission]" />
           </el-menu-item>
         </a>
       </template>
@@ -56,6 +56,16 @@
     basePath: {
       type: String,
       default: ''
+    },
+    tempData: {
+      type: Object,
+      default() {
+        return {
+          // '/supWork': 5,
+          // '/supToRegister': 2,
+          // '/toAdjust': 1
+        }
+      }
     }
   },
   data() {
@@ -105,3 +115,22 @@
   }
 }
 </script>
+
+<style>
+  .item {
+    z-index: 20;
+    position: relative;
+    margin: 0px;
+    top: 10px;
+    right: 10px;
+  }
+  .el-badge__content{
+    font-size:10px !important;
+    border: none !important;
+    text-align: center;
+    height:15px !important;
+    line-height: 15px !important;
+    border-radius: 8px !important;
+    padding:0 5px;
+  }
+</style>