diff --git a/src/views/dashboard/components/waitCard.vue b/src/views/dashboard/components/waitCard.vue
new file mode 100644
index 0000000..7d63ffc
--- /dev/null
+++ b/src/views/dashboard/components/waitCard.vue
@@ -0,0 +1,69 @@
+<template>
+  <div>
+    <el-card class="box-card">
+      <div slot="header" class="clearfix">
+        <el-badge :value="list.length" :hidden="list.length==0" class="item"	>
+          <div class="card-title">{{ title }}</div>
+        </el-badge>
+      </div>
+      <div v-loading="loading" v-for="(item,index) in list" :key="index" class="text-item">
+        <span class="index">{{ index+1 }}</span><span>{{ item[column] }}</span>
+      </div>
+      <div v-if="list.length==0">
+        {{ emptyText }}
+      </div>
+    </el-card>
+  </div>
+</template>
+
+<script>
+export default {
+  name: 'WaitCard',
+  props: {
+    title: {
+      type: String,
+      default: ''
+    },
+    list: {
+      type: Array,
+      default: function() {
+        return []
+      }
+    },
+    emptyText: {
+      type: String,
+      default: '没有待办事件'
+    },
+    loading: {
+      type: Boolean,
+      default: false
+    },
+    column: {
+      type: String,
+      default: 'title'
+    }
+  }
+}
+</script>
+
+<style rel="stylesheet/scss" lang="scss" scoped>
+  .box-card{
+    font-size: 14px;
+    .card-title{
+      padding-right:10px;
+    }
+    .text-item{
+      /*margin-bottom: 8px;*/
+      line-height: 2;
+      padding-left: 10px;
+    }
+    .text-item:hover{
+      background-color: aliceblue;
+      color: #000000;
+      cursor: pointer;
+    }
+    .text-item .index{
+     margin-right: 20px
+    }
+  }
+</style>

diff --git a/src/views/dashboard/components/waitCard.vue b/src/views/dashboard/components/waitCard.vue
new file mode 100644
index 0000000..7d63ffc
--- /dev/null
+++ b/src/views/dashboard/components/waitCard.vue
@@ -0,0 +1,69 @@
+<template>
+  <div>
+    <el-card class="box-card">
+      <div slot="header" class="clearfix">
+        <el-badge :value="list.length" :hidden="list.length==0" class="item"	>
+          <div class="card-title">{{ title }}</div>
+        </el-badge>
+      </div>
+      <div v-loading="loading" v-for="(item,index) in list" :key="index" class="text-item">
+        <span class="index">{{ index+1 }}</span><span>{{ item[column] }}</span>
+      </div>
+      <div v-if="list.length==0">
+        {{ emptyText }}
+      </div>
+    </el-card>
+  </div>
+</template>
+
+<script>
+export default {
+  name: 'WaitCard',
+  props: {
+    title: {
+      type: String,
+      default: ''
+    },
+    list: {
+      type: Array,
+      default: function() {
+        return []
+      }
+    },
+    emptyText: {
+      type: String,
+      default: '没有待办事件'
+    },
+    loading: {
+      type: Boolean,
+      default: false
+    },
+    column: {
+      type: String,
+      default: 'title'
+    }
+  }
+}
+</script>
+
+<style rel="stylesheet/scss" lang="scss" scoped>
+  .box-card{
+    font-size: 14px;
+    .card-title{
+      padding-right:10px;
+    }
+    .text-item{
+      /*margin-bottom: 8px;*/
+      line-height: 2;
+      padding-left: 10px;
+    }
+    .text-item:hover{
+      background-color: aliceblue;
+      color: #000000;
+      cursor: pointer;
+    }
+    .text-item .index{
+     margin-right: 20px
+    }
+  }
+</style>
diff --git a/src/views/dashboard/components/waitHandle.vue b/src/views/dashboard/components/waitHandle.vue
new file mode 100644
index 0000000..5ed9318
--- /dev/null
+++ b/src/views/dashboard/components/waitHandle.vue
@@ -0,0 +1,39 @@
+<template>
+  <div>
+    <wait-card :list="list" :loading="listLoading" title="待办事件"/>
+  </div>
+</template>
+
+<script>
+import WaitCard from './waitCard'
+import { workList } from '@/api/callCase'
+
+export default {
+  name: 'WaitHandle',
+  components: { WaitCard },
+  data() {
+    return {
+      listLoading: false,
+      total: 4,
+      list: [],
+      column: 'title'
+    }
+  },
+  created() {
+    this.fetchData()
+  },
+  methods: {
+    fetchData() {
+      this.listLoading = true
+      workList(this.listQuery).then(response => {
+        this.list = response.data.rows
+        this.listLoading = false
+      })
+    }
+  }
+}
+</script>
+
+<style scoped>
+
+</style>

