diff --git a/src/components/LxHeader/Item.vue b/src/components/LxHeader/Item.vue
new file mode 100644
index 0000000..a1044b3
--- /dev/null
+++ b/src/components/LxHeader/Item.vue
@@ -0,0 +1,53 @@
+<script>
+export default {
+  name: 'MenuItem',
+  functional: true,
+  props: {
+    icon: {
+      type: String,
+      default: ''
+    },
+    title: {
+      type: String,
+      default: ''
+    }
+  },
+  render(h, context) {
+    const { icon, title } = context.props
+    const vnodes = []
+
+    if (icon) {
+      if (icon.includes('el-icon')) {
+        vnodes.push(<i class={[icon, 'sub-el-icon']} />)
+      }
+      else if(icon.includes("viewicon")){
+          let _icon=icon.split("/")[1];
+          vnodes.push(<Icon type={_icon} class='sub-el-icon' size="18" />)
+      }
+      else if(icon.includes("iconfont")){
+          let _icon=icon.split("/")[1]+" iconfont";
+          vnodes.push(<Icon custom={_icon} class='sub-el-icon' size="18" />)
+      }
+      else {
+        vnodes.push(<svg-icon icon-class={icon}/>)
+      }
+    }else {
+        var _icon="el-icon-menu";
+        vnodes.push(<i class={[_icon, 'sub-el-icon']} />)
+      }
+
+    if (title) {
+      vnodes.push(<span slot='title'>{(title)}</span>)
+    }
+    return vnodes
+  }
+}
+</script>
+
+<style scoped>
+.sub-el-icon {
+  color: currentColor;
+  width: 1em;
+  height: 1em;
+}
+</style>
diff --git a/src/components/LxHeader/index.vue b/src/components/LxHeader/index.vue
index b95532e..338c2ff 100644
--- a/src/components/LxHeader/index.vue
+++ b/src/components/LxHeader/index.vue
@@ -1,68 +1,83 @@
-<template>
-  <div class="v-header">
-    <div class="v-left-text">
-      <Icon size="20" :type="icon" />
-      <span>{{text}}</span>
-    </div>
-    <div class="content">
-      <slot name="content"></slot>
-    </div>
-    <!--  <div class="v-right-content">
-      <slot></slot>
-    </div> -->
-    <div class="selerchcontent">
-      <slot></slot>
-    </div>
-  </div>
-</template>
-<script>
-  export default {
-    props: {
-      icon: {
-        type: String,
-        default: ""
-      },
-      text: {
-        type: String,
-        default: "未定义名称"
-      }
-    }
-  };
-</script>
-<style lang="less" scoped>
-  .v-header {
-    display: flex;
-    border-bottom: 1px solid #dcdee2;
-    flex-direction: column;
-
-    .v-left-text {
-      margin-top: 3px;
-      padding-bottom: 6px;
-      // padding-top: 10px;
-      font-weight: bold;
-      font-size: 15px;
-      color: #338de3;
-      white-space: nowrap;
-      border-bottom: 2px solid #338de3;
-
-      >span {
-        position: relative;
-        // top: 2px;
-      }
-    }
-
-    .content {
-      line-height: 25px;
-      padding-left: 10px;
-      padding: 6px 0 0 10px;
-    }
-
-    .v-right-content {
-      flex: 1;
-    }
-
-    .selerchcontent {
-      flex: 1;
-    }
-  }
+<template>
+  <div class="v-header">
+    <div class="v-left-text">
+      <item :icon="iconImg" />
+      <span style="margin-left: 3px;">{{title}}</span>
+    </div>
+    <div class="content">
+      <slot name="content"></slot>
+    </div>
+    <!--  <div class="v-right-content">
+      <slot></slot>
+    </div> -->
+    <div class="selerchcontent">
+      <slot></slot>
+    </div>
+  </div>
+</template>
+<script>
+  import Item from './Item'
+  export default {
+    components: {
+      Item
+    },
+    props: {
+      icon: {
+        type: String,
+        default: ""
+      },
+      text: {
+        type: String,
+        default: "未定义名称"
+      }
+    },
+    computed: {
+      title() {
+        return this.$route.meta.title;
+      },
+      iconImg() {
+        return this.$route.meta.icon;
+
+      }
+
+
+    }
+  };
+</script>
+<style lang="less" scoped>
+  .v-header {
+    display: flex;
+    border-bottom: 1px solid #dcdee2;
+    flex-direction: column;
+
+    .v-left-text {
+      margin-top: 3px;
+      padding-bottom: 6px;
+      // padding-top: 10px;
+      font-weight: bold;
+      font-size: 15px;
+      color: #338de3;
+      white-space: nowrap;
+      border-bottom: 2px solid #338de3;
+
+      >span {
+        position: relative;
+        // top: 2px;
+      }
+    }
+
+    .content {
+      line-height: 25px;
+      padding-left: 10px;
+      padding: 6px 0 0 10px;
+    }
+
+    .v-right-content {
+      flex: 1;
+    }
+
+    .selerchcontent {
+      flex: 1;
+    }
+  }
 </style>
diff --git a/src/styles/iconfont.css b/src/styles/iconfont.css
index 852f31e..c958d35 100644
--- a/src/styles/iconfont.css
+++ b/src/styles/iconfont.css
@@ -1,14 +1,10 @@
 @font-face {
-  font-family: 'iconfont';  /* project id 3315535 */
-  src: url('');
-  src: url('?#iefix') format('embedded-opentype'),
-  url('//at.alicdn.com/t/font_3315535_plfy9kf0sp.woff2') format('woff2'),
-  url('//at.alicdn.com/t/font_3315535_plfy9kf0sp.woff') format('woff'),
-  url('//at.alicdn.com/t/font_3315535_plfy9kf0sp.ttf') format('truetype'),
-  url('#iconfont') format('svg');
+  font-family: "iconfont"; /* Project id 4100863 */
+  src: url('iconfont.woff2?t=1685682250378') format('woff2'),
+       url('iconfont.woff?t=1685682250378') format('woff'),
+       url('iconfont.ttf?t=1685682250378') format('truetype');
 }
 
-
 .iconfont {
   font-family: "iconfont" !important;
   font-size: 16px;
@@ -17,646 +13,779 @@
   -moz-osx-font-smoothing: grayscale;
 }
 
