1
YM
2024-07-26 c423765d8a5ff0c58d23bb0a31af7df6c1fad95c
src/pages/Register/Register.vue
@@ -5,8 +5,8 @@
        class="Ttop flex flex-center flex-wrap"
        style="flex-direction: column"
      >
        <view ></view>
        <view  ref="Rtop">
        <view></view>
        <view ref="Rtop">
          <text class="login"></text>
          <text
            style="
@@ -16,7 +16,7 @@
              font-family: cursive;
              font-weight: bold;
            "
            >中国医学人物知识库</text
            >中国历代医学人物知识库</text
          >
        </view>
        <view></view>
@@ -35,7 +35,6 @@
          <!-- <view  style="color: #244A7B;padding-bottom: .47rem;font-size: .3rem;font-weight: bold;">用户注册</view> -->
          <view class="LoginBg"></view>
          <view
            @click="BacktoLogin"
            style="
              cursor: pointer;
@@ -74,10 +73,10 @@
              placeholder="必须与密码一致"
            ></el-input>
          </el-form-item>
          <el-form-item label="手机号" prop="cellphoneORmailbox">
          <el-form-item label="手机号/邮箱" prop="cellphoneORmailbox">
            <el-input
              v-model="registerData.cellphoneORmailbox"
              placeholder="请填写正确的手机"
              placeholder="请填写手机号/邮箱"
            ></el-input>
          </el-form-item>
          <el-form-item label="验证码" prop="verifyCode">
@@ -132,11 +131,21 @@
              margin-bottom: 0.19rem;
            "
          >
            <el-checkbox
              v-model="checked"
              style="margin-right: 0.06rem"
            ></el-checkbox>
            用户注册即代表同意
            <span class="cursor" @click="termOfServiceClick(1)"
            <span
              class="cursor"
              style="color: #244a7b"
              @click="termOfServiceClick(1)"
              >《服务条款》</span
            >
            和<span class="cursor" @click="termOfServiceClick(2)"
            和<span
              class="cursor"
              style="color: #244a7b"
              @click="termOfServiceClick(2)"
              >《用户隐私保护和个人信息条款》</span
            >
          </view>
@@ -236,7 +245,7 @@
        cellphoneORmailbox: [
          {
            required: true,
            message: "请输入手机",
            message: "请输入手机号/邮箱",
            trigger: "blur"
          },
          {
@@ -287,26 +296,31 @@
      // 书籍数据
      listData: [
        {
          name: "中医人物数据库",
          name: "历代人物",
          id: 1
        },
        {
          name: "世医医家数据库",
          name: "家学传承",
          id: 2
        },
        {
          name: "中医学术流派",
          name: "学术图谱",
          id: 6
        },
        {
          name: "学术流派",
          id: 3
        },
        {
          name: "中医地域医谱",
          name: "地域图谱",
          id: 4
        },
        {
          name: "中医医事制度",
          id: 5
        }
      ]
        // {
        //   name: "中医医事制度",
        //   id: 5
        // }
      ],
      checked: false
    };
  },
  onLoad() {
@@ -324,9 +338,9 @@
    // 服务条款
    termOfServiceClick(number) {
      if (number == 1) {
        window.open(`#/pages/userAgreement/userAgreement`);
        window.open(`#/pages/userAgreement/userAgreement?type=1`);
      } else if (number == 2) {
        window.open(`#/pages/userAgreement/userAgreement`);
        window.open(`#/pages/userAgreement/userAgreement?type=2`);
      }
    },
    // 已有账号?返回登录
@@ -379,6 +393,13 @@
    },
    // 用户注册
    async Login(formName) {
      if (!this.checked) {
        this.$message({
          message: "请勾选同意服务条款、用户隐私保护和个人信息条款",
          type: "warning"
        });
        return false;
      }
      let Obj = {
        username: this.registerData.loginID,
        password: encryptAES(this.registerData.pass),
@@ -810,12 +831,12 @@
}
::v-deep .el-form-item__label {
  min-width: 0.6rem;
  min-width: 0.8rem;
  padding: 0;
  color: #244a7b;
  font-size: 0.14rem;
  font-weight: 500;
  margin-right: 0.29rem;
  margin-right: 0.1rem;
  display: flex;
  align-items: center;
  text-align: right;
@@ -852,26 +873,24 @@
  height: 100vh;
  color: #fff;
}
.container .repository {
  width: 100% !important;
  /* margin-top: 19px; */
  /* height: 68%; */
  display: flex;
  flex-direction: column;
  justify-content: space-around;
  align-items: center;
}
.container .repository .Ttop {
  margin-top: 0.38rem;
  margin-bottom: 1.22rem;
}
  .repository {
    width: 100% !important;
    /* margin-top: 19px; */
    /* height: 68%; */
    display: flex;
    flex-direction: column;
    justify-content: space-around;
    align-items: center;
    .Ttop {
      margin-top: 0.38rem;
      margin-bottom: 1.22rem;
    }
    .r-top {
      font-size: 40rpx !important;
      margin: 10rpx 0;
    }
  }
.container .repository .r-top {
  font-size: 40rpx !important;
  margin: 10rpx 0;
}
.login {
@@ -928,20 +947,20 @@
  padding: 0 20px;
  text-align: center;
  li {
    background-color: #fff;
    color: black;
    height: 600rpx;
    display: flex;
    justify-content: space-between;
    flex-direction: column;
    align-items: center;
    border: 1rpx solid #fff;
    padding: 50rpx 65rpx;
    /*          padding: 58rpx 128rpx 88rpx; */
    text-align: center;
    background: #ebf4ff;
  }
}
.secretary li {
  background-color: #fff;
  color: black;
  height: 600rpx;
  display: flex;
  justify-content: space-between;
  flex-direction: column;
  align-items: center;
  border: 1rpx solid #fff;
  padding: 50rpx 65rpx;
  /*          padding: 58rpx 128rpx 88rpx; */
  text-align: center;
  background: #ebf4ff;
}
.Bbottom {