Просмотр исходного кода

添加表单验证失败时,默认滚动到第一个验证失败的地方

lex-xin 4 лет назад
Родитель
Сommit
bc828a313d

+ 8 - 1
src/views/adapayAccount/form.vue

@@ -159,9 +159,9 @@
                       placeholder="请输入邮编"></el-input>
           </el-form-item>
           <el-form-item>
-            <el-button @click="onCancel">取 消</el-button>
             <el-button type="primary"
                        @click="onSubmit('accountForm')">确 定</el-button>
+            <el-button @click="onCancel">取 消</el-button>
           </el-form-item>
         </el-form>
       </el-col>
@@ -340,6 +340,13 @@ export default {
             })
           }
         } else {
+          this.$nextTick(() => {
+            let isError = document.getElementsByClassName('is-error')
+            isError[0].scrollIntoView({
+              block: 'center',
+              behavior: 'smooth',
+            })
+          })
           return false;
         }
       });

+ 7 - 0
src/views/app/entryOperation.vue

@@ -335,6 +335,13 @@ export default {
             });
           }
         } else {
+          this.$nextTick(() => {
+            let isError = document.getElementsByClassName('is-error')
+            isError[0].scrollIntoView({
+              block: 'center',
+              behavior: 'smooth',
+            })
+          })
           return false;
         }
       });

+ 7 - 0
src/views/businessManager/shopManager/shopList.vue

@@ -1045,6 +1045,13 @@ export default {
             })
           }
         } else {
+          this.$nextTick(() => {
+            let isError = document.getElementsByClassName('is-error')
+            isError[0].scrollIntoView({
+              block: 'center',
+              behavior: 'smooth',
+            })
+          })
           return false
         }
       })

+ 7 - 0
src/views/businessManager/shopManager/shopOperation.vue

@@ -408,6 +408,13 @@ export default {
             })
           }
         } else {
+          this.$nextTick(() => {
+            let isError = document.getElementsByClassName('is-error')
+            isError[0].scrollIntoView({
+              block: 'center',
+              behavior: 'smooth',
+            })
+          })
           return false
         }
       })

+ 8 - 1
src/views/categroyManager/vipNewActive.vue

@@ -432,7 +432,14 @@ export default {
             }
           });
         } else {
-          this.$message.error("请填写必要参数");
+          this.$nextTick(() => {
+            let isError = document.getElementsByClassName('is-error')
+            isError[0].scrollIntoView({
+              block: 'center',
+              behavior: 'smooth',
+            })
+          })
+          // this.$message.error("请填写必要参数");
         }
       });
 

+ 7 - 0
src/views/contentManager/contentOperation.vue

@@ -599,6 +599,13 @@ export default {
             });
           }
         } else {
+          this.$nextTick(() => {
+            let isError = document.getElementsByClassName('is-error')
+            isError[0].scrollIntoView({
+              block: 'center',
+              behavior: 'smooth',
+            })
+          })
           return false;
         }
       });

+ 1 - 0
src/views/studentManager/studentList.vue

@@ -257,6 +257,7 @@
               >
               <el-button
                 type="text"
+                style="padding-left: 10px;"
                 v-permission="'studentManage/studentUpdate'"
                 @click="resetStudent(scope.row)"
                 >修改</el-button

+ 5 - 3
src/views/teacherManager/teacherOperation/components/accompanySet.vue

@@ -103,11 +103,13 @@
       </div>
     </el-dialog>
     <div class="btnWrap">
-      <div class="newBand"
+      <el-button type="primary" v-permission="'teacherFreeTime/updateSet'" @click="submitOk">确定</el-button>
+      <el-button type="primary" @click="resetTime">重置</el-button>
+      <!-- <div class="newBand"
            @click="submitOk"
            v-permission="'teacherFreeTime/updateSet'">确定</div>
       <div class="newBand"
-           @click="resetTime">重置</div>
+           @click="resetTime">重置</div> -->
     </div>
   </div>
 </template>
@@ -529,4 +531,4 @@ export default {
   background-color: #14928a;
   border-color: #14928a;
 }
-</style>
+</style>

+ 10 - 0
src/views/teacherManager/teacherOperation/components/teacherOperation.vue

@@ -598,6 +598,16 @@ export default {
             });
           }
         } else {
+          this.$nextTick(() => {
+            let isError = document.getElementsByClassName('is-error')
+            isError[0].scrollIntoView({
+              // 滚动到指定节点
+              // 值有start,center,end,nearest,当前显示在视图区域中间
+              block: 'center',
+              // 值有auto、instant,smooth,缓动动画(当前是慢速的)
+              behavior: 'smooth',
+            })
+          })
           return false;
         }
       });

+ 23 - 23
src/views/teamBuild/components/teamBaseInfo.vue

@@ -477,29 +477,29 @@ export default {
     };
   },
   created() {},
-  activated() {
-    this.payList = {
-      school: {
-        ischeck: false,
-        value: "",
-        price: "",
-        chiose: "",
-      },
-      company: {
-        ischeck: false,
-        value: "",
-        price: "",
-        chiose: "",
-      },
-      student: {
-        ischeck: true,
-        chiose: "loop",
-      },
-      chioseMonth: [], // 选中的月份
-    };
-    this.init();
-    this.$forceUpdate();
-  },
+  // activated() {
+  //   this.payList = {
+  //     school: {
+  //       ischeck: false,
+  //       value: "",
+  //       price: "",
+  //       chiose: "",
+  //     },
+  //     company: {
+  //       ischeck: false,
+  //       value: "",
+  //       price: "",
+  //       chiose: "",
+  //     },
+  //     student: {
+  //       ischeck: true,
+  //       chiose: "loop",
+  //     },
+  //     chioseMonth: [], // 选中的月份
+  //   };
+  //   this.init();
+  //   this.$forceUpdate();
+  // },
   mounted() {
     this.init();
     this.$forceUpdate();