diff --git a/src/views/dashboard/components/waitCard.vue b/src/views/dashboard/components/waitCard.vue
new file mode 100644
index 0000000..7d63ffc
--- /dev/null
+++ b/src/views/dashboard/components/waitCard.vue
@@ -0,0 +1,69 @@
+<template>
+  <div>
+    <el-card class="box-card">
+      <div slot="header" class="clearfix">
+        <el-badge :value="list.length" :hidden="list.length==0" class="item"	>
+          <div class="card-title">{{ title }}</div>
+        </el-badge>
+      </div>
+      <div v-loading="loading" v-for="(item,index) in list" :key="index" class="text-item">
+        <span class="index">{{ index+1 }}</span><span>{{ item[column] }}</span>
+      </div>
+      <div v-if="list.length==0">
+        {{ emptyText }}
+      </div>
+    </el-card>
+  </div>
+</template>
+
+<script>
+export default {
+  name: 'WaitCard',
+  props: {
+    title: {
+      type: String,
+      default: ''
+    },
+    list: {
+      type: Array,
+      default: function() {
+        return []
+      }
+    },
+    emptyText: {
+      type: String,
+      default: '没有待办事件'
+    },
+    loading: {
+      type: Boolean,
+      default: false
+    },
+    column: {
+      type: String,
+      default: 'title'
+    }
+  }
+}
+</script>
+
+<style rel="stylesheet/scss" lang="scss" scoped>
+  .box-card{
+    font-size: 14px;
+    .card-title{
+      padding-right:10px;
+    }
+    .text-item{
+      /*margin-bottom: 8px;*/
+      line-height: 2;
+      padding-left: 10px;
+    }
+    .text-item:hover{
+      background-color: aliceblue;
+      color: #000000;
+      cursor: pointer;
+    }
+    .text-item .index{
+     margin-right: 20px
+    }
+  }
+</style>
diff --git a/src/views/dashboard/components/waitHandle.vue b/src/views/dashboard/components/waitHandle.vue
new file mode 100644
index 0000000..5ed9318
--- /dev/null
+++ b/src/views/dashboard/components/waitHandle.vue
@@ -0,0 +1,39 @@
+<template>
+  <div>
+    <wait-card :list="list" :loading="listLoading" title="待办事件"/>
+  </div>
+</template>
+
+<script>
+import WaitCard from './waitCard'
+import { workList } from '@/api/callCase'
+
+export default {
+  name: 'WaitHandle',
+  components: { WaitCard },
+  data() {
+    return {
+      listLoading: false,
+      total: 4,
+      list: [],
+      column: 'title'
+    }
+  },
+  created() {
+    this.fetchData()
+  },
+  methods: {
+    fetchData() {
+      this.listLoading = true
+      workList(this.listQuery).then(response => {
+        this.list = response.data.rows
+        this.listLoading = false
+      })
+    }
+  }
+}
+</script>
+
+<style scoped>
+
+</style>
diff --git a/src/views/dashboard/index.vue b/src/views/dashboard/index.vue
index c5cc0e7..c046487 100644
--- a/src/views/dashboard/index.vue
+++ b/src/views/dashboard/index.vue
@@ -1,14 +1,21 @@
 <template>
   <div class="dashboard-container">
-    <div class="dashboard-text">欢迎您，{{ name }}</div>
+    <!--<div class="dashboard-text">欢迎您，{{ name }}</div>-->
+    <el-row>
+      <el-col :span="8">
+        <wait-handle/>
+      </el-col>
+    </el-row>
   </div>
 </template>
 
 <script>
 import { mapGetters } from 'vuex'
+import WaitHandle from './components/waitHandle'
 
 export default {
   name: 'Dashboard',
+  components: { WaitHandle },
   computed: {
     ...mapGetters([
       'name',