diff --git a/src/api/seo/seo.js b/src/api/seo/seo.js
new file mode 100644
index 0000000..2eed034
--- /dev/null
+++ b/src/api/seo/seo.js
@@ -0,0 +1,88 @@
+import request from '@/utils/request'
+
+// 综合查询接口
+export function seoSearch(params) {
+  return request({
+    url: '/case/queryListPage',
+    method: 'get',
+    params
+  })
+}
+
+// 案卷来源
+export function getCaseSourceList() {
+  return request({
+    url: '/dict/code/caseSource',
+    method: 'get'
+  })
+}
+
+// 案卷等级
+export function getCaseLevelList() {
+  return request({
+    url: '/dict/code/caseLevel',
+    method: 'get'
+  })
+}
+
+// 案卷状态
+export function getCaseStateList() {
+  return request({
+    url: '/dict/code/caseState',
+    method: 'get'
+  })
+}
+
+// 案卷类别
+export function getCaseTypeList() {
+  return request({
+    url: '/dict/code/eorc',
+    method: 'get'
+  })
+}
+
+// 归档类型
+export function getFilingTypeList() {
+  return request({
+    url: '/dict/code/filingType',
+    method: 'get'
+  })
+}
+// 超期类型查询
+export function getSpecialQueryList() {
+  return request({
+    url: '/case/specialQueryList',
+    method: 'get'
+  })
+}
+
+// 大类
+export function getCaseBigTypeList(params) {
+  return request({
+    url: '/case/type/list',
+    method: 'get',
+    params
+  })
+}
+
+// 小类
+export function getCaseDetailTypeList(params) {
+  return request({
+    url: '/case/typeDetail/list',
+    method: 'get',
+    params
+  })
+}
+
+// 获取监督员列表
+export function getSupervisorList() {
+  return request({
+    url: '/mgr/simplelist',
+    method: 'post',
+    params: {
+      deptid: '',
+      hasMine: '0',
+      roleTips: 'supervisor'
+    }
+  })
+}

diff --git a/src/api/seo/seo.js b/src/api/seo/seo.js
new file mode 100644
index 0000000..2eed034
--- /dev/null
+++ b/src/api/seo/seo.js
@@ -0,0 +1,88 @@
+import request from '@/utils/request'
+
+// 综合查询接口
+export function seoSearch(params) {
+  return request({
+    url: '/case/queryListPage',
+    method: 'get',
+    params
+  })
+}
+
+// 案卷来源
+export function getCaseSourceList() {
+  return request({
+    url: '/dict/code/caseSource',
+    method: 'get'
+  })
+}
+
+// 案卷等级
+export function getCaseLevelList() {
+  return request({
+    url: '/dict/code/caseLevel',
+    method: 'get'
+  })
+}
+
+// 案卷状态
+export function getCaseStateList() {
+  return request({
+    url: '/dict/code/caseState',
+    method: 'get'
+  })
+}
+
+// 案卷类别
+export function getCaseTypeList() {
+  return request({
+    url: '/dict/code/eorc',
+    method: 'get'
+  })
+}
+
+// 归档类型
+export function getFilingTypeList() {
+  return request({
+    url: '/dict/code/filingType',
+    method: 'get'
+  })
+}
+// 超期类型查询
+export function getSpecialQueryList() {
+  return request({
+    url: '/case/specialQueryList',
+    method: 'get'
+  })
+}
+
+// 大类
+export function getCaseBigTypeList(params) {
+  return request({
+    url: '/case/type/list',
+    method: 'get',
+    params
+  })
+}
+
+// 小类
+export function getCaseDetailTypeList(params) {
+  return request({
+    url: '/case/typeDetail/list',
+    method: 'get',
+    params
+  })
+}
+
+// 获取监督员列表
+export function getSupervisorList() {
+  return request({
+    url: '/mgr/simplelist',
+    method: 'post',
+    params: {
+      deptid: '',
+      hasMine: '0',
+      roleTips: 'supervisor'
+    }
+  })
+}
diff --git a/src/api/supervise/supervise.js b/src/api/supervise/supervise.js
new file mode 100644
index 0000000..a3cb5e7
--- /dev/null
+++ b/src/api/supervise/supervise.js
@@ -0,0 +1,18 @@
+import request from '@/utils/request'
+// 案卷督办
+// 超时案件查询接口
+export function getOvertimeList(params) {
+  return request({
+    url: '/case/isOvertimeListPage',
+    method: 'get',
+    params
+  })
+}
+// 紧急案件查询接口
+export function getCriticalList(params) {
+  return request({
+    url: '/case/isCriticalListPage',
+    method: 'get',
+    params
+  })
+}

diff --git a/src/api/seo/seo.js b/src/api/seo/seo.js
new file mode 100644
index 0000000..2eed034
--- /dev/null
+++ b/src/api/seo/seo.js
@@ -0,0 +1,88 @@
+import request from '@/utils/request'
+
+// 综合查询接口
+export function seoSearch(params) {
+  return request({
+    url: '/case/queryListPage',
+    method: 'get',
+    params
+  })
+}
+
+// 案卷来源
+export function getCaseSourceList() {
+  return request({
+    url: '/dict/code/caseSource',
+    method: 'get'
+  })
+}
+
+// 案卷等级
+export function getCaseLevelList() {
+  return request({
+    url: '/dict/code/caseLevel',
+    method: 'get'
+  })
+}
+
+// 案卷状态
+export function getCaseStateList() {
+  return request({
+    url: '/dict/code/caseState',
+    method: 'get'
+  })
+}
+
+// 案卷类别
+export function getCaseTypeList() {
+  return request({
+    url: '/dict/code/eorc',
+    method: 'get'
+  })
+}
+
+// 归档类型
+export function getFilingTypeList() {
+  return request({
+    url: '/dict/code/filingType',
+    method: 'get'
+  })
+}
+// 超期类型查询
+export function getSpecialQueryList() {
+  return request({
+    url: '/case/specialQueryList',
+    method: 'get'
+  })
+}
+
+// 大类
+export function getCaseBigTypeList(params) {
+  return request({
+    url: '/case/type/list',
+    method: 'get',
+    params
+  })
+}
+
+// 小类
+export function getCaseDetailTypeList(params) {
+  return request({
+    url: '/case/typeDetail/list',
+    method: 'get',
+    params
+  })
+}
+
+// 获取监督员列表
+export function getSupervisorList() {
+  return request({
+    url: '/mgr/simplelist',
+    method: 'post',
+    params: {
+      deptid: '',
+      hasMine: '0',
+      roleTips: 'supervisor'
+    }
+  })
+}
diff --git a/src/api/supervise/supervise.js b/src/api/supervise/supervise.js
new file mode 100644
index 0000000..a3cb5e7
--- /dev/null
+++ b/src/api/supervise/supervise.js
@@ -0,0 +1,18 @@
+import request from '@/utils/request'
+// 案卷督办
+// 超时案件查询接口
+export function getOvertimeList(params) {
+  return request({
+    url: '/case/isOvertimeListPage',
+    method: 'get',
+    params
+  })
+}
+// 紧急案件查询接口
+export function getCriticalList(params) {
+  return request({
+    url: '/case/isCriticalListPage',
+    method: 'get',
+    params
+  })
+}
diff --git a/src/components/CaseCommon/caseList.vue b/src/components/CaseCommon/caseList.vue
index d17fc63..9486ff1 100644
--- a/src/components/CaseCommon/caseList.vue
+++ b/src/components/CaseCommon/caseList.vue
@@ -50,6 +50,37 @@
         }
       }
     },
