张家港生育全程签约儿童签约直接签名签约；

src/views/signing/index.vue

 <template>
-  <div class="full-page">
+  <div class="full-page" :class="pageH">
     <div class="container sign-page">
       <!-- <div class="head">
         <div class="head-bg"></div>
@@ -461,6 +461,7 @@
       month-format="{value} 月"
       date-format="{value} 日"
       @confirm="pickerBirthConfirm"
+      @cancel="closePickerBirth"
       :endDate="pickerBirthEnd">
     </mt-datetime-picker>
     <!-- 末次月经时间picker -->
@@ -628,7 +629,8 @@ export default {
       ChoosePlusVisible: true,
       Choose2PlusVisible: true,
       modalVisible: false, // 底层透明遮挡显示状态
-      addressSearchValue: ''
+      addressSearchValue: '',
+      pageH: ''
     }
   },
   created () {
@@ -1006,10 +1008,16 @@ export default {
       this.saveSignInfoToCookie() // 储存用户签约录入信息
     },
     openPickerBirth (index) { // 打开出生日期控件
+      // this.restPageHeight()
       this.pickerOpenIndex = index
       this.$refs.pickerBirth.open()
     },
+    closePickerBirth () {
+      // this.clearPageHeight()
+      this.$refs.pickerBirth.close()
+    },
     pickerBirthConfirm (date) {
+      // this.clearPageHeight()
       this.BaseValidate.birthKidState = true
       const selectedDate = new Date(date)
       let month = selectedDate.getMonth() + 1
@@ -1149,16 +1157,23 @@ export default {
         this.modalVisible = true
         this.signCanvasW = this.$refs.signCanvasBlock.offsetWidth
       } else {
-        this.$MessageBox.confirm('是否直接签约？').then(action => {
+        if (this.pageType === 0) {
+          this.$MessageBox.confirm('是否直接签约？').then(action => {
+            this.isSign = 0 // 已签约
+            this.SignatureSheetVisible = true
+            this.modalVisible = true
+            this.signCanvasW = this.$refs.signCanvasBlock.offsetWidth
+          }).catch(() => {
+            console.log('cancel')
+            this.isSign = 1 // 未签约
+            this.handelSave()
+          })
+        } else if (this.pageType === 1) {
           this.isSign = 0 // 已签约
           this.SignatureSheetVisible = true
           this.modalVisible = true
           this.signCanvasW = this.$refs.signCanvasBlock.offsetWidth
-        }).catch(() => {
-          console.log('cancel')
-          this.isSign = 1 // 未签约
-          this.handelSave()
-        })
+        }
       }
     },
     closeSignPopup () {
@@ -1787,6 +1802,12 @@ export default {
           }
           break
       }
+    },
+    restPageHeight () {
+      this.pageH = 'H500'
+    },
+    clearPageHeight () {
+      this.pageH = ''
     }
   }
 }
@@ -2135,6 +2156,10 @@ export default {
   .footer {
     margin: 10px 0;
   }
+  .H500 {
+    height: 300px;
+    overflow: hidden;
+  }
 </style>
 
 <style>
@@ -2172,4 +2197,7 @@ export default {
     width: 200px;
     float: right;
   }
+  .picker-items{
+    padding: 0 20px !important;
+  }
 </style>