diff --git a/src/api/callCase/callCase.js b/src/api/callCase/callCase.js
index 7500fc7..195f5f9 100644
--- a/src/api/callCase/callCase.js
+++ b/src/api/callCase/callCase.js
@@ -85,3 +85,12 @@
     params
   })
 }
+
+// 根据举报人电话分页查询历史案件
+export function getHistoryList(params) {
+  return request({
+    url: '/case/historyByPhoneListPage',
+    method: 'get',
+    params
+  })
+}

diff --git a/src/api/callCase/callCase.js b/src/api/callCase/callCase.js
index 7500fc7..195f5f9 100644
--- a/src/api/callCase/callCase.js
+++ b/src/api/callCase/callCase.js
@@ -85,3 +85,12 @@
     params
   })
 }
+
+// 根据举报人电话分页查询历史案件
+export function getHistoryList(params) {
+  return request({
+    url: '/case/historyByPhoneListPage',
+    method: 'get',
+    params
+  })
+}
diff --git a/src/components/CaseCommon/caseList.vue b/src/components/CaseCommon/caseList.vue
index 9486ff1..79d5b7a 100644
--- a/src/components/CaseCommon/caseList.vue
+++ b/src/components/CaseCommon/caseList.vue
@@ -145,6 +145,10 @@
       }
     }
   }
+  .table-container >>> td {
+    padding-top: 12px;
+    padding-bottom: 12px;
+  }
   .edit_btns{
     .edit_btn{
       float:right;

diff --git a/src/api/callCase/callCase.js b/src/api/callCase/callCase.js
index 7500fc7..195f5f9 100644
--- a/src/api/callCase/callCase.js
+++ b/src/api/callCase/callCase.js
@@ -85,3 +85,12 @@
     params
   })
 }
+
+// 根据举报人电话分页查询历史案件
+export function getHistoryList(params) {
+  return request({
+    url: '/case/historyByPhoneListPage',
+    method: 'get',
+    params
+  })
+}
diff --git a/src/components/CaseCommon/caseList.vue b/src/components/CaseCommon/caseList.vue
index 9486ff1..79d5b7a 100644
--- a/src/components/CaseCommon/caseList.vue
+++ b/src/components/CaseCommon/caseList.vue
@@ -145,6 +145,10 @@
       }
     }
   }
+  .table-container >>> td {
+    padding-top: 12px;
+    padding-bottom: 12px;
+  }
   .edit_btns{
     .edit_btn{
       float:right;
diff --git a/src/router/modules/common.js b/src/router/modules/common.js
index 794613a..3e252fd 100644
--- a/src/router/modules/common.js
+++ b/src/router/modules/common.js
@@ -45,6 +45,13 @@
         component: () => import('@/views/deptAccess/assessDeptCaseList'),
         hidden: true,
         meta: { title: '综合查询', icon: 'icon-config', permission: ['/caseList'] }
+      },
+      {
+        path: '/historyCaseList',
+        name: 'HistoryCaseList',
+        component: () => import('@/views/callCase/historyCaseList'),
+        hidden: true,
+        meta: { title: '综合查询', icon: 'icon-config', permission: ['/caseDetail'] }
       }
     ]
   }

diff --git a/src/api/callCase/callCase.js b/src/api/callCase/callCase.js
index 7500fc7..195f5f9 100644
--- a/src/api/callCase/callCase.js
+++ b/src/api/callCase/callCase.js
@@ -85,3 +85,12 @@
     params
   })
 }
+
+// 根据举报人电话分页查询历史案件
+export function getHistoryList(params) {
+  return request({
+    url: '/case/historyByPhoneListPage',
+    method: 'get',
+    params
+  })
+}
diff --git a/src/components/CaseCommon/caseList.vue b/src/components/CaseCommon/caseList.vue
index 9486ff1..79d5b7a 100644
--- a/src/components/CaseCommon/caseList.vue
+++ b/src/components/CaseCommon/caseList.vue
@@ -145,6 +145,10 @@
       }
     }
   }
