style:申请单元列表

@@ -212,7 +212,7 @@ export default {
   methods: {
     // 左侧菜单点击
     menuClick (item) {
-      this.checkedId = item.id;
+      this.checkedId = item.id
     },
     // 添加材料目录
     handleAdd () {

@@ -37,7 +37,6 @@
     li {
       padding: 5px;
       font-size: 14px;
-      color: #606266;
       line-height: 20px;
       cursor: pointer;
     }
@@ -49,6 +48,10 @@
   }
 }
 
+/deep/.el-menu-item.is-active {
+  background-color: #e7f4fe;
+}
+
 .leftCon {
   flex: 1;
   width: calc(100% - 260px);

@@ -20,9 +20,9 @@
     <!-- 内容框架 -->
     <div class="containerFrame">
       <!-- 左侧菜单栏 -->
-      <div class="leftmenu">
+      <div class="leftmenu" v-if="unitData.length>0">
         <div class="title">申请单元列表({{ unitData.length }})</div>
-        <el-menu default-active="0" @select="unitClick">
+        <el-menu :default-active="activeIndex" @select="unitClick">
           <el-menu-item v-for="(item, index) in unitData" :index="index.toString()" :key="index">
             <p>{{ item.bdcdyh }}</p>
             <p>{{ item.zl }}</p>
@@ -65,6 +65,8 @@ import axios from "axios";
 export default {
   data () {
     return {
+      // 默认选中
+      activeIndex: '0',
       //受理申请标识码
       bsmSlsq: this.$route.query.bsmSlsq,
       //当前流程所在环节
@@ -194,7 +196,7 @@ export default {
           this.unitData = res.result;
           this.currentSelectProps = res.result[0];
         }
-      });
+      })
     },
     //申请单元点击事件
     unitClick (index) {
@@ -205,7 +207,6 @@ export default {
     },
     //表单选项卡事件
     tabClick (tab, event) {
-      //this.$alert(tab.name);
       this.getFromRouter(tab.name);
     },
     //切换选项卡内容组件