diff --git a/src/layout/components/Sidebar/SidebarItem.vue b/src/layout/components/Sidebar/SidebarItem.vue
index 5ecf7f7..be2d4ba 100644
--- a/src/layout/components/Sidebar/SidebarItem.vue
+++ b/src/layout/components/Sidebar/SidebarItem.vue
@@ -8,7 +8,6 @@
         </el-menu-item>
       </app-link>
     </template>
-
     <el-submenu v-else ref="subMenu" :index="resolvePath(item.path)" popper-append-to-body>
       <template slot="title">
         <item v-if="item.meta" :icon="item.meta && item.meta.icon" :title="item.meta.title" />
@@ -100,5 +99,8 @@
 <style>
   .el-submenu__title i {
     color: #fff !important;
+  }
+  #app .sidebar-container .el-submenu .nest-menu>li.is-active{
+    background-color: transparent!important;
   }
-</style>
\ No newline at end of file
+</style>
diff --git a/src/views/area/index.vue b/src/views/book/education.vue
similarity index 77%
rename from src/views/area/index.vue
rename to src/views/book/education.vue
index d733e3b..2b354fd 100644
--- a/src/views/area/index.vue
+++ b/src/views/book/education.vue
@@ -1,5 +1,5 @@
 <template>
-  <router-view />
+  <router-view/>
 </template>
 
 <script>
diff --git a/src/views/book/finance.vue b/src/views/book/finance.vue
new file mode 100644
index 0000000..2b354fd
--- /dev/null
+++ b/src/views/book/finance.vue
@@ -0,0 +1,9 @@
+<template>
+  <router-view/>
+</template>
+
+<script>
+</script>
+
+<style>
+</style>
diff --git a/src/views/book/health.vue b/src/views/book/health.vue
new file mode 100644
index 0000000..2b354fd
--- /dev/null
+++ b/src/views/book/health.vue
@@ -0,0 +1,9 @@
+<template>
+  <router-view/>
+</template>
+
+<script>
+</script>
+
+<style>
+</style>
diff --git a/src/views/book/index.vue b/src/views/book/index.vue
index 02409e3..6b03e48 100644
--- a/src/views/book/index.vue
+++ b/src/views/book/index.vue
@@ -1,8 +1,69 @@
-<template>
-</template>
-
+<template>
+  <div style="padding: 0 20px">
+
+    <div ref="lxHeader">
+      <lx-header icon="md-apps" :text="bookName" style="margin-bottom: 10px; border: 0px; margin-top: 15px">
+      </lx-header>
+    </div>
+    <div class="wrap" :style="{'height':mapHeight+'px'}">
+      <echartsLine ref="echartsLine1" :rotate="60" :color="['#147d38','#333']" :lineDataX='monthX' :lineDataY='monthY'></echartsLine>
+    </div>
+  </div>
+</template>
+
 <script>
-</script>
+  import echartsLine from "@/views/jsc/components/echartsLine.vue";
+  export default {
+    components: {
+      echartsLine
+    },
+    data(){
+      return{
+        bookName:'',
+        mapHeight:0,
+        monthX: ['一月', '二月', '三月', '四月', '五月', '六月', '七月', '八月', '九月', '十月', '十一月', '十二月'],
+        monthY: [5, 6, 7, 8, 9, 10, 12, 5, 6, 7, 8, 9],
+        bookTypeList:{
+          number:'残疾人证台账',
+          drug:'免费服药台账',
+          children:'儿童康复台账',
+          help:'辅具适配台账',
+          health:'社区康复台账',
+          student:'优秀学生奖学金台账',
+          education:'教育专项台账',
+          raise:'托养台账',
+          cars:'燃油补贴台账',
+          address:'创业场地补贴台账',
+          starts:'创业补贴台账',
+        }
+      }
+
+    },
+    created(){
+      this.initHeight()
+      if(this.$route.path){
+        let path = this.$route.path.split("_")[1]
+        console.log(path)
+        for(var k in this.bookTypeList){
+          if(path==k){
+            this.bookName = this.bookTypeList[k]
+          }
+        }
+      }
+    },
+    methods: {
+      initHeight() {
+        let winHeight = document.body.clientHeight
+        this.mapHeight = winHeight - 50 - 20
+        console.log(winHeight)
+      },
+    },
 
+  }
+</script>
+
 <style>
-</style>
\ No newline at end of file
+  .wrap{
+    width:100%;
+  }
+</style>
diff --git a/src/views/book/office.vue b/src/views/book/office.vue
new file mode 100644
index 0000000..2b354fd
--- /dev/null
+++ b/src/views/book/office.vue
@@ -0,0 +1,9 @@
+<template>
+  <router-view/>
+</template>
+
+<script>
+</script>
+
+<style>
+</style>
diff --git a/src/views/book/reform.vue b/src/views/book/reform.vue
new file mode 100644
index 0000000..2b354fd
--- /dev/null
+++ b/src/views/book/reform.vue
@@ -0,0 +1,9 @@
+<template>
+  <router-view/>
+</template>
+
+<script>
+</script>
+
+<style>
+</style>
diff --git a/src/views/jsc/components/echartsLine.vue b/src/views/jsc/components/echartsLine.vue
index 0be6380..b3a2852 100644
--- a/src/views/jsc/components/echartsLine.vue
+++ b/src/views/jsc/components/echartsLine.vue
@@ -22,7 +22,9 @@
     },
     color:{
       type:Array,
-      default:['#00ffff','#fff']
+      default:()=>{
+        return ['#00ffff','#fff']
+      }
     }
   },
     data() {
diff --git a/src/views/system/permission.vue b/src/views/system/permission.vue
index 9fd2a58..c19c6bd 100644
--- a/src/views/system/permission.vue
+++ b/src/views/system/permission.vue
@@ -151,13 +151,15 @@ export default {
     roleChange(tab, event) {
       this.loadPermisstions(parseInt(tab.index), tab.name)
     },
-    loadPermisstions(index, name) {
+    loadPermisstions(index, name,arr) {
       let select = this.rolelist[index].permissions
       this.$refs.tree.setCheckedKeys([])
       this.activeRole = name
 
       let that = this
+
       this.tree.forEach((tree, index1) => {
+    
         let children = tree.children
         select.forEach((item, index2) => {
           let selectMenu = children.filter(m => {