diff --git a/src/assets/img/msg-empty/msg_empty.svg b/src/assets/img/msg-empty/msg_empty.svg
new file mode 100644
index 0000000000000000000000000000000000000000..906b0f6b63a3fbcc141ec26fac7c33ba157c82b7
--- /dev/null
+++ b/src/assets/img/msg-empty/msg_empty.svg
@@ -0,0 +1,84 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="101px" height="93px" viewBox="0 0 101 93" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+    <!-- Generator: Sketch 53 (72520) - https://sketchapp.com -->
+    <title>无内容</title>
+    <desc>Created with Sketch.</desc>
+    <defs>
+        <linearGradient x1="79.2778828%" y1="96.6695937%" x2="20.7221172%" y2="3.49587001%" id="linearGradient-1">
+            <stop stop-color="#DADDE5" offset="0%"></stop>
+            <stop stop-color="#C5CAD7" offset="100%"></stop>
+        </linearGradient>
+        <linearGradient x1="49.2495774%" y1="3.94711776%" x2="52.6227664%" y2="95.0268085%" id="linearGradient-2">
+            <stop stop-color="#DADDE5" offset="0%"></stop>
+            <stop stop-color="#C5CAD7" offset="100%"></stop>
+        </linearGradient>
+        <linearGradient x1="100%" y1="48.936832%" x2="6.97769248%" y2="52.4252348%" id="linearGradient-3">
+            <stop stop-color="#DADDE5" offset="0%"></stop>
+            <stop stop-color="#C5CAD7" offset="100%"></stop>
+        </linearGradient>
+        <linearGradient x1="50%" y1="96.5656996%" x2="48.0713217%" y2="4.93851886%" id="linearGradient-4">
+            <stop stop-color="#DADDE5" offset="0%"></stop>
+            <stop stop-color="#C5CAD7" offset="100%"></stop>
+        </linearGradient>
+        <linearGradient x1="5.14635743%" y1="50%" x2="92.684912%" y2="47.5747652%" id="linearGradient-5">
+            <stop stop-color="#DADDE5" offset="0%"></stop>
+            <stop stop-color="#C5CAD7" offset="100%"></stop>
+        </linearGradient>
+        <rect id="path-6" x="9.01333333" y="6.24" width="61.0133333" height="79.7333333" rx="5"></rect>
+        <filter x="-2.5%" y="-1.9%" width="104.9%" height="103.8%" filterUnits="objectBoundingBox" id="filter-8">
+            <feOffset dx="0" dy="0" in="SourceAlpha" result="shadowOffsetOuter1"></feOffset>
+            <feGaussianBlur stdDeviation="0.5" in="shadowOffsetOuter1" result="shadowBlurOuter1"></feGaussianBlur>
+            <feColorMatrix values="0 0 0 0 0.291092052   0 0 0 0 0.380646191   0 0 0 0 0.561141304  0 0 0 0.2 0" type="matrix" in="shadowBlurOuter1"></feColorMatrix>
+        </filter>
+        <linearGradient x1="71.6713109%" y1="11.9695999%" x2="30.3341103%" y2="91.5543891%" id="linearGradient-9">
+            <stop stop-color="#A5ACBE" offset="0%"></stop>
+            <stop stop-color="#C3C9D5" offset="100%"></stop>
+        </linearGradient>
+        <linearGradient x1="15.8638516%" y1="111.866497%" x2="58.1652518%" y2="40.4514765%" id="linearGradient-10">
+            <stop stop-color="#DDE0E7" offset="0%"></stop>
+            <stop stop-color="#B7BFD0" offset="100%"></stop>
+        </linearGradient>
+    </defs>
+    <g id="Page-2" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+        <g id="骨架图、提醒为空" transform="translate(-1025.000000, -180.000000)">
+            <g id="Group-19" transform="translate(823.000000, 76.000000)">
+                <g id="Group-27-Copy" transform="translate(189.000000, 94.000000)">
+                    <g id="无内容" transform="translate(11.000000, 0.000000)">
+                        <rect id="Rectangle" x="0" y="0" width="104" height="104"></rect>
+                        <path d="M26.4933333,16.64 L77.5066667,16.64 C80.2680904,16.64 82.5066667,18.8785763 82.5066667,21.64 L82.5066667,91.3733333 C82.5066667,94.1347571 80.2680904,96.3733333 77.5066667,96.3733333 L26.4933333,96.3733333 C23.7319096,96.3733333 21.4933333,94.1347571 21.4933333,91.3733333 L21.4933333,21.64 C21.4933333,18.8785763 23.7319096,16.64 26.4933333,16.64 Z" id="Rectangle" fill="url(#linearGradient-1)" transform="translate(52.000000, 56.506667) rotate(-15.000000) translate(-52.000000, -56.506667) "></path>
+                        <g id="Group-26" transform="translate(12.480000, 10.400000)">
+                            <path d="M9.01333333,13.007893 L9.01333333,50.1229455 L0.631809551,18.8426729 C0.136277937,16.9933238 1.2337639,15.0924223 3.08311306,14.5968907 L9.01333333,13.007893 Z" id="Path" fill="url(#linearGradient-2)"></path>
+                            <path d="M34.2714538,6.24 L55.3203817,0.599956746 C57.1697309,0.104425132 59.0706324,1.2019111 59.566164,3.05126025 L60.4205842,6.24 L34.2714538,6.24 L34.2714538,6.24 Z" id="Path" fill="url(#linearGradient-3)"></path>
+                            <path d="M70.0266667,42.0903878 L78.4081904,73.3706604 C78.9037221,75.2200096 77.8062361,77.120911 75.9568869,77.6164426 L70.0266667,79.2054404 L70.0266667,42.0903878 L70.0266667,42.0903878 Z" id="Path" fill="url(#linearGradient-4)"></path>
+                            <path d="M44.7685462,85.9733333 L23.7196183,91.6133766 C21.8702691,92.1089082 19.9693676,91.0114222 19.473836,89.1620731 L18.6194158,85.9733333 L44.7685462,85.9733333 Z" id="Path" fill="url(#linearGradient-5)"></path>
+                            <mask id="mask-7" fill="white">
+                                <use xlink:href="#path-6"></use>
+                            </mask>
+                            <g id="Rectangle">
+                                <use fill="black" fill-opacity="1" filter="url(#filter-8)" xlink:href="#path-6"></use>
+                                <use fill="#EDEEF4" fill-rule="evenodd" xlink:href="#path-6"></use>
+                            </g>
+                            <rect id="Rectangle" fill="#CDD2DD" opacity="0.4" mask="url(#mask-7)" x="19.4933333" y="7" width="1" height="79"></rect>
+                            <rect id="Rectangle-Copy-30" fill="#CDD2DD" opacity="0.4" mask="url(#mask-7)" x="9.01333333" y="27.6" width="61" height="1"></rect>
+                            <rect id="Rectangle-Copy-36" fill="#CDD2DD" opacity="0.4" mask="url(#mask-7)" x="9.01333333" y="18.6" width="61" height="1"></rect>
+                            <rect id="Rectangle-Copy-31" fill="#CDD2DD" opacity="0.4" mask="url(#mask-7)" x="9.01333333" y="36.6" width="61" height="1"></rect>
+                            <rect id="Rectangle-Copy-32" fill="#CDD2DD" opacity="0.4" mask="url(#mask-7)" x="9.01333333" y="45.6" width="61" height="1"></rect>
+                            <rect id="Rectangle-Copy-33" fill="#CDD2DD" opacity="0.4" mask="url(#mask-7)" x="9.01333333" y="54.6" width="61" height="1"></rect>
+                            <rect id="Rectangle-Copy-34" fill="#CDD2DD" opacity="0.4" mask="url(#mask-7)" x="9.01333333" y="63.6" width="61" height="1"></rect>
+                            <rect id="Rectangle-Copy-35" fill="#CDD2DD" opacity="0.4" mask="url(#mask-7)" x="9.01333333" y="72.6" width="61" height="1"></rect>
+                        </g>
+                        <g id="编辑" transform="translate(52.000000, 40.213333)">
+                            <path d="M4.93795795,41.1838119 L3.70346845,41.1838119 L3.70346845,39.9357178 L2.46897896,39.9357178 L2.46897896,38.6876237 L3.70346845,37.4395296 L6.17244745,39.9357178 L4.93795795,41.1838119 Z M0,37.4395296 L0,43.68 L6.17244745,43.68 L39.0127367,7.60557096 C40.6688387,5.78637453 40.6109048,2.98906426 38.8809019,1.23999603 L38.8809019,1.23999603 C37.263441,-0.395290045 34.6265685,-0.40974013 32.9912824,1.20772086 C32.9395861,1.25885366 32.8892378,1.31133156 32.8402892,1.3651006 L0,37.4395296 Z" id="Shape" fill="url(#linearGradient-9)"></path>
+                            <path d="M30.5066667,20.5764192 L7.07933484,45.76 L0.693333333,45.76 L0.693333333,42.6567158 L6.2952427,42.6567158 L30.5066667,16.6302628 L30.5066667,20.5764192 Z" id="Combined-Shape" fill="url(#linearGradient-10)" opacity="0.300000012"></path>
+                        </g>
+                        <circle id="Oval" fill="#D2D6DF" cx="5.48166667" cy="83.8283333" r="2.70833333"></circle>
+                        <circle id="Oval-Copy-6" fill="#D2D6DF" cx="93.6866667" cy="19.3266667" r="2.16666667"></circle>
+                        <circle id="Oval-Copy-9" fill="#E1E3EB" cx="99.6233333" cy="42.0766667" r="3.25"></circle>
+                        <circle id="Oval-Copy-7" fill="#D2D6DF" cx="88.985" cy="29.185" r="1.625"></circle>
+                        <circle id="Oval-Copy-10" fill="#E1E3EB" cx="12.48" cy="72.8" r="1.38666667"></circle>
+                    </g>
+                </g>
+            </g>
+        </g>
+    </g>
+</svg>
\ No newline at end of file
diff --git a/src/components/common/myTitle/MyTitle.vue b/src/components/common/myTitle/MyTitle.vue
new file mode 100644
index 0000000000000000000000000000000000000000..cffbda8641cd4fdc48445d0f3ccfd0d6ed32b21c
--- /dev/null
+++ b/src/components/common/myTitle/MyTitle.vue
@@ -0,0 +1,47 @@
+<template>
+    <div class="header">
+        <div class="process"><slot name="process"></slot></div>
+        <div class="other"><slot name="other"></slot></div>
+    </div>
+</template>
+
+<script>
+  export default {
+    name: "MyTitle"
+  }
+</script>
+
+<style scoped>
+    .header {
+        display: flex;
+        padding: 0 16px 0 20px;
+        height: 56px;
+        border-bottom: 1px solid rgba(235,237,245,.9);
+        width: 640px;
+        align-items: center;
+        background: #fff;
+    }
+    .process {
+        font-size: 16px;
+        padding: 10px 12px;
+        position: relative;
+        color: #304265;
+    }
+    .process:before {
+        content: " ";
+        width: 4px;
+        height: 16px;
+        background: -webkit-gradient(linear,left top,left bottom,from(#25b6ff),to(#107fff));
+        border-radius: 3px;
+        position: absolute;
+        left: 0;
+        top: 13px;
+    }
+    .other  {
+        margin-left: auto;
+        font-size: 14px;
+        color: #8893a7;
+        cursor: pointer;
+        transition: color .2s;
+    }
+</style>
\ No newline at end of file
diff --git a/src/router/index.js b/src/router/index.js
index a0168c1138b04495c5f08e125336fe44e5b29483..bf3d43b1616c5e5dbb5c4ce1acf91c8447bce565 100644
--- a/src/router/index.js
+++ b/src/router/index.js
@@ -18,6 +18,11 @@ const routes = [
     name: 'index',
     component: () => import( 'views/index/Index')
   },
+  {
+    path: '/application',
+    name: 'application',
+    component: () => import('views/application/Application')
+  },
   {
     path: '/config',
     name: 'config',
diff --git a/src/views/application/Application.vue b/src/views/application/Application.vue
new file mode 100644
index 0000000000000000000000000000000000000000..da9ed927837124905a813a8e8c32fc27a20ede8d
--- /dev/null
+++ b/src/views/application/Application.vue
@@ -0,0 +1,36 @@
+<template>
+    <div>
+        <Header></Header>
+        <Section></Section>
+        <div class="container">
+            <div><tec-process></tec-process></div>
+            <div class="item-matter"><Matter></Matter></div>
+        </div>
+    </div>
+</template>
+
+<script>
+
+  import Header from "./childComps/header/Header";
+  import TecProcess from "./childComps/tecprocess/TecProcess";
+  import Matter from "./childComps/matter/Matter";
+  import Section from "./childComps/section/Section";
+
+  export default {
+    name: "Application",
+    components: {Section, Matter, TecProcess, Header},
+  }
+</script>
+
+<style scoped>
+    .container {
+        display: flex;
+        padding: 24px 120px;
+        width: 100%;
+        height: 582px;
+        background: #f5f5f5;
+    }
+    .item-matter {
+        margin-left: 10px;
+    }
+</style>
\ No newline at end of file
diff --git a/src/views/application/childComps/header/Header.vue b/src/views/application/childComps/header/Header.vue
new file mode 100644
index 0000000000000000000000000000000000000000..94dd662b90a16d5ebd62a6db3659f2e9fd336a6a
--- /dev/null
+++ b/src/views/application/childComps/header/Header.vue
@@ -0,0 +1,151 @@
+<template>
+    <div class="header">
+        <div class="logo">
+            <img src="~assets/logo.png" alt="">
+        </div>
+        <div class="start" @click.stop="search" v-if="isShow"><a-icon type="search" /></div>
+        <div class="search" v-else @click.stop><a-input-search placeholder="搜索功能" style="width: 200px" /></div>
+        <div class="home"><a href=""><a-icon type="home" /></a></div>
+        <div class="user" @click.stop="showDropdown">
+            <a-avatar v-if="!user.headImgUrl"
+                      style="backgroundColor:#1798FF" icon="user" />
+            <a-avatar v-else
+                      :src="user.headImgUrl" />
+            <span class="user-name">{{user.nickname}}</span>
+        </div>
+        <div @click.stop v-show="showDrop" class="dropdown">
+            <h3 class="engine-name">福建省艾孚达智能科技有限公司</h3>
+            <div class="logout" @click.stop="logout">退出登录</div>
+        </div>
+    </div>
+</template>
+
+<script>
+
+  export default {
+    name: "Header",
+    data()  {
+      return {
+        isShow:true,
+        showDrop:false,
+        user:{
+          headImgUrl:'https://zos.alipayobjects.com/rmsportal/ODTLcjxAfvqbxHnVXCYX.png',
+          nickname:'王大锤'
+        }
+      }
+    },
+    created() {
+      // this.user = JSON.parse(localStorage.getItem('user'))
+    },
+    mounted () {
+      document.addEventListener('click', this.hiddenClick)
+      document.addEventListener('click', this.hideDrop)
+    },
+    methods:{
+      search(){
+        this.isShow=false
+      },
+      hiddenClick () {
+        this.isShow = true
+      },
+      hideDrop () {
+        this.showDrop=false;
+      },
+      showDropdown() {
+        this.showDrop=true;
+      },
+      logout() {
+      }
+    }
+  }
+</script>
+
+<style scoped>
+    .header {
+        display: flex;
+        width: 100%;
+        height: 52px;
+        align-items: center;
+        justify-content: space-between;
+        border-bottom: 1px solid #e0e3e9;
+        position: relative;
+    }
+
+    .logo {
+        width: 70%;
+        margin-left: 20px;
+    }
+    .logo img {
+        height: 30px;
+    }
+    .start {
+        cursor: pointer;
+        width: 10%;
+        text-align: right;
+        position: relative;
+        right: -50px;
+    }
+    .search {
+        width: 10%;
+    }
+    .search >>> .ant-input-suffix{
+        font-size: 20px;
+    }
+    .start >>> .anticon {
+        font-size: 20px;
+    }
+    .home {
+        width: 5%;
+        height: 20px;
+        text-align: right;
+    }
+    .home >>> .anticon {
+        font-size: 20px;
+        color: #8893a7;
+    }
+    .user >>> .ant-avatar {
+        font-size: 20px;
+        background: #1890ff;
+        color: #fff;
+    }
+    .user {
+        width: 5%;
+        margin-right: 20px;
+        cursor: pointer;
+    }
+    .dropdown{
+        position:absolute;
+        top: 45px;
+        right: 0;
+        text-align: center;
+        width: 312px;
+        border-radius: 3px;
+        border-top: 6px solid #107fff;
+        box-shadow: 0 0 3px 0 rgba(0,0,0,.22);
+        background-color: #fff;
+        z-index: 9999;
+    }
+
+    .engine-name{
+        margin: 0 auto;
+        text-overflow: ellipsis;
+        overflow: hidden;
+        white-space: nowrap;
+        font-size: 16px;
+        font-weight: 600;
+        color: #304265;
+        line-height: 24px;
+        border-bottom: 1px solid #eff1f4;
+        padding: 15px;
+        border-radius: 3px 0 0 0;
+    }
+    .logout{
+        display: flex;
+        cursor: pointer;
+        background: #f3f5f8;
+        height: 40px;
+        font-size: 14px;
+        line-height: 40px;
+        justify-content: space-around;
+    }
+</style>
\ No newline at end of file
diff --git a/src/views/application/childComps/matter/Matter.vue b/src/views/application/childComps/matter/Matter.vue
new file mode 100644
index 0000000000000000000000000000000000000000..6bdb8c2b067cf1c4d3715adf74f6884088613c91
--- /dev/null
+++ b/src/views/application/childComps/matter/Matter.vue
@@ -0,0 +1,45 @@
+<template>
+    <div>
+        <my-title>
+            <div slot="process">提醒事项</div>
+            <div slot="other">更多</div>
+        </my-title>
+        <div class="matter">
+            <div><img src="~assets/img/msg-empty/msg_empty.svg" alt=""></div>
+            <div class="empty">当前未收到任何提醒</div>
+        </div>
+    </div>
+</template>
+
+<script>
+  import MyTitle from "components/common/myTitle/MyTitle";
+  export default {
+    name: "Matter",
+    components: {MyTitle}
+  }
+</script>
+
+<style scoped>
+    .matter {
+        width: 100%;
+        height: 466px;
+        background: #fff;
+        display: flex;
+        flex-direction: column;
+        justify-content: center;
+        align-items: center;
+        padding: 38px 0 50px;
+    }
+
+    .matter img {
+        width: 104px;
+        height: 104px;
+    }
+
+    .empty {
+        font-size: 14px;
+        font-weight: 400;
+        color: #8893a7;
+        margin-top: 24px;
+    }
+</style>
\ No newline at end of file
diff --git a/src/views/application/childComps/section/Section.vue b/src/views/application/childComps/section/Section.vue
new file mode 100644
index 0000000000000000000000000000000000000000..310ebbb3ec57bdaf69c5bf9d3e0c5fe1bc2f67f2
--- /dev/null
+++ b/src/views/application/childComps/section/Section.vue
@@ -0,0 +1,35 @@
+<template>
+    <div class="section">
+        <a-dropdown :trigger="['click']">
+            <a class="ant-dropdown-link" href="#">点击展示应用<a-icon type="down" /> </a>
+            <a-menu slot="overlay">
+                <a-menu-item key="0">
+                   应用设置
+                </a-menu-item>
+                <a-menu-item key="1">
+                    食堂管理
+                </a-menu-item>
+            </a-menu>
+        </a-dropdown>
+    </div>
+</template>
+
+<script>
+  export default {
+    name: "Section"
+  }
+</script>
+
+<style scoped>
+    .section {
+        height: 57px;
+        line-height: 57px;
+        background: #ffff;
+        padding-left: 20px;
+    }
+    .section >>> .ant-dropdown-link {
+        color:#000;
+        font-size: 17px;
+        text-decoration: none;
+    }
+</style>
\ No newline at end of file
diff --git a/src/views/application/childComps/tecprocess/TecProcess.vue b/src/views/application/childComps/tecprocess/TecProcess.vue
new file mode 100644
index 0000000000000000000000000000000000000000..54ef549ebfd4b5e4c6e45f72b623e689a319e8b2
--- /dev/null
+++ b/src/views/application/childComps/tecprocess/TecProcess.vue
@@ -0,0 +1,120 @@
+<template>
+    <div>
+        <my-title>
+            <div slot="process">我的流程</div>
+            <div slot="other">全部</div>
+        </my-title>
+        <ul class="list">
+            <li
+                ref="li"
+                @mouseover="mouseOver(index)"
+                @mouseleave="mouseLeave(index)"
+                class="list-item" v-for="(item,index) in processList">
+                <div ref="content" class="content">{{item.content}}</div>
+                <div ref="count" :class="{count:true,'right':index === 2}">{{item.count}}</div>
+            </li>
+        </ul>
+    </div>
+</template>
+
+<script>
+  import MyTitle from "components/common/myTitle/MyTitle";
+  export default {
+    name: "TecProcess",
+    data(){
+      return {
+        processList:[
+          {
+            content:'代办',
+            count:0
+          },
+          {
+            content:'待阅',
+            count:0
+          },
+          {
+            content:'我发起的',
+            count:0
+          },
+        ],
+      }
+    },
+    methods:{
+      mouseOver(index){
+        this.$refs.li[index].style.backgroundColor='#f7fafc';
+        this.$refs.content[index].style.color='#107fff';
+        this.$refs.content[index].style.backgroundColor='#fff';
+        this.$refs.count[index].style.color='#107fff';
+      },
+      mouseLeave(index){
+        this.$refs.li[index].style.backgroundColor='#fff';
+        this.$refs.content[index].style.color='#8893a7';
+        this.$refs.content[index].style.backgroundColor='#f7fafc';
+        this.$refs.count[index].style.color='#304265';
+      }
+    },
+    components: {MyTitle}
+  }
+</script>
+
+<style scoped>
+    .list {
+        list-style: none;
+        display: flex;
+        justify-content: space-between;
+        text-align: center;
+        padding: 33px 36px;
+        background: #fff;
+        width: 100%;
+        height: 466px;
+    }
+
+    .list-item {
+        width: 30%;
+        display: flex;
+        flex-direction: column;
+        justify-content: center;
+        align-items: center;
+        cursor: pointer;
+        transition: all .2s ease;
+        height: 100%;
+        font-size: 16px;
+        border-radius: 6px;
+        -webkit-box-shadow: 0 0 0 0 #e6edfd;
+        box-shadow: 0 0 0 0 #e6edfd;
+        color: #8893a7;
+        transition: all .2s ease .05s;
+    }
+    .content {
+        width: 65%;
+        min-width: 74px;
+        max-width: 150px;
+        height: 32px;
+        margin: 0 0 18px 0;
+        font-size: 16px;
+        border-radius: 16px;
+        background: #f7fafc;
+        color: #8893a7;
+        transition: all .2s ease .05s;
+    }
+    .count {
+        font-size: 50px;
+        font-weight: 500;
+        color: #304265;
+        transition: color .2s .05s;
+        position: relative;
+    }
+    .right:after {
+        content: "\8FDB\884C\4E2D";
+        font-size: 10px;
+        color: #107fff;
+        position: absolute;
+        top: 6px;
+        right: -36px;
+        background: #cfe5ff;
+        width: 48px;
+        height: 19px;
+        line-height: 19px;
+        border-radius: 8px;
+    }
+</style>
\ No newline at end of file
diff --git a/src/views/loading/Loading.vue b/src/views/loading/Loading.vue
index dd4623a3cebb234009d26404df84877aa76c0d14..7502956d03295689c5dcb9d64dcd4dc780a4751c 100644
--- a/src/views/loading/Loading.vue
+++ b/src/views/loading/Loading.vue
@@ -58,7 +58,8 @@
             // this.signIn()
             setTimeout(()=>{
                 this.$router.replace({
-                    name:'index'
+                    // name:'index'
+                    name:'application'
                     // path:'/score'
                 })
             },500)