build

src/views/activeCourseArrange/selectStudent.vue

@@ -1,6 +1,5 @@
 <template>
   <div class="selectStudent">
-    
     <div class="selectStudentWrap">
       <van-search
         class="searchWrap"
@@ -66,13 +65,13 @@
           :src="stu.avatar"
         />
         <img
-           v-else 
-           slot="icon"
+          v-else
+          slot="icon"
           class="stuAvatar"
           src="@/assets/images/common/default_head_img.png"
         />
         <div class="students-right">
-          <span style="margin-left: auto;margin-right: 20px;"
+          <span style="margin-left: auto; margin-right: 20px"
             >{{ stu.subCourseNum }}课时</span
           >
           <van-checkbox :value="stu.checked"></van-checkbox>
@@ -81,7 +80,7 @@
       <MEmpty v-if="!loading && !studentsData.length" :msg="'暂无学员'" />
     </div>
 
-    <div style="height: 50px;"></div>
+    <div style="height: 50px"></div>
 
     <van-submit-bar
       button-text="下一步"
@@ -111,7 +110,12 @@
                 class="stuAvatar"
                 :src="student.avatar"
               />
-              <van-icon v-else slot="icon" name="manager" />
+              <img
+                v-else
+                slot="icon"
+                class="stuAvatar"
+                src="@/assets/images/common/default_head_img.png"
+              />
               <van-icon name="clear" size="25" @click="onDelete(student)" />
             </van-cell>
           </template>
@@ -133,7 +137,7 @@ import MEmpty from "../../components/MEmpty.vue";
 import MHeader from "../../components/MHeader.vue";
 export default {
   name: "selectStudent",
-  components: { DropSelect, MEmpty,MHeader },
+  components: { DropSelect, MEmpty, MHeader },
   data() {
     return {
       activityId: this.$route.query.categoryId,
@@ -160,7 +164,6 @@ export default {
           categoryId: this.$route.query.categoryId,
         }),
       ]).then((values) => {
-        
         const res = values[0];
         const subjects = values[1];
         const courseList = values[2];
@@ -175,13 +178,15 @@ export default {
         }
 
         if (subjects && subjects.data && Array.isArray(subjects.data)) {
-          this.option2 = subjects.data.filter(n => n).map((n) => {
-            return {
-              text: n.value,
-              value: n.key,
-              checked: true,
-            };
-          });
+          this.option2 = subjects.data
+            .filter((n) => n)
+            .map((n) => {
+              return {
+                text: n.value,
+                value: n.key,
+                checked: true,
+              };
+            });
         }
 
         if (courseList && courseList.data && Array.isArray(courseList.data)) {
@@ -196,7 +201,7 @@ export default {
           });
         }
         this.getStudents();
-        console.log(values)
+        console.log(values);
       });
     },
     async getStudents() {
@@ -298,7 +303,7 @@ export default {
       // 下一步
       const studentNum = parseInt(this.$route.query.studentNum);
       if (this.$store.state.activeCourse.name == "乐理课") {
-        if(this.selectStudents.length > studentNum){
+        if (this.selectStudents.length > studentNum) {
           this.$toast("已到达该类型课程学生人数上限");
           return;
         }
@@ -308,7 +313,7 @@ export default {
           return;
         }
       }
-      
+
       let subject = {
         id: null,
         name: null,
@@ -340,13 +345,12 @@ export default {
 </script>
 
 <style>
-body{
+body {
   background: #f3f4f8;
 }
 </style>
 
 <style lang="less" scoped>
-
 .searchWrap {
   position: relative;
   z-index: 100;