+    tableColumns: {
+      type: Array,
+      default() {
+        return [
+          {
+            text: '案卷编号',
+            value: 'caseid'
+          },
+          {
+            text: '节点名称',
+            value: 'caseStateName'
+          },
+          {
+            text: '信息来源',
+            value: 'sourceName'
+          },
+          {
+            text: '案卷类别',
+            value: 'eorcName'
+          },
+          {
+            text: '所剩时间',
+            value: 'remainingTime'
+          },
+          {
+            text: '问题描述',
+            value: 'description'
+          }
+        ]
+      }
+    },
     total: {
       type: Number,
       default: 0
@@ -57,32 +88,6 @@
   },
   data() {
     return {
-      tableColumns: [
-        {
-          text: '案卷编号',
-          value: 'caseid'
-        },
-        {
-          text: '节点名称',
-          value: 'caseStateName'
-        },
-        {
-          text: '信息来源',
-          value: 'sourceName'
-        },
-        {
-          text: '案卷类别',
-          value: 'eorcName'
-        },
-        {
-          text: '所剩时间',
-          value: 'remainingTime'
-        },
-        {
-          text: '问题描述',
-          value: 'description'
-        }
-      ]
     }
   },
   methods: {

diff --git a/src/api/seo/seo.js b/src/api/seo/seo.js
new file mode 100644
index 0000000..2eed034
--- /dev/null
+++ b/src/api/seo/seo.js
@@ -0,0 +1,88 @@
+import request from '@/utils/request'
+
+// 综合查询接口
+export function seoSearch(params) {
+  return request({
+    url: '/case/queryListPage',
+    method: 'get',
+    params
+  })
+}
+
+// 案卷来源
+export function getCaseSourceList() {
+  return request({
+    url: '/dict/code/caseSource',
+    method: 'get'
+  })
+}
+
+// 案卷等级
+export function getCaseLevelList() {
+  return request({
+    url: '/dict/code/caseLevel',
+    method: 'get'
+  })
+}
+
+// 案卷状态
+export function getCaseStateList() {
+  return request({
+    url: '/dict/code/caseState',
+    method: 'get'
+  })
+}
+
+// 案卷类别
+export function getCaseTypeList() {
+  return request({
+    url: '/dict/code/eorc',
+    method: 'get'
+  })
+}
+
+// 归档类型
+export function getFilingTypeList() {
+  return request({
+    url: '/dict/code/filingType',
+    method: 'get'
+  })
+}
+// 超期类型查询
+export function getSpecialQueryList() {
+  return request({
+    url: '/case/specialQueryList',
+    method: 'get'
+  })
+}
+
+// 大类
+export function getCaseBigTypeList(params) {
+  return request({
+    url: '/case/type/list',
+    method: 'get',
+    params
+  })
+}
+
+// 小类
+export function getCaseDetailTypeList(params) {
+  return request({
+    url: '/case/typeDetail/list',
+    method: 'get',
+    params
+  })
+}
+
+// 获取监督员列表
+export function getSupervisorList() {
+  return request({
+    url: '/mgr/simplelist',
+    method: 'post',
+    params: {
+      deptid: '',
+      hasMine: '0',
+      roleTips: 'supervisor'
+    }
+  })
+}
diff --git a/src/api/supervise/supervise.js b/src/api/supervise/supervise.js
new file mode 100644
index 0000000..a3cb5e7
--- /dev/null
+++ b/src/api/supervise/supervise.js
@@ -0,0 +1,18 @@
+import request from '@/utils/request'
+// 案卷督办
+// 超时案件查询接口
+export function getOvertimeList(params) {
+  return request({
+    url: '/case/isOvertimeListPage',
+    method: 'get',
+    params
+  })
+}
+// 紧急案件查询接口
+export function getCriticalList(params) {
+  return request({
+    url: '/case/isCriticalListPage',
+    method: 'get',
+    params
+  })
+}
diff --git a/src/components/CaseCommon/caseList.vue b/src/components/CaseCommon/caseList.vue
index d17fc63..9486ff1 100644
--- a/src/components/CaseCommon/caseList.vue
+++ b/src/components/CaseCommon/caseList.vue
@@ -50,6 +50,37 @@
         }
       }
     },
+    tableColumns: {
+      type: Array,
+      default() {
+        return [
+          {
+            text: '案卷编号',
+            value: 'caseid'
+          },
+          {
+            text: '节点名称',
+            value: 'caseStateName'
+          },
+          {
+            text: '信息来源',
+            value: 'sourceName'
+          },
+          {
+            text: '案卷类别',
+            value: 'eorcName'
+          },
+          {
+            text: '所剩时间',
+            value: 'remainingTime'
+          },
+          {
+            text: '问题描述',
+            value: 'description'
+          }
+        ]
+      }
+    },
     total: {
       type: Number,
       default: 0
@@ -57,32 +88,6 @@
   },
   data() {
     return {
-      tableColumns: [
-        {
-          text: '案卷编号',
-          value: 'caseid'
-        },
-        {
-          text: '节点名称',
-          value: 'caseStateName'
-        },
-        {
-          text: '信息来源',
-          value: 'sourceName'
-        },
-        {
-          text: '案卷类别',
-          value: 'eorcName'
-        },
-        {
-          text: '所剩时间',
-          value: 'remainingTime'
-        },
-        {
-          text: '问题描述',
-          value: 'description'
-        }
-      ]
     }
   },
   methods: {
diff --git a/src/views/seo/components/searchDiv.vue b/src/views/seo/components/searchDiv.vue
new file mode 100644
index 0000000..d73849a
--- /dev/null
+++ b/src/views/seo/components/searchDiv.vue
@@ -0,0 +1,117 @@
+<!--简易搜索框-->
+<template>
+  <div class="search-div">
+    <el-form ref="searchForm" :inline="true" :model="listQuery.queryCondition" class="form-container">
+      <el-row>
+        <el-form-item class="selectForm-container-item">
+          <el-input v-model="listQuery.caseid" clearable placeholder="案卷编号"/>
+        </el-form-item>
+        <el-form-item class="selectForm-container-item">
+          <el-input v-model="listQuery.description" clearable placeholder="案卷描述"/>
+        </el-form-item>
+        <el-form-item class="selectForm-container-item">
+          <el-select v-model="listQuery.source" clearable placeholder="请选择事件来源">
+            <el-option
+              v-for="item in caseSourceList"
+              :key="item.value"
+              :label="item.name"
+              :value="item.value"
+            />
+          </el-select>
+        </el-form-item>
+        <el-form-item class="selectForm-container-item">
+          <el-select v-model="listQuery.caseState" clearable placeholder="请选择案卷状态">
+            <el-option
+              v-for="item in caseStateList"
+              :key="item.value"
+              :label="item.name"
+              :value="item.value"
+            />
+          </el-select>
+        </el-form-item>
+        <el-form-item>
+          <el-button type="primary" @click="search">查询</el-button>
+          <el-button @click="openSearchMore">高级检索</el-button>
+        </el-form-item>
+      </el-row>
+    </el-form>
+    <search-more v-show="searchMoreShow" ref="searchMore" @searchMore="searchMore"/>
+  </div>
+</template>
+
+<script>
+import { getCaseSourceList, getCaseStateList } from '@/api/seo/seo'
+import SearchMore from './searchMore'
+
+export default {
+  name: 'SearchDiv',
+  components: { SearchMore },
+  props: {
+    listQuery: {
+      type: Object,
+      default() {
+        return {
+          caseid: '',
+          description: '',
+          source: '',
+          caseState: '',
+          offset: 1,
+          limit: 10,
+          sort: '',
+          order: ''
+        }
+      }
+    }
+  },
+  data() {
+    return {
+      searchMoreShow: false, // 高级检索弹窗是否显示
+      caseSourceList: [],
+      caseStateList: []
+    }
+  },
+  mounted() {
+    this.getCaseSource()
+    this.getCaseState()
+  },
+  methods: {
+    // 获取案卷来源列表
+    getCaseSource() {
+      getCaseSourceList().then(response => {
+        this.caseSourceList = response.data
+      })
+    },
+    // 获取案卷状态列表
+    getCaseState() {
+      getCaseStateList().then(response => {
+        this.caseStateList = response.data
+      })
+    },
+    // 查询条件
+    search() {
+      this.listQuery.offset = 1
+      this.$emit('searchForm', this.listQuery)
+    },
+    // 执行高级查询
+    searchMore(listQuery) {
+      this.$emit('searchForm', listQuery)
+    },
+    openSearchMore() {
+      this.searchMoreShow = true
+      this.$refs.searchMore.initDialog(this.searchMoreShow)
+    }
+  }
+}
+</script>
+
+<style scoped>
+  .search-div{
+    /* padding-top: 50px; */
+    /* padding-bottom: -40px; */
+    margin-top: 20px;
+    margin-left: 20px;
+  }
+  .el-form-item {
+    margin-bottom: 5px !important;
+  }
+</style>

diff --git a/src/api/seo/seo.js b/src/api/seo/seo.js
new file mode 100644
index 0000000..2eed034
--- /dev/null
+++ b/src/api/seo/seo.js
@@ -0,0 +1,88 @@
+import request from '@/utils/request'
+
+// 综合查询接口
+export function seoSearch(params) {
+  return request({
+    url: '/case/queryListPage',
+    method: 'get',
+    params
+  })
+}
+
+// 案卷来源
+export function getCaseSourceList() {
+  return request({
+    url: '/dict/code/caseSource',
+    method: 'get'
+  })
+}
+
+// 案卷等级
+export function getCaseLevelList() {
+  return request({
+    url: '/dict/code/caseLevel',
+    method: 'get'
+  })
+}
+
+// 案卷状态
+export function getCaseStateList() {
+  return request({
+    url: '/dict/code/caseState',
+    method: 'get'
+  })
+}
+
+// 案卷类别
+export function getCaseTypeList() {
+  return request({
+    url: '/dict/code/eorc',
+    method: 'get'
+  })
+}
+
+// 归档类型
+export function getFilingTypeList() {
+  return request({
+    url: '/dict/code/filingType',
+    method: 'get'
+  })
+}
+// 超期类型查询
+export function getSpecialQueryList() {
+  return request({
+    url: '/case/specialQueryList',
+    method: 'get'
+  })
+}
+
+// 大类
+export function getCaseBigTypeList(params) {
+  return request({
+    url: '/case/type/list',
+    method: 'get',
+    params
+  })
+}
+
+// 小类
+export function getCaseDetailTypeList(params) {
+  return request({
+    url: '/case/typeDetail/list',
+    method: 'get',
+    params
+  })
+}
+
+// 获取监督员列表
+export function getSupervisorList() {
+  return request({
+    url: '/mgr/simplelist',
+    method: 'post',
+    params: {
+      deptid: '',
+      hasMine: '0',
+      roleTips: 'supervisor'
+    }
+  })
+}
diff --git a/src/api/supervise/supervise.js b/src/api/supervise/supervise.js
new file mode 100644
index 0000000..a3cb5e7
--- /dev/null
+++ b/src/api/supervise/supervise.js
@@ -0,0 +1,18 @@
+import request from '@/utils/request'
+// 案卷督办
+// 超时案件查询接口
+export function getOvertimeList(params) {
+  return request({
+    url: '/case/isOvertimeListPage',
+    method: 'get',
+    params
+  })
+}
+// 紧急案件查询接口
+export function getCriticalList(params) {
+  return request({
+    url: '/case/isCriticalListPage',
+    method: 'get',
+    params
+  })
+}
diff --git a/src/components/CaseCommon/caseList.vue b/src/components/CaseCommon/caseList.vue
index d17fc63..9486ff1 100644
--- a/src/components/CaseCommon/caseList.vue
+++ b/src/components/CaseCommon/caseList.vue
@@ -50,6 +50,37 @@
         }
       }
     },