+  .table-container >>> td {
+    padding-top: 12px;
+    padding-bottom: 12px;
+  }
   .edit_btns{
     .edit_btn{
       float:right;
diff --git a/src/router/modules/common.js b/src/router/modules/common.js
index 794613a..3e252fd 100644
--- a/src/router/modules/common.js
+++ b/src/router/modules/common.js
@@ -45,6 +45,13 @@
         component: () => import('@/views/deptAccess/assessDeptCaseList'),
         hidden: true,
         meta: { title: '综合查询', icon: 'icon-config', permission: ['/caseList'] }
+      },
+      {
+        path: '/historyCaseList',
+        name: 'HistoryCaseList',
+        component: () => import('@/views/callCase/historyCaseList'),
+        hidden: true,
+        meta: { title: '综合查询', icon: 'icon-config', permission: ['/caseDetail'] }
       }
     ]
   }
diff --git a/src/views/callCase/callCase.vue b/src/views/callCase/callCase.vue
index df579df..5d6937d 100644
--- a/src/views/callCase/callCase.vue
+++ b/src/views/callCase/callCase.vue
@@ -13,7 +13,7 @@
           </el-form-item>
         </el-col>
         <el-col :span="6">
-          <el-button type="primary">历史记录</el-button>
+          <el-button type="primary" @click="showHistoryList">历史记录</el-button>
           <el-button type="primary" @click="openMapQueryDialog">地图查询</el-button>
         </el-col>
       </el-row>
@@ -639,6 +639,18 @@
       } else {
         this.$message.warning(response.message)
       }
+    },
+    showHistoryList() {
+      if (!this.caseForm.reporterPhone) {
+        this.$message.error('请填写举报人电话！')
+        return
+      }
+      this.$router.push({
+        path: '/historyCaseList',
+        query: {
+          reporterPhone: this.caseForm.reporterPhone
+        }
+      })
     }
   }
 }

diff --git a/src/api/callCase/callCase.js b/src/api/callCase/callCase.js
index 7500fc7..195f5f9 100644
--- a/src/api/callCase/callCase.js
+++ b/src/api/callCase/callCase.js
@@ -85,3 +85,12 @@
     params
   })
 }
+
+// 根据举报人电话分页查询历史案件
+export function getHistoryList(params) {
+  return request({
+    url: '/case/historyByPhoneListPage',
+    method: 'get',
+    params
+  })
+}
diff --git a/src/components/CaseCommon/caseList.vue b/src/components/CaseCommon/caseList.vue
index 9486ff1..79d5b7a 100644
--- a/src/components/CaseCommon/caseList.vue
+++ b/src/components/CaseCommon/caseList.vue
@@ -145,6 +145,10 @@
       }
     }
   }
+  .table-container >>> td {
+    padding-top: 12px;
+    padding-bottom: 12px;
+  }
   .edit_btns{
     .edit_btn{
       float:right;
diff --git a/src/router/modules/common.js b/src/router/modules/common.js
index 794613a..3e252fd 100644
--- a/src/router/modules/common.js
+++ b/src/router/modules/common.js
@@ -45,6 +45,13 @@
         component: () => import('@/views/deptAccess/assessDeptCaseList'),
         hidden: true,
         meta: { title: '综合查询', icon: 'icon-config', permission: ['/caseList'] }
+      },
+      {
+        path: '/historyCaseList',
+        name: 'HistoryCaseList',
+        component: () => import('@/views/callCase/historyCaseList'),
+        hidden: true,
+        meta: { title: '综合查询', icon: 'icon-config', permission: ['/caseDetail'] }
       }
     ]
   }
diff --git a/src/views/callCase/callCase.vue b/src/views/callCase/callCase.vue
index df579df..5d6937d 100644
--- a/src/views/callCase/callCase.vue
+++ b/src/views/callCase/callCase.vue
@@ -13,7 +13,7 @@
           </el-form-item>
         </el-col>
         <el-col :span="6">
-          <el-button type="primary">历史记录</el-button>
+          <el-button type="primary" @click="showHistoryList">历史记录</el-button>
           <el-button type="primary" @click="openMapQueryDialog">地图查询</el-button>
         </el-col>
       </el-row>
@@ -639,6 +639,18 @@
       } else {
         this.$message.warning(response.message)
       }
+    },
+    showHistoryList() {
+      if (!this.caseForm.reporterPhone) {
+        this.$message.error('请填写举报人电话！')
+        return
+      }
+      this.$router.push({
+        path: '/historyCaseList',
+        query: {
+          reporterPhone: this.caseForm.reporterPhone
+        }
+      })
     }
   }
 }
