修改添加VIP课搜索问题

dist/static/css/chunk-603333a8.30cfeeb1.css → dist/static/css/chunk-eb68005a.c83e9606.css

@@ -1 +1 @@
-.m-core[data-v-54f6862f]{margin-top:30px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-ms-flex-pack:distribute;justify-content:space-around}.m-core .el-input[data-v-54f6862f]{width:180px}.m-core h4[data-v-54f6862f]{font-size:16px;background-color:#ccc;color:#fff;text-align:center;width:100%;height:40px;line-height:40px;margin-bottom:20px}.m-core .center[data-v-54f6862f],.m-core .right[data-v-54f6862f],.m-core .vipLeft[data-v-54f6862f]{width:400px}.planList[data-v-54f6862f]{padding:0 25px}.planList .planTop[data-v-54f6862f]{height:40px;line-height:40px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;border-bottom:1px solid #ccc;margin-top:20px}.planList .planTop>p[data-v-54f6862f]{font-size:14px}.planList .planCore .row[data-v-54f6862f]{width:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-ms-flex-wrap:nowrap;flex-wrap:nowrap;height:40px;line-height:40px;font-size:14px;text-align:center}.planList .planCore .row div[data-v-54f6862f]{width:87px}.okBtn[data-v-54f6862f]{width:120px;height:40px;line-height:40px;text-align:center;color:#fff;border-radius:4px;margin-right:20px;cursor:pointer;background-color:#f97215;float:right}
+.m-core[data-v-46103c85]{margin-top:30px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-ms-flex-pack:distribute;justify-content:space-around}.m-core .el-input[data-v-46103c85]{width:180px}.m-core h4[data-v-46103c85]{font-size:16px;background-color:#ccc;color:#fff;text-align:center;width:100%;height:40px;line-height:40px;margin-bottom:20px}.m-core .center[data-v-46103c85],.m-core .right[data-v-46103c85],.m-core .vipLeft[data-v-46103c85]{width:400px}.planList[data-v-46103c85]{padding:0 25px}.planList .planTop[data-v-46103c85]{height:40px;line-height:40px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;border-bottom:1px solid #ccc;margin-top:20px}.planList .planTop>p[data-v-46103c85]{font-size:14px}.planList .planCore .row[data-v-46103c85]{width:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-ms-flex-wrap:nowrap;flex-wrap:nowrap;height:40px;line-height:40px;font-size:14px;text-align:center}.planList .planCore .row div[data-v-46103c85]{width:87px}.okBtn[data-v-46103c85]{width:120px;height:40px;line-height:40px;text-align:center;color:#fff;border-radius:4px;margin-right:20px;cursor:pointer;background-color:#f97215;float:right}

src/views/buildVip/index.vue

@@ -262,6 +262,7 @@
               reserve-keyword
               filterable
               :remote-method="remoteMethod"
+              :loading="remoteLoading"
             >
               <el-option
                 v-for="(item,index) in studentList"
@@ -370,6 +371,8 @@ import {
 } from "@/api/vipSeting";
 import { getTeachSchool, getTeacherBySubject } from "@/api/teacherManager";
 import { queryStudentList } from "@/api/studentManager";
+import axios from "axios";
+import { getToken } from "@/utils/auth";
 export default {
   name: "buildVip",
   data() {
@@ -415,6 +418,7 @@ export default {
         allPrice: "",
         students: []
       },
+      remoteLoading: false,
       computationalBtn: false,
       subjectList: [], // 科目列表
       teacherList: [], // 老师列表
@@ -1295,17 +1299,39 @@ export default {
     },
     remoteMethod(query) {
       if (query !== "") {
-        // this.loading = true;
+        this.remoteLoading = true;
         // 发请求搜索
-        queryStudentList({ rows: 100, search: query }).then(res => {
-          if (res.code == 200) {
-            // this.loading = false;
-            this.studentList = this.studentList.concat(res.data.rows);
+        const url = "/api-web/studentManage/queryStudentList"
+        const options = {
+          method: "get",
+          headers: {
+            Authorization: getToken()
+          },
+          params: {
+            rows: 100,
+            search: query
+          },
+          url
+        }
+        this.remoteLoading = true
+        axios(options).then(res => {
+          this.remoteLoading = false
+          console.log(res)
+          let result = res.data
+          if (result.code == 200) {
+            this.studentList = this.studentList.concat(result.data.rows);
             // this.studentList = res.data.rows;
             this.unique(this.studentList, "userId");
             // console.log(this.studentList)
           }
-        });
+        })
+        // queryStudentList({ rows: 100, search: query }).then(res => {
+        //   if (res.code == 200) {
+        //     this.remoteLoading = false;
+        //     this.studentList = this.studentList.concat(res.data.rows);
+        //     this.unique(this.studentList, "userId");
+        //   }
+        // });
       }
     },
     unique(arr, u_key) {