+    tableColumns: {
+      type: Array,
+      default() {
+        return [
+          {
+            text: '案卷编号',
+            value: 'caseid'
+          },
+          {
+            text: '节点名称',
+            value: 'caseStateName'
+          },
+          {
+            text: '信息来源',
+            value: 'sourceName'
+          },
+          {
+            text: '案卷类别',
+            value: 'eorcName'
+          },
+          {
+            text: '所剩时间',
+            value: 'remainingTime'
+          },
+          {
+            text: '问题描述',
+            value: 'description'
+          }
+        ]
+      }
+    },
     total: {
       type: Number,
       default: 0
@@ -57,32 +88,6 @@
   },
   data() {
     return {
-      tableColumns: [
-        {
-          text: '案卷编号',
-          value: 'caseid'
-        },
-        {
-          text: '节点名称',
-          value: 'caseStateName'
-        },
-        {
-          text: '信息来源',
-          value: 'sourceName'
-        },
-        {
-          text: '案卷类别',
-          value: 'eorcName'
-        },
-        {
-          text: '所剩时间',
-          value: 'remainingTime'
-        },
-        {
-          text: '问题描述',
-          value: 'description'
-        }
-      ]
     }
   },
   methods: {
diff --git a/src/views/seo/components/searchDiv.vue b/src/views/seo/components/searchDiv.vue
new file mode 100644
index 0000000..d73849a
--- /dev/null
+++ b/src/views/seo/components/searchDiv.vue
@@ -0,0 +1,117 @@
+<!--简易搜索框-->
+<template>
+  <div class="search-div">
+    <el-form ref="searchForm" :inline="true" :model="listQuery.queryCondition" class="form-container">
+      <el-row>
+        <el-form-item class="selectForm-container-item">
+          <el-input v-model="listQuery.caseid" clearable placeholder="案卷编号"/>
+        </el-form-item>
+        <el-form-item class="selectForm-container-item">
+          <el-input v-model="listQuery.description" clearable placeholder="案卷描述"/>
+        </el-form-item>
+        <el-form-item class="selectForm-container-item">
+          <el-select v-model="listQuery.source" clearable placeholder="请选择事件来源">
+            <el-option
+              v-for="item in caseSourceList"
+              :key="item.value"
+              :label="item.name"
+              :value="item.value"
+            />
+          </el-select>
+        </el-form-item>
+        <el-form-item class="selectForm-container-item">
+          <el-select v-model="listQuery.caseState" clearable placeholder="请选择案卷状态">
+            <el-option
+              v-for="item in caseStateList"
+              :key="item.value"
+              :label="item.name"
+              :value="item.value"
+            />
+          </el-select>
+        </el-form-item>
+        <el-form-item>
+          <el-button type="primary" @click="search">查询</el-button>
+          <el-button @click="openSearchMore">高级检索</el-button>
+        </el-form-item>
+      </el-row>
+    </el-form>
+    <search-more v-show="searchMoreShow" ref="searchMore" @searchMore="searchMore"/>
+  </div>
+</template>
+
+<script>
+import { getCaseSourceList, getCaseStateList } from '@/api/seo/seo'
+import SearchMore from './searchMore'
+
+export default {
+  name: 'SearchDiv',
+  components: { SearchMore },
+  props: {
+    listQuery: {
+      type: Object,
+      default() {
+        return {
+          caseid: '',
+          description: '',
+          source: '',
+          caseState: '',
+          offset: 1,
+          limit: 10,
+          sort: '',
+          order: ''
+        }
+      }
+    }
+  },
+  data() {
+    return {
+      searchMoreShow: false, // 高级检索弹窗是否显示
+      caseSourceList: [],
+      caseStateList: []
+    }
+  },
+  mounted() {
+    this.getCaseSource()
+    this.getCaseState()
+  },
+  methods: {
+    // 获取案卷来源列表
+    getCaseSource() {
+      getCaseSourceList().then(response => {
+        this.caseSourceList = response.data
+      })
+    },
+    // 获取案卷状态列表
+    getCaseState() {
+      getCaseStateList().then(response => {
+        this.caseStateList = response.data
+      })
+    },
+    // 查询条件
+    search() {
+      this.listQuery.offset = 1
+      this.$emit('searchForm', this.listQuery)
+    },
+    // 执行高级查询
+    searchMore(listQuery) {
+      this.$emit('searchForm', listQuery)
+    },
+    openSearchMore() {
+      this.searchMoreShow = true
+      this.$refs.searchMore.initDialog(this.searchMoreShow)
+    }
+  }
+}
+</script>
+
+<style scoped>
+  .search-div{
+    /* padding-top: 50px; */
+    /* padding-bottom: -40px; */
+    margin-top: 20px;
+    margin-left: 20px;
+  }
+  .el-form-item {
+    margin-bottom: 5px !important;
+  }
+</style>
diff --git a/src/views/seo/components/searchMore.vue b/src/views/seo/components/searchMore.vue
new file mode 100644
index 0000000..e0fa2ab
--- /dev/null
+++ b/src/views/seo/components/searchMore.vue
@@ -0,0 +1,421 @@
+<!--高级检索-->
+<template>
+  <el-dialog :visible.sync="dialogFormVisible" class="searchMoreDialog" title="高级检索" append-to-body @close="cancel">
+    <el-scrollbar>
+      <el-form ref="dataForm" :label-position="labelPosition" :model="listQuery" label-width="120px">
+        <el-row>
+          <el-col :span="8">
+            <el-form-item label="案卷编号">
+              <el-input v-model.trim="listQuery.caseid" type="text" placeholder="案卷编号"/>
+            </el-form-item>
+          </el-col>
+          <el-col :span="8">
+            <el-form-item label="案卷状态">
+              <el-select v-model="listQuery.caseState" clearable placeholder="请选择">
+                <el-option
+                  v-for="item in caseStateList"
+                  :key="item.value"
+                  :label="item.name"
+                  :value="item.value"
+                />
+              </el-select>
+            </el-form-item>
+          </el-col>
+          <el-col :span="8">
+            <el-form-item label="事件来源">
+              <el-select v-model="listQuery.source" clearable placeholder="请选择">
+                <el-option
+                  v-for="item in caseSourceList"
+                  :key="item.value"
+                  :label="item.name"
+                  :value="item.value"
+                />
+              </el-select>
+            </el-form-item>
+          </el-col>
+        </el-row>
+        <el-row>
+          <el-col :span="8">
+            <el-form-item label="超期查询">
+              <el-select v-model="listQuery.specialQuery" clearable placeholder="请选择">
+                <el-option
+                  v-for="item in specialQueryList"
+                  :key="item.state"
+                  :label="item.stateName"
+                  :value="item.state"
+                />
+              </el-select>
+            </el-form-item>
+          </el-col>
+          <el-col :span="8">
+            <el-form-item label="问题描述">
+              <el-input v-model.trim="listQuery.description" type="text" placeholder="问题描述"/>
+            </el-form-item>
+          </el-col>
+          <el-col :span="8">
+            <el-form-item label="发生地点">
+              <el-input v-model.trim="listQuery.fieldintro" type="text" placeholder="发生地点"/>
+            </el-form-item>
+          </el-col>
+        </el-row>
+        <el-row>
+          <el-col :span="8">
+            <el-form-item label="案卷类别">
+              <el-select v-model="listQuery.eorc" clearable placeholder="请选择">
+                <el-option
+                  v-for="item in caseTypeList"
+                  :key="item.value"
+                  :label="item.name"
+                  :value="item.value"
+                />
+              </el-select>
+            </el-form-item>
+          </el-col>
+          <el-col :span="8">
+            <el-form-item label="案卷大类">
+              <el-select v-model="listQuery.casetypeCode" clearable placeholder="请选择">
+                <el-option
+                  v-for="item in caseBigTypeList"
+                  :key="item.id"
+                  :label="item.typeName"
+                  :value="item.id"
+                />
+              </el-select>
+            </el-form-item>
+          </el-col>
+          <el-col :span="8">
+            <el-form-item label="案卷小类">
+              <el-select v-model="listQuery.casetypeDetailCode" clearable placeholder="请选择">
+                <el-option
+                  v-for="item in caseDetailTypeList"
+                  :key="item.typeDetailCode"
+                  :label="item.typeDetailName"
+                  :value="item.typeDetailCode"
+                />
+              </el-select>
+            </el-form-item>
+          </el-col>
+        </el-row>
+        <el-row>
+          <el-col :span="8">
+            <el-form-item label="上报人员">
+              <el-select v-model="listQuery.createUser" clearable placeholder="请选择">
+                <el-option
+                  v-for="item in supervisorList"
+                  :key="item.value"
+                  :label="item.name"
+                  :value="item.value"
+                />
+              </el-select>
+            </el-form-item>
+          </el-col>
+          <el-col :span="8">
+            <el-form-item label="业务单位">
+              <el-select v-model="listQuery.source" clearable placeholder="请选择">
+                <el-option
+                  v-for="item in caseSourceList"
+                  :key="item.value"
+                  :label="item.name"
+                  :value="item.value"
+                />
+              </el-select>
+            </el-form-item>
+          </el-col>
+          <el-col :span="8">
+            <el-form-item label="归档类型">
+              <el-select v-model="listQuery.filingType" clearable placeholder="请选择">
+                <el-option
+                  v-for="item in filingTypeList"
+                  :key="item.value"
+                  :label="item.name"
+                  :value="item.value"
+                />
+              </el-select>
+            </el-form-item>
+          </el-col>
+        </el-row>
+        <el-row>
+          <el-col :span="10" :offset="1">
+            <el-form-item label="上报开始时间">
+              <el-date-picker
+                v-model="listQuery.createTimeBegin"
+                type="datetime"
+                value-format="yyyy-MM-dd HH:mm:ss"
+                placeholder="选择上报开始时间"/>
+            </el-form-item>
+          </el-col>
+          <el-col :span="10" :offset="1">
+            <el-form-item label="上报结束时间">
+              <el-date-picker
+                v-model="listQuery.createTimeEnd"
+                type="datetime"
+                value-format="yyyy-MM-dd HH:mm:ss"
+                placeholder="选择上报结束时间"/>
+            </el-form-item>
+          </el-col>
+        </el-row>
+        <el-row>
+          <el-col :span="10" :offset="1">
+            <el-form-item label="立案开始时间">
+              <el-date-picker
+                v-model="listQuery.registerTimeBegin"
+                type="datetime"
+                value-format="yyyy-MM-dd HH:mm:ss"
+                placeholder="选择立案开始时间"/>
+            </el-form-item>
+          </el-col>
+          <el-col :span="10" :offset="1">
+            <el-form-item label="立案结束时间">
+              <el-date-picker
+                v-model="listQuery.registerTimeEnd"
+                type="datetime"
+                value-format="yyyy-MM-dd HH:mm:ss"
+                placeholder="选择立案结束时间"/>
+            </el-form-item>
+          </el-col>
+        </el-row>
+        <el-row>
+          <el-col :span="10" :offset="1">
+            <el-form-item label="结案开始时间">
+              <el-date-picker
+                v-model="listQuery.registerTimeBegin"
+                type="datetime"
+                value-format="yyyy-MM-dd HH:mm:ss"
+                placeholder="选择结案开始时间"/>
+            </el-form-item>
+          </el-col>
+          <el-col :span="10" :offset="1">
+            <el-form-item label="结案结束时间">
+              <el-date-picker
+                v-model="listQuery.registerTimeEnd"
+                type="datetime"
+                value-format="yyyy-MM-dd HH:mm:ss"
+                placeholder="选择结案结束时间"/>
+            </el-form-item>
+          </el-col>
+        </el-row>
+
+      </el-form>
+
+    </el-scrollbar>
+    <div slot="footer" class="dialog-footer">
+      <el-button type="primary" @click="search">保存</el-button>
+      <el-button type="info" icon="el-icon-delete" @click="clearForm">清空</el-button>
+      <el-button @click="cancel">取消</el-button>
+    </div>
+  </el-dialog>
+</template>
+
+<script>
+
+import { getCaseSourceList, getSupervisorList, getCaseStateList, getCaseTypeList, getCaseBigTypeList, getCaseDetailTypeList, getFilingTypeList, getSpecialQueryList } from '@/api/seo/seo'
+
+export default {
+  name: 'SearchMore',
+  data() {
+    return {
+      dialogFormVisible: false, // 对话框是否显示
+      listQuery: {
+        caseid: '', // 案卷编号
+        caseState: '', // 案卷状态
+        source: '', // 案卷来源
+        description: '', // 案卷描述
+        fieldintro: '', // 地点描述
+        eorc: '', // 案卷类型，
+        casetypeCode: '', // 大类
+        casetypeDetailCode: '', // 小类
+        onedeptid: '', // 业务单位id
+        filingType: '', // 归档类型
+        isShopCase: '', // 是否五包案卷,
+        specialQuery: '', // 超期查询字典值
+        area: '', // 街道
+        createUser: '', // 上报人员id
+        createTimeBegin: '', // 案卷录入开始时间
+        createTimeEnd: '', // 案卷录入结束时间
+        registerTimeBegin: '', // 立案开始时间
+        registerTimeEnd: '', // 立案结束时间
+        closeTimeBegin: '', // 结案开始时间
+        closeTimeEnd: '', // 结案结束时间
+        offset: 1,
+        limit: 10,
+        sort: '',
+        order: ''
+      }, // 表单
+      labelPosition: 'right', // label的位置
+      caseStateList: [], // 案卷状态列表
+      caseSourceList: [], // 案卷来源列表
+      specialQueryList: [], // 超期类型列表
+      caseTypeList: [], // 案卷类别列表
+      caseBigTypeList: [], // 案卷大类别列表
+      caseDetailTypeList: [], // 案卷小类别列表
+      filingTypeList: [], // 归档类型
+      deptList: [], // 业务单位列表
+      supervisorList: [] // 上报人员列表
+    }
+  },
+  watch: {
+    'listQuery.eorc'(val) { // 监控权属单位变化
+      if (val !== '') {
+        this.getCaseBigType()
+      }
+    },
+    'listQuery.casetypeCode'(val) {
+      if (val !== '') {
+        this.getCaseDetailType()
+      }
+    }
+  },
+  mounted() {
+    this.getCaseSource()
+    this.getCaseState()
+    this.getCaseType()
+    this.getCaseBigType()
+    this.getCaseDetailType()
+    this.getFilingTypeList()
+    this.getSpecialQueryList()
+    this.getSuperVisorList()
+  },
+  methods: {
+    // 初始化对话框
+    initDialog: function(dialogFormVisible) {
+      this.dialogFormVisible = dialogFormVisible
+    },
+    // 获取案卷等级列表
+    getSuperVisorList() {
+      getSupervisorList().then(response => {
+        this.supervisorList = response.data
+      })
+    },
+    // 获取超期类型查询列表
+    getSpecialQueryList() {
+      getSpecialQueryList().then(response => {
+        this.specialQueryList = response.data
+      })
+    },
+    // 获取案卷来源列表
+    getCaseSource() {
+      getCaseSourceList().then(response => {
+        this.caseSourceList = response.data
+      })
+    },
+    // 获取案卷状态列表
+    getCaseState() {
+      getCaseStateList().then(response => {
+        this.caseStateList = response.data
+      })
+    },
+    // 获取案卷状态列表
+    getFilingTypeList() {
+      getFilingTypeList().then(response => {
+        this.filingTypeList = response.data
+      })
+    },
+    // 获取案卷类别
+    getCaseType() {
+      getCaseTypeList().then(response => {
+        this.caseTypeList = response.data
+      })
+    },
+    // 获取案卷大类
+    getCaseBigType() {
+      const params = {
+        eorc: this.listQuery.eorc
+      }
+      getCaseBigTypeList(params).then(response => {
+        this.caseBigTypeList = response.data
+      })
+    },
+    // 获取案卷小类
+    getCaseDetailType() {
+      const params = {
+        eorc: this.listQuery.eorc,
+        typeId: this.listQuery.casetypeCode
+      }
+      getCaseDetailTypeList(params).then(response => {
+        this.caseDetailTypeList = response.data
+      })
+    },
+    // 取消
+    cancel() {
+      this.dialogFormVisible = false
+      // this.clearForm()
+    },
+    // 保存数据
+    search: function() {
+      this.$emit('searchMore', this.listQuery)
+    },
+    clearForm() {
+      this.listQuery = {
+        caseid: '', // 案卷编号
+        caseState: '', // 案卷状态
+        source: '', // 案卷来源
+        description: '', // 案卷描述
+        fieldintro: '', // 地点描述
+        eorc: '', // 案卷类型，
+        casetypeCode: '', // 大类
+        casetypeDetailCode: '', // 小类
+        onedeptid: '', // 业务单位id
+        filingType: '', // 归档类型
+        isShopCase: '', // 是否五包案卷,
+        specialQuery: '', // 超期查询字典值
+        area: '', // 街道
+        createUser: '', // 上报人员id
+        createTimeBegin: '', // 案卷录入开始时间
+        createTimeEnd: '', // 案卷录入结束时间
+        registerTimeBegin: '', // 立案开始时间
+        registerTimeEnd: '', // 立案结束时间
+        closeTimeBegin: '', // 结案开始时间
+        closeTimeEnd: '' // 结案结束时间
+      }
+    }
+  }
+}
+</script>
+
+<style rel="stylesheet/scss" lang="scss">
+  .hide .el-upload--picture-card {
+    display: none;
+  }
+
+  .searchMoreDialog {
+    .el-dialog {
+      width: 950px;
+      margin-top: 10vh !important;
+      .el-dialog__body {
+      }
+      .el-scrollbar {
+        height: 435px !important;
+        width: 100%;
+      }
+      .el-scrollbar__wrap {
+        /*overflow: scroll;*/
+        overflow-x: auto;
+        overflow-y: auto;
+      }
+      .el-scrollbar__view {
+        width: 98%;
+      }
+      .el-date-editor{
+        width: 100%;
+      }
+    }
+  }
+
+  .el-select {
+    width: 100%;
+  }
+
+  .line {
+    width: 50px;
+    margin-left: 5px;
+  }
+
+  .hide .el-upload-–picture-card {
+    display: none;
+  }
+
+  .imgBox {
+    width: 100%;
+    text-align: center;
+  }
+</style>

diff --git a/src/api/seo/seo.js b/src/api/seo/seo.js
new file mode 100644
index 0000000..2eed034
--- /dev/null
+++ b/src/api/seo/seo.js
@@ -0,0 +1,88 @@
+import request from '@/utils/request'
+
+// 综合查询接口
+export function seoSearch(params) {
+  return request({
+    url: '/case/queryListPage',
+    method: 'get',
+    params
+  })
+}
+
+// 案卷来源
+export function getCaseSourceList() {
+  return request({
+    url: '/dict/code/caseSource',
+    method: 'get'
+  })
+}
+
+// 案卷等级
+export function getCaseLevelList() {
+  return request({
+    url: '/dict/code/caseLevel',
+    method: 'get'
+  })
+}
+
+// 案卷状态
+export function getCaseStateList() {
+  return request({
+    url: '/dict/code/caseState',
+    method: 'get'
+  })
+}
+
+// 案卷类别
+export function getCaseTypeList() {
+  return request({
+    url: '/dict/code/eorc',
+    method: 'get'
+  })
+}
+
+// 归档类型
+export function getFilingTypeList() {
+  return request({
+    url: '/dict/code/filingType',
+    method: 'get'
+  })
+}
+// 超期类型查询
+export function getSpecialQueryList() {
+  return request({
+    url: '/case/specialQueryList',
+    method: 'get'
+  })
+}
+
+// 大类
+export function getCaseBigTypeList(params) {
+  return request({
+    url: '/case/type/list',
+    method: 'get',
+    params
+  })
+}
+
+// 小类
+export function getCaseDetailTypeList(params) {
+  return request({
+    url: '/case/typeDetail/list',
+    method: 'get',
+    params
+  })
+}
+
+// 获取监督员列表
+export function getSupervisorList() {
+  return request({
+    url: '/mgr/simplelist',
+    method: 'post',
+    params: {
+      deptid: '',
+      hasMine: '0',
+      roleTips: 'supervisor'
+    }
+  })
+}
diff --git a/src/api/supervise/supervise.js b/src/api/supervise/supervise.js
new file mode 100644
index 0000000..a3cb5e7
--- /dev/null
+++ b/src/api/supervise/supervise.js
@@ -0,0 +1,18 @@
+import request from '@/utils/request'
+// 案卷督办
+// 超时案件查询接口
+export function getOvertimeList(params) {
+  return request({
+    url: '/case/isOvertimeListPage',
+    method: 'get',
+    params
+  })
+}
+// 紧急案件查询接口
+export function getCriticalList(params) {
+  return request({
+    url: '/case/isCriticalListPage',
+    method: 'get',
+    params
+  })
+}
diff --git a/src/components/CaseCommon/caseList.vue b/src/components/CaseCommon/caseList.vue
index d17fc63..9486ff1 100644
--- a/src/components/CaseCommon/caseList.vue
+++ b/src/components/CaseCommon/caseList.vue
@@ -50,6 +50,37 @@
         }
       }
     },
