task#14196，师傅加司机名称筛选

src/views/kpi/kpiIndex.vue

@@ -147,6 +147,9 @@
       </div>
     </div>
     <div v-loading="loadingData" class="contentWrap  monthTotal" v-if="[2,3,4].includes(active)">
+      <div class="searchDriverName">
+        <el-input placeholder="请输入师傅名称" v-model.trim="driverName" @change="getData" />
+      </div>
       <div :class="{'tabWrap':true,'webTabWrap':!isMobile,'mobileTab':isMobile}">
         <div v-for="(item,index) in (active===3 ? driverList : list)" :class="activeIndex===index ? 'active' : ''"
              :key="index"
@@ -156,7 +159,7 @@
       <div :class="{'comTab':true}">
         <noFit-table :is-mobile='isMobile' :table-data="detailList" :label-list="labelList"></noFit-table>
       </div>
-<!--      <el-pagination
+      <el-pagination
           v-if="active !== 2"
           small
           :current-page.sync="pageNum"
@@ -165,7 +168,7 @@
           @size-change="getKpiData"
           layout="prev, pager, next"
           :total="total">
-      </el-pagination>-->
+      </el-pagination>
     </div>
     <div v-loading="loadingData" class="contentWrap  monthTotal" v-if="[5,6,7,8,9].includes(active)">
       <div :class="{'comTab':true,'detailTable':isMobile}">
@@ -207,7 +210,7 @@ export default {
   mixins: [myMixins],
   data() {
     return {
-      active: 0,
+      active:4,
       activeIndex: 0,
       tabArr: [
         {name: '总览'}, {name: '月/总'}, {name: '日/总'}, {name: '月/师傅'}, {name: '日/师傅'}, {name: '拒单明细'},
@@ -247,6 +250,7 @@ export default {
       selectLoading: false,
       selectOption: [],
       driverId:'',//68517
+      driverName:'',
     }
   },
   async mounted() {
@@ -305,6 +309,8 @@ export default {
       try {
         this.loadingData = true
         this.indexData = {}
+        this.total=0
+        this.pageNum=1
         this.v1 = []
         this.v2 = []
         this.v3 = []
@@ -789,10 +795,12 @@ export default {
             endTime: this.endTime,
             statisticsType: this.active === 3 ? 1 : 2,
             driverId: this.driverId,
-           /* pageNum: this.pageNum,
-            pageSize: this.pageSize*/
+            driverName:this.driverName,
+            pageNum: this.pageNum,
+            pageSize: this.pageSize
           })
           // this.detailList = res.data
+          this.total = res.total
           this.detailList = res.data?.map(item => {
             item.refuseOrderRate=item.refuseOrderRate*100?.toFixed(2)+'%'
             item.timeoutOrderRate=item.timeoutOrderRate*100?.toFixed(2)+'%'
@@ -1421,7 +1429,6 @@ export default {
 .monthTotal {
   background: #FFFFFF;
   padding-left: 6px;
-  //height: auto !important;
   .leftMonth {
     .leftItem {
       font-weight: bold;
@@ -1443,7 +1450,20 @@ export default {
     overflow-x: auto; /* 当内容超出宽度时启用水平滚动 */
   }
 }
-
+.searchDriverName{
+  width: 97%;
+  display: flex;
+  align-items: center;
+  span{
+    width: 20%;
+  }
+  ::v-deep .el-input{
+    font-size: 12px;
+  }
+  ::v-deep .el-input__inner{
+    height: 30px;
+  }
+}
 .comTab {
   width: 100%;
   height: 95%;