🦄 refactor: 封装统一表格组件，便于批量扩展表格能力

klp-ui/src/views/monitor/cache/list.vue

@@ -12,7 +12,7 @@
               @click="refreshCacheNames()"
             ></el-button>
           </div>
-          <el-table
+          <KLPTable
             v-loading="loading"
             :data="cacheNames"
             :height="tableHeight"
@@ -55,7 +55,7 @@
                 ></el-button>
               </template>
             </el-table-column>
-          </el-table>
+          </KLPTable>
         </el-card>
       </el-col>
 
@@ -70,7 +70,7 @@
               @click="refreshCacheKeys()"
             ></el-button>
           </div>
-          <el-table
+          <KLPTable
             v-loading="subLoading"
             :data="cacheKeys"
             :height="tableHeight"
@@ -105,7 +105,7 @@
                 ></el-button>
               </template>
             </el-table-column>
-          </el-table>
+          </KLPTable>
         </el-card>
       </el-col>
 

klp-ui/src/views/monitor/logininfor/index.vue

@@ -98,7 +98,7 @@
       <right-toolbar :showSearch.sync="showSearch" @queryTable="getList"></right-toolbar>
     </el-row>
 
-    <el-table ref="tables" v-loading="loading" :data="list" @selection-change="handleSelectionChange" :default-sort="defaultSort" @sort-change="handleSortChange">
+    <KLPTable ref="tables" v-loading="loading" :data="list" @selection-change="handleSelectionChange" :default-sort="defaultSort" @sort-change="handleSortChange">
       <el-table-column type="selection" width="55" align="center" />
       <el-table-column label="访问编号" align="center" prop="infoId" />
       <el-table-column label="用户名称" align="center" prop="userName" :show-overflow-tooltip="true" sortable="custom" :sort-orders="['descending', 'ascending']" />
@@ -117,7 +117,7 @@
           <span>{{ parseTime(scope.row.loginTime) }}</span>
         </template>
       </el-table-column>
-    </el-table>
+    </KLPTable>
 
     <pagination
       v-show="total>0"

klp-ui/src/views/monitor/online/index.vue

@@ -23,7 +23,7 @@
       </el-form-item>
 
     </el-form>
-    <el-table
+    <KLPTable
       v-loading="loading"
       :data="list.slice((pageNum-1)*pageSize,pageNum*pageSize)"
       style="width: 100%;"
@@ -56,7 +56,7 @@
           >强退</el-button>
         </template>
       </el-table-column>
-    </el-table>
+    </KLPTable>
 
     <pagination v-show="total>0" :total="total" :page.sync="pageNum" :limit.sync="pageSize" />
   </div>

klp-ui/src/views/monitor/operlog/index.vue

@@ -102,7 +102,7 @@
       <right-toolbar :showSearch.sync="showSearch" @queryTable="getList"></right-toolbar>
     </el-row>
 
-    <el-table ref="tables" v-loading="loading" :data="list" @selection-change="handleSelectionChange" :default-sort="defaultSort" @sort-change="handleSortChange">
+    <KLPTable ref="tables" v-loading="loading" :data="list" @selection-change="handleSelectionChange" :default-sort="defaultSort" @sort-change="handleSortChange">
       <el-table-column type="selection" width="55" align="center" />
       <el-table-column label="日志编号" align="center" prop="operId" />
       <el-table-column label="系统模块" align="center" prop="title" />
@@ -136,7 +136,7 @@
           >详细</el-button>
         </template>
       </el-table-column>
-    </el-table>
+    </KLPTable>
 
     <pagination
       v-show="total>0"