diff --git a/src/views/callCase/historyCaseList.vue b/src/views/callCase/historyCaseList.vue
new file mode 100644
index 0000000..f279b4b
--- /dev/null
+++ b/src/views/callCase/historyCaseList.vue
@@ -0,0 +1,94 @@
+<template>
+  <div>
+    <case-list
+      v-loading="listLoading"
+      :case-list="caseList"
+      :total="total"
+      :list-query="listQuery"
+      :table-columns="tableColumns"
+      @changeQuery="changeQuery"
+      @addDetail="showDetail"/>
+  </div>
+</template>
+
+<script>
+import CaseList from '@/components/CaseCommon/caseList'
+import CaseDetailRead from '@/components/CaseCommon/caseDetailRead'
+import { getHistoryList } from '@/api/callCase/callCase'
+
+export default {
+  name: 'HistoryCaseList',
+  components: { CaseList, CaseDetailRead },
+  data() {
+    return {
+      caseList: [], // 案卷列表// ，传递给子组件
+      tableColumns: [
+        {
+          text: '案卷编号',
+          value: 'caseid'
+        },
+        {
+          text: '节点名称',
+          value: 'caseStateName'
+        },
+        {
+          text: '案卷类别',
+          value: 'eorcName'
+        },
+        {
+          text: '案卷大类',
+          value: 'casetypeName'
+        },
+        {
+          text: '案卷小类',
+          value: 'casetypeDetailName'
+        },
+        {
+          text: '案卷描述',
+          value: 'description'
+        },
+        {
+          text: '案卷位置',
+          value: 'fieldintro'
+        }
+      ],
+      listQuery: {
+        reporterPhone: '',
+        offset: 1,
+        limit: 20,
+        sort: '',
+        order: ''
+      }, // 筛选条件
+      total: 0,
+      listLoading: true // 加载动画
+    }
+  },
+  activated() {
+    this.listQuery.reporterPhone = this.$route.query.reporterPhone
+    this.fetchData()
+  },
+  methods: {
+    // 获取数据
+    fetchData() {
+      this.listLoading = true
+      // 根据不同类型，调用不同的接口
+      console.log(this.listQuery.reporterPhone)
+      getHistoryList(this.listQuery).then(res => {
+        this.caseList = res.data.rows
+        this.total = parseInt(res.data.total)
+        this.listLoading = false
+      })
+    },
+    // 来自caselist组件的查询条件(分页)更改后的查询
+    changeQuery(listQuery) {
+      this.listQuery = listQuery
+      this.fetchData()
+    },
+    // 查看详情
+    showDetail(tabPane, row) {
+      this.$router.push({ path: '/caseDetailRead/' + row.id })
+    }
+  }
+}
+</script>
+

diff --git a/src/api/callCase/callCase.js b/src/api/callCase/callCase.js
index 7500fc7..195f5f9 100644
--- a/src/api/callCase/callCase.js
+++ b/src/api/callCase/callCase.js
@@ -85,3 +85,12 @@
     params
   })
 }
+
+// 根据举报人电话分页查询历史案件
+export function getHistoryList(params) {
+  return request({
+    url: '/case/historyByPhoneListPage',
+    method: 'get',
+    params
+  })
+}
diff --git a/src/components/CaseCommon/caseList.vue b/src/components/CaseCommon/caseList.vue
index 9486ff1..79d5b7a 100644
--- a/src/components/CaseCommon/caseList.vue
+++ b/src/components/CaseCommon/caseList.vue
@@ -145,6 +145,10 @@
       }
     }
   }
+  .table-container >>> td {
+    padding-top: 12px;
+    padding-bottom: 12px;
+  }
   .edit_btns{
     .edit_btn{
       float:right;
diff --git a/src/router/modules/common.js b/src/router/modules/common.js
index 794613a..3e252fd 100644
--- a/src/router/modules/common.js
+++ b/src/router/modules/common.js
@@ -45,6 +45,13 @@
         component: () => import('@/views/deptAccess/assessDeptCaseList'),
         hidden: true,
         meta: { title: '综合查询', icon: 'icon-config', permission: ['/caseList'] }
+      },
+      {
+        path: '/historyCaseList',
+        name: 'HistoryCaseList',
+        component: () => import('@/views/callCase/historyCaseList'),
+        hidden: true,
+        meta: { title: '综合查询', icon: 'icon-config', permission: ['/caseDetail'] }
       }
     ]
   }
