表格横向滚动条不生效bug

src/views/archivesManage/archivesCheck/index.vue

@@ -114,6 +114,7 @@ import { exportFile } from '@/utils/index'
 import qs from 'qs'
 import { mapGetters } from 'vuex'
 import CalcSteps from './module/calcSteps.vue'
+
 export default {
   name: 'ArchivesCheck',
   components: { pagination, rrOperation, addCheck, checkDetail, CalcSteps },
@@ -185,8 +186,11 @@ export default {
       // todo
       if (this.cateSearch === 'region') {
         this.crud.query.region = this.keyWord
-      } else if (this.cateSearch === 'id') {
+      } else {
         this.crud.query.id = this.keyWord
+        console.log(this.crud.query.id)
+        // this.crud.data = this.crud.data.filter(item => item.id.includes(this.keyWord))
+        console.log(this.crud.data)
       }
       this.crud.downloadLoading = false
     },

src/views/archivesManage/archivesCheck/module/checkDetail.vue

@@ -6,7 +6,7 @@
       <div class="setting-dialog">
         <el-table :data="rowData" :cell-class-name="cellTop" style="margin-top:15px;width:100%;" height="calc(25vh - 100px)">
           <el-table-column prop="id" align="center" label="盘点单号" min-width="150" />
-          <el-table-column prop="region" align="center" label="所在区域" min-width="90" />
+          <el-table-column prop="region" align="center" label="所在区域" show-overflow-tooltip min-width="120" />
           <el-table-column prop="checkState" align="center" label="盘点状态" min-width="120">
             <template slot-scope="scope">
               <span class="clear">{{ scope.row.checkState | checkState }}</span>
@@ -180,4 +180,7 @@ p{
 ::v-deep ::-webkit-scrollbar-corner{
   background: transparent;
 }
+::v-deep .el-table--scrollable-x .el-table__body-wrapper{
+  z-index: 2
+}
 </style>