yqy dev

src/views/index.vue

@@ -34,7 +34,11 @@
         <BackTop v-if="searchFix"/>
 
         <!-- 全部讲师选择页面 -->
-        <section v-show="showSelectedPage">
+        <mt-popup
+        v-model="showSelectedPage"
+        position="top"
+        >
+        <section >
             <article class="lect-selection">
                 <div class="lect-selection-content-mask"></div>
                 <section class="lect-selection-title">
@@ -63,7 +67,6 @@
                 </article>
             </article>
             <section class="lect-selection-content">
-                <!-- 选择地区 -->
                 <article class="lect-selection-content-region" v-show="selectedTypeIndex === 1">
                     <table class="lect-selection-content-rp-tb">
                         <tr>
@@ -88,7 +91,6 @@
                         </tr>
                     </table>
                 </article>
-                <!-- 选择医院等级 -->
                 <article class="lect-selection-content-level" v-show="selectedTypeIndex === 2">
                     <table class="lect-selection-content-rp-tb">
                         <tr>
@@ -103,7 +105,6 @@
                         </tr>
                     </table>
                 </article>
-                <!-- 选择医院科室 -->
                 <article class="lect-selection-content-region" v-show="selectedTypeIndex === 3">
                     <table class="lect-selection-content-rp-tb">
                         <tr>
@@ -120,6 +121,8 @@
                 </article>
             </section>
         </section>
+
+        </mt-popup>
     </div>
   	
 </template>
@@ -422,7 +425,7 @@ export default {
             if(item.name){
                 this.selectedAreaSubIndex = index
                 this.selectedAreaSubName = item.name
-                this.closeSelectedPage()
+                // this.closeSelectedPage()
             }
         },
 
@@ -430,14 +433,14 @@ export default {
         selectLevelAction(item, index) {
             this.selectedLevelIndex = index
             this.selectedLevelName = item.value
-            this.closeSelectedPage()
+            // this.closeSelectedPage()
         },
 
         // 选中医院科室
         selectDepartAction(item, index) {
             this.selectedDepartIndex = index
             this.selectedDepartName = item.name
-            this.closeSelectedPage()
+            // this.closeSelectedPage()
         }
 
     },
@@ -445,6 +448,11 @@ export default {
 
 </script>
 <style>
+    .mint-popup.mint-popup-top {
+        height: 100%;
+        z-index: 2001;
+        /* overflow: auto; */
+    }
     .swiper .mint-swipe-indicators{
         right: 6px;
         top:50%;
@@ -651,14 +659,16 @@ export default {
 <style lang="scss" scoped>
 @import '../style/mixin.scss';
 .lect-selection-content {
+    position: absolute;
+    top: px2rem(122px);
+    z-index: 201;
     width: px2rem(375px);
+    height: 100%;
+    overflow: auto;
     font-size: px2rem(14px);
     color: #666666;
     margin-right: px2rem(15px);
     width: px2rem(360px);
-    position: absolute;
-    top: px2rem(122px);
-    z-index: 201;
     table {
         width: 100%;
         border-collapse: collapse;
@@ -707,12 +717,6 @@ export default {
 
 .lect-selection {
   display: flex;
-  position: absolute;
-  top: 0;
-  left: 0;
-  right: 0;
-  bottom: 0;
-  z-index: 99;
   background: #fff;
   flex-direction: row;
   &-title {