diff --git a/src/views/callCase/callCase.vue b/src/views/callCase/callCase.vue
index df579df..5d6937d 100644
--- a/src/views/callCase/callCase.vue
+++ b/src/views/callCase/callCase.vue
@@ -13,7 +13,7 @@
           </el-form-item>
         </el-col>
         <el-col :span="6">
-          <el-button type="primary">历史记录</el-button>
+          <el-button type="primary" @click="showHistoryList">历史记录</el-button>
           <el-button type="primary" @click="openMapQueryDialog">地图查询</el-button>
         </el-col>
       </el-row>
@@ -639,6 +639,18 @@
       } else {
         this.$message.warning(response.message)
       }
+    },
+    showHistoryList() {
+      if (!this.caseForm.reporterPhone) {
+        this.$message.error('请填写举报人电话！')
+        return
+      }
+      this.$router.push({
+        path: '/historyCaseList',
+        query: {
+          reporterPhone: this.caseForm.reporterPhone
+        }
+      })
     }
   }
 }
diff --git a/src/views/callCase/historyCaseList.vue b/src/views/callCase/historyCaseList.vue
new file mode 100644
index 0000000..f279b4b
--- /dev/null
+++ b/src/views/callCase/historyCaseList.vue
@@ -0,0 +1,94 @@
+<template>
+  <div>
+    <case-list
+      v-loading="listLoading"
+      :case-list="caseList"
+      :total="total"
+      :list-query="listQuery"
+      :table-columns="tableColumns"
+      @changeQuery="changeQuery"
+      @addDetail="showDetail"/>
+  </div>
+</template>
+
+<script>
+import CaseList from '@/components/CaseCommon/caseList'
+import CaseDetailRead from '@/components/CaseCommon/caseDetailRead'
+import { getHistoryList } from '@/api/callCase/callCase'
+
+export default {
+  name: 'HistoryCaseList',
+  components: { CaseList, CaseDetailRead },
+  data() {
+    return {
+      caseList: [], // 案卷列表// ，传递给子组件
+      tableColumns: [
+        {
+          text: '案卷编号',
+          value: 'caseid'
+        },
+        {
+          text: '节点名称',
+          value: 'caseStateName'
+        },
+        {
+          text: '案卷类别',
+          value: 'eorcName'
+        },
+        {
+          text: '案卷大类',
+          value: 'casetypeName'
+        },
+        {
+          text: '案卷小类',
+          value: 'casetypeDetailName'
+        },
+        {
+          text: '案卷描述',
+          value: 'description'
+        },
+        {
+          text: '案卷位置',
+          value: 'fieldintro'
+        }
+      ],
+      listQuery: {
+        reporterPhone: '',
+        offset: 1,
+        limit: 20,
+        sort: '',
+        order: ''
+      }, // 筛选条件
+      total: 0,
+      listLoading: true // 加载动画
+    }
+  },
+  activated() {
+    this.listQuery.reporterPhone = this.$route.query.reporterPhone
+    this.fetchData()
+  },
+  methods: {
+    // 获取数据
+    fetchData() {
+      this.listLoading = true
+      // 根据不同类型，调用不同的接口
+      console.log(this.listQuery.reporterPhone)
+      getHistoryList(this.listQuery).then(res => {
+        this.caseList = res.data.rows
+        this.total = parseInt(res.data.total)
+        this.listLoading = false
+      })
+    },
+    // 来自caselist组件的查询条件(分页)更改后的查询
+    changeQuery(listQuery) {
+      this.listQuery = listQuery
+      this.fetchData()
+    },
+    // 查看详情
+    showDetail(tabPane, row) {
+      this.$router.push({ path: '/caseDetailRead/' + row.id })
+    }
+  }
+}
+</script>
+
diff --git a/src/views/dashboard/index.vue b/src/views/dashboard/index.vue
index 3baca36..7a18a96 100644
--- a/src/views/dashboard/index.vue
+++ b/src/views/dashboard/index.vue
@@ -208,6 +208,7 @@
       right: 35px;
       color: #ffffff;
       font-size: 40px;
+      z-index: 9999;
     }
     .outSystem:hover{
       color: #22a7f0;