diff --git a/src/views/statistic/caseStatistic/caseAllStatistic.vue b/src/views/statistic/caseStatistic/caseAllStatistic.vue
index d27160d..3883063 100644
--- a/src/views/statistic/caseStatistic/caseAllStatistic.vue
+++ b/src/views/statistic/caseStatistic/caseAllStatistic.vue
@@ -3,12 +3,16 @@
   <app-container>
     <case-handle-search :size="size" @search="search"/>
     <case-table ref="table" :list-query="listQuery"/>
-    <el-row>
+    <el-row :gutter="10">
       <el-col :span="12">
-        <case-source ref="source" :list-query="listQuery"/>
+        <border-frame title="事件来源统计">
+          <case-source ref="source" :list-query="listQuery"/>
+        </border-frame>
       </el-col>
       <el-col :span="12">
-        <satisfied-pie ref="satisfied" :list-query="listQuery"/>
+        <border-frame title="事件回访满意度统计">
+          <satisfied-pie ref="satisfied" :list-query="listQuery"/>
+        </border-frame>
       </el-col>
     </el-row>
   </app-container>
@@ -22,12 +26,14 @@
 import CaseTable from './components/caseTable'
 import CaseSource from './components/caseSource'
 import SatisfiedPie from './components/satisfiedPie'
