调整

YM

2024-05-27 0edf94722a0dcc338567fec7df76b2e0acd39b92

 src/pages/Register/Register.vue

@@ -5,8 +5,8 @@
        class="Ttop flex flex-center flex-wrap"
        style="flex-direction: column"
      >
        <view class=""></view>
        <view class="" ref="Rtop">
        <view ></view>
        <view  ref="Rtop">
          <text class="login"></text>
          <text
            style="
@@ -32,10 +32,10 @@
            align-items: center;
          "
        >
          <!-- <view class="" style="color: #244A7B;padding-bottom: .47rem;font-size: .3rem;font-weight: bold;">用户注册</view> -->
          <!-- <view  style="color: #244A7B;padding-bottom: .47rem;font-size: .3rem;font-weight: bold;">用户注册</view> -->
          <view class="LoginBg"></view>
          <view
            class=""
            
            @click="BacktoLogin"
            style="
              cursor: pointer;
@@ -159,7 +159,7 @@
import Footer1 from "@/components/footer/footer.vue";
export default {
  components: {
    Footer1,
    Footer1
  },
  data() {
    // 密码
@@ -202,55 +202,55 @@
          {
            required: true,
            message: "请输入登录账号",
            trigger: "blur",
            trigger: "blur"
          },
          {
            pattern: /^[a-zA-Z0-9]{3,15}$/,
            message: "请输入3-15个字符的字母或数字",
            trigger: "blur",
          }, // 自定义校验规则，使用正则表达式
            trigger: "blur"
          } // 自定义校验规则，使用正则表达式
        ],
        pass: [
          {
            required: true,
            message: "请输入密码",
            trigger: "blur",
            trigger: "blur"
          },
          {
            min: 6,
            max: 10,
            message: "密码长度在 6 到 12 个字符",
            trigger: "blur",
            trigger: "blur"
          },
          {
            validator: validatePass,
            trigger: "blur",
          },
            trigger: "blur"
          }
        ],
        checkPass: [
          {
            validator: validatePass2,
            trigger: "blur",
          },
            trigger: "blur"
          }
        ],
        cellphoneORmailbox: [
          {
            required: true,
            message: "请输入手机",
            trigger: "blur",
            trigger: "blur"
          },
          {
            validator: this.validateContact,
            trigger: "blur",
          },
            trigger: "blur"
          }
        ],
        verifyCode: [
          {
            required: true,
            message: "请输入验证码",
            trigger: "blur",
          },
        ],
            trigger: "blur"
          }
        ]
      },
      // 登录注册框
      loginTrue: true,
@@ -262,51 +262,51 @@
        pass: "",
        checkPass: "",
        cellphoneORmailbox: null,
        verifyCode: "",
        verifyCode: ""
      },
      // 登录用户账号
      loginData: {
        // 账号
        loginID: "",
        pass: "",
        pass: ""
      },
      // 重置密码
      resetDataPass: {
        cellphoneORmailbox: null,
        verifyCode: "",
        newPass: "",
        checkPass: "",
        checkPass: ""
      },
      // 修改密码
      amendDataPass: {
        loginID: "",
        originalPass: "",
        newPass: "",
        checkPass: "",
        checkPass: ""
      },
      // 书籍数据
      listData: [
        {
          name: "中医人物数据库",
          id: 1,
          id: 1
        },
        {
          name: "世医医家数据库",
          id: 2,
          id: 2
        },
        {
          name: "中医学术流派",
          id: 3,
          id: 3
        },
        {
          name: "中医地域医谱",
          id: 4,
          id: 4
        },
        {
          name: "中医医事制度",
          id: 5,
        },
      ],
          id: 5
        }
      ]
    };
  },
  onLoad() {
@@ -314,7 +314,7 @@
      success: function (info) {
        // console.log('屏幕的宽度：' + info.windowWidth);
        // console.log('屏幕的高度：' + info.windowHeight);
      },
      }
    });
  },
  mounted() {
@@ -323,22 +323,16 @@
  methods: {
    // 服务条款
    termOfServiceClick(number) {
      // console.log(number);
      if (number == 1) {
        console.log("服务条款");
        window.open(`#/pages/userAgreement/userAgreement`);
        // uni.navigateTo({
        //    url: '/pages/userAgreement/userAgreement'
        // })
      } else if (number == 2) {
        window.open(`#/pages/userAgreement/userAgreement`);
        console.log("用户隐私保护和个人信息条款");
      }
    },
    // 已有账号？返回登录
    BacktoLogin() {
      uni.redirectTo({
        url: "/pages/Login/Login",
        url: "/pages/Login/Login"
      });
    },
    // 获取验证码
@@ -346,7 +340,7 @@
      if (!this.registerData.cellphoneORmailbox) {
        this.$message({
          message: "请输入手机！",
          type: "warning",
          type: "warning"
        });

        return false;
@@ -355,7 +349,7 @@
        return;
      }
      let Obj = {
        communicateParam: this.registerData.cellphoneORmailbox,
        communicateParam: this.registerData.cellphoneORmailbox
      };
      this.countdown = 60;
      const intervalId = setInterval(() => {
@@ -366,13 +360,11 @@
        }
      }, 1000);
      let code = await getverifyCode(Obj);

    },
    // 手机号/或者邮箱
    validateContact(rule, value, callback) {
      const regPhone = /^1[0-9]{10}$/;
      const regEmail = /^\w+([-+.]\w+)*@\w+([-.]\w+)*\.\w+([-.]\w+)*$/;
      console.log(value, regPhone.test(value), regEmail.test(value));
      if (regPhone.test(value) || regEmail.test(value)) {
        callback(); // 校验通过
      } else {
@@ -383,55 +375,35 @@
      this.$nextTick(() => {
        var width = this.$refs.Rtop.$el.clientWidth;
        this.Rtop1 = width + 50;
        console.log("Element width:", width);
      });
    },
    // 用户注册
    async Login(formName) {
      console.log(formName);
      let Obj = {
        username: this.registerData.loginID,
        password: encryptAES(this.registerData.pass),
        communicateParam: this.registerData.cellphoneORmailbox,
        verifyCode: this.registerData.verifyCode,
        verifyCode: this.registerData.verifyCode
      };
      this.$refs[formName].validate(async (valid) => {
        if (valid) {
          // alert('submit!');
          console.log("sdfds");
          await getaddLogin(Obj).then((res) => {
            console.log(res, "注册成功");
            if (res.success == true) {
              uni.showToast({
                title: res.errorText,
                icon: "success",
              });
              this.$message.success("注册成功");
              uni.navigateTo({
                url: "/pages/Login/Login",
                url: "/pages/Login/Login"
              });
            } else {
              uni.showToast({
                title: res.errorText,
                icon: "error",
              });
              this.$message.error(res.errorText);
            }
          });
          // encryptAES
          // uni.navigateTo({
          //    url: '/pages/Login/Login'
          // })
        } else {
          console.log("error submit!!");
          return false;
        }
      });

      // console.log(Obj, '用户登录的登录按钮');

      // let res = await getaddLogin(Obj)
      // console.log('sdfdsfs', res);
    },
  },
    }
  }
};
</script>
<style scoped>