-.icon-liebiao:before {
-  content: "\e606";
+.icon--xietongbangong:before {
+  content: "\e67e";
+}
+
+.icon--duanxinguanli:before {
+  content: "\e67f";
+}
+
+.icon--shezhi:before {
+  content: "\e680";
+}
+
+.icon--kucunguanli:before {
+  content: "\e681";
+}
+
+.icon--gengduoshezhi:before {
+  content: "\e682";
+}
+
+.icon--baobiaozhongxin:before {
+  content: "\e683";
+}
+
+.icon--zijinguanli:before {
+  content: "\e684";
+}
+
+.icon-gongzuobaogao:before {
+  content: "\e685";
+}
+
+.icon-chengjiaokehu:before {
+  content: "\e686";
+}
+
+.icon-genjinkehu:before {
+  content: "\e687";
+}
+
+.icon-fangkejihua:before {
+  content: "\e688";
+}
+
+.icon-huikuanguanli:before {
+  content: "\e689";
+}
+
+.icon--CRM:before {
+  content: "\e68a";
+}
+
+.icon-kehuguanli:before {
+  content: "\e68b";
+}
+
+.icon-kehulianxiren:before {
+  content: "\e68c";
+}
+
+.icon-fukuanguanli:before {
+  content: "\e68d";
+}
+
+.icon-gongyingshang:before {
+  content: "\e68e";
+}
+
+.icon-qiandaoguanli:before {
+  content: "\e68f";
+}
+
+.icon-duanxinliebiao:before {
+  content: "\e690";
+}
+
+.icon--caigouguanli:before {
+  content: "\e691";
+}
+
+.icon-qiandaotongji:before {
+  content: "\e692";
+}
+
+.icon--jinxiaocun:before {
+  content: "\e693";
+}
+
+.icon-duanxinfasong:before {
+  content: "\e694";
+}
+
+.icon-fujinkehu:before {
+  content: "\e695";
 }
 
-.icon-hetong4:before {
+.icon-shenpishezhi:before {
+  content: "\e696";
+}
+
+.icon-tuisongshezhi:before {
+  content: "\e697";
+}
+
+.icon-mubiaoguanli:before {
   content: "\e698";
 }
 
-.icon-lixiang:before {
+.icon-chanpinku:before {
   content: "\e699";
 }
 
-.icon-gonggaoguanli:before {
+.icon-yuangongguanli:before {
   content: "\e69a";
 }
 
-.icon-gonggaoguanli1:before {
-  content: "\e611";
-}
-
-.icon-xiangmujiesuan:before {
+.icon-shezhi1:before {
   content: "\e69b";
 }
 
-.icon-xiangmuzijin:before {
+.icon-qitashezhi:before {
   content: "\e69c";
 }
 
-.icon-caigou-:before {
-  content: "\e608";
-}
-
-.icon-richangyewu:before {
+.icon-zhongdiankehu:before {
   content: "\e69d";
 }
 
-.icon-gangweishezhifanganchushe:before {
+.icon-genjinjilu:before {
   content: "\e69e";
 }
 
-.icon-DetailedHistory:before {
+.icon-kehuchazhong:before {
   content: "\e69f";
 }
 
-.icon-qitawenti:before {
+.icon-zhoubao:before {
   content: "\e6a0";
 }
 
-.icon-pifuwenjian:before {
+.icon-duanxinpeizhi:before {
   content: "\e6a1";
 }
 
-.icon-ziliao:before {
+.icon-erweimasaomiao:before {
   content: "\e6a2";
 }
 
-.icon-dailijigou:before {
-  content: "\e6c6";
+.icon-shenpi:before {
+  content: "\e6a3";
 }
 
-.icon-xiangmujuesuan:before {
-  content: "\e798";
+.icon-qiandaoguiji:before {
+  content: "\e6a4";
 }
 
-.icon-zijinguanli:before {
-  content: "\e60c";
+.icon-kucunchaxun:before {
+  content: "\e6a5";
 }
 
-.icon-lvyueyanshou:before {
-  content: "\e6a3";
+.icon-yewumoban:before {
+  content: "\e6a6";
 }
 
-.icon-fin-caiwugongcheng-shengchengjungongjiesuanbaogao:before {
-  content: "\e6a4";
+.icon-hetongdingdan:before {
+  content: "\e6a7";
 }
 
-.icon-shenji_ziliaowanzhengxing:before {
-  content: "\e609";
+.icon-changyongshezhi:before {
+  content: "\e6a8";
 }
 
-.icon-shenjibaogao:before {
-  content: "\e6a5";
+.icon-qiandaoshezhi:before {
+  content: "\e6a9";
 }
 
-.icon-keyanfangan:before {
-  content: "\e6a6";
+.icon-shujuzidian:before {
+  content: "\e6aa";
 }
 
-.icon-LSjungongyanshou:before {
-  content: "\e6a7";
+.icon-duobizhongshezhi:before {
+  content: "\e6ab";
 }
 
-.icon-zhaobiaoguanli1:before {
-  content: "\e73c";
+.icon-cangku:before {
+  content: "\e6ac";
 }
 
-.icon-beijianshenqingmingxi:before {
-  content: "\e610";
+.icon-xiaoshoujihui:before {
+  content: "\e6ad";
 }
 
-.icon-gongchengbiangeng:before {
-  content: "\e6a8";
+.icon-gonghaikehu:before {
+  content: "\e6ae";
 }
 
-.icon-weikaigong:before {
-  content: "\e6e6";
+.icon-ribao:before {
+  content: "\e6af";
 }
 
-.icon-a-bianzu132:before {
-  content: "\e6a9";
+.icon-tubiaotongji:before {
+  content: "\e6b0";
 }
 
-.icon-list:before {
-  content: "\e697";
+.icon-jiaoseguanli:before {
+  content: "\e6b1";
 }
 
-.icon-qianqiguanli:before {
-  content: "\e613";
+.icon-zhongyaojihui:before {
+  content: "\e6b2";
 }
 
-.icon-shipinjiankong:before {
-  content: "\e614";
+.icon-kehuhuishouzhan:before {
+  content: "\e6b3";
 }
 
-.icon-hetongguanli:before {
-  content: "\e615";
+.icon-bianhaoshezhi:before {
+  content: "\e6b4";
 }
 
-.icon-qingdanguanli:before {
-  content: "\e616";
+.icon-yuebao:before {
+  content: "\e6b5";
 }
 
-.icon-jiansheyizhangtu:before {
-  content: "\e617";
+.icon-rizhichakan:before {
+  content: "\e6b6";
 }
 
-.icon-zhengqianguanli:before {
-  content: "\e618";
+.icon-bumenguanli:before {
+  content: "\e6b7";
 }
 
-.icon-shujujiankong:before {
-  content: "\e619";
+.icon-tuihuodan:before {
+  content: "\e6b8";
 }
 
-.icon-zhiliangguanli:before {
-  content: "\e61a";
+.icon-tiaobodan:before {
+  content: "\e6b9";
 }
 
-.icon-xiangmuzonglan:before {
-  content: "\e61b";
+.icon-kucunchaxun1:before {
+  content: "\e6ba";
 }
 
-.icon-zaojiazhibiao:before {
-  content: "\e61c";
+.icon-chukudan:before {
+  content: "\e6bb";
 }
 
-.icon-benzhianquan:before {
-  content: "\e61d";
+.icon-rukudan:before {
+  content: "\e6bc";
 }
 
-.icon-dapingzhanshi:before {
-  content: "\e61e";
+.icon-juecerenxiaotubiao:before {
+  content: "\e6bd";
 }
 
-.icon-xiangmushigongyuebao:before {
-  content: "\e61f";
+.icon-jinbi:before {
+  content: "\e6be";
 }
 
-.icon-chaxunsousuo:before {
-  content: "\e620";
+.icon-shanchuicon:before {
+  content: "\e6bf";
 }
 
-.icon-zhihuigongdi:before {
-  content: "\e621";
+.icon-bianjiicon:before {
+  content: "\e6c0";
 }
 
-.icon-baobiaochaxun:before {
-  content: "\e622";
+.icon-guidangicon:before {
+  content: "\e6c1";
 }
 
-.icon-zhaobiaoguanli:before {
-  content: "\e623";
+.icon-zhuangpeichurukudan:before {
+  content: "\e6c2";
 }
 
-.icon-hetonggailan:before {
-  content: "\e624";
+.icon-shujuhuizong:before {
+  content: "\e6c3";
 }
 
-.icon-bianjizhong:before {
-  content: "\e625";
+.icon-jiluliebiao:before {
+  content: "\e6c4";
 }
 
-.icon-daochu:before {
-  content: "\e626";
+.icon-jieduanzhuangtai:before {
+  content: "\e6c5";
 }
 
-.icon-jilianggailan:before {
-  content: "\e627";
+.icon-bohao:before {
+  content: "\e6c6";
 }
 
-.icon-danganguanli:before {
-  content: "\e628";
+.icon-paixuicon:before {
+  content: "\e6c7";
 }
 
-.icon-baobiaopeizhi:before {
-  content: "\e629";
+.icon-icon-test:before {
+  content: "\e6c8";
 }
 
-.icon-jichuziliaoguanli:before {
-  content: "\e62a";
+.icon-icon-test1:before {
+  content: "\e6c9";
 }
 
-.icon-shebeiguanli:before {
-  content: "\e62b";
+.icon-fapiaoguanli:before {
+  content: "\e6ca";
 }
 
-.icon-biangengguanli:before {
-  content: "\e62c";
+.icon-LOGO:before {
+  content: "\e6cb";
 }
 
-.icon-tongjibaobiao:before {
-  content: "\e62d";
+.icon-jianqu:before {
+  content: "\e6cc";
 }
 
-.icon-xiangmuxinxiguanli:before {
-  content: "\e62e";
+.icon-jiantou:before {
+  content: "\e6cd";
 }
 
-.icon-xitonggonggaoshezhi:before {
-  content: "\e62f";
+.icon-PKrongyubang:before {
+  content: "\e6ce";
 }
 
-.icon-gaisuanguanli:before {
-  content: "\e630";
+.icon-zhinengbaobiao:before {
+  content: "\e6cf";
 }
 
-.icon-xiangmuguanli:before {
-  content: "\e631";
+.icon-tubiaozhongxin:before {
+  content: "\e6d0";
 }
 
-.icon-zixiangmuxinxiguanli:before {
-  content: "\e632";
+.icon-ribaoshezhi:before {
+  content: "\e6d1";
 }
 
-.icon-yewuliuchengpeizhi:before {
-  content: "\e633";
+.icon-gonghaishezhi:before {
+  content: "\e6d2";
 }
 
-.icon-shipinwenjianguanli:before {
-  content: "\e634";
+.icon-xianshiyincang:before {
+  content: "\e6d3";
 }
 
-.icon-jiliangguanli:before {
-  content: "\e635";
+.icon-diandiandian:before {
+  content: "\e6d4";
 }
 
-.icon-shujuweihu:before {
-  content: "\e636";
+.icon-luyin:before {
+  content: "\e6d5";
+}
+
+.icon-bohao1:before {
+  content: "\e6d6";
 }
 
-.icon-zongti:before {
-  content: "\e637";
+.icon-bochu:before {
+  content: "\e6d7";
 }
 
-.icon-xiangmuxitong:before {
-  content: "\e638";
+.icon-zuoxiguanli:before {
+  content: "\e6d8";
 }
 
-.icon-daoruqingdanzhangjie:before {
-  content: "\e639";
+.icon-tonghuajilu:before {
+  content: "\e6d9";
 }
 
-.icon-qitabaobiao:before {
-  content: "\e63a";
+.icon-ic_jiarugouwuche:before {
+  content: "\e6da";
 }
 
-.icon-liuchengguanli:before {
-  content: "\e63b";
+.icon-ic_gouwuchecopy:before {
+  content: "\e6db";
 }
 
-.icon-daoruyusuan:before {
-  content: "\e63c";
+.icon-gongzuobaogao1:before {
+  content: "\e6dc";
 }
 
-.icon-fuzhidao:before {
-  content: "\e63d";
+.icon-xiaoshouzidonghua:before {
+  content: "\e6dd";
 }
 
-.icon-fuzhixinzeng:before {
-  content: "\e63e";
+.icon-shenpi1:before {
+  content: "\e6de";
 }
 
-.icon-shengchenglujing:before {
-  content: "\e63f";
+.icon-dingwei:before {
+  content: "\e6df";
 }
 
-.icon-duiyinggongxu:before {
-  content: "\e640";
+.icon-gongdan:before {
+  content: "\e6e0";
 }
 
-.icon-mingxiqingdanlei:before {
+.icon-jianbao:before {
+  content: "\e6e1";
+}
+
+.icon-xiaoxiicon:before {
+  content: "\e6e2";
+}
+
+.icon-PKbangicon:before {
+  content: "\e6e3";
+}
+
+.icon-mingpiansaomiao:before {
+  content: "\e6e4";
+}
+
+.icon-ic_dianhua:before {
+  content: "\e6e5";
+}
+
+.icon-a-shenpidating-wodeshenpikegongyong:before {
   content: "\e641";
 }
 
-.icon-genggaijilu:before {
+.icon-a-shenpidating-kanbankegongyong:before {
   content: "\e642";
 }
 
-.icon-fuzhi:before {
+.icon-xiaotubiao-bianji:before {
   content: "\e643";
 }
 
-.icon-zhifubaobiao:before {
+.icon-hangzhengguanli-gonggao:before {
   content: "\e644";
 }
 
-.icon-guidangwenjianlei:before {
+.icon-shenpidating-wofaqide:before {
   content: "\e645";
 }
 
-.icon-xinzengzhifu:before {
+.icon-hangzhengguanli-huiyishiguanli:before {
   content: "\e646";
 }
 
-.icon-xinzengqingdanshenqing:before {
+.icon-yingxiaoguanli-kehuguanli:before {
   content: "\e647";
 }
 
-.icon-yidongdao:before {
+.icon-shenpidating-chaosongwode:before {
   content: "\e648";
 }
 
-.icon-dayinyulanlei:before {
+.icon-yingxiaoguanli-hetongguanli:before {
   content: "\e649";
 }
 
-.icon-piliangdayin:before {
+.icon-xiaotubiao-shanchu:before {
   content: "\e64a";
 }
 
-.icon-liuchenggenzong:before {
+.icon-logo:before {
   content: "\e64b";
 }
 
-.icon-shengchengtongji:before {
+.icon-yingxiaoguanli-dingdanguanli:before {
   content: "\e64c";
 }
 
-.icon-jilianghuiqianbiao:before {
+.icon-caigouguanli-caigoudangan:before {
   content: "\e64d";
 }
 
-.icon-daochuexcelmoban:before {
+.icon-caigouguanli-caigoushezhi:before {
   content: "\e64e";
 }
 
-.icon-shigongrizhixinixie:before {
+.icon-caigouguanli-caigoushenpi:before {
   content: "\e64f";
 }
 
-.icon-zhongjianjiliangdan:before {
-  content: "\e650";
+.icon-caigouguanli-caigouzhihang:before {
+  content: "\e6e6";
 }
 
-.icon-congneizhimobandaoru:before {
-  content: "\e651";
+.icon-caigouguanli-caigouxuqiu:before {
+  content: "\e6e7";
 }
 
-.icon-daorufenduangaisuan:before {
-  content: "\e652";
+.icon-caigouguanli-wodeshenpi:before {
+  content: "\e6e8";
 }
 
-.icon-zidongduiying:before {
-  content: "\e653";
+.icon-shouyekanban:before {
+  content: "\e6e9";
 }
 
-.icon-qidongliucheng:before {
-  content: "\e654";
+.icon-caigouguanli-gongyingshangguanli:before {
+  content: "\e6ea";
 }
 
-.icon-zhongjianjiliangdan-zanding:before {
-  content: "\e655";
+.icon-caiwuzidonghuapeizhi:before {
+  content: "\e608";
 }
 
-.icon-daoru:before {
-  content: "\e656";
+.icon-chengbenluyou:before {
+  content: "\e609";
 }
 
-.icon-bianjilei:before {
-  content: "\e657";
+.icon-hetongdingli:before {
+  content: "\e60a";
 }
 
-.icon-daorubiaoduancailiao:before {
-  content: "\e658";
+.icon-hetongjiesuanguanli:before {
+  content: "\e60b";
 }
 
-.icon-daorufanben:before {
-  content: "\e659";
+.icon-gongchengguanli:before {
+  content: "\e60c";
 }
 
-.icon-daorugaisuan:before {
-  content: "\e65a";
+.icon-hetongfukuan:before {
+  content: "\e60d";
 }
 
-.icon-zhongxinshengcheng:before {
-  content: "\e65b";
+.icon-jiekoupingtai:before {
+  content: "\e60e";
 }
 
-.icon-zhifubaobiao-zanding:before {
-  content: "\e65c";
+.icon-mubiaochengbenguanli:before {
+  content: "\e60f";
 }
 
-.icon-tongji:before {
-  content: "\e65d";
+.icon-hetongyusuanguanli:before {
+  content: "\e610";
 }
 
-.icon-congguobiaodaoru:before {
-  content: "\e65e";
+.icon-jiesuanguanli:before {
+  content: "\e611";
 }
 
-.icon-daorubiaozhunleixing:before {
-  content: "\e65f";
+.icon-zhongqizhifu:before {
+  content: "\e612";
 }
 
-.icon-zhifuzhengshu:before {
-  content: "\e660";
+.icon-yusuanguanli:before {
+  content: "\e613";
 }
 
-.icon-congfanbendaoru:before {
-  content: "\e661";
+.icon-zijinguanli:before {
+  content: "\e614";
 }
 
-.icon-daoruexcel:before {
-  content: "\e662";
+.icon-mubiaochengben:before {
+  content: "\e615";
 }
 
-.icon-hetongbiangeng:before {
-  content: "\e663";
+.icon-xiangmuguanli:before {
+  content: "\e616";
 }
 
-.icon-jihuashuomingshu:before {
-  content: "\e664";
+.icon-shejibiangeng:before {
+  content: "\e617";
 }
 
-.icon-gongshijisuan:before {
-  content: "\e665";
+.icon-xitongshezhi:before {
+  content: "\e618";
 }
 
-.icon-gongchengbiangengbaogao:before {
-  content: "\e666";
+.icon-biangengguanli:before {
+  content: "\e619";
 }
 
-.icon-huizongyuebaobiao:before {
-  content: "\e667";
+.icon-hetongguanli:before {
+  content: "\e61a";
 }
 
-.icon-jihuatiaozheng:before {
-  content: "\e668";
+.icon-zuzhijigou:before {
+  content: "\e61b";
 }
 
-.icon-huizong:before {
-  content: "\e669";
+.icon-hetongqianding:before {
+  content: "\e61c";
 }
 
-.icon-qianziyijian:before {
-  content: "\e66a";
+.icon-yonghuquanxian:before {
+  content: "\e61d";
 }
 
-.icon-picidaodajilu:before {
-  content: "\e66b";
+.icon-gerendaiban:before {
+  content: "\e61e";
 }
 
-.icon-shezhiduiying:before {
-  content: "\e66c";
+.icon-yusuanguanli1:before {
+  content: "\e636";
 }
 
-.icon-qingdanshezhi:before {
-  content: "\e66d";
+.icon-biangengguanli1:before {
+  content: "\e650";
 }
 
-.icon-quxiaotixing:before {
-  content: "\e66e";
+.icon-chengbenguanlixitong:before {
+  content: "\e651";
 }
 
-.icon-shouhui:before {
-  content: "\e66f";
+.icon-gerendaiban1:before {
+  content: "\e652";
 }
 
-.icon-laowuhezuohetong:before {
-  content: "\e670";
+.icon-hetongdingli1:before {
+  content: "\e653";
 }
 
-.icon-qingdanguize:before {
-  content: "\e671";
+.icon-chengbenluyou1:before {
+  content: "\e654";
 }
 
-.icon-tongjifenxiang:before {
-  content: "\e672";
+.icon-hetongfukuan1:before {
+  content: "\e655";
 }
 
-.icon-tijiao:before {
-  content: "\e673";
+.icon-jiekoupingtai1:before {
+  content: "\e656";
 }
 
-.icon-tesong:before {
-  content: "\e674";
+.icon-mubiaochengben1:before {
+  content: "\e657";
 }
 
-.icon-touzijihua:before {
-  content: "\e675";
+.icon-hetongqianding1:before {
+  content: "\e658";
 }
 
-.icon-tuihui:before {
-  content: "\e676";
+.icon-caiwuzidonghuapeizhi1:before {
+  content: "\e659";
 }
 
-.icon-tuichu:before {
-  content: "\e677";
+.icon-yusuanguanli2:before {
+  content: "\e65a";
 }
 
-.icon-xingxiangfanben:before {
-  content: "\e678";
+.icon-mubiaochengbenguanli1:before {
+  content: "\e65b";
 }
 
-.icon-xinzengzixiang:before {
-  content: "\e679";
+.icon-xiangmuguanli1:before {
+  content: "\e65c";
 }
 
-.icon-wuzhaopian:before {
-  content: "\e67a";
+.icon-hetongguanli1:before {
+  content: "\e65d";
 }
 
-.icon-shigongjihuaqingdan:before {
-  content: "\e67b";
+.icon-yonghuquanxian1:before {
+  content: "\e65e";
 }
 
-.icon-xinyong:before {
-  content: "\e67c";
+.icon-shejibiangeng1:before {
+  content: "\e65f";
 }
 
-.icon-gongchengbiangengling:before {
-  content: "\e67d";
+.icon-jiesuanguanli1:before {
+  content: "\e660";
 }
 
-.icon-xiugaiyijian:before {
-  content: "\e67e";
+.icon-zijinguanli1:before {
+  content: "\e661";
 }
 
-.icon-zhijianziliao:before {
-  content: "\e67f";
+.icon-xitongshezhi1:before {
+  content: "\e662";
 }
 
-.icon-yuejiliang:before {
-  content: "\e680";
+.icon-gongchengguanli1:before {
+  content: "\e663";
 }
 
-.icon-zhifuyuebaobiao:before {
-  content: "\e681";
+.icon-zhongqizhifu1:before {
+  content: "\e664";
 }
 
-.icon-zhuijiajingbanren:before {
-  content: "\e682";
+.icon-hetongjiesuanguanli1:before {
+  content: "\e665";
 }
 
-.icon-tuhaoweizhi:before {
-  content: "\e683";
+.icon-chenggong:before {
+  content: "\e666";
 }
 
-.icon-tixing:before {
-  content: "\e684";
+.icon-chenggong1:before {
+  content: "\e667";
 }
 
-.icon-tiaozhengshuoming:before {
-  content: "\e685";
+.icon-cuowu:before {
+  content: "\e668";
 }
 
-.icon-yongjiuxinggongchengcailiao:before {
-  content: "\e686";
+.icon-chazhao:before {
+  content: "\e669";
 }
 
-.icon-chakan:before {
-  content: "\e687";
+.icon-cuowu1:before {
+  content: "\e66a";
 }
 
-.icon-zhuangtaitiaozheng:before {
-  content: "\e688";
+.icon-guanbi:before {
+  content: "\e66b";
 }
 
-.icon-zuofei:before {
-  content: "\e689";
+.icon-gengduo:before {
+  content: "\e66c";
 }
 
-.icon-benyuekucun:before {
-  content: "\e68a";
+.icon-jinggao:before {
+  content: "\e66d";
 }
 
-.icon-zhipai:before {
-  content: "\e68b";
+.icon-jinggao1:before {
+  content: "\e66e";
 }
 
-.icon-daoru1:before {
-  content: "\e68c";
+.icon-fangda:before {
+  content: "\e66f";
 }
 
-.icon-jindushuomingshu:before {
-  content: "\e68d";
+.icon-huiyuan:before {
+  content: "\e670";
 }
 
-.icon-dakai:before {
-  content: "\e68e";
+.icon-mima:before {
+  content: "\e671";
 }
 
-.icon-chaojiliangshezhi:before {
-  content: "\e68f";
+.icon-suoping:before {
+  content: "\e672";
 }
 
-.icon-dahui:before {
-  content: "\e690";
+.icon-quanping:before {
+  content: "\e673";
 }
 
-.icon-chakanbaobiao:before {
-  content: "\e691";
+.icon-suoxiao:before {
+  content: "\e674";
 }
 
-.icon-fenfa:before {
-  content: "\e692";
+.icon-tishi:before {
+  content: "\e675";
 }
 
-.icon-chakanmingxi:before {
-  content: "\e693";
+.icon-tishi1:before {
+  content: "\e676";
 }
 
-.icon-fanhui:before {
-  content: "\e694";
+.icon-xiangshang:before {
+  content: "\e677";
 }
 
-.icon-fujianpiliangxiazai:before {
-  content: "\e695";
+.icon-shezhi:before {
+  content: "\e678";
 }
 
-.icon-duiyingWBS:before {
-  content: "\e696";
+.icon-xiangyou:before {
+  content: "\e679";
 }
+
+.icon-xiangzuo:before {
+  content: "\e67a";
+}
+
+.icon-yonghu:before {
+  content: "\e67b";
+}
+
+.icon-yiwen:before {
+  content: "\e67c";
+}
+
+.icon-xiangxia:before {
+  content: "\e67d";
+}
+
diff --git a/src/styles/iconfont.ttf b/src/styles/iconfont.ttf
new file mode 100644
index 0000000..282b5ec
Binary files /dev/null and b/src/styles/iconfont.ttf differ
diff --git a/src/styles/iconfont.woff b/src/styles/iconfont.woff
new file mode 100644
index 0000000..bc8c165
Binary files /dev/null and b/src/styles/iconfont.woff differ
diff --git a/src/styles/iconfont.woff2 b/src/styles/iconfont.woff2
new file mode 100644
index 0000000..2620a5d
Binary files /dev/null and b/src/styles/iconfont.woff2 differ
diff --git a/src/views/dashboard/index.vue b/src/views/dashboard/index.vue
index 96c7aa0..d6c257b 100644
--- a/src/views/dashboard/index.vue
+++ b/src/views/dashboard/index.vue
@@ -1,546 +1,553 @@
-<template>
-  <div class="app-container">
-    <div>当前登录人：{{user.name}}</div>
-
-
-    <el-card class="box-card" style="margin: 20px 0;">
-      <div slot="header" class="clearfix">
-        <span>预算总体进展情况</span>
-        <DatePicker :value="select.year" placeholder="选择所属年份" placement="bottom" style="width: 130px;float: right;"
-          type="year" @on-change="changeYear"></DatePicker>
-      </div>
-      <router-link :to="`/statisticalReport/budgetProgress`">
-        <div class="progress-card">
-          <div class="progress-card-item">
-            <div class="progress-card-item__num">{{moneyFormat(statistic.progress ? statistic.progress.money_total_1 : 0)}}</div>
-            <div class="progress-card-item__label">年初预算合计金额</div>
-          </div>
-          <div class="progress-card-item">
-            <div class="progress-card-item__num">{{moneyFormat(statistic.progress ? statistic.progress.money_total_2 : 0)}}</div>
-            <div class="progress-card-item__label">调整后预算合计金额</div>
-          </div>
-          <div class="progress-card-item">
-            <div class="progress-card-item__num">{{moneyFormat(statistic.progress? statistic.progress.use_money_total : 0)}}</div>
-            <div class="progress-card-item__label">已支付金额</div>
-          </div>
-          <div class="progress-card-item">
-            <div class="progress-card-item__num">
-              {{toper(statistic.progress ? statistic.progress.money_total_1 : 0,statistic.progress ? statistic.progress.money_total_2 : 0,statistic.progress? statistic.progress.use_money_total : 0)}}%
-            </div>
-            <div class="progress-card-item__label">进展率</div>
-          </div>
-        </div>
-      </router-link>
-    </el-card>
-
-    <div ref="lxHeader">
-      <LxHeader icon="md-apps" text="待办事项" style="margin-bottom: 10px; border: 0px; margin-top: 15px">
-        <div slot="content" />
-        <slot>
-          <div></div>
-        </slot>
-      </LxHeader>
-    </div>
-    <div class="table-tree">
-      <el-table :data="list" border class="v-table" style="width: 100%;margin-bottom: 20px;">
-        <el-table-column type="index" label="序号" align="center" />
-        <el-table-column prop="type" width="100" label="类型" align="center" :formatter="typeFormatter" />
-        <el-table-column prop="content" label="内容" align="left" />
-        <el-table-column prop="created_at" width="200" label="下发时间" align="center" :formatter="timeFormatter" />
-        <el-table-column width="100" label="状态" align="center" prop="read_count">
-          <template slot-scope="{row, $index}">
-            <el-link v-if="row.read_count" type="success" :underline="false">已读</el-link>
-            <Button v-else type="error" size="small" style="margin-left: 10px;" ghost
-              @click="readIt(row, $index)">未读</Button>
-          </template>
-        </el-table-column>
-        <el-table-column width="90" header-align="center" label="操作" align="center">
-          <template slot-scope="{row, $index}">
-            <Button type="primary" size="small" style="margin-left: 10px;" ghost @click="toContract(row)">查看</Button>
-          </template>
-        </el-table-column>
-      </el-table>
-
-      <div style="display: flex;justify-content: flex-end;">
-        <Page :total="total" show-elevator @on-change="pageChange" />
-      </div>
-    </div>
-    <div class="demo-split">
-      <Split v-model="split" style="height: 440px;">
-        <template #left>
-          <div class="demo-split-pane" style="padding-right: 5px;">
-            <div ref="lxHeader" v-if="statistic.departmentList">
-              <LxHeader icon="md-apps" text="科室进展情况" style="margin-bottom: 10px; border: 0px; margin-top: 15px">
-                <div slot="content" />
-                <slot>
-                  <div style="width: 100%">
-                    <xy-table :height="380" :list="statistic.departmentList" :table-item="departmentTable">
-                      <template v-slot:btns>
-                        <el-table-column :width="80" fixed="right" label="操作" header-align="center" align="center">
-                          <template slot-scope="scope">
-                            <router-link
-                              :to="`/statisticalReport/budgetProgress?departmentId=${scope.row.plan_department_id}`">查看
-                            </router-link>
-                          </template>
-                        </el-table-column>
-                      </template>
-                    </xy-table>
-                  </div>
-                </slot>
-              </LxHeader>
-            </div>
-          </div>
-        </template>
-        <template #right>
-          <div class="demo-split-pane" style="padding-left: 10px;">
-            <div ref="lxHeader" v-if="statistic.typeList">
-              <LxHeader icon="md-apps" text="预算类型进展情况" style="margin-bottom: 10px; border: 0px; margin-top: 15px">
-                <div slot="content" />
-                <slot>
-                  <div style="width: 100%">
-                    <xy-table :height="380" :list="statistic.typeList" :table-item="typeTable">
-                      <template v-slot:btns>
-                        <el-table-column :width="80" fixed="right" label="操作" header-align="center" align="center">
-                          <template slot-scope="scope">
-                            <router-link :to="`/statisticalReport/budgetProgress?typeId=${scope.row.type}`">查看
-                            </router-link>
-                          </template>
-                        </el-table-column>
-                      </template>
-                    </xy-table>
-                  </div>
-                </slot>
-              </LxHeader>
-            </div>
-          </div>
-        </template>
-      </Split>
-
-
-    </div>
-
-    <detailContract ref="detailContract"></detailContract>
-  </div>
-</template>
-
-<script>
-  import detailContract from "@/views/contract/components/detailContract"
-  import LxHeader from '@/components/LxHeader/index.vue'
-  import Pagination from '@/components/Pagination'
-  import {
-    adminDepartmentList
-  } from '../../api/system/department.js'
-  import {
-    adminUserList,
-    getInfo
-  } from '../../api/user.js'
-  import {
-    getNotice,
-    readNotice,
-    statistic
-  } from "@/api/dashboard/notice"
-  import {
-    parseTime,
-    moneyFormatter
-  } from "@/utils/index"
-  import {
-    Message
-  } from "element-ui";
-  export default {
-    name: 'Manage',
-    components: {
-      LxHeader,
-      Pagination,
-      detailContract
-    },
-    data() {
-      return {
-        value2: 12,
-        split: 0.5,
-        select: {
-          year: ''
-        },
-        statistic: '',
-        department_id: [],
-        userIds: [],
-        list: [],
-        total: 0,
-        pageIndex: 1,
-        // listQuery: {
-        //   page: 1,
-        //   page_size: 10,
-        //   show_self: 1,
-        // },
-        form: {
-          id: undefined,
-        },
-        dialogFormVisible: false,
-        departmentTree: [],
-        userList: [],
-        formLabelWidth: '200px',
-        user: {},
-
-        departmentProgress: [],
-        departmentTable: [{
-            label: '科室',
-            width: 80,
-            prop: 'plan_department.name',
-            sortable: false,
-            fixed: "left"
-          },
-          {
-            label: '进展情况',
-            sortable: false,
-            minWidth: 220,
-            align: 'left',
-            fixed: "right",
-            customFn: (row) => {
-              let m2 = row?.money_total_2;
-              let m1 = row?.money_total_1;
-              let m3 = row?.use_money_total;
-              let per = 0;
-
-              if (m2 != 0) {
-                per = ((m3 / m2) * 100).toFixed(2);
-              } else if (m1 != 0) {
-                per = ((m3 / m1) * 100).toFixed(2);
-              }
-              return ( < div >
-                <el-progress percentage = {
-                  Number(per)
-                } > < /el-progress> </div >
-              )
-            }
-          },
-          {
-            label: '年初预算合计金额(元)',
-            width: 160,
-            align: 'right',
-            sortable: false,
-            prop: 'money_total_1',
-            formatter: (cell, data, value) => {
-              return moneyFormatter(value)
-            }
-          },
-          {
-            label: '调整后预算合计金额(元)',
-            width: 160,
-            align: 'right',
-            sortable: false,
-            prop: 'money_total_2',
-            formatter: (cell, data, value) => {
-              return moneyFormatter(value)
-            }
-          },
-          {
-            label: '已使用(元)',
-            width: 120,
-            align: 'right',
-            sortable: false,
-            prop: 'use_money_total',
-            formatter: (cell, data, value) => {
-              return moneyFormatter(value)
-            }
-          }
-        ],
-        typeTable: [{
-            label: '预算类别',
-            width: 100,
-            prop: 'type_text',
-            sortable: false,
-            fixed: "left",
-          },
-          {
-            label: '进展情况',
-            sortable: false,
-            minWidth: 220,
-            align: 'left',
-            fixed: "right",
-            customFn: (row) => {
-              let m2 = row.money_total_2;
-              let m1 = row.money_total_1;
-              let m3 = row.use_money_total;
-              let per = 0;
-
-              if (m2 != 0) {
-                per = ((m3 / m2) * 100).toFixed(2);
-              } else if (m1 != 0) {
-                per = ((m3 / m1) * 100).toFixed(2);
-              }
-              return ( < div >
-                <el-progress percentage = {
-                  Number(per)
-                } > < /el-progress> </div >
-              )
-            }
-          },
-          {
-            label: '年初预算合计金额(元)',
-            width: 160,
-            align: 'right',
-            sortable: false,
-            prop: 'money_total_1',
-            formatter: (cell, data, value) => {
-              return moneyFormatter(value)
-            }
-          },
-          {
-            label: '调整后预算合计金额(元)',
-            width: 160,
-            align: 'right',
-            sortable: false,
-            prop: 'money_total_2',
-            formatter: (cell, data, value) => {
-              return moneyFormatter(value)
-            }
-          },
-          {
-            label: '已使用(元)',
-            width: 140,
-            align: 'right',
-            sortable: false,
-            prop: 'use_money_total',
-            formatter: (cell, data, value) => {
-              return moneyFormatter(value)
-            }
-          },
-        ]
-      }
-    },
-    created() {
-      this.select.year = this.$moment().format('YYYY');
-      this.getNotices();
-
-      this.getStatistic();
-
-      getInfo().then(response => {
-        console.log(response)
-        this.user = response
-      }).catch(error => {})
-    },
-    methods: {
-      changeYear(e) {
-        this.select.year = e;
-        this.getStatistic()
-
-      },
-      async getStatistic() {
-        const res = await statistic(this.select)
-        console.log(res)
-        this.statistic = res
-      },
-
-      toContract(row) {
-        this.$refs['detailContract'].getDetail(row.contract_id)
-        this.$refs['detailContract'].isShowDetail = true
-      },
-
-      pageChange(e) {
-        this.pageIndex = e
-        this.getNotices()
-      },
-
-      timeFormatter(cell, data, value) {
-        return parseTime(new Date(value))
-      },
-      typeFormatter(cell, data, value) {
-        return value === 1 ? '合同流程' : '付款计划'
-      },
-      toper(m1, m2, m3) {
-        if (m2 != 0) {
-          return ((m3 / m2) * 100).toFixed(2);
-        } else if (m1 != 0) {
-          return ((m3 / m1) * 100).toFixed(2);
-        } else
-          return 0
-      },
-      async getNotices() {
-        const res = await getNotice({
-          page_size: 10,
-          page: this.pageIndex
-        })
-        this.list = res.data
-        this.total = res.total
-      },
-
-
-      filterChildren(data) {
-        data.forEach(i => {
-          if (i.children && i.children.length > 0) {
-            this.filterChildren(i.children)
-          } else {
-            delete i.children
-          }
-        })
-      },
-      getList() {
-        index(this.listQuery).then(response => {
-          this.list = response.data
-          this.total = response.total
-        }).catch(error => {})
-      },
-      handleFilter() {
-        this.listQuery.page = 1
-        this.getList()
-      },
-      readIt(row) {
-        readNotice({
-          id: row.id
-        }).then(res => {
-          Message({
-            type: 'success',
-            message: '已读'
-          })
-          this.getNotices()
-        })
-        // show({id: row.id}).then(r => { this.form = r }).catch(error => {})
-        // this.list[index].is_read = 1
-      },
-      save() {
-        this.$refs['dataForm'].validate((valid) => {
-          if (valid) {
-            const tempData = Object.assign({}, this.form)
-            tempData.admin_id_list = tempData.ids.map(i => {
-              return {
-                admin_id: i
-              }
-            })
-            if (tempData.id) {
-              save(tempData).then(r => {
-                this.saved()
-              }).catch(error => {})
-            } else {
-              store(tempData).then(r => {
-                this.saved()
-              }).catch(error => {})
-            }
-          }
-        })
-      },
-      saved() {
-        this.handleFilter()
-        this.dialogFormVisible = false
-        this.$message.success('保存成功')
-      },
-      handleDelete(row, index) {
-        this.$confirm('确定要删除吗?', '提示', {
-          confirmButtonText: '确定',
-          cancelButtonText: '取消',
-          type: 'warning'
-        }).then(() => {
-          destroy({
-            id: row.id
-          }).then(response => {
-            this.$message.success('删除成功')
-            this.getList()
-          }).catch(error => {})
-        }).catch(() => {});
-      },
-    },
-    computed: {
-      moneyFormat() {
-        return function(price) {
-          return moneyFormatter(price)
-        }
-      }
-    }
-  }
-</script>
-<style scoped lang="scss">
-  ::v-deep .el-dialog__body {
-    padding: 8px 20px;
-  }
-
-  ::v-deep .el-col-5 {
-    width: 20%;
-  }
-
-  ::v-deep .el-card__body {
-    padding: 4px 10px !important;
-  }
-
-  .progress-card {
-    display: flex;
-
-    &-item {
-      text-align: center;
-      flex: 1;
-
-      &__label {
-        font-size: 14px;
-      }
-
-      &__num {
-        font-size: 20px;
-        font-weight: 600;
-
-        padding: 6px 0;
-      }
-    }
-  }
-</style>
-<style lang="scss" scoped>
-
-  .ivu-btn {
-    margin-right: 10px;
-  }
-
-  .table-tree {
-    margin-top: 10px;
-  }
-
-  .v-text {
-    padding: 8px 0;
-    border-bottom: 1px solid #eee;
-    margin-bottom: 20px;
-
-    .title {
-      color: #338de3;
-    }
-  }
-
-  .dataGroup {
-    padding: 10px 0;
-  }
-
-  .grid-content {
-    border-radius: 5px;
-    text-align: center;
-    background: #ffffff;
-    padding: 15px 0;
-
-    p {
-      line-height: 1.8;
-    }
-
-    p:first-child {
-      font-weight: 700;
-      font-size: 16px;
-    }
-  }
-
-  .bg-org {
-    border: 2px solid #EF6C24;
-    color: #EF6C24;
-  }
-
-  .bg-blue {
-    border: 2px solid #0800FF;
-    color: #0800FF;
-  }
-
-  .bg-green {
-    border: 2px solid #0F9700;
-    color: #0F9700;
-  }
-
-  .bg-black {
-    border: 2px solid #333;
-    color: #333;
-  }
-
-  .bg-pink {
-    border: 2px solid #FF0000;
-    color: #FF0000;
-  }
+<template>
+  <div class="app-container">
+    <div style="display: flex;justify-content: space-between;align-items: center;">
+      <span>当前登录人：{{user.name}}
+      </span>
+
+      <el-button type="primary">统计设置</el-button>
+    </div>
+
+
+    <el-card class="box-card" style="margin: 20px 0;">
+      <div slot="header" class="clearfix">
+        <span>预算总体进展情况</span>
+        <DatePicker :value="select.year" placeholder="选择所属年份" placement="bottom" style="width: 130px;float: right;"
+          type="year" @on-change="changeYear"></DatePicker>
+      </div>
+      <router-link :to="`/statisticalReport/budgetProgress`">
+        <div class="progress-card">
+          <div class="progress-card-item">
+            <div class="progress-card-item__num">
+              {{moneyFormat(statistic.progress ? statistic.progress.money_total_1 : 0)}}</div>
+            <div class="progress-card-item__label">年初预算合计金额</div>
+          </div>
+          <div class="progress-card-item">
+            <div class="progress-card-item__num">
+              {{moneyFormat(statistic.progress ? statistic.progress.money_total_2 : 0)}}</div>
+            <div class="progress-card-item__label">调整后预算合计金额</div>
+          </div>
+          <div class="progress-card-item">
+            <div class="progress-card-item__num">
+              {{moneyFormat(statistic.progress? statistic.progress.use_money_total : 0)}}</div>
+            <div class="progress-card-item__label">已支付金额</div>
+          </div>
+          <div class="progress-card-item">
+            <div class="progress-card-item__num">
+              {{toper(statistic.progress ? statistic.progress.money_total_1 : 0,statistic.progress ? statistic.progress.money_total_2 : 0,statistic.progress? statistic.progress.use_money_total : 0)}}%
+            </div>
+            <div class="progress-card-item__label">进展率</div>
+          </div>
+        </div>
+      </router-link>
+    </el-card>
+
+    <div ref="lxHeader">
+      <LxHeader icon="md-apps" text="待办事项" style="margin-bottom: 10px; border: 0px; margin-top: 15px">
+        <div slot="content" />
+        <slot>
+          <div></div>
+        </slot>
+      </LxHeader>
+    </div>
+    <div class="table-tree">
+      <el-table :data="list" border class="v-table" style="width: 100%;margin-bottom: 20px;">
+        <el-table-column type="index" label="序号" align="center" />
+        <el-table-column prop="type" width="100" label="类型" align="center" :formatter="typeFormatter" />
+        <el-table-column prop="content" label="内容" align="left" />
+        <el-table-column prop="created_at" width="200" label="下发时间" align="center" :formatter="timeFormatter" />
+        <el-table-column width="100" label="状态" align="center" prop="read_count">
+          <template slot-scope="{row, $index}">
+            <el-link v-if="row.read_count" type="success" :underline="false">已读</el-link>
+            <Button v-else type="error" size="small" style="margin-left: 10px;" ghost
+              @click="readIt(row, $index)">未读</Button>
+          </template>
+        </el-table-column>
+        <el-table-column width="90" header-align="center" label="操作" align="center">
+          <template slot-scope="{row, $index}">
+            <Button type="primary" size="small" style="margin-left: 10px;" ghost @click="toContract(row)">查看</Button>
+          </template>
+        </el-table-column>
+      </el-table>
+
+      <div style="display: flex;justify-content: flex-end;">
+        <Page :total="total" show-elevator @on-change="pageChange" />
+      </div>
+    </div>
+    <div class="demo-split">
+      <Split v-model="split" style="height: 440px;">
+        <template #left>
+          <div class="demo-split-pane" style="padding-right: 5px;">
+            <div ref="lxHeader" v-if="statistic.departmentList">
+              <LxHeader icon="md-apps" text="科室进展情况" style="margin-bottom: 10px; border: 0px; margin-top: 15px">
+                <div slot="content" />
+                <slot>
+                  <div style="width: 100%">
+                    <xy-table :height="380" :list="statistic.departmentList" :table-item="departmentTable">
+                      <template v-slot:btns>
+                        <el-table-column :width="80" fixed="right" label="操作" header-align="center" align="center">
+                          <template slot-scope="scope">
+                            <router-link
+                              :to="`/statisticalReport/budgetProgress?departmentId=${scope.row.plan_department_id}`">查看
+                            </router-link>
+                          </template>
+                        </el-table-column>
+                      </template>
+                    </xy-table>
+                  </div>
+                </slot>
+              </LxHeader>
+            </div>
+          </div>
+        </template>
+        <template #right>
+          <div class="demo-split-pane" style="padding-left: 10px;">
+            <div ref="lxHeader" v-if="statistic.typeList">
+              <LxHeader icon="md-apps" text="预算类型进展情况" style="margin-bottom: 10px; border: 0px; margin-top: 15px">
+                <div slot="content" />
+                <slot>
+                  <div style="width: 100%">
+                    <xy-table :height="380" :list="statistic.typeList" :table-item="typeTable">
+                      <template v-slot:btns>
+                        <el-table-column :width="80" fixed="right" label="操作" header-align="center" align="center">
+                          <template slot-scope="scope">
+                            <router-link :to="`/statisticalReport/budgetProgress?typeId=${scope.row.type}`">查看
+                            </router-link>
+                          </template>
+                        </el-table-column>
+                      </template>
+                    </xy-table>
+                  </div>
+                </slot>
+              </LxHeader>
+            </div>
+          </div>
+        </template>
+      </Split>
+
+
+    </div>
+
+    <detailContract ref="detailContract"></detailContract>
+  </div>
+</template>
+
+<script>
+  import detailContract from "@/views/contract/components/detailContract"
+  import LxHeader from '@/components/LxHeader/index.vue'
+  import Pagination from '@/components/Pagination'
+  import {
+    adminDepartmentList
+  } from '../../api/system/department.js'
+  import {
+    adminUserList,
+    getInfo
+  } from '../../api/user.js'
+  import {
+    getNotice,
+    readNotice,
+    statistic
+  } from "@/api/dashboard/notice"
+  import {
+    parseTime,
+    moneyFormatter
+  } from "@/utils/index"
+  import {
+    Message
+  } from "element-ui";
+  export default {
+    name: 'Manage',
+    components: {
+      LxHeader,
+      Pagination,
+      detailContract
+    },
+    data() {
+      return {
+        value2: 12,
+        split: 0.5,
+        select: {
+          year: ''
+        },
+        statistic: '',
+        department_id: [],
+        userIds: [],
+        list: [],
+        total: 0,
+        pageIndex: 1,
+        // listQuery: {
+        //   page: 1,
+        //   page_size: 10,
+        //   show_self: 1,
+        // },
+        form: {
+          id: undefined,
+        },
+        dialogFormVisible: false,
+        departmentTree: [],
+        userList: [],
+        formLabelWidth: '200px',
+        user: {},
+
+        departmentProgress: [],
+        departmentTable: [{
+            label: '科室',
+            width: 80,
+            prop: 'plan_department.name',
+            sortable: false,
+            fixed: "left"
+          },
+          {
+            label: '进展情况',
+            sortable: false,
+            minWidth: 220,
+            align: 'left',
+            fixed: "right",
+            customFn: (row) => {
+              let m2 = row?.money_total_2;
+              let m1 = row?.money_total_1;
+              let m3 = row?.use_money_total;
+              let per = 0;
+
+              if (m2 != 0) {
+                per = ((m3 / m2) * 100).toFixed(2);
+              } else if (m1 != 0) {
+                per = ((m3 / m1) * 100).toFixed(2);
+              }
+              return ( < div >
+                <el-progress percentage = {
+                  Number(per)
+                }> </el-progress> </div >
+              )
+            }
+          },
+          {
+            label: '年初预算合计金额(元)',
+            width: 160,
+            align: 'right',
+            sortable: false,
+            prop: 'money_total_1',
+            formatter: (cell, data, value) => {
+              return moneyFormatter(value)
+            }
+          },
+          {
+            label: '调整后预算合计金额(元)',
+            width: 160,
+            align: 'right',
+            sortable: false,
+            prop: 'money_total_2',
+            formatter: (cell, data, value) => {
+              return moneyFormatter(value)
+            }
+          },
+          {
+            label: '已使用(元)',
+            width: 120,
+            align: 'right',
+            sortable: false,
+            prop: 'use_money_total',
+            formatter: (cell, data, value) => {
+              return moneyFormatter(value)
+            }
+          }
+        ],
+        typeTable: [{
+            label: '预算类别',
+            width: 100,
+            prop: 'type_text',
+            sortable: false,
+            fixed: "left",
+          },
+          {
+            label: '进展情况',
+            sortable: false,
+            minWidth: 220,
+            align: 'left',
+            fixed: "right",
+            customFn: (row) => {
+              let m2 = row.money_total_2;
+              let m1 = row.money_total_1;
+              let m3 = row.use_money_total;
+              let per = 0;
+
+              if (m2 != 0) {
+                per = ((m3 / m2) * 100).toFixed(2);
+              } else if (m1 != 0) {
+                per = ((m3 / m1) * 100).toFixed(2);
+              }
+              return ( < div >
+                <el-progress percentage = {
+                  Number(per)
+                }> </el-progress> </div >
+              )
+            }
+          },
+          {
+            label: '年初预算合计金额(元)',
+            width: 160,
+            align: 'right',
+            sortable: false,
+            prop: 'money_total_1',
+            formatter: (cell, data, value) => {
+              return moneyFormatter(value)
+            }
+          },
+          {
+            label: '调整后预算合计金额(元)',
+            width: 160,
+            align: 'right',
+            sortable: false,
+            prop: 'money_total_2',
+            formatter: (cell, data, value) => {
+              return moneyFormatter(value)
+            }
+          },
+          {
+            label: '已使用(元)',
+            width: 140,
+            align: 'right',
+            sortable: false,
+            prop: 'use_money_total',
+            formatter: (cell, data, value) => {
+              return moneyFormatter(value)
+            }
+          },
+        ]
+      }
+    },
+    created() {
+      this.select.year = this.$moment().format('YYYY');
+      this.getNotices();
+
+      this.getStatistic();
+
+      getInfo().then(response => {
+        console.log(response)
+        this.user = response
+      }).catch(error => {})
+    },
+    methods: {
+      changeYear(e) {
+        this.select.year = e;
+        this.getStatistic()
+
+      },
+      async getStatistic() {
+        const res = await statistic(this.select)
+        console.log(res)
+        this.statistic = res
+      },
+
+      toContract(row) {
+        this.$refs['detailContract'].getDetail(row.contract_id)
+        this.$refs['detailContract'].isShowDetail = true
+      },
+
+      pageChange(e) {
+        this.pageIndex = e
+        this.getNotices()
+      },
+
+      timeFormatter(cell, data, value) {
+        return parseTime(new Date(value))
+      },
+      typeFormatter(cell, data, value) {
+        return value === 1 ? '合同流程' : '付款计划'
+      },
+      toper(m1, m2, m3) {
+        if (m2 != 0) {
+          return ((m3 / m2) * 100).toFixed(2);
+        } else if (m1 != 0) {
+          return ((m3 / m1) * 100).toFixed(2);
+        } else
+          return 0
+      },
+      async getNotices() {
+        const res = await getNotice({
+          page_size: 10,
+          page: this.pageIndex
+        })
+        this.list = res.data
+        this.total = res.total
+      },
+
+
+      filterChildren(data) {
+        data.forEach(i => {
+          if (i.children && i.children.length > 0) {
+            this.filterChildren(i.children)
+          } else {
+            delete i.children
+          }
+        })
+      },
+      getList() {
+        index(this.listQuery).then(response => {
+          this.list = response.data
+          this.total = response.total
+        }).catch(error => {})
+      },
+      handleFilter() {
+        this.listQuery.page = 1
+        this.getList()
+      },
+      readIt(row) {
+        readNotice({
+          id: row.id
+        }).then(res => {
+          Message({
+            type: 'success',
+            message: '已读'
+          })
+          this.getNotices()
+        })
+        // show({id: row.id}).then(r => { this.form = r }).catch(error => {})
+        // this.list[index].is_read = 1
+      },
+      save() {
+        this.$refs['dataForm'].validate((valid) => {
+          if (valid) {
+            const tempData = Object.assign({}, this.form)
+            tempData.admin_id_list = tempData.ids.map(i => {
+              return {
+                admin_id: i
+              }
+            })
+            if (tempData.id) {
+              save(tempData).then(r => {
+                this.saved()
+              }).catch(error => {})
+            } else {
+              store(tempData).then(r => {
+                this.saved()
+              }).catch(error => {})
+            }
+          }
+        })
+      },
+      saved() {
+        this.handleFilter()
+        this.dialogFormVisible = false
+        this.$message.success('保存成功')
+      },
+      handleDelete(row, index) {
+        this.$confirm('确定要删除吗?', '提示', {
+          confirmButtonText: '确定',
+          cancelButtonText: '取消',
+          type: 'warning'
+        }).then(() => {
+          destroy({
+            id: row.id
+          }).then(response => {
+            this.$message.success('删除成功')
+            this.getList()
+          }).catch(error => {})
+        }).catch(() => {});
+      },
+    },
+    computed: {
+      moneyFormat() {
+        return function(price) {
+          return moneyFormatter(price)
+        }
+      }
+    }
+  }
+</script>
+<style scoped lang="scss">
+  ::v-deep .el-dialog__body {
+    padding: 8px 20px;
+  }
+
+  ::v-deep .el-col-5 {
+    width: 20%;
+  }
+
+  ::v-deep .el-card__body {
+    padding: 4px 10px !important;
+  }
+
+  .progress-card {
+    display: flex;
+
+    &-item {
+      text-align: center;
+      flex: 1;
+
+      &__label {
+        font-size: 14px;
+      }
+
+      &__num {
+        font-size: 20px;
+        font-weight: 600;
+
+        padding: 6px 0;
+      }
+    }
+  }
+</style>
+<style lang="scss" scoped>
+  .ivu-btn {
+    margin-right: 10px;
+  }
+
+  .table-tree {
+    margin-top: 10px;
+  }
+
+  .v-text {
+    padding: 8px 0;
+    border-bottom: 1px solid #eee;
+    margin-bottom: 20px;
+
+    .title {
+      color: #338de3;
+    }
+  }
+
+  .dataGroup {
+    padding: 10px 0;
+  }
+
+  .grid-content {
+    border-radius: 5px;
+    text-align: center;
+    background: #ffffff;
+    padding: 15px 0;
+
+    p {
+      line-height: 1.8;
+    }
+
+    p:first-child {
+      font-weight: 700;
+      font-size: 16px;
+    }
+  }
+
+  .bg-org {
+    border: 2px solid #EF6C24;
+    color: #EF6C24;
+  }
+
+  .bg-blue {
+    border: 2px solid #0800FF;
+    color: #0800FF;
+  }
+
+  .bg-green {
+    border: 2px solid #0F9700;
+    color: #0F9700;
+  }
+
+  .bg-black {
+    border: 2px solid #333;
+    color: #333;
+  }
+
+  .bg-pink {
+    border: 2px solid #FF0000;
+    color: #FF0000;
+  }
 </style>