调整-用户个人信息保护承诺弹窗

src/views/user/Login.vue

@@ -76,7 +76,8 @@
             </a-input>
           </a-form-item>
           <div style="top:10px;float: left;font-size: 12px;color: #8b8b8b">
-            <a-checkbox v-model="single"></a-checkbox>&nbsp;我已阅读<a @click="commitmentSubmit">《用户个人信息保护承诺书》</a>
+            <a-checkbox  v-model="single" disabled></a-checkbox>&nbsp;
+            我已阅读<a @click="commitmentSubmit">《用户个人信息保护承诺书》</a>
           </div><br/>
           <div class="register"><router-link :to="{path: '/user/register'}">找回密码</router-link></div>
         <a-form-item style="margin-top:24vw/@vw">
@@ -99,7 +100,7 @@
       </two-step-captcha>
       <LeakProofModel :v-model="LeakProofModel"></LeakProofModel>
       <commitment ref="commitment" :countNum="countNum" @appendData="appendData" v-show="commitment"></commitment>
-    </div>
+      </div>
   </div>
 </template>
 
@@ -128,7 +129,7 @@ export default {
       flag:false,
       LeakProofModel:true,
       commitment:false,
-      countNum:15,
+      countNum:10,
       single:false,
       buttondata:"登录",
       customActiveKey: "tab1",
@@ -218,13 +219,16 @@ export default {
     },
 
     appendData(data) {
-      this.single = data;
+      this.single = data.single;
+      this.commitment = data.commitment;
     },
     commitmentSubmit(){
+      if(!this.flag){
+        this.countNum = 0;
+      }
       this.commitment = true;
       this.flag = true;
       this.$refs.commitment.setTimer();
-      return;
     },
     handleSubmit() {
       if(!this.flag){
@@ -358,6 +362,7 @@ export default {
 </script>
 
 <style lang="less" scoped>
+
   @import '~@/assets/less/style';
   .main{
     .code-button{
@@ -380,6 +385,8 @@ export default {
     }
     .register{
       margin-bottom: 10vw/@vw;
+      font-size: 12px;
+      width: 50px;
     }
     .form{
       width: calc(100% - 666vw/@vw);
@@ -516,4 +523,8 @@ export default {
   .valid-error .ant-select-selection__placeholder {
     color: #f5222d;
   }
-</style>
+  .ant-modal-wrap{
+    top:10%
+  }
+
+</style>
\ No newline at end of file

src/views/user/protocol/Leak-proof-model.vue

@@ -14,7 +14,6 @@
 
 <script>
 export default {
-  name: "Leak-proof-model",
   data () {
     return {
       modal: true,
@@ -28,6 +27,5 @@ export default {
 }
 </script>
 
-<style scoped>
-
+<style>
 </style>
\ No newline at end of file

src/views/user/protocol/commitment.vue

 <template>
+
     <a-modal
         title="用户个人信息保护承诺书"
         v-model="modal"
@@ -17,7 +18,6 @@
 
 <script>
 export default {
-  name: "Leak-proof-model",
   data () {
     return {
       modal: true,
@@ -36,8 +36,7 @@ export default {
   },
   methods: {
     ok () {
-      this.$emit("appendData",this.single);
-      this.modal = false
+      this.$emit("appendData", {single:this.single,modal:false});
     },
     setTimer(){
       this.countDown = this.countNum;
@@ -57,5 +56,4 @@ export default {
 </script>
 
 <style scoped>
-
 </style>
\ No newline at end of file