+    tableColumns: {
+      type: Array,
+      default() {
+        return [
+          {
+            text: '案卷编号',
+            value: 'caseid'
+          },
+          {
+            text: '节点名称',
+            value: 'caseStateName'
+          },
+          {
+            text: '信息来源',
+            value: 'sourceName'
+          },
+          {
+            text: '案卷类别',
+            value: 'eorcName'
+          },
+          {
+            text: '所剩时间',
+            value: 'remainingTime'
+          },
+          {
+            text: '问题描述',
+            value: 'description'
+          }
+        ]
+      }
+    },
     total: {
       type: Number,
       default: 0
@@ -57,32 +88,6 @@
   },
   data() {
     return {
-      tableColumns: [
-        {
-          text: '案卷编号',
-          value: 'caseid'
-        },
-        {
-          text: '节点名称',
-          value: 'caseStateName'
-        },
-        {
-          text: '信息来源',
-          value: 'sourceName'
-        },
-        {
-          text: '案卷类别',
-          value: 'eorcName'
-        },
-        {
-          text: '所剩时间',
-          value: 'remainingTime'
-        },
-        {
-          text: '问题描述',
-          value: 'description'
-        }
-      ]
     }
   },
   methods: {
diff --git a/src/views/seo/components/searchDiv.vue b/src/views/seo/components/searchDiv.vue
new file mode 100644
index 0000000..d73849a
--- /dev/null
+++ b/src/views/seo/components/searchDiv.vue
@@ -0,0 +1,117 @@
+<!--简易搜索框-->
+<template>
+  <div class="search-div">
+    <el-form ref="searchForm" :inline="true" :model="listQuery.queryCondition" class="form-container">
+      <el-row>
+        <el-form-item class="selectForm-container-item">
+          <el-input v-model="listQuery.caseid" clearable placeholder="案卷编号"/>
+        </el-form-item>
+        <el-form-item class="selectForm-container-item">
+          <el-input v-model="listQuery.description" clearable placeholder="案卷描述"/>
+        </el-form-item>
+        <el-form-item class="selectForm-container-item">
+          <el-select v-model="listQuery.source" clearable placeholder="请选择事件来源">
+            <el-option
+              v-for="item in caseSourceList"
+              :key="item.value"
+              :label="item.name"
+              :value="item.value"
+            />
+          </el-select>
+        </el-form-item>
+        <el-form-item class="selectForm-container-item">
+          <el-select v-model="listQuery.caseState" clearable placeholder="请选择案卷状态">
+            <el-option
+              v-for="item in caseStateList"
+              :key="item.value"
+              :label="item.name"
+              :value="item.value"
+            />
+          </el-select>
+        </el-form-item>
+        <el-form-item>
+          <el-button type="primary" @click="search">查询</el-button>
+          <el-button @click="openSearchMore">高级检索</el-button>
+        </el-form-item>
+      </el-row>
+    </el-form>
+    <search-more v-show="searchMoreShow" ref="searchMore" @searchMore="searchMore"/>
+  </div>
+</template>
+
+<script>
+import { getCaseSourceList, getCaseStateList } from '@/api/seo/seo'
+import SearchMore from './searchMore'
+
+export default {
+  name: 'SearchDiv',
+  components: { SearchMore },
+  props: {
+    listQuery: {
+      type: Object,
+      default() {
+        return {
+          caseid: '',
+          description: '',
+          source: '',
+          caseState: '',
+          offset: 1,
+          limit: 10,
+          sort: '',
+          order: ''
+        }
+      }
+    }
+  },
+  data() {
+    return {
+      searchMoreShow: false, // 高级检索弹窗是否显示
+      caseSourceList: [],
+      caseStateList: []
+    }
+  },
+  mounted() {
+    this.getCaseSource()
+    this.getCaseState()
+  },
+  methods: {
+    // 获取案卷来源列表
+    getCaseSource() {
+      getCaseSourceList().then(response => {
+        this.caseSourceList = response.data
+      })
+    },
+    // 获取案卷状态列表
+    getCaseState() {
+      getCaseStateList().then(response => {
+        this.caseStateList = response.data
+      })
+    },
+    // 查询条件
+    search() {
+      this.listQuery.offset = 1
+      this.$emit('searchForm', this.listQuery)
+    },
+    // 执行高级查询
+    searchMore(listQuery) {
+      this.$emit('searchForm', listQuery)
+    },
+    openSearchMore() {
+      this.searchMoreShow = true
+      this.$refs.searchMore.initDialog(this.searchMoreShow)
+    }
+  }
+}
+</script>
+
+<style scoped>
+  .search-div{
+    /* padding-top: 50px; */
+    /* padding-bottom: -40px; */
+    margin-top: 20px;
+    margin-left: 20px;
+  }
+  .el-form-item {
+    margin-bottom: 5px !important;
+  }
+</style>
diff --git a/src/views/seo/components/searchMore.vue b/src/views/seo/components/searchMore.vue
new file mode 100644
index 0000000..e0fa2ab
--- /dev/null
+++ b/src/views/seo/components/searchMore.vue
@@ -0,0 +1,421 @@
+<!--高级检索-->
+<template>
+  <el-dialog :visible.sync="dialogFormVisible" class="searchMoreDialog" title="高级检索" append-to-body @close="cancel">
+    <el-scrollbar>
+      <el-form ref="dataForm" :label-position="labelPosition" :model="listQuery" label-width="120px">
+        <el-row>
+          <el-col :span="8">
+            <el-form-item label="案卷编号">
+              <el-input v-model.trim="listQuery.caseid" type="text" placeholder="案卷编号"/>
+            </el-form-item>
+          </el-col>
+          <el-col :span="8">
+            <el-form-item label="案卷状态">
+              <el-select v-model="listQuery.caseState" clearable placeholder="请选择">
+                <el-option
+                  v-for="item in caseStateList"
+                  :key="item.value"
+                  :label="item.name"
+                  :value="item.value"
+                />
+              </el-select>
+            </el-form-item>
+          </el-col>
+          <el-col :span="8">
+            <el-form-item label="事件来源">
+              <el-select v-model="listQuery.source" clearable placeholder="请选择">
+                <el-option
+                  v-for="item in caseSourceList"
+                  :key="item.value"
+                  :label="item.name"
+                  :value="item.value"
+                />
+              </el-select>
+            </el-form-item>
+          </el-col>
+        </el-row>
+        <el-row>
+          <el-col :span="8">
+            <el-form-item label="超期查询">
+              <el-select v-model="listQuery.specialQuery" clearable placeholder="请选择">
+                <el-option
+                  v-for="item in specialQueryList"
+                  :key="item.state"
+                  :label="item.stateName"
+                  :value="item.state"
+                />
+              </el-select>
+            </el-form-item>
+          </el-col>
+          <el-col :span="8">
+            <el-form-item label="问题描述">
+              <el-input v-model.trim="listQuery.description" type="text" placeholder="问题描述"/>
+            </el-form-item>
+          </el-col>
+          <el-col :span="8">
+            <el-form-item label="发生地点">
+              <el-input v-model.trim="listQuery.fieldintro" type="text" placeholder="发生地点"/>
+            </el-form-item>
+          </el-col>
+        </el-row>
+        <el-row>
+          <el-col :span="8">
+            <el-form-item label="案卷类别">
+              <el-select v-model="listQuery.eorc" clearable placeholder="请选择">
+                <el-option
+                  v-for="item in caseTypeList"
+                  :key="item.value"
+                  :label="item.name"
+                  :value="item.value"
+                />
+              </el-select>
+            </el-form-item>
+          </el-col>
+          <el-col :span="8">
+            <el-form-item label="案卷大类">
+              <el-select v-model="listQuery.casetypeCode" clearable placeholder="请选择">
+                <el-option
+                  v-for="item in caseBigTypeList"
+                  :key="item.id"
+                  :label="item.typeName"
+                  :value="item.id"
+                />
+              </el-select>
+            </el-form-item>
+          </el-col>
+          <el-col :span="8">
+            <el-form-item label="案卷小类">
+              <el-select v-model="listQuery.casetypeDetailCode" clearable placeholder="请选择">
+                <el-option
+                  v-for="item in caseDetailTypeList"
+                  :key="item.typeDetailCode"
+                  :label="item.typeDetailName"
+                  :value="item.typeDetailCode"
+                />
+              </el-select>
+            </el-form-item>
+          </el-col>
+        </el-row>
+        <el-row>
+          <el-col :span="8">
+            <el-form-item label="上报人员">
+              <el-select v-model="listQuery.createUser" clearable placeholder="请选择">
+                <el-option
+                  v-for="item in supervisorList"
+                  :key="item.value"
+                  :label="item.name"
+                  :value="item.value"
+                />
+              </el-select>
+            </el-form-item>
+          </el-col>
+          <el-col :span="8">
+            <el-form-item label="业务单位">
+              <el-select v-model="listQuery.source" clearable placeholder="请选择">
+                <el-option
+                  v-for="item in caseSourceList"
+                  :key="item.value"
+                  :label="item.name"
+                  :value="item.value"
+                />
+              </el-select>
+            </el-form-item>
+          </el-col>
+          <el-col :span="8">
+            <el-form-item label="归档类型">
+              <el-select v-model="listQuery.filingType" clearable placeholder="请选择">
+                <el-option
+                  v-for="item in filingTypeList"
+                  :key="item.value"
+                  :label="item.name"
+                  :value="item.value"
+                />
+              </el-select>
+            </el-form-item>
+          </el-col>
+        </el-row>
+        <el-row>
+          <el-col :span="10" :offset="1">
+            <el-form-item label="上报开始时间">
+              <el-date-picker
+                v-model="listQuery.createTimeBegin"
+                type="datetime"
+                value-format="yyyy-MM-dd HH:mm:ss"
+                placeholder="选择上报开始时间"/>
+            </el-form-item>
+          </el-col>
+          <el-col :span="10" :offset="1">
+            <el-form-item label="上报结束时间">
+              <el-date-picker
+                v-model="listQuery.createTimeEnd"
+                type="datetime"
+                value-format="yyyy-MM-dd HH:mm:ss"
+                placeholder="选择上报结束时间"/>
+            </el-form-item>
+          </el-col>
+        </el-row>
+        <el-row>
+          <el-col :span="10" :offset="1">
+            <el-form-item label="立案开始时间">
+              <el-date-picker
+                v-model="listQuery.registerTimeBegin"
+                type="datetime"
+                value-format="yyyy-MM-dd HH:mm:ss"
+                placeholder="选择立案开始时间"/>
+            </el-form-item>
+          </el-col>
+          <el-col :span="10" :offset="1">
+            <el-form-item label="立案结束时间">
+              <el-date-picker
+                v-model="listQuery.registerTimeEnd"
+                type="datetime"
+                value-format="yyyy-MM-dd HH:mm:ss"
+                placeholder="选择立案结束时间"/>
+            </el-form-item>
+          </el-col>
+        </el-row>
+        <el-row>
+          <el-col :span="10" :offset="1">
+            <el-form-item label="结案开始时间">
+              <el-date-picker
+                v-model="listQuery.registerTimeBegin"
+                type="datetime"
+                value-format="yyyy-MM-dd HH:mm:ss"
+                placeholder="选择结案开始时间"/>
+            </el-form-item>
+          </el-col>
+          <el-col :span="10" :offset="1">
+            <el-form-item label="结案结束时间">
+              <el-date-picker
+                v-model="listQuery.registerTimeEnd"
+                type="datetime"
+                value-format="yyyy-MM-dd HH:mm:ss"
+                placeholder="选择结案结束时间"/>
+            </el-form-item>
+          </el-col>
+        </el-row>
+
+      </el-form>
+
+    </el-scrollbar>
+    <div slot="footer" class="dialog-footer">
+      <el-button type="primary" @click="search">保存</el-button>
+      <el-button type="info" icon="el-icon-delete" @click="clearForm">清空</el-button>
+      <el-button @click="cancel">取消</el-button>
+    </div>
+  </el-dialog>
+</template>
+
+<script>
+
+import { getCaseSourceList, getSupervisorList, getCaseStateList, getCaseTypeList, getCaseBigTypeList, getCaseDetailTypeList, getFilingTypeList, getSpecialQueryList } from '@/api/seo/seo'
+
+export default {
+  name: 'SearchMore',
+  data() {
+    return {
+      dialogFormVisible: false, // 对话框是否显示
+      listQuery: {
+        caseid: '', // 案卷编号
+        caseState: '', // 案卷状态
+        source: '', // 案卷来源
+        description: '', // 案卷描述
+        fieldintro: '', // 地点描述
+        eorc: '', // 案卷类型，
+        casetypeCode: '', // 大类
+        casetypeDetailCode: '', // 小类
+        onedeptid: '', // 业务单位id
+        filingType: '', // 归档类型
+        isShopCase: '', // 是否五包案卷,
+        specialQuery: '', // 超期查询字典值
+        area: '', // 街道
+        createUser: '', // 上报人员id
+        createTimeBegin: '', // 案卷录入开始时间
+        createTimeEnd: '', // 案卷录入结束时间
+        registerTimeBegin: '', // 立案开始时间
+        registerTimeEnd: '', // 立案结束时间
+        closeTimeBegin: '', // 结案开始时间
+        closeTimeEnd: '', // 结案结束时间
+        offset: 1,
+        limit: 10,
+        sort: '',
+        order: ''
+      }, // 表单
+      labelPosition: 'right', // label的位置
+      caseStateList: [], // 案卷状态列表
+      caseSourceList: [], // 案卷来源列表
+      specialQueryList: [], // 超期类型列表
+      caseTypeList: [], // 案卷类别列表
+      caseBigTypeList: [], // 案卷大类别列表
+      caseDetailTypeList: [], // 案卷小类别列表
+      filingTypeList: [], // 归档类型
+      deptList: [], // 业务单位列表
+      supervisorList: [] // 上报人员列表
+    }
+  },
+  watch: {
+    'listQuery.eorc'(val) { // 监控权属单位变化
+      if (val !== '') {
+        this.getCaseBigType()
+      }
+    },
+    'listQuery.casetypeCode'(val) {
+      if (val !== '') {
+        this.getCaseDetailType()
+      }
+    }
+  },
+  mounted() {
+    this.getCaseSource()
+    this.getCaseState()
+    this.getCaseType()
+    this.getCaseBigType()
+    this.getCaseDetailType()
+    this.getFilingTypeList()
+    this.getSpecialQueryList()
+    this.getSuperVisorList()
+  },
+  methods: {
+    // 初始化对话框
+    initDialog: function(dialogFormVisible) {
+      this.dialogFormVisible = dialogFormVisible
+    },
+    // 获取案卷等级列表
+    getSuperVisorList() {
+      getSupervisorList().then(response => {
+        this.supervisorList = response.data
+      })
+    },
+    // 获取超期类型查询列表
+    getSpecialQueryList() {
+      getSpecialQueryList().then(response => {
+        this.specialQueryList = response.data
+      })
+    },
+    // 获取案卷来源列表
+    getCaseSource() {
+      getCaseSourceList().then(response => {
+        this.caseSourceList = response.data
+      })
+    },
+    // 获取案卷状态列表
+    getCaseState() {
+      getCaseStateList().then(response => {
+        this.caseStateList = response.data
+      })
+    },
+    // 获取案卷状态列表
+    getFilingTypeList() {
+      getFilingTypeList().then(response => {
+        this.filingTypeList = response.data
+      })
+    },
+    // 获取案卷类别
+    getCaseType() {
+      getCaseTypeList().then(response => {
+        this.caseTypeList = response.data
+      })
+    },
+    // 获取案卷大类
+    getCaseBigType() {
+      const params = {
+        eorc: this.listQuery.eorc
+      }
+      getCaseBigTypeList(params).then(response => {
+        this.caseBigTypeList = response.data
+      })
+    },
+    // 获取案卷小类
+    getCaseDetailType() {
+      const params = {
+        eorc: this.listQuery.eorc,
+        typeId: this.listQuery.casetypeCode
+      }
+      getCaseDetailTypeList(params).then(response => {
+        this.caseDetailTypeList = response.data
+      })
+    },
+    // 取消
+    cancel() {
+      this.dialogFormVisible = false
+      // this.clearForm()
+    },
+    // 保存数据
+    search: function() {
+      this.$emit('searchMore', this.listQuery)
+    },
+    clearForm() {
+      this.listQuery = {
+        caseid: '', // 案卷编号
+        caseState: '', // 案卷状态
+        source: '', // 案卷来源
+        description: '', // 案卷描述
+        fieldintro: '', // 地点描述
+        eorc: '', // 案卷类型，
+        casetypeCode: '', // 大类
+        casetypeDetailCode: '', // 小类
+        onedeptid: '', // 业务单位id
+        filingType: '', // 归档类型
+        isShopCase: '', // 是否五包案卷,
+        specialQuery: '', // 超期查询字典值
+        area: '', // 街道
+        createUser: '', // 上报人员id
+        createTimeBegin: '', // 案卷录入开始时间
+        createTimeEnd: '', // 案卷录入结束时间
+        registerTimeBegin: '', // 立案开始时间
+        registerTimeEnd: '', // 立案结束时间
+        closeTimeBegin: '', // 结案开始时间
+        closeTimeEnd: '' // 结案结束时间
+      }
+    }
+  }
+}
+</script>
+
+<style rel="stylesheet/scss" lang="scss">
+  .hide .el-upload--picture-card {
+    display: none;
+  }
+
+  .searchMoreDialog {
+    .el-dialog {
+      width: 950px;
+      margin-top: 10vh !important;
+      .el-dialog__body {
+      }
+      .el-scrollbar {
+        height: 435px !important;
+        width: 100%;
+      }
+      .el-scrollbar__wrap {
+        /*overflow: scroll;*/
+        overflow-x: auto;
+        overflow-y: auto;
+      }
+      .el-scrollbar__view {
+        width: 98%;
+      }
+      .el-date-editor{
+        width: 100%;
+      }
+    }
+  }
+
+  .el-select {
+    width: 100%;
+  }
+
+  .line {
+    width: 50px;
+    margin-left: 5px;
+  }
+
+  .hide .el-upload-–picture-card {
+    display: none;
+  }
+
+  .imgBox {
+    width: 100%;
+    text-align: center;
+  }
+</style>
diff --git a/src/views/seo/seo.vue b/src/views/seo/seo.vue
new file mode 100644
index 0000000..1922d6c
--- /dev/null
+++ b/src/views/seo/seo.vue
@@ -0,0 +1,180 @@
+<template>
+  <div>
+    <el-tabs v-model="editableTabsValue" type="card" @tab-remove="removeTab">
+
+      <el-tab-pane label="综合查询" name="listTab">
+        <div class="block" style="padding-top:30px"/>
+        <search-div @searchForm="searchForm"/>
+        <case-list
+          v-loading="listLoading"
+          :case-list="caseList"
+          :total="total"
+          :list-query="listQuery"
+          :table-columns="tableColumns"
+          @changeQuery="changeQuery"
+          @addDetail="addDetail"/>
+      </el-tab-pane>
+
+      <el-tab-pane
+        v-for="(item) in editableTabs"
+        :key="item.name"
+        :label="item.title"
+        :name="item.name"
+        closable
+      >
+        <div class="block" style="padding-top:30px"/>
+        <case-detail :id="item.index" :row="props[item.index]" @submitProcess="submitProcess"/>
+      </el-tab-pane>
+    </el-tabs>
+  </div>
+</template>
+
+<script>
+import _ from 'lodash'
+import CaseList from '@/components/CaseCommon/caseList'
+import CaseDetail from '@/components/CaseCommon/caseDetail'
+import { seoSearch } from '@/api/seo/seo'
+import SearchDiv from '@/views/seo/components/searchDiv'
+
+export default {
+  name: 'Seo',
+  components: { SearchDiv, CaseList, CaseDetail },
+  data() {
+    return {
+      props: [], // 存储列表页传递的row
+      editableTabsValue: 'listTab',
+      editableTabs: [], // tab
+      caseList: [], // 案卷列表// ，传递给子组件
+      tableColumns: [
+        {
+          text: '案卷编号',
+          value: 'caseid'
+        },
+        {
+          text: '监督员',
+          value: 'user'
+        },
+        {
+          text: '发生地点',
+          value: 'position'
+        },
+        {
+          text: '所剩时间',
+          value: 'remainingTime'
+        },
+        {
+          text: '信息来源',
+          value: 'sourceName'
+        },
+        {
+          text: '案卷类别',
+          value: 'eorcName'
+        },
+        {
+          text: '节点名称',
+          value: 'caseStateName'
+        },
+        {
+          text: '问题描述',
+          value: 'description'
+        },
+        {
+          text: '业务单位',
+          value: 'onedeptName'
+        },
+        {
+          text: '大类',
+          value: 'casetypeName'
+        },
+        {
+          text: '小类',
+          value: 'casetypeDetailName'
+        }],
+      listQuery: {
+        offset: 1,
+        limit: 10,
+        sort: '',
+        order: ''
+      }, // 筛选条件
+      total: 0,
+      listLoading: true // 加载动画
+    }
+  },
+  mounted() {
+    this.fetchData()
+  },
+  methods: {
+    fetchData() {
+      console.log(this.listQuery)
+      this.listLoading = true
+      seoSearch(this.listQuery).then(res => {
+        this.caseList = res.data.rows
+        this.total = parseInt(res.data.total)
+        this.listLoading = false
+      })
+    },
+    changeQuery(listQuery) {
+      this.listQuery = listQuery
+      this.fetchData()
+    },
+    searchForm(listQuery) {
+      debugger
+      this.listQuery = listQuery
+      console.log('searchForm', this.listQuery)
+      this.fetchData(listQuery)
+    },
+    addDetail(tabPane, row) {
+      if (!this.existTab(tabPane)) {
+        console.log(tabPane, row)
+        this.editableTabs.push(tabPane)
+        this.editableTabsValue = tabPane.name
+        this.props[tabPane.index] = row
+      }
+    },
+    submitProcess(caseid) {
+      this.removeTab('case' + caseid)
+      this.fetchData()
+    },
+    existTab(tabPane) {
+      const tab = _.find(this.editableTabs, ['index', tabPane.index])
+      return tab
+    },
+    removeTab(targetName) {
+      console.log('removeTab', targetName)
+      const tabs = this.editableTabs
+      let activeName = this.editableTabsValue
+      if (activeName === targetName) {
+        tabs.forEach((tab, index) => {
+          if (tab.name === targetName) {
+            const nextTab = tabs[index + 1] || tabs[index - 1]
+            if (nextTab) {
+              activeName = nextTab.name
+            }
+          }
+        })
+      }
+
+      this.editableTabsValue = activeName
+      this.editableTabs = tabs.filter(tab => tab.name !== targetName)
+
+      if (this.editableTabs.length === 0) {
+        this.editableTabsValue = 'listTab'
+      }
+    }
+  }
+
+}
+</script>
+
+<style>
+
+  .el-tabs__nav-scroll {
+    overflow: hidden;
+    background-color: white;
+    width: 100%;
+    position: fixed;
+    z-index: 10000;
+    border-top: 1px #e4e7ed solid;
+    border-bottom: 1px #e4e7ed solid;
+  }
+</style>