build

src/views/activeCourseArrange/selectStudent.vue

@@ -5,6 +5,7 @@
         class="searchWrap"
         shape="round"
         show-action
+        placeholder="学员姓名/编号/手机号"
         v-model="search"
         @search="onSearch()"
       >
@@ -58,6 +59,10 @@
         clickable
         @click="onSelectStudent(index)"
       >
+        <div slot="label">
+          <span>{{ student.subjectName }}</span>
+          <span style="margin-left: 10px"> {{ student.phone }}</span>
+        </div>
         <img
           v-if="stu.avatar"
           slot="icon"
@@ -97,27 +102,33 @@
           </template>
           <template slot="default">
             <div class="submit-bar-popup-title">已选学生</div>
-            <van-cell
-              v-for="student in selectStudents"
-              :key="student.value"
-              :title="student.text"
-              :label="student.subjectName"
-              center
-            >
-              <img
-                v-if="student.avatar"
-                slot="icon"
-                class="stuAvatar"
-                :src="student.avatar"
-              />
-              <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>
+            <div class="students" style="padding: 0;">
+              <van-cell
+                v-for="student in selectStudents"
+                :key="student.value"
+                :title="student.text"
+                :label="student.subjectName"
+                center
+              >
+                <div slot="label">
+                  <span>{{ student.subjectName }}</span>
+                  <span style="margin-left: 10px"> {{ student.phone }}</span>
+                </div>
+                <img
+                  v-if="student.avatar"
+                  slot="icon"
+                  class="stuAvatar"
+                  :src="student.avatar"
+                />
+                <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>
+            </div>
           </template>
         </van-dropdown-item>
       </van-dropdown-menu>
@@ -362,6 +373,9 @@ body {
 }
 .students {
   padding: 12px 0;
+  /deep/ .van-cell__value {
+    flex: inherit;
+  }
 }
 .students-right {
   display: flex;