样式

src/views/adapayAccount/formYizhifu.vue

@@ -74,7 +74,9 @@
               :limit="1"
               :auto-upload="false"
             >
-              <el-button slot="trigger" type="primary" size="small">选择文件</el-button>
+              <el-button slot="trigger" type="primary" size="small"
+                >选择文件</el-button
+              >
               <div
                 style="display: inline; padding-left: 20px"
                 class="el-upload__tip"
@@ -112,7 +114,9 @@
               :limit="1"
               :auto-upload="false"
             >
-              <el-button slot="trigger" type="primary" size="small">选择文件</el-button>
+              <el-button slot="trigger" type="primary" size="small"
+                >选择文件</el-button
+              >
               <div
                 style="display: inline; padding-left: 20px"
                 class="el-upload__tip"
@@ -184,6 +188,11 @@
                 required: true,
                 message: '请输入公司法人手机号',
                 trigger: 'blur'
+              },
+              {
+                pattern: /^1[2-9][0-9]\d{8}$/,
+                message: '请输入正确的手机号',
+                trigger: 'blur'
               }
             ]"
           >
@@ -258,7 +267,9 @@
               :limit="1"
               :auto-upload="false"
             >
-              <el-button slot="trigger" type="primary" size="small">选取文件</el-button>
+              <el-button slot="trigger" type="primary" size="small"
+                >选取文件</el-button
+              >
               <div
                 style="display: inline; padding-left: 20px"
                 class="el-upload__tip"
@@ -291,7 +302,9 @@
               :limit="1"
               :auto-upload="false"
             >
-              <el-button slot="trigger" type="primary" size="small">选取文件</el-button>
+              <el-button slot="trigger" type="primary" size="small"
+                >选取文件</el-button
+              >
               <div
                 style="display: inline; padding-left: 20px"
                 class="el-upload__tip"
@@ -345,6 +358,11 @@
                 required: true,
                 message: '请输入联系人手机号码',
                 trigger: 'blur'
+              },
+              {
+                pattern: /^1[2-9][0-9]\d{8}$/,
+                message: '请输入正确的手机号',
+                trigger: 'blur'
               }
             ]"
           >
@@ -457,19 +475,8 @@
 import { yizhifuJson, cityJson } from "../../utils/cityJson";
 import { yiBankJson } from "../../utils/bankJson";
 import { getToken } from "@/utils/auth";
-import load from "@/utils/loading";
 import { yeepayUpload, createMember, updateMember } from "./api.js";
-import { isvalidPhone } from "@/utils/validate";
 import { policy } from "@/api/appTenant";
-let validPhone = (rule, value, callback) => {
-  if (!value) {
-    callback(new Error("请输入公司法人手机号"));
-  } else if (!isvalidPhone(value)) {
-    callback(new Error("请输入正确的11位手机号码"));
-  } else {
-    callback();
-  }
-};
 export default {
   name: "AYePayAccount",
   data() {
@@ -670,10 +677,6 @@ export default {
 };
 </script>
 <style lang="scss" scoped>
-.box-card {
-  margin-bottom: 20px;
-  padding-bottom: 20px;
-}
 .el-input,
 .el-textarea,
 .el-select {
@@ -687,38 +690,6 @@ export default {
     color: #fff;
   }
 }
-::v-deep .avatar-uploader {
-  .el-upload {
-    border: 1px dashed #d9d9d9;
-    border-radius: 6px;
-    cursor: pointer;
-    position: relative;
-    overflow: hidden;
-    &:hover {
-      border-color: #409eff;
-    }
-  }
-}
-.uploadFile {
-  ::v-deep .el-input__inner {
-    padding: 0;
-    height: 40px;
-    line-height: 32px;
-  }
-}
-.avatar-uploader-icon {
-  font-size: 28px;
-  color: #8c939d;
-  width: 178px;
-  height: 178px;
-  line-height: 178px;
-  text-align: center;
-}
-.avatar {
-  width: 178px;
-  height: 178px;
-  display: block;
-}
 .formContainer {
   min-width: 600px;
   height: calc(100vh - 45px);