代码提交

src/modules/teacher/data/exam/views/PersonalList.vue

 <template>
   <app-container>
     <app-list v-bind="tableOptions" ref="list" @sort-change="sortChange">
+      <div style="display: flex; justify-content: flex-start">
+        <el-input v-model="queryInfo.query" clearable style="width: 200px; margin-right: 20px" placeholder="学生姓名" />
+        <el-button type="primary" icon="el-icon-search" @click="search">搜索</el-button>
+        <el-button icon="el-icon-refresh-left" @click="reset">重置</el-button>
+      </div>
+
       <template #header-aside>
         <el-button type="text" size="mini" @click="toExamData(row)">导出</el-button>
       </template>
@@ -16,7 +22,12 @@
 import { getClassDetail } from '../api'
 export default {
   data() {
-    return {}
+    return {
+      callList: [],
+      queryInfo: {
+        query: ''
+      }
+    }
   },
   computed: {
     // 列表配置
@@ -24,6 +35,7 @@ export default {
       return {
         remote: {
           httpRequest: getClassDetail,
+          callback: this.callback,
           params: {
             type: this.$route.query.type,
             course_id: this.$route.query.course_id,
@@ -33,7 +45,7 @@ export default {
             status: this.$route.query.status
           }
         },
-        filters: [{ type: 'input', prop: 'personal_name', placeholder: '学生姓名', label: '学生姓名' }],
+        // filters: [{ type: 'input', prop: 'personal_name', placeholder: '学生姓名', label: '学生姓名' }],
         columns: [
           { label: '学生姓名', prop: 'personal_name', align: 'center' },
           { label: '总得分', prop: 'score', align: 'center', sortable: 'custom' },
@@ -62,6 +74,28 @@ export default {
     }
   },
   methods: {
+    callback(val) {
+      this.callList = val.list
+      console.log(val.list, 'val')
+      return this.callList
+    },
+    // 搜索
+    search() {
+      if (this.queryInfo.query === '') {
+        this.$refs.list.dataList = this.callList
+        return false
+      }
+      const data = this.callList.reduce((a, b) => {
+        b.personal_name.indexOf(this.queryInfo.query) !== -1 && (a.push(b))
+        return a
+      }, [])
+      this.$refs.list.dataList = data
+      // console.log(this.tableOptions.data, 'hfdsjjsj')
+    },
+    // 重置
+    reset() {
+      this.$refs.list.dataList = this.callList
+    },
     toExamData(row) {
       this.$router.push({
         path: