1

PC-20250623MANY\Administrator

2025-09-16 58af838e57447ce1e5d47b038c45f0df0eda23ba

 src/views/register.vue

@@ -13,42 +13,35 @@
      <div class="register-form">
        <h2>{{ $t("hj15") }}</h2>
        <el-form :model="registerForm" :rules="rules" ref="registerForm">

          <el-form-item prop="phone">
            <label>{{ $t("hj27") }}</label>
            <label>{{ $t("hj16") }}</label>
            <el-input v-model="registerForm.phone" placeholder=""></el-input>
          </el-form-item>

          <el-form-item prop="code">
            <label>{{ $t("hj25") }}</label>
            <el-input v-model="registerForm.code" placeholder="">
              <el-button slot="append" :loading="djs > 0" @click="getYzm">
                {{ djs > 0 ? djs : $t('获取验证码') }}
              </el-button>
            </el-input>
          </el-form-item>

          <el-form-item prop="userPwd">
            <label>{{ $t("Password") }}</label>
            <el-input
              v-model="registerForm.userPwd"
              type="password"
              placeholder=""
              show-password
            ></el-input>
            <el-input v-model="registerForm.userPwd" type="password" placeholder="" show-password></el-input>
          </el-form-item>
          <el-form-item prop="confirmPwd">
            <label>{{ $t("Confirm Password") }}</label>
            <el-input
              v-model="registerForm.confirmPwd"
              type="password"
              placeholder=""
              show-password
            ></el-input>
            <el-input v-model="registerForm.confirmPwd" type="password" placeholder="" show-password></el-input>
          </el-form-item>
          <el-form-item prop="inviteCode">
            <label>{{ $t("hj21") }}</label>
            <el-input
              v-model="registerForm.inviteCode"
              placeholder=""
            ></el-input>
            <el-input v-model="registerForm.inviteCode" placeholder=""></el-input>
          </el-form-item>
          <el-form-item>
            <el-button
              type="primary"
              class="register-button"
              @click="submitForm('registerForm')"
              :loading="isloading"
            >
            <el-button type="primary" class="register-button" @click="submitForm('registerForm')" :loading="isloading">
              {{ $t("hj15") }}
            </el-button>
          </el-form-item>
@@ -80,18 +73,22 @@
      }
    };
    return {
      djs: 0,
      registerForm: {
        phone: "",
        userPwd: "",
        confirmPwd: "",
        inviteCode: "",
        code: "6666",
        code: "",
      },
      rules: {
        phone: [
          { required: true, message: this.$t("请输入"), trigger: "blur" },
        ],
        userPwd: [
          { required: true, message: this.$t("请输入"), trigger: "blur" },
        ],
        code: [
          { required: true, message: this.$t("请输入"), trigger: "blur" },
        ],
        confirmPwd: [
@@ -130,6 +127,21 @@
        }
      });
    },
    async getYzm() {
      let data = await api.getsendmail({ email: this.registerForm.phone });
      if (data.status == 0) {
        this.$message.success(data.msg);
        this.djs = 60;
        let time = setInterval(() => {
          this.djs--;
          if (this.djs <= 0) {
            clearInterval(time);
          }
        }, 1000);
      } else {
        this.$message.warning(data.msg);
      }
    },
  },
};
</script>
@@ -142,6 +154,7 @@
  border-radius: 0;
  border-bottom: #ccc solid 1px;
}

.register-container {
  display: flex;
  height: 100vh;