弹层的层级调整

components/common/common-header.vue

@@ -132,13 +132,13 @@ export default {
   background: #fff;
   color: #333;
   position: relative;
-  z-index: 100000000;
+  z-index: 1000000010;
   .nav-back {
     display: inline-block;
     position: absolute;
     left: 0px;
     top: 0;
-    z-index: 2010;
+    z-index: 1000000011;
     height: 25px;
     width: 55px;
     padding-left: 15px;
@@ -171,7 +171,7 @@ export default {
     position: relative;
     top: 10px;
     left: 0;
-    z-index: 2010;
+    z-index: 1000000011;
     display: inline-block;
     width: 100%;
     height: 36px;
@@ -195,7 +195,7 @@ export default {
   position: fixed;
   top: 0;
   left: 0;
-  z-index: 2010;
+  z-index: 1000000011;
   border-bottom: 0px solid #e7e7e7;
   background: #fff;
 }

components/common/pica-area.vue

 <!-- 选择地区组件 -->
 <template>
-  <div class="select-wrapper">
-    <div class="mask" @click="cancelSelect" @touchmove.prevent>
-      <div class="address-wrap" @click.stop>
+  <div class="select-wrapper" @touchmove.prevent.stop>
+    <div class="mask" @click="cancelSelect" @touchmove.prevent.stop>
+      <div class="address-wrap" @click.stop @touchmove.prevent.stop>
         <div class="tip-header">
           <span class="cancel-btn" @click="cancelSelect">取消</span>
           <h3>选择地区</h3>
@@ -441,7 +441,7 @@ export default {
     font-family: PingFangSC-Regular;
     .mask {
       position: fixed;
-      z-index: 1000000005;
+      z-index: 1000000015;
       top: 0;
       right: 0;
       left: 0;
@@ -458,7 +458,7 @@ export default {
       bottom: 0;
       left: 0;
       right: 0;
-      z-index: 1000000006;
+      z-index: 1000000016;
       .tip-header {
         position: relative;
         height: 58px;

components/common/pica-org.vue

 <!-- 选择机构组件 -->
 <template>
-  <div class="select-wrapper">
-    <div class="mask" @click="cancel" @touchmove.prevent>
-      <div class="address-wrap" @click.stop>
+  <div class="select-wrapper" @touchmove.prevent.stop>
+    <div class="mask" @click="cancel" @touchmove.prevent.stop>
+      <div class="address-wrap" @click.stop @touchmove.prevent.stop>
         <div class="tip-header">
           <span class="cancel-btn" @click="cancel">取消</span>
           <h3>选择机构</h3>

pages/index.vue

 <template>
-  <section class="container">
+  <section ref="pageContainerRef" :class="{'height-100': isHeight100}" class="container" >
     <CommonHeader :title="projectInfo.projectName | shortName"></CommonHeader>
     <CommonAreaSelect
       v-show="!isScroll"
@@ -195,6 +195,7 @@ export default {
   },
   data() {
     return {
+      isHeight100: true,
       isScroll: false,
       isShowArea: false,
       isShowOrg: false,
@@ -717,6 +718,9 @@ export default {
 </script>
 
 <style lang="less" scoped>
+.height-100 {
+  height: 375px;
+}
 .container {
   margin: 0 auto;
   font-size: 17px;