+import BorderFrame from '../../../components/frame/borderFrame'
 export default {
-  name: 'CaseStatistic',
-  components: { SatisfiedPie, CaseSource, CaseTable, CaseHandleSearch, CaseTypeSearch, AppContainer },
+  name: 'CaseAllStatistic',
+  components: { BorderFrame, SatisfiedPie, CaseSource, CaseTable, CaseHandleSearch, CaseTypeSearch, AppContainer },
   data() {
     return {
-      listQuery: {}
+      listQuery: {},
+      size: 'small'
     }
   },
   created() {
@@ -35,7 +41,12 @@
   methods: {
     search(listQuery) {
       this.listQuery = listQuery
-      this.$refs.table.search()
+      const vm = this
+      setTimeout(function() {
+        vm.$refs.table.search()
+        vm.$refs.source.search()
+        vm.$refs.satisfied.search()
+      }, 100)
     }
   }
 }

diff --git a/src/views/statistic/caseStatistic/caseAllStatistic.vue b/src/views/statistic/caseStatistic/caseAllStatistic.vue
index d27160d..3883063 100644
--- a/src/views/statistic/caseStatistic/caseAllStatistic.vue
+++ b/src/views/statistic/caseStatistic/caseAllStatistic.vue
@@ -3,12 +3,16 @@
   <app-container>
     <case-handle-search :size="size" @search="search"/>
     <case-table ref="table" :list-query="listQuery"/>
-    <el-row>
+    <el-row :gutter="10">
       <el-col :span="12">
-        <case-source ref="source" :list-query="listQuery"/>
+        <border-frame title="事件来源统计">
+          <case-source ref="source" :list-query="listQuery"/>
+        </border-frame>
       </el-col>
       <el-col :span="12">
-        <satisfied-pie ref="satisfied" :list-query="listQuery"/>
+        <border-frame title="事件回访满意度统计">
+          <satisfied-pie ref="satisfied" :list-query="listQuery"/>
+        </border-frame>
       </el-col>
     </el-row>
   </app-container>
@@ -22,12 +26,14 @@
 import CaseTable from './components/caseTable'
 import CaseSource from './components/caseSource'
 import SatisfiedPie from './components/satisfiedPie'
+import BorderFrame from '../../../components/frame/borderFrame'
 export default {
-  name: 'CaseStatistic',
-  components: { SatisfiedPie, CaseSource, CaseTable, CaseHandleSearch, CaseTypeSearch, AppContainer },
+  name: 'CaseAllStatistic',
+  components: { BorderFrame, SatisfiedPie, CaseSource, CaseTable, CaseHandleSearch, CaseTypeSearch, AppContainer },
   data() {
     return {
-      listQuery: {}
+      listQuery: {},
+      size: 'small'
     }
   },
   created() {
@@ -35,7 +41,12 @@
   methods: {
     search(listQuery) {
       this.listQuery = listQuery
-      this.$refs.table.search()
+      const vm = this
+      setTimeout(function() {
+        vm.$refs.table.search()
+        vm.$refs.source.search()
+        vm.$refs.satisfied.search()
+      }, 100)
     }
   }
 }
diff --git a/src/views/statistic/caseStatistic/caseStatisticMonth.vue b/src/views/statistic/caseStatistic/caseStatisticMonth.vue
index 8341559..32266e4 100644
--- a/src/views/statistic/caseStatistic/caseStatisticMonth.vue
+++ b/src/views/statistic/caseStatistic/caseStatisticMonth.vue
@@ -49,6 +49,8 @@
 import SearchArea from '../../../components/SearchArea/SearchArea'
 import SearchItem from '../../../components/SearchArea/SearchItem'
 import AppContainer from '../../../components/layout/AppContainer'
+import { getCaseStatisticsByMonth } from '@/api/statistics'
+
 export default {
   name: 'CaseStatisticMonth',
   components: { AppContainer, SearchItem, SearchArea, NormalTable },
@@ -130,43 +132,41 @@
     },
     fetchData() {
       this.listLoading = true
-      // getSoundList(this.listQuery).then(response => {
-      //   if (response.code === 200) {
-      //     this.listLoading = false
-      //     this.list = response.data.rows
-      //     this.total = response.data.total
-      //   }
-      // })
-      // const that = this
-      this.data = [{
-        'caseNum': 5,
-        'month': '2020-01',
-        'monthErlier': '0%',
-        'yearErlier': '0%'
-      }, {
-        'caseNum': 10,
-        'month': '2020-02',
-        'monthErlier': '0%',
-        'yearErlier': '0%'
-      }, {
-        'caseNum': 15,
-        'month': '2020-03',
-        'monthErlier': '0%',
-        'yearErlier': '0%'
-      }, {
-        'caseNum': 10,
-        'month': '2020-04',
-        'monthErlier': '0%',
-        'yearErlier': '0%'
-      }]
-      this.chartData.rows = this.data
-      const maxValue = Math.max.apply(Math, this.data.map(function(item) { return item.caseNum }))
-      if (maxValue < 10) {
-        this.extend.yAxis = { max: 10 }
-      } else {
-        this.extend.yAxis = {}
-      }
-      this.listLoading = false
+      getCaseStatisticsByMonth(this.listQuery).then(response => {
+        if (response.code === 200) {
+          this.listLoading = false
+          // this.list = response.data.rows
+          // this.total = response.data.total
+          this.data = [{
+            'caseNum': 5,
+            'month': '2020-01',
+            'monthErlier': '0%',
+            'yearErlier': '0%'
+          }, {
+            'caseNum': 10,
+            'month': '2020-02',
+            'monthErlier': '0%',
+            'yearErlier': '0%'
+          }, {
+            'caseNum': 15,
+            'month': '2020-03',
+            'monthErlier': '0%',
+            'yearErlier': '0%'
+          }, {
+            'caseNum': 10,
+            'month': '2020-04',
+            'monthErlier': '0%',
+            'yearErlier': '0%'
+          }]
+          this.chartData.rows = this.data
+          const maxValue = Math.max.apply(Math, this.data.map(function(item) { return item.caseNum }))
+          if (maxValue < 10) {
+            this.extend.yAxis = { max: 10 }
+          } else {
+            this.extend.yAxis = {}
+          }
+        }
+      })
     },
     // 页数发生变化后的操作，可能是页码变化，可能是每页容量变化，此函数必写
     changePage(val) {
@@ -186,12 +186,5 @@
 </script>
 
 <style scoped>
-  .table-title{
-    text-align: center;
-    line-height: 2;
-    font-size:18px;
-    font-weight: 700;
-    background-color: #f0f0f0;
 
-  }
 </style>

diff --git a/src/views/statistic/caseStatistic/caseAllStatistic.vue b/src/views/statistic/caseStatistic/caseAllStatistic.vue
index d27160d..3883063 100644
--- a/src/views/statistic/caseStatistic/caseAllStatistic.vue
+++ b/src/views/statistic/caseStatistic/caseAllStatistic.vue
@@ -3,12 +3,16 @@
   <app-container>
     <case-handle-search :size="size" @search="search"/>
     <case-table ref="table" :list-query="listQuery"/>
-    <el-row>
+    <el-row :gutter="10">
       <el-col :span="12">
-        <case-source ref="source" :list-query="listQuery"/>
+        <border-frame title="事件来源统计">
+          <case-source ref="source" :list-query="listQuery"/>
+        </border-frame>
       </el-col>
       <el-col :span="12">
-        <satisfied-pie ref="satisfied" :list-query="listQuery"/>
+        <border-frame title="事件回访满意度统计">
+          <satisfied-pie ref="satisfied" :list-query="listQuery"/>
+        </border-frame>
       </el-col>
     </el-row>
   </app-container>
@@ -22,12 +26,14 @@
 import CaseTable from './components/caseTable'
 import CaseSource from './components/caseSource'
 import SatisfiedPie from './components/satisfiedPie'
+import BorderFrame from '../../../components/frame/borderFrame'
 export default {
-  name: 'CaseStatistic',
-  components: { SatisfiedPie, CaseSource, CaseTable, CaseHandleSearch, CaseTypeSearch, AppContainer },
+  name: 'CaseAllStatistic',
+  components: { BorderFrame, SatisfiedPie, CaseSource, CaseTable, CaseHandleSearch, CaseTypeSearch, AppContainer },
   data() {
     return {
-      listQuery: {}
+      listQuery: {},
+      size: 'small'
     }
   },
   created() {
@@ -35,7 +41,12 @@
   methods: {
     search(listQuery) {
       this.listQuery = listQuery
-      this.$refs.table.search()
+      const vm = this
+      setTimeout(function() {
+        vm.$refs.table.search()
+        vm.$refs.source.search()
+        vm.$refs.satisfied.search()
+      }, 100)
     }
   }
 }
diff --git a/src/views/statistic/caseStatistic/caseStatisticMonth.vue b/src/views/statistic/caseStatistic/caseStatisticMonth.vue
index 8341559..32266e4 100644
--- a/src/views/statistic/caseStatistic/caseStatisticMonth.vue
+++ b/src/views/statistic/caseStatistic/caseStatisticMonth.vue
@@ -49,6 +49,8 @@
 import SearchArea from '../../../components/SearchArea/SearchArea'
 import SearchItem from '../../../components/SearchArea/SearchItem'
 import AppContainer from '../../../components/layout/AppContainer'
+import { getCaseStatisticsByMonth } from '@/api/statistics'
+
 export default {
   name: 'CaseStatisticMonth',
   components: { AppContainer, SearchItem, SearchArea, NormalTable },
@@ -130,43 +132,41 @@
     },
     fetchData() {
       this.listLoading = true
-      // getSoundList(this.listQuery).then(response => {
-      //   if (response.code === 200) {
-      //     this.listLoading = false
-      //     this.list = response.data.rows
-      //     this.total = response.data.total
-      //   }
-      // })
-      // const that = this
-      this.data = [{
-        'caseNum': 5,
-        'month': '2020-01',
-        'monthErlier': '0%',
-        'yearErlier': '0%'
-      }, {
-        'caseNum': 10,
-        'month': '2020-02',
-        'monthErlier': '0%',
-        'yearErlier': '0%'
-      }, {
-        'caseNum': 15,
-        'month': '2020-03',
-        'monthErlier': '0%',
-        'yearErlier': '0%'
-      }, {
-        'caseNum': 10,
-        'month': '2020-04',
-        'monthErlier': '0%',
-        'yearErlier': '0%'
-      }]
-      this.chartData.rows = this.data
-      const maxValue = Math.max.apply(Math, this.data.map(function(item) { return item.caseNum }))
-      if (maxValue < 10) {
-        this.extend.yAxis = { max: 10 }
-      } else {
-        this.extend.yAxis = {}
-      }
-      this.listLoading = false
+      getCaseStatisticsByMonth(this.listQuery).then(response => {
+        if (response.code === 200) {
+          this.listLoading = false
+          // this.list = response.data.rows
+          // this.total = response.data.total
+          this.data = [{
+            'caseNum': 5,
+            'month': '2020-01',
+            'monthErlier': '0%',
+            'yearErlier': '0%'
+          }, {
+            'caseNum': 10,
+            'month': '2020-02',
+            'monthErlier': '0%',
+            'yearErlier': '0%'
+          }, {
+            'caseNum': 15,
+            'month': '2020-03',
+            'monthErlier': '0%',
+            'yearErlier': '0%'
+          }, {
+            'caseNum': 10,
+            'month': '2020-04',
+            'monthErlier': '0%',
+            'yearErlier': '0%'
+          }]
+          this.chartData.rows = this.data
+          const maxValue = Math.max.apply(Math, this.data.map(function(item) { return item.caseNum }))
+          if (maxValue < 10) {
+            this.extend.yAxis = { max: 10 }
+          } else {
+            this.extend.yAxis = {}
+          }
+        }
+      })
     },
     // 页数发生变化后的操作，可能是页码变化，可能是每页容量变化，此函数必写
     changePage(val) {
@@ -186,12 +186,5 @@
 </script>
 
 <style scoped>
-  .table-title{
-    text-align: center;
-    line-height: 2;
-    font-size:18px;
-    font-weight: 700;
-    background-color: #f0f0f0;
 
-  }
 </style>
diff --git a/src/views/statistic/caseStatistic/caseStatisticYear.vue b/src/views/statistic/caseStatistic/caseStatisticYear.vue
index 644c87c..8a2a52f 100644
--- a/src/views/statistic/caseStatistic/caseStatisticYear.vue
+++ b/src/views/statistic/caseStatistic/caseStatisticYear.vue
@@ -2,17 +2,17 @@
 <template>
   <app-container>
     <div>
-      <search-area :need-clear="false" :need-search-more="false" :size="size" type="default" search-more-type="default" @search="search">
-        <!--一般查询条件-->
-        <search-item>
-          <el-date-picker
-            v-model="listQuery.year"
-            :size="size"
-            type="year"
-            value-format="yyyy"
-            placeholder="统计年份"/>
-        </search-item>
-      </search-area>
+      <!--<search-area :need-clear="false" :need-search-more="false" :size="size" type="default" search-more-type="default" @search="search">-->
+        <!--&lt;!&ndash;一般查询条件&ndash;&gt;-->
+        <!--<search-item>-->
+          <!--<el-date-picker-->
+            <!--v-model="listQuery.year"-->
+            <!--:size="size"-->
+            <!--type="year"-->
+            <!--value-format="yyyy"-->
+            <!--placeholder="统计年份"/>-->
+        <!--</search-item>-->
+      <!--</search-area>-->
       <el-row>
         <el-col :span="12">
           <ve-histogram :data="chartData" :grid="grid" :extend="extend" :title="title" :settings="chartSettings"/>
@@ -49,6 +49,7 @@
 import SearchArea from '../../../components/SearchArea/SearchArea'
 import SearchItem from '../../../components/SearchArea/SearchItem'
 import AppContainer from '../../../components/layout/AppContainer'
+import { getCaseStatisticsByYear } from '@/api/statistics'
 export default {
   name: 'CaseStatisticYear',
   components: { AppContainer, SearchItem, SearchArea, NormalTable },
@@ -126,27 +127,25 @@
     },
     fetchData() {
       this.listLoading = true
-      // getSoundList(this.listQuery).then(response => {
-      //   if (response.code === 200) {
-      //     this.listLoading = false
-      //     this.list = response.data.rows
-      //     this.total = response.data.total
-      //   }
-      // })
-      // const that = this
-      this.data = [{
-        'caseNum': 1,
-        'year': '2020',
-        'rate': '0%'
-      }]
-      this.chartData.rows = this.data
-      const maxValue = Math.max.apply(Math, this.data.map(function(item) { return item.caseNum }))
-      if (maxValue < 10) {
-        this.extend.yAxis = { max: 10 }
-      } else {
-        this.extend.yAxis = {}
-      }
-      this.listLoading = false
+      getCaseStatisticsByYear(this.listQuery).then(response => {
+        if (response.code === 200) {
+          this.listLoading = false
+          // this.list = response.data.rows
+          // this.total = response.data.total
+          this.data = [{
+            'caseNum': 1,
+            'year': '2020',
+            'rate': '100%'
+          }]
+          this.chartData.rows = this.data
+          const maxValue = Math.max.apply(Math, this.data.map(function(item) { return item.caseNum }))
+          if (maxValue < 10) {
+            this.extend.yAxis = { max: 10 }
+          } else {
+            this.extend.yAxis = {}
+          }
+        }
+      })
     },
     // 页数发生变化后的操作，可能是页码变化，可能是每页容量变化，此函数必写
     changePage(val) {
@@ -158,7 +157,7 @@
       }
       this.fetchData()
     },
-    showDetail(){
+    showDetail() {
 
     }
   }
@@ -166,12 +165,4 @@
 </script>
 
 <style scoped>
-  .table-title{
-    text-align: center;
-    line-height: 2;
-    font-size:18px;
-    font-weight: 700;
-    background-color: #f0f0f0;
-
-  }
 </style>

diff --git a/src/views/statistic/caseStatistic/caseAllStatistic.vue b/src/views/statistic/caseStatistic/caseAllStatistic.vue
index d27160d..3883063 100644
--- a/src/views/statistic/caseStatistic/caseAllStatistic.vue
+++ b/src/views/statistic/caseStatistic/caseAllStatistic.vue
@@ -3,12 +3,16 @@
   <app-container>
     <case-handle-search :size="size" @search="search"/>
     <case-table ref="table" :list-query="listQuery"/>
-    <el-row>
+    <el-row :gutter="10">
       <el-col :span="12">
-        <case-source ref="source" :list-query="listQuery"/>
+        <border-frame title="事件来源统计">
+          <case-source ref="source" :list-query="listQuery"/>
+        </border-frame>
       </el-col>
       <el-col :span="12">
-        <satisfied-pie ref="satisfied" :list-query="listQuery"/>
+        <border-frame title="事件回访满意度统计">
+          <satisfied-pie ref="satisfied" :list-query="listQuery"/>
+        </border-frame>
       </el-col>
     </el-row>
   </app-container>
@@ -22,12 +26,14 @@
 import CaseTable from './components/caseTable'
 import CaseSource from './components/caseSource'
 import SatisfiedPie from './components/satisfiedPie'
+import BorderFrame from '../../../components/frame/borderFrame'
 export default {
-  name: 'CaseStatistic',
-  components: { SatisfiedPie, CaseSource, CaseTable, CaseHandleSearch, CaseTypeSearch, AppContainer },
+  name: 'CaseAllStatistic',
+  components: { BorderFrame, SatisfiedPie, CaseSource, CaseTable, CaseHandleSearch, CaseTypeSearch, AppContainer },
   data() {
     return {
-      listQuery: {}
+      listQuery: {},
+      size: 'small'
     }
   },
   created() {
@@ -35,7 +41,12 @@
   methods: {
     search(listQuery) {
       this.listQuery = listQuery
-      this.$refs.table.search()
+      const vm = this
+      setTimeout(function() {
+        vm.$refs.table.search()
+        vm.$refs.source.search()
+        vm.$refs.satisfied.search()
+      }, 100)
     }
   }
 }
diff --git a/src/views/statistic/caseStatistic/caseStatisticMonth.vue b/src/views/statistic/caseStatistic/caseStatisticMonth.vue
index 8341559..32266e4 100644
--- a/src/views/statistic/caseStatistic/caseStatisticMonth.vue
+++ b/src/views/statistic/caseStatistic/caseStatisticMonth.vue
@@ -49,6 +49,8 @@
 import SearchArea from '../../../components/SearchArea/SearchArea'
 import SearchItem from '../../../components/SearchArea/SearchItem'
 import AppContainer from '../../../components/layout/AppContainer'
+import { getCaseStatisticsByMonth } from '@/api/statistics'
+
 export default {
   name: 'CaseStatisticMonth',
   components: { AppContainer, SearchItem, SearchArea, NormalTable },
@@ -130,43 +132,41 @@
     },
     fetchData() {
       this.listLoading = true
-      // getSoundList(this.listQuery).then(response => {
-      //   if (response.code === 200) {
-      //     this.listLoading = false
-      //     this.list = response.data.rows
-      //     this.total = response.data.total
-      //   }
-      // })
-      // const that = this
-      this.data = [{
-        'caseNum': 5,
-        'month': '2020-01',
-        'monthErlier': '0%',
-        'yearErlier': '0%'
-      }, {
-        'caseNum': 10,
-        'month': '2020-02',
-        'monthErlier': '0%',
-        'yearErlier': '0%'
-      }, {
-        'caseNum': 15,
-        'month': '2020-03',
-        'monthErlier': '0%',
-        'yearErlier': '0%'
-      }, {
-        'caseNum': 10,
-        'month': '2020-04',
-        'monthErlier': '0%',
-        'yearErlier': '0%'
-      }]
-      this.chartData.rows = this.data
-      const maxValue = Math.max.apply(Math, this.data.map(function(item) { return item.caseNum }))
-      if (maxValue < 10) {
-        this.extend.yAxis = { max: 10 }
-      } else {
-        this.extend.yAxis = {}
-      }
-      this.listLoading = false
+      getCaseStatisticsByMonth(this.listQuery).then(response => {
+        if (response.code === 200) {
+          this.listLoading = false
+          // this.list = response.data.rows
+          // this.total = response.data.total
+          this.data = [{
+            'caseNum': 5,
+            'month': '2020-01',
+            'monthErlier': '0%',
+            'yearErlier': '0%'
+          }, {
+            'caseNum': 10,
+            'month': '2020-02',
+            'monthErlier': '0%',
+            'yearErlier': '0%'
+          }, {
+            'caseNum': 15,
+            'month': '2020-03',
+            'monthErlier': '0%',
+            'yearErlier': '0%'
+          }, {
+            'caseNum': 10,
+            'month': '2020-04',
+            'monthErlier': '0%',
+            'yearErlier': '0%'
+          }]
+          this.chartData.rows = this.data
+          const maxValue = Math.max.apply(Math, this.data.map(function(item) { return item.caseNum }))
+          if (maxValue < 10) {
+            this.extend.yAxis = { max: 10 }
+          } else {
+            this.extend.yAxis = {}
+          }
+        }
+      })
     },
     // 页数发生变化后的操作，可能是页码变化，可能是每页容量变化，此函数必写
     changePage(val) {
@@ -186,12 +186,5 @@
 </script>
 
 <style scoped>
-  .table-title{
-    text-align: center;
-    line-height: 2;
-    font-size:18px;
-    font-weight: 700;
-    background-color: #f0f0f0;
 
-  }
 </style>
diff --git a/src/views/statistic/caseStatistic/caseStatisticYear.vue b/src/views/statistic/caseStatistic/caseStatisticYear.vue
index 644c87c..8a2a52f 100644
--- a/src/views/statistic/caseStatistic/caseStatisticYear.vue
+++ b/src/views/statistic/caseStatistic/caseStatisticYear.vue
@@ -2,17 +2,17 @@
 <template>
   <app-container>
     <div>
-      <search-area :need-clear="false" :need-search-more="false" :size="size" type="default" search-more-type="default" @search="search">
-        <!--一般查询条件-->
-        <search-item>
-          <el-date-picker
-            v-model="listQuery.year"
-            :size="size"
-            type="year"
-            value-format="yyyy"
-            placeholder="统计年份"/>
-        </search-item>
-      </search-area>
+      <!--<search-area :need-clear="false" :need-search-more="false" :size="size" type="default" search-more-type="default" @search="search">-->
+        <!--&lt;!&ndash;一般查询条件&ndash;&gt;-->
+        <!--<search-item>-->
+          <!--<el-date-picker-->
+            <!--v-model="listQuery.year"-->
+            <!--:size="size"-->
+            <!--type="year"-->
+            <!--value-format="yyyy"-->
+            <!--placeholder="统计年份"/>-->
+        <!--</search-item>-->
+      <!--</search-area>-->
       <el-row>
         <el-col :span="12">
           <ve-histogram :data="chartData" :grid="grid" :extend="extend" :title="title" :settings="chartSettings"/>
@@ -49,6 +49,7 @@
 import SearchArea from '../../../components/SearchArea/SearchArea'
 import SearchItem from '../../../components/SearchArea/SearchItem'
 import AppContainer from '../../../components/layout/AppContainer'
+import { getCaseStatisticsByYear } from '@/api/statistics'
 export default {
   name: 'CaseStatisticYear',
   components: { AppContainer, SearchItem, SearchArea, NormalTable },
@@ -126,27 +127,25 @@
     },
     fetchData() {
       this.listLoading = true
-      // getSoundList(this.listQuery).then(response => {
-      //   if (response.code === 200) {
-      //     this.listLoading = false
-      //     this.list = response.data.rows
-      //     this.total = response.data.total
-      //   }
-      // })
-      // const that = this
-      this.data = [{
-        'caseNum': 1,
-        'year': '2020',
-        'rate': '0%'
-      }]
-      this.chartData.rows = this.data
-      const maxValue = Math.max.apply(Math, this.data.map(function(item) { return item.caseNum }))
-      if (maxValue < 10) {
-        this.extend.yAxis = { max: 10 }
-      } else {
-        this.extend.yAxis = {}
-      }
-      this.listLoading = false
+      getCaseStatisticsByYear(this.listQuery).then(response => {
+        if (response.code === 200) {
+          this.listLoading = false
+          // this.list = response.data.rows
+          // this.total = response.data.total
+          this.data = [{
+            'caseNum': 1,
+            'year': '2020',
+            'rate': '100%'
+          }]
+          this.chartData.rows = this.data
+          const maxValue = Math.max.apply(Math, this.data.map(function(item) { return item.caseNum }))
+          if (maxValue < 10) {
+            this.extend.yAxis = { max: 10 }
+          } else {
+            this.extend.yAxis = {}
+          }
+        }
+      })
     },
     // 页数发生变化后的操作，可能是页码变化，可能是每页容量变化，此函数必写
     changePage(val) {
@@ -158,7 +157,7 @@
       }
       this.fetchData()
     },
-    showDetail(){
+    showDetail() {
 
     }
   }
@@ -166,12 +165,4 @@
 </script>
 
 <style scoped>
-  .table-title{
-    text-align: center;
-    line-height: 2;
-    font-size:18px;
-    font-weight: 700;
-    background-color: #f0f0f0;
-
-  }
 </style>
diff --git a/src/views/statistic/caseStatistic/caseTypeStatistic.vue b/src/views/statistic/caseStatistic/caseTypeStatistic.vue
index 02f050e..4157fd0 100644
--- a/src/views/statistic/caseStatistic/caseTypeStatistic.vue
+++ b/src/views/statistic/caseStatistic/caseTypeStatistic.vue
@@ -11,18 +11,14 @@
 import AppContainer from '../../../components/layout/AppContainer'
 import CaseTypeSearch from './components/caseTypeSearch'
 import NormalTable from '../../../components/NomalTable/index'
+import { getCaseStatisticsByType } from '@/api/statistics'
 export default {
   name: 'CaseStatistic',
   components: { NormalTable, CaseTypeSearch, AppContainer },
   data() {
     return {
       listQuery: {},
-      columns: [
-        {
-          text: '区域',
-          value: 'area'
-        }
-      ], // 显示列
+      columns: [], // 显示列
       timeRange: [], // 时间范围
       data: [], // 列表数据
       total: 0, // 数据总数
@@ -48,56 +44,52 @@
     this.fetchData()
   },
   methods: {
-    search() {
+    search(listQuery) {
+      this.listQuery = listQuery
       this.fetchData(false)
     },
     fetchData(isNowPage = true) {
       this.listLoading = true
-      if (!isNowPage) { // 是否显示当前页，否则跳转第一页
-        this.listQuery.offset = 1
-      }
-      this.listLoading = true
-      // getSoundList(this.listQuery).then(response => {
-      //   if (response.code === 200) {
-      //     this.listLoading = false
-      //     this.list = response.data.rows
-      //     this.total = response.data.total
-      //   }
-      // })
-      // const that = this
-      const data = [
-        { area: '潭口镇', data: [{ caseNum: 12, eorc: '咨询' }, { caseNum: 12, eorc: '建议' }, { caseNum: 12, eorc: '求助' }, { caseNum: 12, eorc: '投诉' }, { caseNum: 12, eorc: '感谢' }, { caseNum: 12, eorc: '其他' }] },
-        { area: '谭东镇', data: [{ caseNum: 12, eorc: '咨询' }, { caseNum: 12, eorc: '建议' }, { caseNum: 12, eorc: '求助' }, { caseNum: 12, eorc: '投诉' }, { caseNum: 12, eorc: '感谢' }, { caseNum: 12, eorc: '其他' }] },
-        { area: '高校园区管理处', data: [{ caseNum: 12, eorc: '咨询' }, { caseNum: 12, eorc: '建议' }, { caseNum: 12, eorc: '求助' }, { caseNum: 12, eorc: '投诉' }, { caseNum: 12, eorc: '感谢' }, { caseNum: 12, eorc: '其他' }] },
-        { area: '新区管理处', data: [{ caseNum: 12, eorc: '咨询' }, { caseNum: 12, eorc: '建议' }, { caseNum: 12, eorc: '求助' }, { caseNum: 12, eorc: '投诉' }, { caseNum: 12, eorc: '感谢' }, { caseNum: 12, eorc: '其他' }] }
-      ]
-      this.columns = [
-        {
-          text: '区域',
-          value: 'area'
-        }
-      ]
-      // 先动态构建出列
-      if (data.length > 0) {
-        const line = data[0]
-        if (line.data.length > 0) {
-          for (const item of line.data) {
-            const column = { text: item.eorc, value: item.eorc }
-            this.columns.push(column)
+      getCaseStatisticsByType(this.listQuery).then(response => {
+        if (response.code === 200) {
+          this.listLoading = false
+          this.list = response.data.rows
+          this.total = response.data.total
+          const data = [
+            { area: '潭口镇', data: [{ caseNum: 12, eorc: '咨询' }, { caseNum: 12, eorc: '建议' }, { caseNum: 12, eorc: '求助' }, { caseNum: 12, eorc: '投诉' }, { caseNum: 12, eorc: '感谢' }, { caseNum: 12, eorc: '其他' }] },
+            { area: '谭东镇', data: [{ caseNum: 12, eorc: '咨询' }, { caseNum: 12, eorc: '建议' }, { caseNum: 12, eorc: '求助' }, { caseNum: 12, eorc: '投诉' }, { caseNum: 12, eorc: '感谢' }, { caseNum: 12, eorc: '其他' }] },
+            { area: '高校园区管理处', data: [{ caseNum: 12, eorc: '咨询' }, { caseNum: 12, eorc: '建议' }, { caseNum: 12, eorc: '求助' }, { caseNum: 12, eorc: '投诉' }, { caseNum: 12, eorc: '感谢' }, { caseNum: 12, eorc: '其他' }] },
+            { area: '新区管理处', data: [{ caseNum: 12, eorc: '咨询' }, { caseNum: 12, eorc: '建议' }, { caseNum: 12, eorc: '求助' }, { caseNum: 12, eorc: '投诉' }, { caseNum: 12, eorc: '感谢' }, { caseNum: 12, eorc: '其他' }] }
+          ]
+          const columns = [
+            {
+              text: '区域',
+              value: 'area'
+            }
+          ]
+          // 先动态构建出列
+          if (data.length > 0) {
+            const line = data[0]
+            if (line.data.length > 0) {
+              for (const item of line.data) {
+                const column = { text: item.eorc, value: item.eorc }
+                columns.push(column)
+              }
+            }
+          }
+          this.columns = columns
+          // 处理数据格式
+          this.data = []
+          for (const line of data) {
+            const linedata = line.data
+            const newline = { area: line.area }
+            for (const item of linedata) {
+              newline[item.eorc] = item.caseNum
+            }
+            this.data.push(newline)
           }
         }
-      }
-      // 处理数据格式
-      this.data = []
-      for (const line of data) {
-        const linedata = line.data
-        const newline = { area: line.area }
-        for (const item of linedata) {
-          newline[item.eorc] = item.caseNum
-        }
-        this.data.push(newline)
-      }
-      this.listLoading = false
+      })
     },
     // 页数发生变化后的操作，可能是页码变化，可能是每页容量变化，此函数必写
     changePage(val) {

diff --git a/src/views/statistic/caseStatistic/caseAllStatistic.vue b/src/views/statistic/caseStatistic/caseAllStatistic.vue
index d27160d..3883063 100644
--- a/src/views/statistic/caseStatistic/caseAllStatistic.vue
+++ b/src/views/statistic/caseStatistic/caseAllStatistic.vue
@@ -3,12 +3,16 @@
   <app-container>
     <case-handle-search :size="size" @search="search"/>
     <case-table ref="table" :list-query="listQuery"/>
-    <el-row>
+    <el-row :gutter="10">
       <el-col :span="12">
-        <case-source ref="source" :list-query="listQuery"/>
+        <border-frame title="事件来源统计">
+          <case-source ref="source" :list-query="listQuery"/>
+        </border-frame>
       </el-col>
       <el-col :span="12">
-        <satisfied-pie ref="satisfied" :list-query="listQuery"/>
+        <border-frame title="事件回访满意度统计">
+          <satisfied-pie ref="satisfied" :list-query="listQuery"/>
+        </border-frame>
       </el-col>
     </el-row>
   </app-container>
@@ -22,12 +26,14 @@
 import CaseTable from './components/caseTable'
 import CaseSource from './components/caseSource'
 import SatisfiedPie from './components/satisfiedPie'
+import BorderFrame from '../../../components/frame/borderFrame'
 export default {
-  name: 'CaseStatistic',
-  components: { SatisfiedPie, CaseSource, CaseTable, CaseHandleSearch, CaseTypeSearch, AppContainer },
+  name: 'CaseAllStatistic',
+  components: { BorderFrame, SatisfiedPie, CaseSource, CaseTable, CaseHandleSearch, CaseTypeSearch, AppContainer },
   data() {
     return {
-      listQuery: {}
+      listQuery: {},
+      size: 'small'
     }
   },
   created() {
@@ -35,7 +41,12 @@
   methods: {
     search(listQuery) {
       this.listQuery = listQuery
-      this.$refs.table.search()
+      const vm = this
+      setTimeout(function() {
+        vm.$refs.table.search()
+        vm.$refs.source.search()
+        vm.$refs.satisfied.search()
+      }, 100)
     }
   }
 }
diff --git a/src/views/statistic/caseStatistic/caseStatisticMonth.vue b/src/views/statistic/caseStatistic/caseStatisticMonth.vue
index 8341559..32266e4 100644
--- a/src/views/statistic/caseStatistic/caseStatisticMonth.vue
+++ b/src/views/statistic/caseStatistic/caseStatisticMonth.vue
@@ -49,6 +49,8 @@
 import SearchArea from '../../../components/SearchArea/SearchArea'
 import SearchItem from '../../../components/SearchArea/SearchItem'
 import AppContainer from '../../../components/layout/AppContainer'
+import { getCaseStatisticsByMonth } from '@/api/statistics'
+
 export default {
   name: 'CaseStatisticMonth',
   components: { AppContainer, SearchItem, SearchArea, NormalTable },
@@ -130,43 +132,41 @@
     },
     fetchData() {
       this.listLoading = true
-      // getSoundList(this.listQuery).then(response => {
-      //   if (response.code === 200) {
-      //     this.listLoading = false
-      //     this.list = response.data.rows
-      //     this.total = response.data.total
-      //   }
-      // })
-      // const that = this
-      this.data = [{
-        'caseNum': 5,
-        'month': '2020-01',
-        'monthErlier': '0%',
-        'yearErlier': '0%'
-      }, {
-        'caseNum': 10,
-        'month': '2020-02',
-        'monthErlier': '0%',
-        'yearErlier': '0%'
-      }, {
-        'caseNum': 15,
-        'month': '2020-03',
-        'monthErlier': '0%',
-        'yearErlier': '0%'
-      }, {
-        'caseNum': 10,
-        'month': '2020-04',
-        'monthErlier': '0%',
-        'yearErlier': '0%'
-      }]
-      this.chartData.rows = this.data
-      const maxValue = Math.max.apply(Math, this.data.map(function(item) { return item.caseNum }))
-      if (maxValue < 10) {
-        this.extend.yAxis = { max: 10 }
-      } else {
-        this.extend.yAxis = {}
-      }
-      this.listLoading = false
+      getCaseStatisticsByMonth(this.listQuery).then(response => {
+        if (response.code === 200) {
+          this.listLoading = false
+          // this.list = response.data.rows
+          // this.total = response.data.total
+          this.data = [{
+            'caseNum': 5,
+            'month': '2020-01',
+            'monthErlier': '0%',
+            'yearErlier': '0%'
+          }, {
+            'caseNum': 10,
+            'month': '2020-02',
+            'monthErlier': '0%',
+            'yearErlier': '0%'
+          }, {
+            'caseNum': 15,
+            'month': '2020-03',
+            'monthErlier': '0%',
+            'yearErlier': '0%'
+          }, {
+            'caseNum': 10,
+            'month': '2020-04',
+            'monthErlier': '0%',
+            'yearErlier': '0%'
+          }]
+          this.chartData.rows = this.data
+          const maxValue = Math.max.apply(Math, this.data.map(function(item) { return item.caseNum }))
+          if (maxValue < 10) {
+            this.extend.yAxis = { max: 10 }
+          } else {
+            this.extend.yAxis = {}
+          }
+        }
+      })
     },
     // 页数发生变化后的操作，可能是页码变化，可能是每页容量变化，此函数必写
     changePage(val) {
@@ -186,12 +186,5 @@
 </script>
 
 <style scoped>
-  .table-title{
-    text-align: center;
-    line-height: 2;
-    font-size:18px;
-    font-weight: 700;
-    background-color: #f0f0f0;
 
-  }
 </style>
diff --git a/src/views/statistic/caseStatistic/caseStatisticYear.vue b/src/views/statistic/caseStatistic/caseStatisticYear.vue
index 644c87c..8a2a52f 100644
--- a/src/views/statistic/caseStatistic/caseStatisticYear.vue
+++ b/src/views/statistic/caseStatistic/caseStatisticYear.vue
@@ -2,17 +2,17 @@
 <template>
   <app-container>
     <div>
-      <search-area :need-clear="false" :need-search-more="false" :size="size" type="default" search-more-type="default" @search="search">
-        <!--一般查询条件-->
-        <search-item>
-          <el-date-picker
-            v-model="listQuery.year"
-            :size="size"
-            type="year"
-            value-format="yyyy"
-            placeholder="统计年份"/>
-        </search-item>
-      </search-area>
+      <!--<search-area :need-clear="false" :need-search-more="false" :size="size" type="default" search-more-type="default" @search="search">-->
+        <!--&lt;!&ndash;一般查询条件&ndash;&gt;-->
+        <!--<search-item>-->
+          <!--<el-date-picker-->
+            <!--v-model="listQuery.year"-->
+            <!--:size="size"-->
+            <!--type="year"-->
+            <!--value-format="yyyy"-->
+            <!--placeholder="统计年份"/>-->
+        <!--</search-item>-->
+      <!--</search-area>-->
       <el-row>
         <el-col :span="12">
           <ve-histogram :data="chartData" :grid="grid" :extend="extend" :title="title" :settings="chartSettings"/>
@@ -49,6 +49,7 @@
 import SearchArea from '../../../components/SearchArea/SearchArea'
 import SearchItem from '../../../components/SearchArea/SearchItem'
 import AppContainer from '../../../components/layout/AppContainer'
+import { getCaseStatisticsByYear } from '@/api/statistics'
 export default {
   name: 'CaseStatisticYear',
   components: { AppContainer, SearchItem, SearchArea, NormalTable },
@@ -126,27 +127,25 @@
     },
     fetchData() {
       this.listLoading = true
-      // getSoundList(this.listQuery).then(response => {
-      //   if (response.code === 200) {
-      //     this.listLoading = false
-      //     this.list = response.data.rows
-      //     this.total = response.data.total
-      //   }
-      // })
-      // const that = this
-      this.data = [{
-        'caseNum': 1,
-        'year': '2020',
-        'rate': '0%'
-      }]
-      this.chartData.rows = this.data
-      const maxValue = Math.max.apply(Math, this.data.map(function(item) { return item.caseNum }))
-      if (maxValue < 10) {
-        this.extend.yAxis = { max: 10 }
-      } else {
-        this.extend.yAxis = {}
-      }
-      this.listLoading = false
+      getCaseStatisticsByYear(this.listQuery).then(response => {
+        if (response.code === 200) {
+          this.listLoading = false
+          // this.list = response.data.rows
+          // this.total = response.data.total
+          this.data = [{
+            'caseNum': 1,
+            'year': '2020',
+            'rate': '100%'
+          }]
+          this.chartData.rows = this.data
+          const maxValue = Math.max.apply(Math, this.data.map(function(item) { return item.caseNum }))
+          if (maxValue < 10) {
+            this.extend.yAxis = { max: 10 }
+          } else {
+            this.extend.yAxis = {}
+          }
+        }
+      })
     },
     // 页数发生变化后的操作，可能是页码变化，可能是每页容量变化，此函数必写
     changePage(val) {
@@ -158,7 +157,7 @@
       }
       this.fetchData()
     },
-    showDetail(){
+    showDetail() {
 
     }
   }
@@ -166,12 +165,4 @@
 </script>
 
 <style scoped>
-  .table-title{
-    text-align: center;
-    line-height: 2;
-    font-size:18px;
-    font-weight: 700;
-    background-color: #f0f0f0;
-
-  }
 </style>
diff --git a/src/views/statistic/caseStatistic/caseTypeStatistic.vue b/src/views/statistic/caseStatistic/caseTypeStatistic.vue
index 02f050e..4157fd0 100644
--- a/src/views/statistic/caseStatistic/caseTypeStatistic.vue
+++ b/src/views/statistic/caseStatistic/caseTypeStatistic.vue
@@ -11,18 +11,14 @@
 import AppContainer from '../../../components/layout/AppContainer'
 import CaseTypeSearch from './components/caseTypeSearch'
 import NormalTable from '../../../components/NomalTable/index'
+import { getCaseStatisticsByType } from '@/api/statistics'
 export default {
   name: 'CaseStatistic',
   components: { NormalTable, CaseTypeSearch, AppContainer },
   data() {
     return {
       listQuery: {},
-      columns: [
-        {
-          text: '区域',
-          value: 'area'
-        }
-      ], // 显示列
+      columns: [], // 显示列
       timeRange: [], // 时间范围
       data: [], // 列表数据
       total: 0, // 数据总数
@@ -48,56 +44,52 @@
     this.fetchData()
   },
   methods: {
-    search() {
+    search(listQuery) {
+      this.listQuery = listQuery
       this.fetchData(false)
     },
     fetchData(isNowPage = true) {
       this.listLoading = true
-      if (!isNowPage) { // 是否显示当前页，否则跳转第一页
-        this.listQuery.offset = 1
-      }
-      this.listLoading = true
-      // getSoundList(this.listQuery).then(response => {
-      //   if (response.code === 200) {
-      //     this.listLoading = false
-      //     this.list = response.data.rows
-      //     this.total = response.data.total
-      //   }
-      // })
-      // const that = this
-      const data = [
-        { area: '潭口镇', data: [{ caseNum: 12, eorc: '咨询' }, { caseNum: 12, eorc: '建议' }, { caseNum: 12, eorc: '求助' }, { caseNum: 12, eorc: '投诉' }, { caseNum: 12, eorc: '感谢' }, { caseNum: 12, eorc: '其他' }] },
-        { area: '谭东镇', data: [{ caseNum: 12, eorc: '咨询' }, { caseNum: 12, eorc: '建议' }, { caseNum: 12, eorc: '求助' }, { caseNum: 12, eorc: '投诉' }, { caseNum: 12, eorc: '感谢' }, { caseNum: 12, eorc: '其他' }] },
-        { area: '高校园区管理处', data: [{ caseNum: 12, eorc: '咨询' }, { caseNum: 12, eorc: '建议' }, { caseNum: 12, eorc: '求助' }, { caseNum: 12, eorc: '投诉' }, { caseNum: 12, eorc: '感谢' }, { caseNum: 12, eorc: '其他' }] },
-        { area: '新区管理处', data: [{ caseNum: 12, eorc: '咨询' }, { caseNum: 12, eorc: '建议' }, { caseNum: 12, eorc: '求助' }, { caseNum: 12, eorc: '投诉' }, { caseNum: 12, eorc: '感谢' }, { caseNum: 12, eorc: '其他' }] }
-      ]
-      this.columns = [
-        {
-          text: '区域',
-          value: 'area'
-        }
-      ]
-      // 先动态构建出列
-      if (data.length > 0) {
-        const line = data[0]
-        if (line.data.length > 0) {
-          for (const item of line.data) {
-            const column = { text: item.eorc, value: item.eorc }
-            this.columns.push(column)
+      getCaseStatisticsByType(this.listQuery).then(response => {
+        if (response.code === 200) {
+          this.listLoading = false
+          this.list = response.data.rows
+          this.total = response.data.total
+          const data = [
+            { area: '潭口镇', data: [{ caseNum: 12, eorc: '咨询' }, { caseNum: 12, eorc: '建议' }, { caseNum: 12, eorc: '求助' }, { caseNum: 12, eorc: '投诉' }, { caseNum: 12, eorc: '感谢' }, { caseNum: 12, eorc: '其他' }] },
+            { area: '谭东镇', data: [{ caseNum: 12, eorc: '咨询' }, { caseNum: 12, eorc: '建议' }, { caseNum: 12, eorc: '求助' }, { caseNum: 12, eorc: '投诉' }, { caseNum: 12, eorc: '感谢' }, { caseNum: 12, eorc: '其他' }] },
+            { area: '高校园区管理处', data: [{ caseNum: 12, eorc: '咨询' }, { caseNum: 12, eorc: '建议' }, { caseNum: 12, eorc: '求助' }, { caseNum: 12, eorc: '投诉' }, { caseNum: 12, eorc: '感谢' }, { caseNum: 12, eorc: '其他' }] },
+            { area: '新区管理处', data: [{ caseNum: 12, eorc: '咨询' }, { caseNum: 12, eorc: '建议' }, { caseNum: 12, eorc: '求助' }, { caseNum: 12, eorc: '投诉' }, { caseNum: 12, eorc: '感谢' }, { caseNum: 12, eorc: '其他' }] }
+          ]
+          const columns = [
+            {
+              text: '区域',
+              value: 'area'
+            }
+          ]
+          // 先动态构建出列
+          if (data.length > 0) {
+            const line = data[0]
+            if (line.data.length > 0) {
+              for (const item of line.data) {
+                const column = { text: item.eorc, value: item.eorc }
+                columns.push(column)
+              }
+            }
+          }
+          this.columns = columns
+          // 处理数据格式
+          this.data = []
+          for (const line of data) {
+            const linedata = line.data
+            const newline = { area: line.area }
+            for (const item of linedata) {
+              newline[item.eorc] = item.caseNum
+            }
+            this.data.push(newline)
           }
         }
-      }
-      // 处理数据格式
-      this.data = []
-      for (const line of data) {
-        const linedata = line.data
-        const newline = { area: line.area }
-        for (const item of linedata) {
-          newline[item.eorc] = item.caseNum
-        }
-        this.data.push(newline)
-      }
-      this.listLoading = false
+      })
     },
     // 页数发生变化后的操作，可能是页码变化，可能是每页容量变化，此函数必写
     changePage(val) {
diff --git a/src/views/statistic/caseStatistic/components/caseHandleSearch.vue b/src/views/statistic/caseStatistic/components/caseHandleSearch.vue
index d93b8ca..0d23bc8 100644
--- a/src/views/statistic/caseStatistic/components/caseHandleSearch.vue
+++ b/src/views/statistic/caseStatistic/components/caseHandleSearch.vue
@@ -2,7 +2,7 @@
 <template>
   <div>
     <search-area :need-clear="false" :need-search-more="false" :size="size" type="default" search-more-type="default" @search="search">
-      <chart-tools v-model="timeRange"/>
+      <chart-tools @change="changeTime"/>
       <!--一般查询条件-->
       <search-item>
         <el-date-picker
@@ -21,15 +21,16 @@
 <script>
 import SearchArea from '../../../../components/SearchArea/SearchArea'
 import SearchItem from '../../../../components/SearchArea/SearchItem'
-import { getDayTime } from '@/utils/dateutils'
+// import { getDayTime, getToday } from '@/utils/dateutils'
 import ChartTools from '../../components/chartTools'
+import { getToday } from '../../../../utils/dateutils'
 export default {
   name: 'CaseHandleSearch',
   components: { ChartTools, SearchItem, SearchArea },
   props: {
     size: {
       type: String,
-      default: ''
+      default: 'small'
     }
   },
   data() {
@@ -49,30 +50,20 @@
       }
     }
   },
+  created() {
+    this.timeRange = [getToday('yyyy-MM-dd'), getToday('yyyy-MM-dd')]
+    this.search()
+  },
   methods: {
     search() {
+      if (this.timeRange && this.timeRange.length === 2) {
+        this.listQuery.startTime = this.timeRange[0]
+        this.listQuery.endTime = this.timeRange[1]
+      }
       this.$emit('search', this.listQuery)
     },
-    changeDate(date) {
-      let startDate, endDate
-      if (date === 'today') { // 选择今日
-        startDate = getDayTime(new Date().getTime())
-        endDate = startDate
-      } else if (date === 'week') {
-        startDate = getDayTime(new Date().getTime() - 24 * 6 * 60 * 60 * 1000)
-        endDate = new Date()
-      } else if (date === 'month') {
-        startDate = getDayTime(new Date().getTime() - 24 * 29 * 60 * 60 * 1000)
-        endDate = new Date()
-      } else if (date === 'season') {
-        startDate = getDayTime(new Date().getTime() - 24 * 89 * 60 * 60 * 1000)
-        endDate = new Date()
-      } else if (date === 'year') {
-        startDate = getDayTime(new Date().getTime() - 24 * 365 * 60 * 60 * 1000)
-        endDate = new Date()
-      }
-      this.listQuery.compare = false
-      this.timeRange = [startDate.Format('yyyy-MM-dd'), endDate.Format('yyyy-MM-dd')]
+    changeTime(val) {
+      this.timeRange = val
     }
   }
 }

diff --git a/src/views/statistic/caseStatistic/caseAllStatistic.vue b/src/views/statistic/caseStatistic/caseAllStatistic.vue
index d27160d..3883063 100644
--- a/src/views/statistic/caseStatistic/caseAllStatistic.vue
+++ b/src/views/statistic/caseStatistic/caseAllStatistic.vue
@@ -3,12 +3,16 @@
   <app-container>
     <case-handle-search :size="size" @search="search"/>
     <case-table ref="table" :list-query="listQuery"/>
-    <el-row>
+    <el-row :gutter="10">
       <el-col :span="12">
-        <case-source ref="source" :list-query="listQuery"/>
+        <border-frame title="事件来源统计">
+          <case-source ref="source" :list-query="listQuery"/>
+        </border-frame>
       </el-col>
       <el-col :span="12">
-        <satisfied-pie ref="satisfied" :list-query="listQuery"/>
+        <border-frame title="事件回访满意度统计">
+          <satisfied-pie ref="satisfied" :list-query="listQuery"/>
+        </border-frame>
       </el-col>
     </el-row>
   </app-container>
@@ -22,12 +26,14 @@
 import CaseTable from './components/caseTable'
 import CaseSource from './components/caseSource'
 import SatisfiedPie from './components/satisfiedPie'
+import BorderFrame from '../../../components/frame/borderFrame'
 export default {
-  name: 'CaseStatistic',
-  components: { SatisfiedPie, CaseSource, CaseTable, CaseHandleSearch, CaseTypeSearch, AppContainer },
+  name: 'CaseAllStatistic',
+  components: { BorderFrame, SatisfiedPie, CaseSource, CaseTable, CaseHandleSearch, CaseTypeSearch, AppContainer },
   data() {
     return {
-      listQuery: {}
+      listQuery: {},
+      size: 'small'
     }
   },
   created() {
@@ -35,7 +41,12 @@
   methods: {
     search(listQuery) {
       this.listQuery = listQuery
-      this.$refs.table.search()
+      const vm = this
+      setTimeout(function() {
+        vm.$refs.table.search()
+        vm.$refs.source.search()
+        vm.$refs.satisfied.search()
+      }, 100)
     }
   }
 }
diff --git a/src/views/statistic/caseStatistic/caseStatisticMonth.vue b/src/views/statistic/caseStatistic/caseStatisticMonth.vue
index 8341559..32266e4 100644
--- a/src/views/statistic/caseStatistic/caseStatisticMonth.vue
+++ b/src/views/statistic/caseStatistic/caseStatisticMonth.vue
@@ -49,6 +49,8 @@
 import SearchArea from '../../../components/SearchArea/SearchArea'
 import SearchItem from '../../../components/SearchArea/SearchItem'
 import AppContainer from '../../../components/layout/AppContainer'
+import { getCaseStatisticsByMonth } from '@/api/statistics'
+
 export default {
   name: 'CaseStatisticMonth',
   components: { AppContainer, SearchItem, SearchArea, NormalTable },
@@ -130,43 +132,41 @@
     },
     fetchData() {
       this.listLoading = true
-      // getSoundList(this.listQuery).then(response => {
-      //   if (response.code === 200) {
-      //     this.listLoading = false
-      //     this.list = response.data.rows
-      //     this.total = response.data.total
-      //   }
-      // })
-      // const that = this
-      this.data = [{
-        'caseNum': 5,
-        'month': '2020-01',
-        'monthErlier': '0%',
-        'yearErlier': '0%'
-      }, {
-        'caseNum': 10,
-        'month': '2020-02',
-        'monthErlier': '0%',
-        'yearErlier': '0%'
-      }, {
-        'caseNum': 15,
-        'month': '2020-03',
-        'monthErlier': '0%',
-        'yearErlier': '0%'
-      }, {
-        'caseNum': 10,
-        'month': '2020-04',
-        'monthErlier': '0%',
-        'yearErlier': '0%'
-      }]
-      this.chartData.rows = this.data
-      const maxValue = Math.max.apply(Math, this.data.map(function(item) { return item.caseNum }))
-      if (maxValue < 10) {
-        this.extend.yAxis = { max: 10 }
-      } else {
-        this.extend.yAxis = {}
-      }
-      this.listLoading = false
+      getCaseStatisticsByMonth(this.listQuery).then(response => {
+        if (response.code === 200) {
+          this.listLoading = false
+          // this.list = response.data.rows
+          // this.total = response.data.total
+          this.data = [{
+            'caseNum': 5,
+            'month': '2020-01',
+            'monthErlier': '0%',
+            'yearErlier': '0%'
+          }, {
+            'caseNum': 10,
+            'month': '2020-02',
+            'monthErlier': '0%',
+            'yearErlier': '0%'
+          }, {
+            'caseNum': 15,
+            'month': '2020-03',
+            'monthErlier': '0%',
+            'yearErlier': '0%'
+          }, {
+            'caseNum': 10,
+            'month': '2020-04',
+            'monthErlier': '0%',
+            'yearErlier': '0%'
+          }]
+          this.chartData.rows = this.data
+          const maxValue = Math.max.apply(Math, this.data.map(function(item) { return item.caseNum }))
+          if (maxValue < 10) {
+            this.extend.yAxis = { max: 10 }
+          } else {
+            this.extend.yAxis = {}
+          }
+        }
+      })
     },
     // 页数发生变化后的操作，可能是页码变化，可能是每页容量变化，此函数必写
     changePage(val) {
@@ -186,12 +186,5 @@
 </script>
 
 <style scoped>
-  .table-title{
-    text-align: center;
-    line-height: 2;
-    font-size:18px;
-    font-weight: 700;
-    background-color: #f0f0f0;
 
-  }
 </style>
diff --git a/src/views/statistic/caseStatistic/caseStatisticYear.vue b/src/views/statistic/caseStatistic/caseStatisticYear.vue
index 644c87c..8a2a52f 100644
--- a/src/views/statistic/caseStatistic/caseStatisticYear.vue
+++ b/src/views/statistic/caseStatistic/caseStatisticYear.vue
@@ -2,17 +2,17 @@
 <template>
   <app-container>
     <div>
-      <search-area :need-clear="false" :need-search-more="false" :size="size" type="default" search-more-type="default" @search="search">
-        <!--一般查询条件-->
-        <search-item>
-          <el-date-picker
-            v-model="listQuery.year"
-            :size="size"
-            type="year"
-            value-format="yyyy"
-            placeholder="统计年份"/>
-        </search-item>
-      </search-area>
+      <!--<search-area :need-clear="false" :need-search-more="false" :size="size" type="default" search-more-type="default" @search="search">-->
+        <!--&lt;!&ndash;一般查询条件&ndash;&gt;-->
+        <!--<search-item>-->
+          <!--<el-date-picker-->
+            <!--v-model="listQuery.year"-->
+            <!--:size="size"-->
+            <!--type="year"-->
+            <!--value-format="yyyy"-->
+            <!--placeholder="统计年份"/>-->
+        <!--</search-item>-->
+      <!--</search-area>-->
       <el-row>
         <el-col :span="12">
           <ve-histogram :data="chartData" :grid="grid" :extend="extend" :title="title" :settings="chartSettings"/>
@@ -49,6 +49,7 @@
 import SearchArea from '../../../components/SearchArea/SearchArea'
 import SearchItem from '../../../components/SearchArea/SearchItem'
 import AppContainer from '../../../components/layout/AppContainer'
+import { getCaseStatisticsByYear } from '@/api/statistics'
 export default {
   name: 'CaseStatisticYear',
   components: { AppContainer, SearchItem, SearchArea, NormalTable },
@@ -126,27 +127,25 @@
     },
     fetchData() {
       this.listLoading = true
-      // getSoundList(this.listQuery).then(response => {
-      //   if (response.code === 200) {
-      //     this.listLoading = false
-      //     this.list = response.data.rows
-      //     this.total = response.data.total
-      //   }
-      // })
-      // const that = this
-      this.data = [{
-        'caseNum': 1,
-        'year': '2020',
-        'rate': '0%'
-      }]
-      this.chartData.rows = this.data
-      const maxValue = Math.max.apply(Math, this.data.map(function(item) { return item.caseNum }))
-      if (maxValue < 10) {
-        this.extend.yAxis = { max: 10 }
-      } else {
-        this.extend.yAxis = {}
-      }
-      this.listLoading = false
+      getCaseStatisticsByYear(this.listQuery).then(response => {
+        if (response.code === 200) {
+          this.listLoading = false
+          // this.list = response.data.rows
+          // this.total = response.data.total
+          this.data = [{
+            'caseNum': 1,
+            'year': '2020',
+            'rate': '100%'
+          }]
+          this.chartData.rows = this.data
+          const maxValue = Math.max.apply(Math, this.data.map(function(item) { return item.caseNum }))
+          if (maxValue < 10) {
+            this.extend.yAxis = { max: 10 }
+          } else {
+            this.extend.yAxis = {}
+          }
+        }
+      })
     },
     // 页数发生变化后的操作，可能是页码变化，可能是每页容量变化，此函数必写
     changePage(val) {
@@ -158,7 +157,7 @@
       }
       this.fetchData()
     },
-    showDetail(){
+    showDetail() {
 
     }
   }
@@ -166,12 +165,4 @@
 </script>
 
 <style scoped>
-  .table-title{
-    text-align: center;
-    line-height: 2;
-    font-size:18px;
-    font-weight: 700;
-    background-color: #f0f0f0;
-
-  }
 </style>
diff --git a/src/views/statistic/caseStatistic/caseTypeStatistic.vue b/src/views/statistic/caseStatistic/caseTypeStatistic.vue
index 02f050e..4157fd0 100644
--- a/src/views/statistic/caseStatistic/caseTypeStatistic.vue
+++ b/src/views/statistic/caseStatistic/caseTypeStatistic.vue
@@ -11,18 +11,14 @@
 import AppContainer from '../../../components/layout/AppContainer'
 import CaseTypeSearch from './components/caseTypeSearch'
 import NormalTable from '../../../components/NomalTable/index'
+import { getCaseStatisticsByType } from '@/api/statistics'
 export default {
   name: 'CaseStatistic',
   components: { NormalTable, CaseTypeSearch, AppContainer },
   data() {
     return {
       listQuery: {},
-      columns: [
-        {
-          text: '区域',
-          value: 'area'
-        }
-      ], // 显示列
+      columns: [], // 显示列
       timeRange: [], // 时间范围
       data: [], // 列表数据
       total: 0, // 数据总数
@@ -48,56 +44,52 @@
     this.fetchData()
   },
   methods: {
-    search() {
+    search(listQuery) {
+      this.listQuery = listQuery
       this.fetchData(false)
     },
     fetchData(isNowPage = true) {
       this.listLoading = true
-      if (!isNowPage) { // 是否显示当前页，否则跳转第一页
-        this.listQuery.offset = 1
-      }
-      this.listLoading = true
-      // getSoundList(this.listQuery).then(response => {
-      //   if (response.code === 200) {
-      //     this.listLoading = false
-      //     this.list = response.data.rows
-      //     this.total = response.data.total
-      //   }
-      // })
-      // const that = this
-      const data = [
-        { area: '潭口镇', data: [{ caseNum: 12, eorc: '咨询' }, { caseNum: 12, eorc: '建议' }, { caseNum: 12, eorc: '求助' }, { caseNum: 12, eorc: '投诉' }, { caseNum: 12, eorc: '感谢' }, { caseNum: 12, eorc: '其他' }] },
-        { area: '谭东镇', data: [{ caseNum: 12, eorc: '咨询' }, { caseNum: 12, eorc: '建议' }, { caseNum: 12, eorc: '求助' }, { caseNum: 12, eorc: '投诉' }, { caseNum: 12, eorc: '感谢' }, { caseNum: 12, eorc: '其他' }] },
-        { area: '高校园区管理处', data: [{ caseNum: 12, eorc: '咨询' }, { caseNum: 12, eorc: '建议' }, { caseNum: 12, eorc: '求助' }, { caseNum: 12, eorc: '投诉' }, { caseNum: 12, eorc: '感谢' }, { caseNum: 12, eorc: '其他' }] },
-        { area: '新区管理处', data: [{ caseNum: 12, eorc: '咨询' }, { caseNum: 12, eorc: '建议' }, { caseNum: 12, eorc: '求助' }, { caseNum: 12, eorc: '投诉' }, { caseNum: 12, eorc: '感谢' }, { caseNum: 12, eorc: '其他' }] }
-      ]
-      this.columns = [
-        {
-          text: '区域',
-          value: 'area'
-        }
-      ]
-      // 先动态构建出列
-      if (data.length > 0) {
-        const line = data[0]
-        if (line.data.length > 0) {
-          for (const item of line.data) {
-            const column = { text: item.eorc, value: item.eorc }
-            this.columns.push(column)
+      getCaseStatisticsByType(this.listQuery).then(response => {
+        if (response.code === 200) {
+          this.listLoading = false
+          this.list = response.data.rows
+          this.total = response.data.total
+          const data = [
+            { area: '潭口镇', data: [{ caseNum: 12, eorc: '咨询' }, { caseNum: 12, eorc: '建议' }, { caseNum: 12, eorc: '求助' }, { caseNum: 12, eorc: '投诉' }, { caseNum: 12, eorc: '感谢' }, { caseNum: 12, eorc: '其他' }] },
+            { area: '谭东镇', data: [{ caseNum: 12, eorc: '咨询' }, { caseNum: 12, eorc: '建议' }, { caseNum: 12, eorc: '求助' }, { caseNum: 12, eorc: '投诉' }, { caseNum: 12, eorc: '感谢' }, { caseNum: 12, eorc: '其他' }] },
+            { area: '高校园区管理处', data: [{ caseNum: 12, eorc: '咨询' }, { caseNum: 12, eorc: '建议' }, { caseNum: 12, eorc: '求助' }, { caseNum: 12, eorc: '投诉' }, { caseNum: 12, eorc: '感谢' }, { caseNum: 12, eorc: '其他' }] },
+            { area: '新区管理处', data: [{ caseNum: 12, eorc: '咨询' }, { caseNum: 12, eorc: '建议' }, { caseNum: 12, eorc: '求助' }, { caseNum: 12, eorc: '投诉' }, { caseNum: 12, eorc: '感谢' }, { caseNum: 12, eorc: '其他' }] }
+          ]
+          const columns = [
+            {
+              text: '区域',
+              value: 'area'
+            }
+          ]
+          // 先动态构建出列
+          if (data.length > 0) {
+            const line = data[0]
+            if (line.data.length > 0) {
+              for (const item of line.data) {
+                const column = { text: item.eorc, value: item.eorc }
+                columns.push(column)
+              }
+            }
+          }
+          this.columns = columns
+          // 处理数据格式
+          this.data = []
+          for (const line of data) {
+            const linedata = line.data
+            const newline = { area: line.area }
+            for (const item of linedata) {
+              newline[item.eorc] = item.caseNum
+            }
+            this.data.push(newline)
           }
         }
-      }
-      // 处理数据格式
-      this.data = []
-      for (const line of data) {
-        const linedata = line.data
-        const newline = { area: line.area }
-        for (const item of linedata) {
-          newline[item.eorc] = item.caseNum
-        }
-        this.data.push(newline)
-      }
-      this.listLoading = false
+      })
     },
     // 页数发生变化后的操作，可能是页码变化，可能是每页容量变化，此函数必写
     changePage(val) {
diff --git a/src/views/statistic/caseStatistic/components/caseHandleSearch.vue b/src/views/statistic/caseStatistic/components/caseHandleSearch.vue
index d93b8ca..0d23bc8 100644
--- a/src/views/statistic/caseStatistic/components/caseHandleSearch.vue
+++ b/src/views/statistic/caseStatistic/components/caseHandleSearch.vue
@@ -2,7 +2,7 @@
 <template>
   <div>
     <search-area :need-clear="false" :need-search-more="false" :size="size" type="default" search-more-type="default" @search="search">
-      <chart-tools v-model="timeRange"/>
+      <chart-tools @change="changeTime"/>
       <!--一般查询条件-->
       <search-item>
         <el-date-picker
@@ -21,15 +21,16 @@
 <script>
 import SearchArea from '../../../../components/SearchArea/SearchArea'
 import SearchItem from '../../../../components/SearchArea/SearchItem'
-import { getDayTime } from '@/utils/dateutils'
+// import { getDayTime, getToday } from '@/utils/dateutils'
 import ChartTools from '../../components/chartTools'
+import { getToday } from '../../../../utils/dateutils'
 export default {
   name: 'CaseHandleSearch',
   components: { ChartTools, SearchItem, SearchArea },
   props: {
     size: {
       type: String,
-      default: ''
+      default: 'small'
     }
   },
   data() {
@@ -49,30 +50,20 @@
       }
     }
   },
+  created() {
+    this.timeRange = [getToday('yyyy-MM-dd'), getToday('yyyy-MM-dd')]
+    this.search()
+  },
   methods: {
     search() {
+      if (this.timeRange && this.timeRange.length === 2) {
+        this.listQuery.startTime = this.timeRange[0]
+        this.listQuery.endTime = this.timeRange[1]
+      }
       this.$emit('search', this.listQuery)
     },
-    changeDate(date) {
-      let startDate, endDate
-      if (date === 'today') { // 选择今日
-        startDate = getDayTime(new Date().getTime())
-        endDate = startDate
-      } else if (date === 'week') {
-        startDate = getDayTime(new Date().getTime() - 24 * 6 * 60 * 60 * 1000)
-        endDate = new Date()
-      } else if (date === 'month') {
-        startDate = getDayTime(new Date().getTime() - 24 * 29 * 60 * 60 * 1000)
-        endDate = new Date()
-      } else if (date === 'season') {
-        startDate = getDayTime(new Date().getTime() - 24 * 89 * 60 * 60 * 1000)
-        endDate = new Date()
-      } else if (date === 'year') {
-        startDate = getDayTime(new Date().getTime() - 24 * 365 * 60 * 60 * 1000)
-        endDate = new Date()
-      }
-      this.listQuery.compare = false
-      this.timeRange = [startDate.Format('yyyy-MM-dd'), endDate.Format('yyyy-MM-dd')]
+    changeTime(val) {
+      this.timeRange = val
     }
   }
 }
diff --git a/src/views/statistic/caseStatistic/components/caseSource.vue b/src/views/statistic/caseStatistic/components/caseSource.vue
index f5f1bbe..3ee13f0 100644
--- a/src/views/statistic/caseStatistic/components/caseSource.vue
+++ b/src/views/statistic/caseStatistic/components/caseSource.vue
@@ -6,7 +6,7 @@
 <script>
 // 引入视觉映射组件
 import 'echarts/lib/component/visualMap'
-// import { deviceStaticsByType } from '@/api/dataStatics'
+import { getCaseStatisticsBySource } from '@/api/statistics'
 
 export default {
   name: 'CaseSource',
@@ -28,7 +28,7 @@
       right: 60
     }
     this.title = {
-      text: '事件来源统计'
+      text: ''
     }
     this.chartSettings = {
       itemStyle: {
@@ -49,23 +49,30 @@
       }
     }
   },
-  mounted() {
-    // TODO:待调试真接口
-    // this.fetchData()
-    this.chartData.rows = [
-      { 'source': '热线电话', 'caseNum': 1393, '下单用户': 1093, '下单率': 0.32 },
-      { 'source': '微信', 'caseNum': 3530, '下单用户': 3230, '下单率': 0.26 },
-      { 'source': '微博', 'caseNum': 2923, '下单用户': 2623, '下单率': 0.76 },
-      { 'source': '邮箱', 'caseNum': 1723, '下单用户': 1423, '下单率': 0.49 },
-      { 'source': '短信', 'caseNum': 3792, '下单用户': 3492, '下单率': 0.323 },
-      { 'source': '其他平台', 'caseNum': 2, '下单用户': 4293, '下单率': 0.78 }
-    ]
-  },
+  // watch: {
+  //   listQuery(val) {
+  //     this.search()
+  //   }
+  // },
+  // created() {
+  //   this.fetchData()
+  // },
   methods: {
+    search() {
+      this.fetchData()
+    },
     fetchData() {
-      // deviceStaticsByType().then(response => {
-      //   this.chartData.rows = response.data
-      // })
+      getCaseStatisticsBySource(this.listQuery).then(response => {
+        this.chartData.rows = response.data
+        this.chartData.rows = [
+          { 'source': '热线电话', 'caseNum': 1393, '下单用户': 1093, '下单率': 0.32 },
+          { 'source': '微信', 'caseNum': 3530, '下单用户': 3230, '下单率': 0.26 },
+          { 'source': '微博', 'caseNum': 2923, '下单用户': 2623, '下单率': 0.76 },
+          { 'source': '邮箱', 'caseNum': 1723, '下单用户': 1423, '下单率': 0.49 },
+          { 'source': '短信', 'caseNum': 3792, '下单用户': 3492, '下单率': 0.323 },
+          { 'source': '其他平台', 'caseNum': 353, '下单用户': 4293, '下单率': 0.78 }
+        ]
+      })
     }
   }
 }

diff --git a/src/views/statistic/caseStatistic/caseAllStatistic.vue b/src/views/statistic/caseStatistic/caseAllStatistic.vue
index d27160d..3883063 100644
--- a/src/views/statistic/caseStatistic/caseAllStatistic.vue
+++ b/src/views/statistic/caseStatistic/caseAllStatistic.vue
@@ -3,12 +3,16 @@
   <app-container>
     <case-handle-search :size="size" @search="search"/>
     <case-table ref="table" :list-query="listQuery"/>
-    <el-row>
+    <el-row :gutter="10">
       <el-col :span="12">
-        <case-source ref="source" :list-query="listQuery"/>
+        <border-frame title="事件来源统计">
+          <case-source ref="source" :list-query="listQuery"/>
+        </border-frame>
       </el-col>
       <el-col :span="12">
-        <satisfied-pie ref="satisfied" :list-query="listQuery"/>
+        <border-frame title="事件回访满意度统计">
+          <satisfied-pie ref="satisfied" :list-query="listQuery"/>
+        </border-frame>
       </el-col>
     </el-row>
   </app-container>
@@ -22,12 +26,14 @@
 import CaseTable from './components/caseTable'
 import CaseSource from './components/caseSource'
 import SatisfiedPie from './components/satisfiedPie'
+import BorderFrame from '../../../components/frame/borderFrame'
 export default {
-  name: 'CaseStatistic',
-  components: { SatisfiedPie, CaseSource, CaseTable, CaseHandleSearch, CaseTypeSearch, AppContainer },
+  name: 'CaseAllStatistic',
+  components: { BorderFrame, SatisfiedPie, CaseSource, CaseTable, CaseHandleSearch, CaseTypeSearch, AppContainer },
   data() {
     return {
-      listQuery: {}
+      listQuery: {},
+      size: 'small'
     }
   },
   created() {
@@ -35,7 +41,12 @@
   methods: {
     search(listQuery) {
       this.listQuery = listQuery
-      this.$refs.table.search()
+      const vm = this
+      setTimeout(function() {
+        vm.$refs.table.search()
+        vm.$refs.source.search()
+        vm.$refs.satisfied.search()
+      }, 100)
     }
   }
 }
diff --git a/src/views/statistic/caseStatistic/caseStatisticMonth.vue b/src/views/statistic/caseStatistic/caseStatisticMonth.vue
index 8341559..32266e4 100644
--- a/src/views/statistic/caseStatistic/caseStatisticMonth.vue
+++ b/src/views/statistic/caseStatistic/caseStatisticMonth.vue
@@ -49,6 +49,8 @@
 import SearchArea from '../../../components/SearchArea/SearchArea'
 import SearchItem from '../../../components/SearchArea/SearchItem'
 import AppContainer from '../../../components/layout/AppContainer'
+import { getCaseStatisticsByMonth } from '@/api/statistics'
+
 export default {
   name: 'CaseStatisticMonth',
   components: { AppContainer, SearchItem, SearchArea, NormalTable },
@@ -130,43 +132,41 @@
     },
     fetchData() {
       this.listLoading = true
-      // getSoundList(this.listQuery).then(response => {
-      //   if (response.code === 200) {
-      //     this.listLoading = false
-      //     this.list = response.data.rows
-      //     this.total = response.data.total
-      //   }
-      // })
-      // const that = this
-      this.data = [{
-        'caseNum': 5,
-        'month': '2020-01',
-        'monthErlier': '0%',
-        'yearErlier': '0%'
-      }, {
-        'caseNum': 10,
-        'month': '2020-02',
-        'monthErlier': '0%',
-        'yearErlier': '0%'
-      }, {
-        'caseNum': 15,
-        'month': '2020-03',
-        'monthErlier': '0%',
-        'yearErlier': '0%'
-      }, {
-        'caseNum': 10,
-        'month': '2020-04',
-        'monthErlier': '0%',
-        'yearErlier': '0%'
-      }]
-      this.chartData.rows = this.data
-      const maxValue = Math.max.apply(Math, this.data.map(function(item) { return item.caseNum }))
-      if (maxValue < 10) {
-        this.extend.yAxis = { max: 10 }
-      } else {
-        this.extend.yAxis = {}
-      }
-      this.listLoading = false
+      getCaseStatisticsByMonth(this.listQuery).then(response => {
+        if (response.code === 200) {
+          this.listLoading = false
+          // this.list = response.data.rows
+          // this.total = response.data.total
+          this.data = [{
+            'caseNum': 5,
+            'month': '2020-01',
+            'monthErlier': '0%',
+            'yearErlier': '0%'
+          }, {
+            'caseNum': 10,
+            'month': '2020-02',
+            'monthErlier': '0%',
+            'yearErlier': '0%'
+          }, {
+            'caseNum': 15,
+            'month': '2020-03',
+            'monthErlier': '0%',
+            'yearErlier': '0%'
+          }, {
+            'caseNum': 10,
+            'month': '2020-04',
+            'monthErlier': '0%',
+            'yearErlier': '0%'
+          }]
+          this.chartData.rows = this.data
+          const maxValue = Math.max.apply(Math, this.data.map(function(item) { return item.caseNum }))
+          if (maxValue < 10) {
+            this.extend.yAxis = { max: 10 }
+          } else {
+            this.extend.yAxis = {}
+          }
+        }
+      })
     },
     // 页数发生变化后的操作，可能是页码变化，可能是每页容量变化，此函数必写
     changePage(val) {
@@ -186,12 +186,5 @@
 </script>
 
 <style scoped>
-  .table-title{
-    text-align: center;
-    line-height: 2;
-    font-size:18px;
-    font-weight: 700;
-    background-color: #f0f0f0;
 
-  }
 </style>
diff --git a/src/views/statistic/caseStatistic/caseStatisticYear.vue b/src/views/statistic/caseStatistic/caseStatisticYear.vue
index 644c87c..8a2a52f 100644
--- a/src/views/statistic/caseStatistic/caseStatisticYear.vue
+++ b/src/views/statistic/caseStatistic/caseStatisticYear.vue
@@ -2,17 +2,17 @@
 <template>
   <app-container>
     <div>
-      <search-area :need-clear="false" :need-search-more="false" :size="size" type="default" search-more-type="default" @search="search">
-        <!--一般查询条件-->
-        <search-item>
-          <el-date-picker
-            v-model="listQuery.year"
-            :size="size"
-            type="year"
-            value-format="yyyy"
-            placeholder="统计年份"/>
-        </search-item>
-      </search-area>
+      <!--<search-area :need-clear="false" :need-search-more="false" :size="size" type="default" search-more-type="default" @search="search">-->
+        <!--&lt;!&ndash;一般查询条件&ndash;&gt;-->
+        <!--<search-item>-->
+          <!--<el-date-picker-->
+            <!--v-model="listQuery.year"-->
+            <!--:size="size"-->
+            <!--type="year"-->
+            <!--value-format="yyyy"-->
+            <!--placeholder="统计年份"/>-->
+        <!--</search-item>-->
+      <!--</search-area>-->
       <el-row>
         <el-col :span="12">
           <ve-histogram :data="chartData" :grid="grid" :extend="extend" :title="title" :settings="chartSettings"/>
@@ -49,6 +49,7 @@
 import SearchArea from '../../../components/SearchArea/SearchArea'
 import SearchItem from '../../../components/SearchArea/SearchItem'
 import AppContainer from '../../../components/layout/AppContainer'
+import { getCaseStatisticsByYear } from '@/api/statistics'
 export default {
   name: 'CaseStatisticYear',
   components: { AppContainer, SearchItem, SearchArea, NormalTable },
@@ -126,27 +127,25 @@
     },
     fetchData() {
       this.listLoading = true
-      // getSoundList(this.listQuery).then(response => {
-      //   if (response.code === 200) {
-      //     this.listLoading = false
-      //     this.list = response.data.rows
-      //     this.total = response.data.total
-      //   }
-      // })
-      // const that = this
-      this.data = [{
-        'caseNum': 1,
-        'year': '2020',
-        'rate': '0%'
-      }]
-      this.chartData.rows = this.data
-      const maxValue = Math.max.apply(Math, this.data.map(function(item) { return item.caseNum }))
-      if (maxValue < 10) {
-        this.extend.yAxis = { max: 10 }
-      } else {
-        this.extend.yAxis = {}
-      }
-      this.listLoading = false
+      getCaseStatisticsByYear(this.listQuery).then(response => {
+        if (response.code === 200) {
+          this.listLoading = false
+          // this.list = response.data.rows
+          // this.total = response.data.total
+          this.data = [{
+            'caseNum': 1,
+            'year': '2020',
+            'rate': '100%'
+          }]
+          this.chartData.rows = this.data
+          const maxValue = Math.max.apply(Math, this.data.map(function(item) { return item.caseNum }))
+          if (maxValue < 10) {
+            this.extend.yAxis = { max: 10 }
+          } else {
+            this.extend.yAxis = {}
+          }
+        }
+      })
     },
     // 页数发生变化后的操作，可能是页码变化，可能是每页容量变化，此函数必写
     changePage(val) {
@@ -158,7 +157,7 @@
       }
       this.fetchData()
     },
-    showDetail(){
+    showDetail() {
 
     }
   }
@@ -166,12 +165,4 @@
 </script>
 
 <style scoped>
-  .table-title{
-    text-align: center;
-    line-height: 2;
-    font-size:18px;
-    font-weight: 700;
-    background-color: #f0f0f0;
-
-  }
 </style>
diff --git a/src/views/statistic/caseStatistic/caseTypeStatistic.vue b/src/views/statistic/caseStatistic/caseTypeStatistic.vue
index 02f050e..4157fd0 100644
--- a/src/views/statistic/caseStatistic/caseTypeStatistic.vue
+++ b/src/views/statistic/caseStatistic/caseTypeStatistic.vue
@@ -11,18 +11,14 @@
 import AppContainer from '../../../components/layout/AppContainer'
 import CaseTypeSearch from './components/caseTypeSearch'
 import NormalTable from '../../../components/NomalTable/index'
+import { getCaseStatisticsByType } from '@/api/statistics'
 export default {
   name: 'CaseStatistic',
   components: { NormalTable, CaseTypeSearch, AppContainer },
   data() {
     return {
       listQuery: {},
-      columns: [
-        {
-          text: '区域',
-          value: 'area'
-        }
-      ], // 显示列
+      columns: [], // 显示列
       timeRange: [], // 时间范围
       data: [], // 列表数据
       total: 0, // 数据总数
@@ -48,56 +44,52 @@
     this.fetchData()
   },
   methods: {
-    search() {
+    search(listQuery) {
+      this.listQuery = listQuery
       this.fetchData(false)
     },
     fetchData(isNowPage = true) {
       this.listLoading = true
-      if (!isNowPage) { // 是否显示当前页，否则跳转第一页
-        this.listQuery.offset = 1
-      }
-      this.listLoading = true
-      // getSoundList(this.listQuery).then(response => {
-      //   if (response.code === 200) {
-      //     this.listLoading = false
-      //     this.list = response.data.rows
-      //     this.total = response.data.total
-      //   }
-      // })
-      // const that = this
-      const data = [
-        { area: '潭口镇', data: [{ caseNum: 12, eorc: '咨询' }, { caseNum: 12, eorc: '建议' }, { caseNum: 12, eorc: '求助' }, { caseNum: 12, eorc: '投诉' }, { caseNum: 12, eorc: '感谢' }, { caseNum: 12, eorc: '其他' }] },
-        { area: '谭东镇', data: [{ caseNum: 12, eorc: '咨询' }, { caseNum: 12, eorc: '建议' }, { caseNum: 12, eorc: '求助' }, { caseNum: 12, eorc: '投诉' }, { caseNum: 12, eorc: '感谢' }, { caseNum: 12, eorc: '其他' }] },
-        { area: '高校园区管理处', data: [{ caseNum: 12, eorc: '咨询' }, { caseNum: 12, eorc: '建议' }, { caseNum: 12, eorc: '求助' }, { caseNum: 12, eorc: '投诉' }, { caseNum: 12, eorc: '感谢' }, { caseNum: 12, eorc: '其他' }] },
-        { area: '新区管理处', data: [{ caseNum: 12, eorc: '咨询' }, { caseNum: 12, eorc: '建议' }, { caseNum: 12, eorc: '求助' }, { caseNum: 12, eorc: '投诉' }, { caseNum: 12, eorc: '感谢' }, { caseNum: 12, eorc: '其他' }] }
-      ]
-      this.columns = [
-        {
-          text: '区域',
-          value: 'area'
-        }
-      ]
-      // 先动态构建出列
-      if (data.length > 0) {
-        const line = data[0]
-        if (line.data.length > 0) {
-          for (const item of line.data) {
-            const column = { text: item.eorc, value: item.eorc }
-            this.columns.push(column)
+      getCaseStatisticsByType(this.listQuery).then(response => {
+        if (response.code === 200) {
+          this.listLoading = false
+          this.list = response.data.rows
+          this.total = response.data.total
+          const data = [
+            { area: '潭口镇', data: [{ caseNum: 12, eorc: '咨询' }, { caseNum: 12, eorc: '建议' }, { caseNum: 12, eorc: '求助' }, { caseNum: 12, eorc: '投诉' }, { caseNum: 12, eorc: '感谢' }, { caseNum: 12, eorc: '其他' }] },
+            { area: '谭东镇', data: [{ caseNum: 12, eorc: '咨询' }, { caseNum: 12, eorc: '建议' }, { caseNum: 12, eorc: '求助' }, { caseNum: 12, eorc: '投诉' }, { caseNum: 12, eorc: '感谢' }, { caseNum: 12, eorc: '其他' }] },
+            { area: '高校园区管理处', data: [{ caseNum: 12, eorc: '咨询' }, { caseNum: 12, eorc: '建议' }, { caseNum: 12, eorc: '求助' }, { caseNum: 12, eorc: '投诉' }, { caseNum: 12, eorc: '感谢' }, { caseNum: 12, eorc: '其他' }] },
+            { area: '新区管理处', data: [{ caseNum: 12, eorc: '咨询' }, { caseNum: 12, eorc: '建议' }, { caseNum: 12, eorc: '求助' }, { caseNum: 12, eorc: '投诉' }, { caseNum: 12, eorc: '感谢' }, { caseNum: 12, eorc: '其他' }] }
+          ]
+          const columns = [
+            {
+              text: '区域',
+              value: 'area'
+            }
+          ]
+          // 先动态构建出列
+          if (data.length > 0) {
+            const line = data[0]
+            if (line.data.length > 0) {
+              for (const item of line.data) {
+                const column = { text: item.eorc, value: item.eorc }
+                columns.push(column)
+              }
+            }
+          }
+          this.columns = columns
+          // 处理数据格式
+          this.data = []
+          for (const line of data) {
+            const linedata = line.data
+            const newline = { area: line.area }
+            for (const item of linedata) {
+              newline[item.eorc] = item.caseNum
+            }
+            this.data.push(newline)
           }
         }
-      }
-      // 处理数据格式
-      this.data = []
-      for (const line of data) {
-        const linedata = line.data
-        const newline = { area: line.area }
-        for (const item of linedata) {
-          newline[item.eorc] = item.caseNum
-        }
-        this.data.push(newline)
-      }
-      this.listLoading = false
+      })
     },
     // 页数发生变化后的操作，可能是页码变化，可能是每页容量变化，此函数必写
     changePage(val) {
diff --git a/src/views/statistic/caseStatistic/components/caseHandleSearch.vue b/src/views/statistic/caseStatistic/components/caseHandleSearch.vue
index d93b8ca..0d23bc8 100644
--- a/src/views/statistic/caseStatistic/components/caseHandleSearch.vue
+++ b/src/views/statistic/caseStatistic/components/caseHandleSearch.vue
@@ -2,7 +2,7 @@
 <template>
   <div>
     <search-area :need-clear="false" :need-search-more="false" :size="size" type="default" search-more-type="default" @search="search">
-      <chart-tools v-model="timeRange"/>
+      <chart-tools @change="changeTime"/>
       <!--一般查询条件-->
       <search-item>
         <el-date-picker
@@ -21,15 +21,16 @@
 <script>
 import SearchArea from '../../../../components/SearchArea/SearchArea'
 import SearchItem from '../../../../components/SearchArea/SearchItem'
-import { getDayTime } from '@/utils/dateutils'
+// import { getDayTime, getToday } from '@/utils/dateutils'
 import ChartTools from '../../components/chartTools'
+import { getToday } from '../../../../utils/dateutils'
 export default {
   name: 'CaseHandleSearch',
   components: { ChartTools, SearchItem, SearchArea },
   props: {
     size: {
       type: String,
-      default: ''
+      default: 'small'
     }
   },
   data() {
@@ -49,30 +50,20 @@
       }
     }
   },
+  created() {
+    this.timeRange = [getToday('yyyy-MM-dd'), getToday('yyyy-MM-dd')]
+    this.search()
+  },
   methods: {
     search() {
+      if (this.timeRange && this.timeRange.length === 2) {
+        this.listQuery.startTime = this.timeRange[0]
+        this.listQuery.endTime = this.timeRange[1]
+      }
       this.$emit('search', this.listQuery)
     },
-    changeDate(date) {
-      let startDate, endDate
-      if (date === 'today') { // 选择今日
-        startDate = getDayTime(new Date().getTime())
-        endDate = startDate
-      } else if (date === 'week') {
-        startDate = getDayTime(new Date().getTime() - 24 * 6 * 60 * 60 * 1000)
-        endDate = new Date()
-      } else if (date === 'month') {
-        startDate = getDayTime(new Date().getTime() - 24 * 29 * 60 * 60 * 1000)
-        endDate = new Date()
-      } else if (date === 'season') {
-        startDate = getDayTime(new Date().getTime() - 24 * 89 * 60 * 60 * 1000)
-        endDate = new Date()
-      } else if (date === 'year') {
-        startDate = getDayTime(new Date().getTime() - 24 * 365 * 60 * 60 * 1000)
-        endDate = new Date()
-      }
-      this.listQuery.compare = false
-      this.timeRange = [startDate.Format('yyyy-MM-dd'), endDate.Format('yyyy-MM-dd')]
+    changeTime(val) {
+      this.timeRange = val
     }
   }
 }
diff --git a/src/views/statistic/caseStatistic/components/caseSource.vue b/src/views/statistic/caseStatistic/components/caseSource.vue
index f5f1bbe..3ee13f0 100644
--- a/src/views/statistic/caseStatistic/components/caseSource.vue
+++ b/src/views/statistic/caseStatistic/components/caseSource.vue
@@ -6,7 +6,7 @@
 <script>
 // 引入视觉映射组件
 import 'echarts/lib/component/visualMap'
-// import { deviceStaticsByType } from '@/api/dataStatics'
+import { getCaseStatisticsBySource } from '@/api/statistics'
 
 export default {
   name: 'CaseSource',
@@ -28,7 +28,7 @@
       right: 60
     }
     this.title = {
-      text: '事件来源统计'
+      text: ''
     }
     this.chartSettings = {
       itemStyle: {
@@ -49,23 +49,30 @@
       }
     }
   },
-  mounted() {
-    // TODO:待调试真接口
-    // this.fetchData()
-    this.chartData.rows = [
-      { 'source': '热线电话', 'caseNum': 1393, '下单用户': 1093, '下单率': 0.32 },
-      { 'source': '微信', 'caseNum': 3530, '下单用户': 3230, '下单率': 0.26 },
-      { 'source': '微博', 'caseNum': 2923, '下单用户': 2623, '下单率': 0.76 },
-      { 'source': '邮箱', 'caseNum': 1723, '下单用户': 1423, '下单率': 0.49 },
-      { 'source': '短信', 'caseNum': 3792, '下单用户': 3492, '下单率': 0.323 },
-      { 'source': '其他平台', 'caseNum': 2, '下单用户': 4293, '下单率': 0.78 }
-    ]
-  },
+  // watch: {
+  //   listQuery(val) {
+  //     this.search()
+  //   }
+  // },
+  // created() {
+  //   this.fetchData()
+  // },
   methods: {
+    search() {
+      this.fetchData()
+    },
     fetchData() {
-      // deviceStaticsByType().then(response => {
-      //   this.chartData.rows = response.data
-      // })
+      getCaseStatisticsBySource(this.listQuery).then(response => {
+        this.chartData.rows = response.data
+        this.chartData.rows = [
+          { 'source': '热线电话', 'caseNum': 1393, '下单用户': 1093, '下单率': 0.32 },
+          { 'source': '微信', 'caseNum': 3530, '下单用户': 3230, '下单率': 0.26 },
+          { 'source': '微博', 'caseNum': 2923, '下单用户': 2623, '下单率': 0.76 },
+          { 'source': '邮箱', 'caseNum': 1723, '下单用户': 1423, '下单率': 0.49 },
+          { 'source': '短信', 'caseNum': 3792, '下单用户': 3492, '下单率': 0.323 },
+          { 'source': '其他平台', 'caseNum': 353, '下单用户': 4293, '下单率': 0.78 }
+        ]
+      })
     }
   }
 }
diff --git a/src/views/statistic/caseStatistic/components/caseTable.vue b/src/views/statistic/caseStatistic/components/caseTable.vue
index 1955c4c..f750990 100644
--- a/src/views/statistic/caseStatistic/components/caseTable.vue
+++ b/src/views/statistic/caseStatistic/components/caseTable.vue
@@ -13,13 +13,13 @@
       :columns="columns"
       :list-loading="listLoading"
       :options="tableOption.options"
-      :tools-option="tableOption.toolsOption"
-      @change="changePage"/>
+      :tools-option="tableOption.toolsOption"/>
   </div>
 </template>
 
 <script>
 import NormalTable from '@/components/NomalTable/index'
+import { getCaseStatisticsAll } from '@/api/statistics'
 export default {
   name: 'CaseTable',
   components: { NormalTable },
@@ -86,44 +86,37 @@
       size: 'small'
     }
   },
-  created() {
-    this.fetchData()
-  },
+  // watch: {
+  //   listQuery(val) {
+  //     this.search()
+  //   }
+  // },
+  // created() {
+  //   this.fetchData()
+  // },
   methods: {
     search() {
       this.fetchData()
     },
     fetchData() {
       this.listLoading = true
-      // getSoundList(this.listQuery).then(response => {
-      //   if (response.code === 200) {
-      //     this.listLoading = false
-      //     this.list = response.data.rows
-      //     this.total = response.data.total
-      //   }
-      // })
-      // const that = this
-      this.data = [{
-        'callNum': 1,
-        'caseNum': 2,
-        'urgeNum': 3,
-        'superviseNum': 4,
-        'monitorNum': 5,
-        'delayNum': 6,
-        'overCaseNum': '0/0%',
-        'noOverCaseNum': '0/0%'
-      }]
-      this.listLoading = false
-    },
-    // 页数发生变化后的操作，可能是页码变化，可能是每页容量变化，此函数必写
-    changePage(val) {
-      if (val && val.size) {
-        this.listQuery.limit = val.size
-      }
-      if (val && val.page) {
-        this.listQuery.offset = val.page
-      }
-      this.fetchData()
+      getCaseStatisticsAll(this.listQuery).then(response => {
+        if (response.code === 200) {
+          this.listLoading = false
+          this.list = response.data.rows
+          this.total = response.data.total
+          this.data = [{
+            'callNum': 1,
+            'caseNum': 2,
+            'urgeNum': 3,
+            'superviseNum': 4,
+            'monitorNum': 5,
+            'delayNum': 6,
+            'overCaseNum': '0/0%',
+            'noOverCaseNum': '0/0%'
+          }]
+        }
+      })
     }
   }
 }

diff --git a/src/views/statistic/caseStatistic/caseAllStatistic.vue b/src/views/statistic/caseStatistic/caseAllStatistic.vue
index d27160d..3883063 100644
--- a/src/views/statistic/caseStatistic/caseAllStatistic.vue
+++ b/src/views/statistic/caseStatistic/caseAllStatistic.vue
@@ -3,12 +3,16 @@
   <app-container>
     <case-handle-search :size="size" @search="search"/>
     <case-table ref="table" :list-query="listQuery"/>
-    <el-row>
+    <el-row :gutter="10">
       <el-col :span="12">
-        <case-source ref="source" :list-query="listQuery"/>
+        <border-frame title="事件来源统计">
+          <case-source ref="source" :list-query="listQuery"/>
+        </border-frame>
       </el-col>
       <el-col :span="12">
-        <satisfied-pie ref="satisfied" :list-query="listQuery"/>
+        <border-frame title="事件回访满意度统计">
+          <satisfied-pie ref="satisfied" :list-query="listQuery"/>
+        </border-frame>
       </el-col>
     </el-row>
   </app-container>
@@ -22,12 +26,14 @@
 import CaseTable from './components/caseTable'
 import CaseSource from './components/caseSource'
 import SatisfiedPie from './components/satisfiedPie'
+import BorderFrame from '../../../components/frame/borderFrame'
 export default {
-  name: 'CaseStatistic',
-  components: { SatisfiedPie, CaseSource, CaseTable, CaseHandleSearch, CaseTypeSearch, AppContainer },
+  name: 'CaseAllStatistic',
+  components: { BorderFrame, SatisfiedPie, CaseSource, CaseTable, CaseHandleSearch, CaseTypeSearch, AppContainer },
   data() {
     return {
-      listQuery: {}
+      listQuery: {},
+      size: 'small'
     }
   },
   created() {
@@ -35,7 +41,12 @@
   methods: {
     search(listQuery) {
       this.listQuery = listQuery
-      this.$refs.table.search()
+      const vm = this
+      setTimeout(function() {
+        vm.$refs.table.search()
+        vm.$refs.source.search()
+        vm.$refs.satisfied.search()
+      }, 100)
     }
   }
 }
diff --git a/src/views/statistic/caseStatistic/caseStatisticMonth.vue b/src/views/statistic/caseStatistic/caseStatisticMonth.vue
index 8341559..32266e4 100644
--- a/src/views/statistic/caseStatistic/caseStatisticMonth.vue
+++ b/src/views/statistic/caseStatistic/caseStatisticMonth.vue
@@ -49,6 +49,8 @@
 import SearchArea from '../../../components/SearchArea/SearchArea'
 import SearchItem from '../../../components/SearchArea/SearchItem'
 import AppContainer from '../../../components/layout/AppContainer'
+import { getCaseStatisticsByMonth } from '@/api/statistics'
+
 export default {
   name: 'CaseStatisticMonth',
   components: { AppContainer, SearchItem, SearchArea, NormalTable },
@@ -130,43 +132,41 @@
     },
     fetchData() {
       this.listLoading = true
-      // getSoundList(this.listQuery).then(response => {
-      //   if (response.code === 200) {
-      //     this.listLoading = false
-      //     this.list = response.data.rows
-      //     this.total = response.data.total
-      //   }
-      // })
-      // const that = this
-      this.data = [{
-        'caseNum': 5,
-        'month': '2020-01',
-        'monthErlier': '0%',
-        'yearErlier': '0%'
-      }, {
-        'caseNum': 10,
-        'month': '2020-02',
-        'monthErlier': '0%',
-        'yearErlier': '0%'
-      }, {
-        'caseNum': 15,
-        'month': '2020-03',
-        'monthErlier': '0%',
-        'yearErlier': '0%'
-      }, {
-        'caseNum': 10,
-        'month': '2020-04',
-        'monthErlier': '0%',
-        'yearErlier': '0%'
-      }]
-      this.chartData.rows = this.data
-      const maxValue = Math.max.apply(Math, this.data.map(function(item) { return item.caseNum }))
-      if (maxValue < 10) {
-        this.extend.yAxis = { max: 10 }
-      } else {
-        this.extend.yAxis = {}
-      }
-      this.listLoading = false
+      getCaseStatisticsByMonth(this.listQuery).then(response => {
+        if (response.code === 200) {
+          this.listLoading = false
+          // this.list = response.data.rows
+          // this.total = response.data.total
+          this.data = [{
+            'caseNum': 5,
+            'month': '2020-01',
+            'monthErlier': '0%',
+            'yearErlier': '0%'
+          }, {
+            'caseNum': 10,
+            'month': '2020-02',
+            'monthErlier': '0%',
+            'yearErlier': '0%'
+          }, {
+            'caseNum': 15,
+            'month': '2020-03',
+            'monthErlier': '0%',
+            'yearErlier': '0%'
+          }, {
+            'caseNum': 10,
+            'month': '2020-04',
+            'monthErlier': '0%',
+            'yearErlier': '0%'
+          }]
+          this.chartData.rows = this.data
+          const maxValue = Math.max.apply(Math, this.data.map(function(item) { return item.caseNum }))
+          if (maxValue < 10) {
+            this.extend.yAxis = { max: 10 }
+          } else {
+            this.extend.yAxis = {}
+          }
+        }
+      })
     },
     // 页数发生变化后的操作，可能是页码变化，可能是每页容量变化，此函数必写
     changePage(val) {
@@ -186,12 +186,5 @@
 </script>
 
 <style scoped>
-  .table-title{
-    text-align: center;
-    line-height: 2;
-    font-size:18px;
-    font-weight: 700;
-    background-color: #f0f0f0;
 
-  }
 </style>
diff --git a/src/views/statistic/caseStatistic/caseStatisticYear.vue b/src/views/statistic/caseStatistic/caseStatisticYear.vue
index 644c87c..8a2a52f 100644
--- a/src/views/statistic/caseStatistic/caseStatisticYear.vue
+++ b/src/views/statistic/caseStatistic/caseStatisticYear.vue
@@ -2,17 +2,17 @@
 <template>
   <app-container>
     <div>
-      <search-area :need-clear="false" :need-search-more="false" :size="size" type="default" search-more-type="default" @search="search">
-        <!--一般查询条件-->
-        <search-item>
-          <el-date-picker
-            v-model="listQuery.year"
-            :size="size"
-            type="year"
-            value-format="yyyy"
-            placeholder="统计年份"/>
-        </search-item>
-      </search-area>
+      <!--<search-area :need-clear="false" :need-search-more="false" :size="size" type="default" search-more-type="default" @search="search">-->
+        <!--&lt;!&ndash;一般查询条件&ndash;&gt;-->
+        <!--<search-item>-->
+          <!--<el-date-picker-->
+            <!--v-model="listQuery.year"-->
+            <!--:size="size"-->
+            <!--type="year"-->
+            <!--value-format="yyyy"-->
+            <!--placeholder="统计年份"/>-->
+        <!--</search-item>-->
+      <!--</search-area>-->
       <el-row>
         <el-col :span="12">
           <ve-histogram :data="chartData" :grid="grid" :extend="extend" :title="title" :settings="chartSettings"/>
@@ -49,6 +49,7 @@
 import SearchArea from '../../../components/SearchArea/SearchArea'
 import SearchItem from '../../../components/SearchArea/SearchItem'
 import AppContainer from '../../../components/layout/AppContainer'
+import { getCaseStatisticsByYear } from '@/api/statistics'
 export default {
   name: 'CaseStatisticYear',
   components: { AppContainer, SearchItem, SearchArea, NormalTable },
@@ -126,27 +127,25 @@
     },
     fetchData() {
       this.listLoading = true
-      // getSoundList(this.listQuery).then(response => {
-      //   if (response.code === 200) {
-      //     this.listLoading = false
-      //     this.list = response.data.rows
-      //     this.total = response.data.total
-      //   }
-      // })
-      // const that = this
-      this.data = [{
-        'caseNum': 1,
-        'year': '2020',
-        'rate': '0%'
-      }]
-      this.chartData.rows = this.data
-      const maxValue = Math.max.apply(Math, this.data.map(function(item) { return item.caseNum }))
-      if (maxValue < 10) {
-        this.extend.yAxis = { max: 10 }
-      } else {
-        this.extend.yAxis = {}
-      }
-      this.listLoading = false
+      getCaseStatisticsByYear(this.listQuery).then(response => {
+        if (response.code === 200) {
+          this.listLoading = false
+          // this.list = response.data.rows
+          // this.total = response.data.total
+          this.data = [{
+            'caseNum': 1,
+            'year': '2020',
+            'rate': '100%'
+          }]
+          this.chartData.rows = this.data
+          const maxValue = Math.max.apply(Math, this.data.map(function(item) { return item.caseNum }))
+          if (maxValue < 10) {
+            this.extend.yAxis = { max: 10 }
+          } else {
+            this.extend.yAxis = {}
+          }
+        }
+      })
     },
     // 页数发生变化后的操作，可能是页码变化，可能是每页容量变化，此函数必写
     changePage(val) {
@@ -158,7 +157,7 @@
       }
       this.fetchData()
     },
-    showDetail(){
+    showDetail() {
 
     }
   }
@@ -166,12 +165,4 @@
 </script>
 
 <style scoped>
-  .table-title{
-    text-align: center;
-    line-height: 2;
-    font-size:18px;
-    font-weight: 700;
-    background-color: #f0f0f0;
-
-  }
 </style>
diff --git a/src/views/statistic/caseStatistic/caseTypeStatistic.vue b/src/views/statistic/caseStatistic/caseTypeStatistic.vue
index 02f050e..4157fd0 100644
--- a/src/views/statistic/caseStatistic/caseTypeStatistic.vue
+++ b/src/views/statistic/caseStatistic/caseTypeStatistic.vue
@@ -11,18 +11,14 @@
 import AppContainer from '../../../components/layout/AppContainer'
 import CaseTypeSearch from './components/caseTypeSearch'
 import NormalTable from '../../../components/NomalTable/index'
+import { getCaseStatisticsByType } from '@/api/statistics'
 export default {
   name: 'CaseStatistic',
   components: { NormalTable, CaseTypeSearch, AppContainer },
   data() {
     return {
       listQuery: {},
-      columns: [
-        {
-          text: '区域',
-          value: 'area'
-        }
-      ], // 显示列
+      columns: [], // 显示列
       timeRange: [], // 时间范围
       data: [], // 列表数据
       total: 0, // 数据总数
@@ -48,56 +44,52 @@
     this.fetchData()
   },
   methods: {
-    search() {
+    search(listQuery) {
+      this.listQuery = listQuery
       this.fetchData(false)
     },
     fetchData(isNowPage = true) {
       this.listLoading = true
-      if (!isNowPage) { // 是否显示当前页，否则跳转第一页
-        this.listQuery.offset = 1
-      }
-      this.listLoading = true
-      // getSoundList(this.listQuery).then(response => {
-      //   if (response.code === 200) {
-      //     this.listLoading = false
-      //     this.list = response.data.rows
-      //     this.total = response.data.total
-      //   }
-      // })
-      // const that = this
-      const data = [
-        { area: '潭口镇', data: [{ caseNum: 12, eorc: '咨询' }, { caseNum: 12, eorc: '建议' }, { caseNum: 12, eorc: '求助' }, { caseNum: 12, eorc: '投诉' }, { caseNum: 12, eorc: '感谢' }, { caseNum: 12, eorc: '其他' }] },
-        { area: '谭东镇', data: [{ caseNum: 12, eorc: '咨询' }, { caseNum: 12, eorc: '建议' }, { caseNum: 12, eorc: '求助' }, { caseNum: 12, eorc: '投诉' }, { caseNum: 12, eorc: '感谢' }, { caseNum: 12, eorc: '其他' }] },
-        { area: '高校园区管理处', data: [{ caseNum: 12, eorc: '咨询' }, { caseNum: 12, eorc: '建议' }, { caseNum: 12, eorc: '求助' }, { caseNum: 12, eorc: '投诉' }, { caseNum: 12, eorc: '感谢' }, { caseNum: 12, eorc: '其他' }] },
-        { area: '新区管理处', data: [{ caseNum: 12, eorc: '咨询' }, { caseNum: 12, eorc: '建议' }, { caseNum: 12, eorc: '求助' }, { caseNum: 12, eorc: '投诉' }, { caseNum: 12, eorc: '感谢' }, { caseNum: 12, eorc: '其他' }] }
-      ]
-      this.columns = [
-        {
-          text: '区域',
-          value: 'area'
-        }
-      ]
-      // 先动态构建出列
-      if (data.length > 0) {
-        const line = data[0]
-        if (line.data.length > 0) {
-          for (const item of line.data) {
-            const column = { text: item.eorc, value: item.eorc }
-            this.columns.push(column)
+      getCaseStatisticsByType(this.listQuery).then(response => {
+        if (response.code === 200) {
+          this.listLoading = false
+          this.list = response.data.rows
+          this.total = response.data.total
+          const data = [
+            { area: '潭口镇', data: [{ caseNum: 12, eorc: '咨询' }, { caseNum: 12, eorc: '建议' }, { caseNum: 12, eorc: '求助' }, { caseNum: 12, eorc: '投诉' }, { caseNum: 12, eorc: '感谢' }, { caseNum: 12, eorc: '其他' }] },
+            { area: '谭东镇', data: [{ caseNum: 12, eorc: '咨询' }, { caseNum: 12, eorc: '建议' }, { caseNum: 12, eorc: '求助' }, { caseNum: 12, eorc: '投诉' }, { caseNum: 12, eorc: '感谢' }, { caseNum: 12, eorc: '其他' }] },
+            { area: '高校园区管理处', data: [{ caseNum: 12, eorc: '咨询' }, { caseNum: 12, eorc: '建议' }, { caseNum: 12, eorc: '求助' }, { caseNum: 12, eorc: '投诉' }, { caseNum: 12, eorc: '感谢' }, { caseNum: 12, eorc: '其他' }] },
+            { area: '新区管理处', data: [{ caseNum: 12, eorc: '咨询' }, { caseNum: 12, eorc: '建议' }, { caseNum: 12, eorc: '求助' }, { caseNum: 12, eorc: '投诉' }, { caseNum: 12, eorc: '感谢' }, { caseNum: 12, eorc: '其他' }] }
+          ]
+          const columns = [
+            {
+              text: '区域',
+              value: 'area'
+            }
+          ]
+          // 先动态构建出列
+          if (data.length > 0) {
+            const line = data[0]
+            if (line.data.length > 0) {
+              for (const item of line.data) {
+                const column = { text: item.eorc, value: item.eorc }
+                columns.push(column)
+              }
+            }
+          }
+          this.columns = columns
+          // 处理数据格式
+          this.data = []
+          for (const line of data) {
+            const linedata = line.data
+            const newline = { area: line.area }
+            for (const item of linedata) {
+              newline[item.eorc] = item.caseNum
+            }
+            this.data.push(newline)
           }
         }
-      }
-      // 处理数据格式
-      this.data = []
-      for (const line of data) {
-        const linedata = line.data
-        const newline = { area: line.area }
-        for (const item of linedata) {
-          newline[item.eorc] = item.caseNum
-        }
-        this.data.push(newline)
-      }
-      this.listLoading = false
+      })
     },
     // 页数发生变化后的操作，可能是页码变化，可能是每页容量变化，此函数必写
     changePage(val) {
diff --git a/src/views/statistic/caseStatistic/components/caseHandleSearch.vue b/src/views/statistic/caseStatistic/components/caseHandleSearch.vue
index d93b8ca..0d23bc8 100644
--- a/src/views/statistic/caseStatistic/components/caseHandleSearch.vue
+++ b/src/views/statistic/caseStatistic/components/caseHandleSearch.vue
@@ -2,7 +2,7 @@
 <template>
   <div>
     <search-area :need-clear="false" :need-search-more="false" :size="size" type="default" search-more-type="default" @search="search">
-      <chart-tools v-model="timeRange"/>
+      <chart-tools @change="changeTime"/>
       <!--一般查询条件-->
       <search-item>
         <el-date-picker
@@ -21,15 +21,16 @@
 <script>
 import SearchArea from '../../../../components/SearchArea/SearchArea'
 import SearchItem from '../../../../components/SearchArea/SearchItem'
-import { getDayTime } from '@/utils/dateutils'
+// import { getDayTime, getToday } from '@/utils/dateutils'
 import ChartTools from '../../components/chartTools'
+import { getToday } from '../../../../utils/dateutils'
 export default {
   name: 'CaseHandleSearch',
   components: { ChartTools, SearchItem, SearchArea },
   props: {
     size: {
       type: String,
-      default: ''
+      default: 'small'
     }
   },
   data() {
@@ -49,30 +50,20 @@
       }
     }
   },
+  created() {
+    this.timeRange = [getToday('yyyy-MM-dd'), getToday('yyyy-MM-dd')]
+    this.search()
+  },
   methods: {
     search() {
+      if (this.timeRange && this.timeRange.length === 2) {
+        this.listQuery.startTime = this.timeRange[0]
+        this.listQuery.endTime = this.timeRange[1]
+      }
       this.$emit('search', this.listQuery)
     },
-    changeDate(date) {
-      let startDate, endDate
-      if (date === 'today') { // 选择今日
-        startDate = getDayTime(new Date().getTime())
-        endDate = startDate
-      } else if (date === 'week') {
-        startDate = getDayTime(new Date().getTime() - 24 * 6 * 60 * 60 * 1000)
-        endDate = new Date()
-      } else if (date === 'month') {
-        startDate = getDayTime(new Date().getTime() - 24 * 29 * 60 * 60 * 1000)
-        endDate = new Date()
-      } else if (date === 'season') {
-        startDate = getDayTime(new Date().getTime() - 24 * 89 * 60 * 60 * 1000)
-        endDate = new Date()
-      } else if (date === 'year') {
-        startDate = getDayTime(new Date().getTime() - 24 * 365 * 60 * 60 * 1000)
-        endDate = new Date()
-      }
-      this.listQuery.compare = false
-      this.timeRange = [startDate.Format('yyyy-MM-dd'), endDate.Format('yyyy-MM-dd')]
+    changeTime(val) {
+      this.timeRange = val
     }
   }
 }
diff --git a/src/views/statistic/caseStatistic/components/caseSource.vue b/src/views/statistic/caseStatistic/components/caseSource.vue
index f5f1bbe..3ee13f0 100644
--- a/src/views/statistic/caseStatistic/components/caseSource.vue
+++ b/src/views/statistic/caseStatistic/components/caseSource.vue
@@ -6,7 +6,7 @@
 <script>
 // 引入视觉映射组件
 import 'echarts/lib/component/visualMap'
-// import { deviceStaticsByType } from '@/api/dataStatics'
+import { getCaseStatisticsBySource } from '@/api/statistics'
 
 export default {
   name: 'CaseSource',
@@ -28,7 +28,7 @@
       right: 60
     }
     this.title = {
-      text: '事件来源统计'
+      text: ''
     }
     this.chartSettings = {
       itemStyle: {
@@ -49,23 +49,30 @@
       }
     }
   },
-  mounted() {
-    // TODO:待调试真接口
-    // this.fetchData()
-    this.chartData.rows = [
-      { 'source': '热线电话', 'caseNum': 1393, '下单用户': 1093, '下单率': 0.32 },
-      { 'source': '微信', 'caseNum': 3530, '下单用户': 3230, '下单率': 0.26 },
-      { 'source': '微博', 'caseNum': 2923, '下单用户': 2623, '下单率': 0.76 },
-      { 'source': '邮箱', 'caseNum': 1723, '下单用户': 1423, '下单率': 0.49 },
-      { 'source': '短信', 'caseNum': 3792, '下单用户': 3492, '下单率': 0.323 },
-      { 'source': '其他平台', 'caseNum': 2, '下单用户': 4293, '下单率': 0.78 }
-    ]
-  },
+  // watch: {
+  //   listQuery(val) {
+  //     this.search()
+  //   }
+  // },
+  // created() {
+  //   this.fetchData()
+  // },
   methods: {
+    search() {
+      this.fetchData()
+    },
     fetchData() {
-      // deviceStaticsByType().then(response => {
-      //   this.chartData.rows = response.data
-      // })
+      getCaseStatisticsBySource(this.listQuery).then(response => {
+        this.chartData.rows = response.data
+        this.chartData.rows = [
+          { 'source': '热线电话', 'caseNum': 1393, '下单用户': 1093, '下单率': 0.32 },
+          { 'source': '微信', 'caseNum': 3530, '下单用户': 3230, '下单率': 0.26 },
+          { 'source': '微博', 'caseNum': 2923, '下单用户': 2623, '下单率': 0.76 },
+          { 'source': '邮箱', 'caseNum': 1723, '下单用户': 1423, '下单率': 0.49 },
+          { 'source': '短信', 'caseNum': 3792, '下单用户': 3492, '下单率': 0.323 },
+          { 'source': '其他平台', 'caseNum': 353, '下单用户': 4293, '下单率': 0.78 }
+        ]
+      })
     }
   }
 }
diff --git a/src/views/statistic/caseStatistic/components/caseTable.vue b/src/views/statistic/caseStatistic/components/caseTable.vue
index 1955c4c..f750990 100644
--- a/src/views/statistic/caseStatistic/components/caseTable.vue
+++ b/src/views/statistic/caseStatistic/components/caseTable.vue
@@ -13,13 +13,13 @@
       :columns="columns"
       :list-loading="listLoading"
       :options="tableOption.options"
-      :tools-option="tableOption.toolsOption"
-      @change="changePage"/>
+      :tools-option="tableOption.toolsOption"/>
   </div>
 </template>
 
 <script>
 import NormalTable from '@/components/NomalTable/index'
+import { getCaseStatisticsAll } from '@/api/statistics'
 export default {
   name: 'CaseTable',
   components: { NormalTable },
@@ -86,44 +86,37 @@
       size: 'small'
     }
   },
-  created() {
-    this.fetchData()
-  },
+  // watch: {
+  //   listQuery(val) {
+  //     this.search()
+  //   }
+  // },
+  // created() {
+  //   this.fetchData()
+  // },
   methods: {
     search() {
       this.fetchData()
     },
     fetchData() {
       this.listLoading = true
-      // getSoundList(this.listQuery).then(response => {
-      //   if (response.code === 200) {
-      //     this.listLoading = false
-      //     this.list = response.data.rows
-      //     this.total = response.data.total
-      //   }
-      // })
-      // const that = this
-      this.data = [{
-        'callNum': 1,
-        'caseNum': 2,
-        'urgeNum': 3,
-        'superviseNum': 4,
-        'monitorNum': 5,
-        'delayNum': 6,
-        'overCaseNum': '0/0%',
-        'noOverCaseNum': '0/0%'
-      }]
-      this.listLoading = false
-    },
-    // 页数发生变化后的操作，可能是页码变化，可能是每页容量变化，此函数必写
-    changePage(val) {
-      if (val && val.size) {
-        this.listQuery.limit = val.size
-      }
-      if (val && val.page) {
-        this.listQuery.offset = val.page
-      }
-      this.fetchData()
+      getCaseStatisticsAll(this.listQuery).then(response => {
+        if (response.code === 200) {
+          this.listLoading = false
+          this.list = response.data.rows
+          this.total = response.data.total
+          this.data = [{
+            'callNum': 1,
+            'caseNum': 2,
+            'urgeNum': 3,
+            'superviseNum': 4,
+            'monitorNum': 5,
+            'delayNum': 6,
+            'overCaseNum': '0/0%',
+            'noOverCaseNum': '0/0%'
+          }]
+        }
+      })
     }
   }
 }
diff --git a/src/views/statistic/caseStatistic/components/caseTypeSearch.vue b/src/views/statistic/caseStatistic/components/caseTypeSearch.vue
index 419b443..6ca5275 100644
--- a/src/views/statistic/caseStatistic/components/caseTypeSearch.vue
+++ b/src/views/statistic/caseStatistic/components/caseTypeSearch.vue
@@ -2,7 +2,7 @@
 <template>
   <div>
     <search-area :need-clear="false" :need-search-more="false" :size="size" type="default" search-more-type="default" @search="search">
-      <chart-tools v-model="timeRange"/>
+      <chart-tools @change="changeTime"/>
       <!--一般查询条件-->
       <search-item>
         <el-date-picker
@@ -17,9 +17,9 @@
       <search-item>
         <span class="level-txt">事件等级：</span>
         <el-radio-group v-model="listQuery.level" :size="size" class="level-radio">
-          <el-radio :label="1">一级</el-radio>
-          <el-radio :label="2">二级</el-radio>
-          <el-radio :label="3">三级</el-radio>
+          <el-radio label="1">一级</el-radio>
+          <el-radio label="2">二级</el-radio>
+          <el-radio label="3">三级</el-radio>
         </el-radio-group>
       </search-item>
     </search-area>
@@ -29,7 +29,7 @@
 <script>
 import SearchArea from '../../../../components/SearchArea/SearchArea'
 import SearchItem from '../../../../components/SearchArea/SearchItem'
-import { getDayTime } from '@/utils/dateutils'
+import { getToday } from '@/utils/dateutils'
 import ChartTools from '../../components/chartTools'
 export default {
   name: 'CaseTypeSearch',
@@ -50,38 +50,20 @@
       timeRange: []
     }
   },
-  watch: {
-    timeRange(val) {
+  created() {
+    this.timeRange = [getToday('yyyy-MM-dd'), getToday('yyyy-MM-dd')]
+    this.search()
+  },
+  methods: {
+    search() {
       if (this.timeRange && this.timeRange.length === 2) {
         this.listQuery.startTime = this.timeRange[0]
         this.listQuery.endTime = this.timeRange[1]
       }
-    }
-  },
-  methods: {
-    search() {
       this.$emit('search', this.listQuery)
     },
-    changeDate(date) {
-      let startDate, endDate
-      if (date === 'today') { // 选择今日
-        startDate = getDayTime(new Date().getTime())
-        endDate = startDate
-      } else if (date === 'week') {
-        startDate = getDayTime(new Date().getTime() - 24 * 6 * 60 * 60 * 1000)
-        endDate = new Date()
-      } else if (date === 'month') {
-        startDate = getDayTime(new Date().getTime() - 24 * 29 * 60 * 60 * 1000)
-        endDate = new Date()
-      } else if (date === 'season') {
-        startDate = getDayTime(new Date().getTime() - 24 * 89 * 60 * 60 * 1000)
-        endDate = new Date()
-      } else if (date === 'year') {
-        startDate = getDayTime(new Date().getTime() - 24 * 365 * 60 * 60 * 1000)
-        endDate = new Date()
-      }
-      this.listQuery.compare = false
-      this.timeRange = [startDate.Format('yyyy-MM-dd'), endDate.Format('yyyy-MM-dd')]
+    changeTime(val){
+      this.timeRange = val
     }
   }
 }

diff --git a/src/views/statistic/caseStatistic/caseAllStatistic.vue b/src/views/statistic/caseStatistic/caseAllStatistic.vue
index d27160d..3883063 100644
--- a/src/views/statistic/caseStatistic/caseAllStatistic.vue
+++ b/src/views/statistic/caseStatistic/caseAllStatistic.vue
@@ -3,12 +3,16 @@
   <app-container>
     <case-handle-search :size="size" @search="search"/>
     <case-table ref="table" :list-query="listQuery"/>
-    <el-row>
+    <el-row :gutter="10">
       <el-col :span="12">
-        <case-source ref="source" :list-query="listQuery"/>
+        <border-frame title="事件来源统计">
+          <case-source ref="source" :list-query="listQuery"/>
+        </border-frame>
       </el-col>
       <el-col :span="12">
-        <satisfied-pie ref="satisfied" :list-query="listQuery"/>
+        <border-frame title="事件回访满意度统计">
+          <satisfied-pie ref="satisfied" :list-query="listQuery"/>
+        </border-frame>
       </el-col>
     </el-row>
   </app-container>
@@ -22,12 +26,14 @@
 import CaseTable from './components/caseTable'
 import CaseSource from './components/caseSource'
 import SatisfiedPie from './components/satisfiedPie'
+import BorderFrame from '../../../components/frame/borderFrame'
 export default {
-  name: 'CaseStatistic',
-  components: { SatisfiedPie, CaseSource, CaseTable, CaseHandleSearch, CaseTypeSearch, AppContainer },
+  name: 'CaseAllStatistic',
+  components: { BorderFrame, SatisfiedPie, CaseSource, CaseTable, CaseHandleSearch, CaseTypeSearch, AppContainer },
   data() {
     return {
-      listQuery: {}
+      listQuery: {},
+      size: 'small'
     }
   },
   created() {
@@ -35,7 +41,12 @@
   methods: {
     search(listQuery) {
       this.listQuery = listQuery
-      this.$refs.table.search()
+      const vm = this
+      setTimeout(function() {
+        vm.$refs.table.search()
+        vm.$refs.source.search()
+        vm.$refs.satisfied.search()
+      }, 100)
     }
   }
 }
diff --git a/src/views/statistic/caseStatistic/caseStatisticMonth.vue b/src/views/statistic/caseStatistic/caseStatisticMonth.vue
index 8341559..32266e4 100644
--- a/src/views/statistic/caseStatistic/caseStatisticMonth.vue
+++ b/src/views/statistic/caseStatistic/caseStatisticMonth.vue
@@ -49,6 +49,8 @@
 import SearchArea from '../../../components/SearchArea/SearchArea'
 import SearchItem from '../../../components/SearchArea/SearchItem'
 import AppContainer from '../../../components/layout/AppContainer'
+import { getCaseStatisticsByMonth } from '@/api/statistics'
+
 export default {
   name: 'CaseStatisticMonth',
   components: { AppContainer, SearchItem, SearchArea, NormalTable },
@@ -130,43 +132,41 @@
     },
     fetchData() {
       this.listLoading = true
-      // getSoundList(this.listQuery).then(response => {
-      //   if (response.code === 200) {
-      //     this.listLoading = false
-      //     this.list = response.data.rows
-      //     this.total = response.data.total
-      //   }
-      // })
-      // const that = this
-      this.data = [{
-        'caseNum': 5,
-        'month': '2020-01',
-        'monthErlier': '0%',
-        'yearErlier': '0%'
-      }, {
-        'caseNum': 10,
-        'month': '2020-02',
-        'monthErlier': '0%',
-        'yearErlier': '0%'
-      }, {
-        'caseNum': 15,
-        'month': '2020-03',
-        'monthErlier': '0%',
-        'yearErlier': '0%'
-      }, {
-        'caseNum': 10,
-        'month': '2020-04',
-        'monthErlier': '0%',
-        'yearErlier': '0%'
-      }]
-      this.chartData.rows = this.data
-      const maxValue = Math.max.apply(Math, this.data.map(function(item) { return item.caseNum }))
-      if (maxValue < 10) {
-        this.extend.yAxis = { max: 10 }
-      } else {
-        this.extend.yAxis = {}
-      }
-      this.listLoading = false
+      getCaseStatisticsByMonth(this.listQuery).then(response => {
+        if (response.code === 200) {
+          this.listLoading = false
+          // this.list = response.data.rows
+          // this.total = response.data.total
+          this.data = [{
+            'caseNum': 5,
+            'month': '2020-01',
+            'monthErlier': '0%',
+            'yearErlier': '0%'
+          }, {
+            'caseNum': 10,
+            'month': '2020-02',
+            'monthErlier': '0%',
+            'yearErlier': '0%'
+          }, {
+            'caseNum': 15,
+            'month': '2020-03',
+            'monthErlier': '0%',
+            'yearErlier': '0%'
+          }, {
+            'caseNum': 10,
+            'month': '2020-04',
+            'monthErlier': '0%',
+            'yearErlier': '0%'
+          }]
+          this.chartData.rows = this.data
+          const maxValue = Math.max.apply(Math, this.data.map(function(item) { return item.caseNum }))
+          if (maxValue < 10) {
+            this.extend.yAxis = { max: 10 }
+          } else {
+            this.extend.yAxis = {}
+          }
+        }
+      })
     },
     // 页数发生变化后的操作，可能是页码变化，可能是每页容量变化，此函数必写
     changePage(val) {
@@ -186,12 +186,5 @@
 </script>
 
 <style scoped>
-  .table-title{
-    text-align: center;
-    line-height: 2;
-    font-size:18px;
-    font-weight: 700;
-    background-color: #f0f0f0;
 
-  }
 </style>
diff --git a/src/views/statistic/caseStatistic/caseStatisticYear.vue b/src/views/statistic/caseStatistic/caseStatisticYear.vue
index 644c87c..8a2a52f 100644
--- a/src/views/statistic/caseStatistic/caseStatisticYear.vue
+++ b/src/views/statistic/caseStatistic/caseStatisticYear.vue
@@ -2,17 +2,17 @@
 <template>
   <app-container>
     <div>
-      <search-area :need-clear="false" :need-search-more="false" :size="size" type="default" search-more-type="default" @search="search">
-        <!--一般查询条件-->
-        <search-item>
-          <el-date-picker
-            v-model="listQuery.year"
-            :size="size"
-            type="year"
-            value-format="yyyy"
-            placeholder="统计年份"/>
-        </search-item>
-      </search-area>
+      <!--<search-area :need-clear="false" :need-search-more="false" :size="size" type="default" search-more-type="default" @search="search">-->
+        <!--&lt;!&ndash;一般查询条件&ndash;&gt;-->
+        <!--<search-item>-->
+          <!--<el-date-picker-->
+            <!--v-model="listQuery.year"-->
+            <!--:size="size"-->
+            <!--type="year"-->
+            <!--value-format="yyyy"-->
+            <!--placeholder="统计年份"/>-->
+        <!--</search-item>-->
+      <!--</search-area>-->
       <el-row>
         <el-col :span="12">
           <ve-histogram :data="chartData" :grid="grid" :extend="extend" :title="title" :settings="chartSettings"/>
@@ -49,6 +49,7 @@
 import SearchArea from '../../../components/SearchArea/SearchArea'
 import SearchItem from '../../../components/SearchArea/SearchItem'
 import AppContainer from '../../../components/layout/AppContainer'
+import { getCaseStatisticsByYear } from '@/api/statistics'
 export default {
   name: 'CaseStatisticYear',
   components: { AppContainer, SearchItem, SearchArea, NormalTable },
@@ -126,27 +127,25 @@
     },
     fetchData() {
       this.listLoading = true
-      // getSoundList(this.listQuery).then(response => {
-      //   if (response.code === 200) {
-      //     this.listLoading = false
-      //     this.list = response.data.rows
-      //     this.total = response.data.total
-      //   }
-      // })
-      // const that = this
-      this.data = [{
-        'caseNum': 1,
-        'year': '2020',
-        'rate': '0%'
-      }]
-      this.chartData.rows = this.data
-      const maxValue = Math.max.apply(Math, this.data.map(function(item) { return item.caseNum }))
-      if (maxValue < 10) {
-        this.extend.yAxis = { max: 10 }
-      } else {
-        this.extend.yAxis = {}
-      }
-      this.listLoading = false
+      getCaseStatisticsByYear(this.listQuery).then(response => {
+        if (response.code === 200) {
+          this.listLoading = false
+          // this.list = response.data.rows
+          // this.total = response.data.total
+          this.data = [{
+            'caseNum': 1,
+            'year': '2020',
+            'rate': '100%'
+          }]
+          this.chartData.rows = this.data
+          const maxValue = Math.max.apply(Math, this.data.map(function(item) { return item.caseNum }))
+          if (maxValue < 10) {
+            this.extend.yAxis = { max: 10 }
+          } else {
+            this.extend.yAxis = {}
+          }
+        }
+      })
     },
     // 页数发生变化后的操作，可能是页码变化，可能是每页容量变化，此函数必写
     changePage(val) {
@@ -158,7 +157,7 @@
       }
       this.fetchData()
     },
-    showDetail(){
+    showDetail() {
 
     }
   }
@@ -166,12 +165,4 @@
 </script>
 
 <style scoped>
-  .table-title{
-    text-align: center;
-    line-height: 2;
-    font-size:18px;
-    font-weight: 700;
-    background-color: #f0f0f0;
-
-  }
 </style>
diff --git a/src/views/statistic/caseStatistic/caseTypeStatistic.vue b/src/views/statistic/caseStatistic/caseTypeStatistic.vue
index 02f050e..4157fd0 100644
--- a/src/views/statistic/caseStatistic/caseTypeStatistic.vue
+++ b/src/views/statistic/caseStatistic/caseTypeStatistic.vue
@@ -11,18 +11,14 @@
 import AppContainer from '../../../components/layout/AppContainer'
 import CaseTypeSearch from './components/caseTypeSearch'
 import NormalTable from '../../../components/NomalTable/index'
+import { getCaseStatisticsByType } from '@/api/statistics'
 export default {
   name: 'CaseStatistic',
   components: { NormalTable, CaseTypeSearch, AppContainer },
   data() {
     return {
       listQuery: {},
-      columns: [
-        {
-          text: '区域',
-          value: 'area'
-        }
-      ], // 显示列
+      columns: [], // 显示列
       timeRange: [], // 时间范围
       data: [], // 列表数据
       total: 0, // 数据总数
@@ -48,56 +44,52 @@
     this.fetchData()
   },
   methods: {
-    search() {
+    search(listQuery) {
+      this.listQuery = listQuery
       this.fetchData(false)
     },
     fetchData(isNowPage = true) {
       this.listLoading = true
-      if (!isNowPage) { // 是否显示当前页，否则跳转第一页
-        this.listQuery.offset = 1
-      }
-      this.listLoading = true
-      // getSoundList(this.listQuery).then(response => {
-      //   if (response.code === 200) {
-      //     this.listLoading = false
-      //     this.list = response.data.rows
-      //     this.total = response.data.total
-      //   }
-      // })
-      // const that = this
-      const data = [
-        { area: '潭口镇', data: [{ caseNum: 12, eorc: '咨询' }, { caseNum: 12, eorc: '建议' }, { caseNum: 12, eorc: '求助' }, { caseNum: 12, eorc: '投诉' }, { caseNum: 12, eorc: '感谢' }, { caseNum: 12, eorc: '其他' }] },
-        { area: '谭东镇', data: [{ caseNum: 12, eorc: '咨询' }, { caseNum: 12, eorc: '建议' }, { caseNum: 12, eorc: '求助' }, { caseNum: 12, eorc: '投诉' }, { caseNum: 12, eorc: '感谢' }, { caseNum: 12, eorc: '其他' }] },
-        { area: '高校园区管理处', data: [{ caseNum: 12, eorc: '咨询' }, { caseNum: 12, eorc: '建议' }, { caseNum: 12, eorc: '求助' }, { caseNum: 12, eorc: '投诉' }, { caseNum: 12, eorc: '感谢' }, { caseNum: 12, eorc: '其他' }] },
-        { area: '新区管理处', data: [{ caseNum: 12, eorc: '咨询' }, { caseNum: 12, eorc: '建议' }, { caseNum: 12, eorc: '求助' }, { caseNum: 12, eorc: '投诉' }, { caseNum: 12, eorc: '感谢' }, { caseNum: 12, eorc: '其他' }] }
-      ]
-      this.columns = [
-        {
-          text: '区域',
-          value: 'area'
-        }
-      ]
-      // 先动态构建出列
-      if (data.length > 0) {
-        const line = data[0]
-        if (line.data.length > 0) {
-          for (const item of line.data) {
-            const column = { text: item.eorc, value: item.eorc }
-            this.columns.push(column)
+      getCaseStatisticsByType(this.listQuery).then(response => {
+        if (response.code === 200) {
+          this.listLoading = false
+          this.list = response.data.rows
+          this.total = response.data.total
+          const data = [
+            { area: '潭口镇', data: [{ caseNum: 12, eorc: '咨询' }, { caseNum: 12, eorc: '建议' }, { caseNum: 12, eorc: '求助' }, { caseNum: 12, eorc: '投诉' }, { caseNum: 12, eorc: '感谢' }, { caseNum: 12, eorc: '其他' }] },
+            { area: '谭东镇', data: [{ caseNum: 12, eorc: '咨询' }, { caseNum: 12, eorc: '建议' }, { caseNum: 12, eorc: '求助' }, { caseNum: 12, eorc: '投诉' }, { caseNum: 12, eorc: '感谢' }, { caseNum: 12, eorc: '其他' }] },
+            { area: '高校园区管理处', data: [{ caseNum: 12, eorc: '咨询' }, { caseNum: 12, eorc: '建议' }, { caseNum: 12, eorc: '求助' }, { caseNum: 12, eorc: '投诉' }, { caseNum: 12, eorc: '感谢' }, { caseNum: 12, eorc: '其他' }] },
+            { area: '新区管理处', data: [{ caseNum: 12, eorc: '咨询' }, { caseNum: 12, eorc: '建议' }, { caseNum: 12, eorc: '求助' }, { caseNum: 12, eorc: '投诉' }, { caseNum: 12, eorc: '感谢' }, { caseNum: 12, eorc: '其他' }] }
+          ]
+          const columns = [
+            {
+              text: '区域',
+              value: 'area'
+            }
+          ]
+          // 先动态构建出列
+          if (data.length > 0) {
+            const line = data[0]
+            if (line.data.length > 0) {
+              for (const item of line.data) {
+                const column = { text: item.eorc, value: item.eorc }
+                columns.push(column)
+              }
+            }
+          }
+          this.columns = columns
+          // 处理数据格式
+          this.data = []
+          for (const line of data) {
+            const linedata = line.data
+            const newline = { area: line.area }
+            for (const item of linedata) {
+              newline[item.eorc] = item.caseNum
+            }
+            this.data.push(newline)
           }
         }
-      }
-      // 处理数据格式
-      this.data = []
-      for (const line of data) {
-        const linedata = line.data
-        const newline = { area: line.area }
-        for (const item of linedata) {
-          newline[item.eorc] = item.caseNum
-        }
-        this.data.push(newline)
-      }
-      this.listLoading = false
+      })
     },
     // 页数发生变化后的操作，可能是页码变化，可能是每页容量变化，此函数必写
     changePage(val) {
diff --git a/src/views/statistic/caseStatistic/components/caseHandleSearch.vue b/src/views/statistic/caseStatistic/components/caseHandleSearch.vue
index d93b8ca..0d23bc8 100644
--- a/src/views/statistic/caseStatistic/components/caseHandleSearch.vue
+++ b/src/views/statistic/caseStatistic/components/caseHandleSearch.vue
@@ -2,7 +2,7 @@
 <template>
   <div>
     <search-area :need-clear="false" :need-search-more="false" :size="size" type="default" search-more-type="default" @search="search">
-      <chart-tools v-model="timeRange"/>
+      <chart-tools @change="changeTime"/>
       <!--一般查询条件-->
       <search-item>
         <el-date-picker
@@ -21,15 +21,16 @@
 <script>
 import SearchArea from '../../../../components/SearchArea/SearchArea'
 import SearchItem from '../../../../components/SearchArea/SearchItem'
-import { getDayTime } from '@/utils/dateutils'
+// import { getDayTime, getToday } from '@/utils/dateutils'
 import ChartTools from '../../components/chartTools'
+import { getToday } from '../../../../utils/dateutils'
 export default {
   name: 'CaseHandleSearch',
   components: { ChartTools, SearchItem, SearchArea },
   props: {
     size: {
       type: String,
-      default: ''
+      default: 'small'
     }
   },
   data() {
@@ -49,30 +50,20 @@
       }
     }
   },
+  created() {
+    this.timeRange = [getToday('yyyy-MM-dd'), getToday('yyyy-MM-dd')]
+    this.search()
+  },
   methods: {
     search() {
+      if (this.timeRange && this.timeRange.length === 2) {
+        this.listQuery.startTime = this.timeRange[0]
+        this.listQuery.endTime = this.timeRange[1]
+      }
       this.$emit('search', this.listQuery)
     },
-    changeDate(date) {
-      let startDate, endDate
-      if (date === 'today') { // 选择今日
-        startDate = getDayTime(new Date().getTime())
-        endDate = startDate
-      } else if (date === 'week') {
-        startDate = getDayTime(new Date().getTime() - 24 * 6 * 60 * 60 * 1000)
-        endDate = new Date()
-      } else if (date === 'month') {
-        startDate = getDayTime(new Date().getTime() - 24 * 29 * 60 * 60 * 1000)
-        endDate = new Date()
-      } else if (date === 'season') {
-        startDate = getDayTime(new Date().getTime() - 24 * 89 * 60 * 60 * 1000)
-        endDate = new Date()
-      } else if (date === 'year') {
-        startDate = getDayTime(new Date().getTime() - 24 * 365 * 60 * 60 * 1000)
-        endDate = new Date()
-      }
-      this.listQuery.compare = false
-      this.timeRange = [startDate.Format('yyyy-MM-dd'), endDate.Format('yyyy-MM-dd')]
+    changeTime(val) {
+      this.timeRange = val
     }
   }
 }
diff --git a/src/views/statistic/caseStatistic/components/caseSource.vue b/src/views/statistic/caseStatistic/components/caseSource.vue
index f5f1bbe..3ee13f0 100644
--- a/src/views/statistic/caseStatistic/components/caseSource.vue
+++ b/src/views/statistic/caseStatistic/components/caseSource.vue
@@ -6,7 +6,7 @@
 <script>
 // 引入视觉映射组件
 import 'echarts/lib/component/visualMap'
-// import { deviceStaticsByType } from '@/api/dataStatics'
+import { getCaseStatisticsBySource } from '@/api/statistics'
 
 export default {
   name: 'CaseSource',
@@ -28,7 +28,7 @@
       right: 60
     }
     this.title = {
-      text: '事件来源统计'
+      text: ''
     }
     this.chartSettings = {
       itemStyle: {
@@ -49,23 +49,30 @@
       }
     }
   },
-  mounted() {
-    // TODO:待调试真接口
-    // this.fetchData()
-    this.chartData.rows = [
-      { 'source': '热线电话', 'caseNum': 1393, '下单用户': 1093, '下单率': 0.32 },
-      { 'source': '微信', 'caseNum': 3530, '下单用户': 3230, '下单率': 0.26 },
-      { 'source': '微博', 'caseNum': 2923, '下单用户': 2623, '下单率': 0.76 },
-      { 'source': '邮箱', 'caseNum': 1723, '下单用户': 1423, '下单率': 0.49 },
-      { 'source': '短信', 'caseNum': 3792, '下单用户': 3492, '下单率': 0.323 },
-      { 'source': '其他平台', 'caseNum': 2, '下单用户': 4293, '下单率': 0.78 }
-    ]
-  },
+  // watch: {
+  //   listQuery(val) {
+  //     this.search()
+  //   }
+  // },
+  // created() {
+  //   this.fetchData()
+  // },
   methods: {
+    search() {
+      this.fetchData()
+    },
     fetchData() {
-      // deviceStaticsByType().then(response => {
-      //   this.chartData.rows = response.data
-      // })
+      getCaseStatisticsBySource(this.listQuery).then(response => {
+        this.chartData.rows = response.data
+        this.chartData.rows = [
+          { 'source': '热线电话', 'caseNum': 1393, '下单用户': 1093, '下单率': 0.32 },
+          { 'source': '微信', 'caseNum': 3530, '下单用户': 3230, '下单率': 0.26 },
+          { 'source': '微博', 'caseNum': 2923, '下单用户': 2623, '下单率': 0.76 },
+          { 'source': '邮箱', 'caseNum': 1723, '下单用户': 1423, '下单率': 0.49 },
+          { 'source': '短信', 'caseNum': 3792, '下单用户': 3492, '下单率': 0.323 },
+          { 'source': '其他平台', 'caseNum': 353, '下单用户': 4293, '下单率': 0.78 }
+        ]
+      })
     }
   }
 }
diff --git a/src/views/statistic/caseStatistic/components/caseTable.vue b/src/views/statistic/caseStatistic/components/caseTable.vue
index 1955c4c..f750990 100644
--- a/src/views/statistic/caseStatistic/components/caseTable.vue
+++ b/src/views/statistic/caseStatistic/components/caseTable.vue
@@ -13,13 +13,13 @@
       :columns="columns"
       :list-loading="listLoading"
       :options="tableOption.options"
-      :tools-option="tableOption.toolsOption"
-      @change="changePage"/>
+      :tools-option="tableOption.toolsOption"/>
   </div>
 </template>
 
 <script>
 import NormalTable from '@/components/NomalTable/index'
+import { getCaseStatisticsAll } from '@/api/statistics'
 export default {
   name: 'CaseTable',
   components: { NormalTable },
@@ -86,44 +86,37 @@
       size: 'small'
     }
   },
-  created() {
-    this.fetchData()
-  },
+  // watch: {
+  //   listQuery(val) {
+  //     this.search()
+  //   }
+  // },
+  // created() {
+  //   this.fetchData()
+  // },
   methods: {
     search() {
       this.fetchData()
     },
     fetchData() {
       this.listLoading = true
-      // getSoundList(this.listQuery).then(response => {
-      //   if (response.code === 200) {
-      //     this.listLoading = false
-      //     this.list = response.data.rows
-      //     this.total = response.data.total
-      //   }
-      // })
-      // const that = this
-      this.data = [{
-        'callNum': 1,
-        'caseNum': 2,
-        'urgeNum': 3,
-        'superviseNum': 4,
-        'monitorNum': 5,
-        'delayNum': 6,
-        'overCaseNum': '0/0%',
-        'noOverCaseNum': '0/0%'
-      }]
-      this.listLoading = false
-    },
-    // 页数发生变化后的操作，可能是页码变化，可能是每页容量变化，此函数必写
-    changePage(val) {
-      if (val && val.size) {
-        this.listQuery.limit = val.size
-      }
-      if (val && val.page) {
-        this.listQuery.offset = val.page
-      }
-      this.fetchData()
+      getCaseStatisticsAll(this.listQuery).then(response => {
+        if (response.code === 200) {
+          this.listLoading = false
+          this.list = response.data.rows
+          this.total = response.data.total
+          this.data = [{
+            'callNum': 1,
+            'caseNum': 2,
+            'urgeNum': 3,
+            'superviseNum': 4,
+            'monitorNum': 5,
+            'delayNum': 6,
+            'overCaseNum': '0/0%',
+            'noOverCaseNum': '0/0%'
+          }]
+        }
+      })
     }
   }
 }
diff --git a/src/views/statistic/caseStatistic/components/caseTypeSearch.vue b/src/views/statistic/caseStatistic/components/caseTypeSearch.vue
index 419b443..6ca5275 100644
--- a/src/views/statistic/caseStatistic/components/caseTypeSearch.vue
+++ b/src/views/statistic/caseStatistic/components/caseTypeSearch.vue
@@ -2,7 +2,7 @@
 <template>
   <div>
     <search-area :need-clear="false" :need-search-more="false" :size="size" type="default" search-more-type="default" @search="search">
-      <chart-tools v-model="timeRange"/>
+      <chart-tools @change="changeTime"/>
       <!--一般查询条件-->
       <search-item>
         <el-date-picker
@@ -17,9 +17,9 @@
       <search-item>
         <span class="level-txt">事件等级：</span>
         <el-radio-group v-model="listQuery.level" :size="size" class="level-radio">
-          <el-radio :label="1">一级</el-radio>
-          <el-radio :label="2">二级</el-radio>
-          <el-radio :label="3">三级</el-radio>
+          <el-radio label="1">一级</el-radio>
+          <el-radio label="2">二级</el-radio>
+          <el-radio label="3">三级</el-radio>
         </el-radio-group>
       </search-item>
     </search-area>
@@ -29,7 +29,7 @@
 <script>
 import SearchArea from '../../../../components/SearchArea/SearchArea'
 import SearchItem from '../../../../components/SearchArea/SearchItem'
-import { getDayTime } from '@/utils/dateutils'
+import { getToday } from '@/utils/dateutils'
 import ChartTools from '../../components/chartTools'
 export default {
   name: 'CaseTypeSearch',
@@ -50,38 +50,20 @@
       timeRange: []
     }
   },
-  watch: {
-    timeRange(val) {
+  created() {
+    this.timeRange = [getToday('yyyy-MM-dd'), getToday('yyyy-MM-dd')]
+    this.search()
+  },
+  methods: {
+    search() {
       if (this.timeRange && this.timeRange.length === 2) {
         this.listQuery.startTime = this.timeRange[0]
         this.listQuery.endTime = this.timeRange[1]
       }
-    }
-  },
-  methods: {
-    search() {
       this.$emit('search', this.listQuery)
     },
-    changeDate(date) {
-      let startDate, endDate
-      if (date === 'today') { // 选择今日
-        startDate = getDayTime(new Date().getTime())
-        endDate = startDate
-      } else if (date === 'week') {
-        startDate = getDayTime(new Date().getTime() - 24 * 6 * 60 * 60 * 1000)
-        endDate = new Date()
-      } else if (date === 'month') {
-        startDate = getDayTime(new Date().getTime() - 24 * 29 * 60 * 60 * 1000)
-        endDate = new Date()
-      } else if (date === 'season') {
-        startDate = getDayTime(new Date().getTime() - 24 * 89 * 60 * 60 * 1000)
-        endDate = new Date()
-      } else if (date === 'year') {
-        startDate = getDayTime(new Date().getTime() - 24 * 365 * 60 * 60 * 1000)
-        endDate = new Date()
-      }
-      this.listQuery.compare = false
-      this.timeRange = [startDate.Format('yyyy-MM-dd'), endDate.Format('yyyy-MM-dd')]
+    changeTime(val){
+      this.timeRange = val
     }
   }
 }
diff --git a/src/views/statistic/caseStatistic/components/satisfiedPie.vue b/src/views/statistic/caseStatistic/components/satisfiedPie.vue
index 10fbcb3..4ff08c6 100644
--- a/src/views/statistic/caseStatistic/components/satisfiedPie.vue
+++ b/src/views/statistic/caseStatistic/components/satisfiedPie.vue
@@ -4,10 +4,18 @@
 </template>
 
 <script>
-// import { deviceStaticByStatus } from '@/api/dataStatics'
+import { getCaseStatisticsByStatisfied } from '@/api/statistics'
 
 export default {
   name: 'SatisfiedPie',
+  props: {
+    listQuery: {
+      type: Object,
+      default: function() {
+        return {}
+      }
+    }
+  },
   data() {
     this.extend = {
       series: {
@@ -23,7 +31,7 @@
       metrics: 'num'
     }
     this.title = {
-      text: '事件回访满意程度统计'
+      text: ''
     }
     return {
       chartData: {
@@ -32,25 +40,31 @@
       }
     }
   },
-  mounted() {
-    this.chartData.rows = [
-      { 'type': '非常满意', 'num': 0 },
-      { 'type': '满意', 'num': 0 },
-      { 'type': '一般', 'num': 0 },
-      { 'type': '不满意', 'num': 0 },
-      { 'type': '未评价', 'num': 0 }
-    ]
-    // this.fetchData()
-  },
+  // watch: {
+  //   listQuery(val) {
+  //     console.log('listQuery changed')
+  //     this.search()
+  //   }
+  // },
+  // created() {
+  //   this.fetchData()
+  // },
   methods: {
+    search() {
+      this.fetchData()
+    },
     fetchData() {
-      // deviceStaticByStatus().then(response => {
-      //   const data = response.data
-      //   this.chartData.rows = [
-      //     { 'type': '在线', 'num': data.online },
-      //     { 'type': '离线', 'num': data.offline }
-      //   ]
-      // })
+      getCaseStatisticsByStatisfied(this.listQuery).then(response => {
+        const data = response.data
+        this.chartData.rows = data
+        this.chartData.rows = [
+          { 'type': '非常满意', 'num': 0 },
+          { 'type': '满意', 'num': 0 },
+          { 'type': '一般', 'num': 0 },
+          { 'type': '不满意', 'num': 0 },
+          { 'type': '未评价', 'num': 0 }
+        ]
+      })
     }
   }
 }