1

src/views/audition/ArrangeWork.vue

@@ -17,6 +17,11 @@
         {{ dateSection.showStartDate }} <span class="arrowDown"></span>
       </template>
     </van-cell>
+    <van-cell class="endTime" title="作业曲目" @click="onEndTime" readonly placeholder="请选择作业曲目" >
+      <template #default>
+        {{ dateSection.showStartDate }} <span class="arrowDown"></span>
+      </template>
+    </van-cell>
     <div class="button-group">
       <van-button type="primary" round size="large" @click="onSubmit">确定</van-button>
     </div>
@@ -33,6 +38,10 @@
         @cancel="dateSection.status = false"
       />
     </van-popup>
+
+    <van-popup position="bottom" v-model="accompanimentStatus" style="height: 100%; border-radius: 0; ">
+      <accompaniment-modal />
+    </van-popup>
   </div>
 </template>
 <script>
@@ -40,9 +49,10 @@ import MHeader from "@/components/MHeader"
 import { browser, _throttle }  from '@/common/common'
 import dayjs from "dayjs";
 import { addHomeWork } from '@/api/audition'
+import AccompanimentModal from './modal/accompanimentModal'
 export default {
   name: "teacherList",
-  components: { MHeader },
+  components: { MHeader, AccompanimentModal },
   data() {
     let tempDate = new Date() // 默认显示T+3
     tempDate.setDate(tempDate.getDate() + 3)
@@ -58,6 +68,7 @@ export default {
       },
       content: null, // 课程编号
       expiryDate: null, // 作业截止日期
+      accompanimentStatus: true, // 伴奏弹窗
     };
   },
   mounted() {

src/views/audition/modal/accompanimentModal.vue

@@ -0,0 +1,67 @@
+<template>
+    <div class="accompanimentModal">
+        <van-dropdown-menu class="cateDropDown">
+            <van-dropdown-item v-model="value1" :options="option1" />
+            <van-dropdown-item v-model="value2" :options="option2" />
+        </van-dropdown-menu>
+        <van-search
+            v-model="search"
+            show-action
+            placeholder="请输入搜索关键词"
+            @search="onSearch"
+            >
+            <template #label>
+                <van-dropdown-menu class="headDropDown">
+                    <van-dropdown-item v-model="value1" :options="option1" />
+                </van-dropdown-menu>
+            </template>
+            <template #action>
+                <div @click="onSearch">搜索</div>
+            </template>
+        </van-search>
+    </div>
+</template>
+
+<script>
+export default {
+    data() {
+        return {
+            value1: 0,
+            value2: 'a',
+            option1: [
+                { text: '全部商品', value: 0 },
+                { text: '新款商品', value: 1 },
+                { text: '活动商品', value: 2 },
+            ],
+            option2: [
+                { text: '默认排序', value: 'a' },
+                { text: '好评排序', value: 'b' },
+                { text: '销量排序', value: 'c' },
+            ],
+            search: null,
+        }
+    },
+    methods: {
+        onSearch() {
+
+        }
+    }
+}
+</script>
+
+<style lang="less" scoped>
+.accompanimentModal {
+    /deep/.van-cell {
+        font-size: 0.14rem;
+        padding: 0.05rem 0.08rem;
+        line-height: 0.24rem;
+    }
+
+    .headDropDown {
+        height: .36rem;
+        background: transparent;
+        .van-dropdown-menu {
+        }
+    }
+}
+</style>