diff --git a/src/views/busAdmin/caseType/listCaseType.vue b/src/views/busAdmin/caseType/listCaseType.vue
index 4dd8fa7..4639c1e 100644
--- a/src/views/busAdmin/caseType/listCaseType.vue
+++ b/src/views/busAdmin/caseType/listCaseType.vue
@@ -2,7 +2,7 @@
   <div class="app-container">
     <el-row>
       <el-col :span="5">
-        <div style="width:90%;">
+        <div style="width:95%;">
           <el-card class="box-card">
             <div slot="header" class="clearfix">
               <span>事部件管理</span>
@@ -26,36 +26,23 @@
         </div>
       </el-col>
       <el-col :span="19">
-        <div>
-          <el-row class="table-title">
-            <el-col :span="6"><div class="title-header"><i class="el-icon-menu"/>数据列表</div></el-col>
-            <el-col :span="12" :offset="6" class="edit_btns">
-              <el-button v-if="hasPerm('/caseType/deleteTypeDetail')" class="edit_btn" size="small" @click="del">删除</el-button>
-              <el-button v-if="hasPerm('/caseType/addTypeDetail')" class="edit_btn" size="small" @click="add">添加</el-button>
-              <el-popover
-                placement="right"
-                trigger="click">
-                <el-form :model="listQuery" :inline="false" class="form-container" size="mini">
-                  <el-form-item class="filter-item" label="名称" prop="typeName">
-                    <el-input v-model="listQuery.typeDetailName" placeholder="名称" clearable/>
-                  </el-form-item>
-                  <el-form-item class="filter-item" label="编码" prop="typeCode">
-                    <el-input v-model="listQuery.typeDetailCode" placeholder="编码" clearable/>
-                  </el-form-item>
-                  <el-form-item class="filter-button">
-                    <div>
-                      <el-button type="primary" icon="el-icon-search" @click="search">搜索</el-button>
-                    </div>
-                  </el-form-item>
-                </el-form>
-                <el-button slot="reference" class="edit_btn" size="small">条件过滤</el-button>
-              </el-popover>
-              <!-- <el-button v-if="hasPerm('/marker/delete')" class="edit_btn" size="small" @click="del">删除</el-button> -->
-            </el-col>
-          </el-row>
-          <el-table v-loading="listLoading" :data="caseDetailTypeList" class="table" border @selection-change="handleSelectionChange" @row-click="showDetail">
+        <search-area @search="search">
+          <search-item>
+            <el-input v-model="listQuery.typeDetailName" size="small" placeholder="名称" clearable/>
+          </search-item>
+          <search-item>
+            <el-input v-model="listQuery.typeDetailCode" size="small" placeholder="编码" clearable/>
+          </search-item>
+        </search-area>
+        <normal-table :data="caseDetailTypeList" :total="total" :query="listQuery" :list-loading="listLoading" @change="changePage" @selection-change="handleSelectionChange">
+          <template slot="btns">
+            <el-button v-if="hasPerm('/caseType/deleteTypeDetail')" size="small" @click="del">删除</el-button>
+            <el-button v-if="hasPerm('/caseType/addTypeDetail')" size="small" @click="add">添加</el-button>
+          </template>
+          <template slot="preColumns">
             <el-table-column align="center" type="selection" width="50"/>
-            <el-table-column :index="indexMethod" align="center" type="index" />
+          </template>
+          <template slot="columns">
             <el-table-column align="center" prop="typeDetailName" label="名称"/>
             <el-table-column align="center" prop="typeDetailCode" label="编码"/>
             <el-table-column align="center" label="所属大类">
@@ -63,25 +50,15 @@
                 {{ caseTypeMap[scope.row.typeId] }}
               </template>
             </el-table-column>
-            <el-table-column label="操作" align="center" width="240">
+            <el-table-column label="操作" align="center" width="140">
               <template slot-scope="scope">
-                <el-button class="table-button" type="text" @click="edit(scope.row)">编辑</el-button>
-                <!-- <el-button class="table-button" type="text" @click="showStandard(scope.row)">立案标准</el-button> -->
+                <el-button class="table-button" type="text" size="small" @click="showDetail(scope.row)">详情</el-button>
+                <el-button class="table-button" type="text" size="small" @click="edit(scope.row)">编辑</el-button>
+                <!--<el-button class="table-button" type="text" @click="showStandard(scope.row)">立案标准</el-button> -->
               </template>
             </el-table-column>
-          </el-table>
-        </div>
-        <div class="pagination-container">
-          <el-pagination
-            :current-page="listQuery.offset"
-            :page-sizes="[5,10,20,30,50]"
-            :page-size="listQuery.limit"
-            :total="total"
-            align="center"
-            layout="total, sizes, prev, pager, next"
-            @size-change="handleSizeChange"
-            @current-change="handleCurrentChange"/>
-        </div>
+          </template>
+        </normal-table>
       </el-col>
     </el-row>
     <edit-caseType v-show="editShow" ref="editCaseType" @watchChild="fetchData"/>
@@ -169,9 +146,6 @@
     // this.fetchCaseTypeTree()
   },
   methods: {
-    indexMethod(index) {
-      return this.listQuery.limit * (this.listQuery.offset - 1) + index + 1
-    },
     initCaseTypeTree() {
       this.treeLoading = true
       getCaseTypeDict().then(response => {
@@ -242,14 +216,14 @@
     search() {
       this.fetchData(false)
     },
-    // 改变页容量
-    handleSizeChange(val) {
-      this.listQuery.limit = val
-      this.fetchData()
-    },
-    // 改变当前页
-    handleCurrentChange(val) {
-      this.listQuery.offset = val
+    // 页数发生变化后的操作，可能是页码变化，可能是每页容量变化，此函数必写
+    changePage(val) {
+      if (val && val.size) {
+        this.listQuery.limit = val.size
+      }
+      if (val && val.page) {
+        this.listQuery.offset = val.page
+      }
       this.fetchData()
     },
     add() {
@@ -330,43 +304,4 @@
 </script>
 
 <style rel="stylesheet/scss" lang="scss" scoped>
-  $tableTitleHeight:46px;
-  .table{
-    margin-bottom: 20px;
-  }
-  .pagination-container{
-    margin-bottom: 50px;
-  }
-  .table-title{
-    background-color:rgba(243, 243, 243, 1);
-    height: $tableTitleHeight;
-    .title-header{
-      line-height:$tableTitleHeight;
-      color: #606266;
-      font-size: 15px;
-      i{
-        margin-left: 5px;
-        margin-right: 5px;
-      }
-    }
-  }
-  .edit_btns{
-    .edit_btn{
-      float:right;
-      margin:7px 3px;//为了需要居中显示margin-top和bottom要用$tableTitleHeight减去按钮原高度除以2
-    }
-  }
-  .table-button{
-    padding: 10px;
-  }
-  .form-container{
-    padding: 20px;
-    text-align: center;
-  }
-  .filter-item{
-    display: flex;
-  }
-  .filter-button{
-    margin: auto;
-  }
 </style>