From c423765d8a5ff0c58d23bb0a31af7df6c1fad95c Mon Sep 17 00:00:00 2001
From: YM <479443481@qq.com>
Date: 星期五, 26 七月 2024 16:10:25 +0800
Subject: [PATCH] 1
---
src/pages/Register/Register.vue | 1423 +++++++++++++++++++++++++++++++----------------------------
1 files changed, 748 insertions(+), 675 deletions(-)
diff --git a/src/pages/Register/Register.vue b/src/pages/Register/Register.vue
index 91d5e5d..0c54605 100644
--- a/src/pages/Register/Register.vue
+++ b/src/pages/Register/Register.vue
@@ -1,366 +1,457 @@
<template>
- <view class="container flex flex-center" style="align-items: flex-start;">
- <view class="repository relative">
- <view class="Ttop flex flex-center flex-wrap" style="flex-direction: column;">
- <view class=""></view>
- <view class="" ref="Rtop">
- <text class="login"></text>
- <text
- style="font-size: .36rem;letter-spacing: 4rpx;vertical-align: middle;font-family: cursive;font-weight: bold;">涓浗鍖诲浜虹墿鐭ヨ瘑搴�</text>
- </view>
- <view></view>
- </view>
- <!-- 娉ㄥ唽鐢ㄦ埛 v-if="isRegister"-->
- <el-card>
- <view class="LoginTop"
- style="display: flex; justify-content: space-between;margin-bottom: .47rem;align-items: center;">
- <!-- <view class="" style="color: #244A7B;padding-bottom: .47rem;font-size: .3rem;font-weight: bold;">鐢ㄦ埛娉ㄥ唽</view> -->
- <view class="LoginBg"></view>
- <view class="" @click="BacktoLogin"
- style="cursor: pointer;font-size: .14rem;color: #244A7B;font-weight: normal;">
- 宸叉湁璐﹀彿锛熻繑鍥炵櫥褰�
- </view>
- </view>
- <el-form :hide-required-asterisk="true" ref="formLogin" label-position="right" :rules="rules"
- :model="registerData">
- <el-form-item label="鐧诲綍璐﹀彿" prop="loginID">
- <el-input v-model="registerData.loginID" placeholder="鐢卞瓧姣嶆垨鏁板瓧缁勫悎3-15涓瓧绗︾粍鎴�"></el-input>
- </el-form-item>
- <el-form-item label="鐧诲綍瀵嗙爜" prop="pass">
- <el-input type="password" v-model="registerData.pass"
- placeholder="瀛楁瘝銆佹暟瀛楁垨鐗规畩绗﹀彿缁勬垚(6-10)涓瓧绗�"></el-input>
- </el-form-item>
- <el-form-item label="纭瀵嗙爜" prop="checkPass">
- <el-input type="password" v-model="registerData.checkPass" placeholder="蹇呴』涓庡瘑鐮佷竴鑷�"></el-input>
- </el-form-item>
- <el-form-item label="鎵嬫満/閭" prop="cellphoneORmailbox">
- <el-input v-model="registerData.cellphoneORmailbox" placeholder="璇峰～鍐欐纭殑鎵嬫満鎴栫數瀛愰偖绠卞湴鍧�"></el-input>
- </el-form-item>
- <el-form-item label="楠岃瘉鐮�" prop="verifyCode">
- <view class="verifyCode relative">
- <el-input v-model="registerData.verifyCode" placeholder="璇疯緭鍏ラ獙璇佺爜"></el-input>
- <view @click="verifyCodeClick" class="yzm"
- style="position: absolute;right: 0%;top: 0%;color: #244A7B;font-size: .14rem;font-weight: 500;">
- 鑾峰彇楠岃瘉鐮�</view>
- </view>
- </el-form-item>
- <el-form-item class="btn" style="margin-bottom: .09rem;">
- <el-button class="font-family"
- style="margin-top: .22rem; font-weight:900;font-size: .3rem; width: 100%;background-color:#244A7B;color: #fff;padding: .16rem;"
- size="medium" @click="Login('formLogin')">娉ㄥ唽</el-button>
- </el-form-item>
- <view class="asdf"
- style="font-size: .12rem;color: #9E9E9E;font-weight: 500; text-align: center;line-height: normal;margin-bottom: .19rem;">
- 鐢ㄦ埛娉ㄥ唽鍗充唬琛ㄥ悓鎰� <span class="cursor" @click="termOfServiceClick(1)">銆婃湇鍔℃潯娆俱��</span> 鍜�<span
- class="cursor" @click="termOfServiceClick(2)">銆婄敤鎴烽殣绉佷繚鎶ゅ拰涓汉淇℃伅鏉℃銆�</span>
- </view>
- </el-form>
- </el-card>
- </view>
- <view class="hua"></view>
- <!-- 搴曢儴浜虹墿鑳屾櫙鍥惧乏渚� -->
- <view class="fff"></view>
- <!-- 搴曢儴鑺辩殑鑳屾櫙鍥惧彸渚� -->
- <view class="rrr"></view>
- <Footer1 />
- </view>
+ <view class="container flex flex-center" style="align-items: flex-start">
+ <view class="repository relative">
+ <view
+ class="Ttop flex flex-center flex-wrap"
+ style="flex-direction: column"
+ >
+ <view></view>
+ <view ref="Rtop">
+ <text class="login"></text>
+ <text
+ style="
+ font-size: 0.36rem;
+ letter-spacing: 4rpx;
+ vertical-align: middle;
+ font-family: cursive;
+ font-weight: bold;
+ "
+ >涓浗鍘嗕唬鍖诲浜虹墿鐭ヨ瘑搴�</text
+ >
+ </view>
+ <view></view>
+ </view>
+ <!-- 娉ㄥ唽鐢ㄦ埛 v-if="isRegister"-->
+ <el-card>
+ <view
+ class="LoginTop"
+ style="
+ display: flex;
+ justify-content: space-between;
+ margin-bottom: 0.47rem;
+ align-items: center;
+ "
+ >
+ <!-- <view style="color: #244A7B;padding-bottom: .47rem;font-size: .3rem;font-weight: bold;">鐢ㄦ埛娉ㄥ唽</view> -->
+ <view class="LoginBg"></view>
+ <view
+ @click="BacktoLogin"
+ style="
+ cursor: pointer;
+ font-size: 0.14rem;
+ color: #244a7b;
+ font-weight: normal;
+ "
+ >
+ 宸叉湁璐﹀彿锛熻繑鍥炵櫥褰�
+ </view>
+ </view>
+ <el-form
+ :hide-required-asterisk="true"
+ ref="formLogin"
+ label-position="right"
+ :rules="rules"
+ :model="registerData"
+ >
+ <el-form-item label="鐧诲綍璐﹀彿" prop="loginID">
+ <el-input
+ v-model="registerData.loginID"
+ placeholder="鐢卞瓧姣嶆垨鏁板瓧缁勫悎3-15涓瓧绗︾粍鎴�"
+ ></el-input>
+ </el-form-item>
+ <el-form-item label="鐧诲綍瀵嗙爜" prop="pass">
+ <el-input
+ type="password"
+ v-model="registerData.pass"
+ placeholder="瀛楁瘝銆佹暟瀛楁垨鐗规畩绗﹀彿缁勬垚(6-10)涓瓧绗�"
+ ></el-input>
+ </el-form-item>
+ <el-form-item label="纭瀵嗙爜" prop="checkPass">
+ <el-input
+ type="password"
+ v-model="registerData.checkPass"
+ placeholder="蹇呴』涓庡瘑鐮佷竴鑷�"
+ ></el-input>
+ </el-form-item>
+ <el-form-item label="鎵嬫満鍙�/閭" prop="cellphoneORmailbox">
+ <el-input
+ v-model="registerData.cellphoneORmailbox"
+ placeholder="璇峰～鍐欐墜鏈哄彿/閭"
+ ></el-input>
+ </el-form-item>
+ <el-form-item label="楠岃瘉鐮�" prop="verifyCode">
+ <view class="verifyCode relative">
+ <el-input
+ v-model="registerData.verifyCode"
+ placeholder="璇疯緭鍏ラ獙璇佺爜"
+ ></el-input>
+ <view
+ @click="verifyCodeClick"
+ class="yzm"
+ style="
+ position: absolute;
+ right: 0%;
+ top: 0%;
+ color: #244a7b;
+ font-size: 0.14rem;
+ font-weight: 500;
+ "
+ >
+ {{
+ countdown > 0 ? `${countdown}绉掑悗閲嶆柊鑾峰彇` : "鑾峰彇楠岃瘉鐮�"
+ }}</view
+ >
+ </view>
+ </el-form-item>
+ <el-form-item class="btn" style="margin-bottom: 0.09rem">
+ <el-button
+ class="font-family"
+ style="
+ margin-top: 0.22rem;
+ font-weight: 900;
+ font-size: 0.3rem;
+ width: 100%;
+ background-color: #244a7b;
+ color: #fff;
+ padding: 0.16rem;
+ "
+ size="medium"
+ @click="Login('formLogin')"
+ >娉ㄥ唽</el-button
+ >
+ </el-form-item>
+ <view
+ class="asdf"
+ style="
+ font-size: 0.12rem;
+ color: #9e9e9e;
+ font-weight: 500;
+ text-align: center;
+ line-height: normal;
+ margin-bottom: 0.19rem;
+ "
+ >
+ <el-checkbox
+ v-model="checked"
+ style="margin-right: 0.06rem"
+ ></el-checkbox>
+ 鐢ㄦ埛娉ㄥ唽鍗充唬琛ㄥ悓鎰�
+ <span
+ class="cursor"
+ style="color: #244a7b"
+ @click="termOfServiceClick(1)"
+ >銆婃湇鍔℃潯娆俱��</span
+ >
+ 鍜�<span
+ class="cursor"
+ style="color: #244a7b"
+ @click="termOfServiceClick(2)"
+ >銆婄敤鎴烽殣绉佷繚鎶ゅ拰涓汉淇℃伅鏉℃銆�</span
+ >
+ </view>
+ </el-form>
+ </el-card>
+ </view>
+ <view class="hua"></view>
+ <!-- 搴曢儴浜虹墿鑳屾櫙鍥惧乏渚� -->
+ <view class="fff"></view>
+ <!-- 搴曢儴鑺辩殑鑳屾櫙鍥惧彸渚� -->
+ <view class="rrr"></view>
+ <Footer1 />
+ </view>
</template>
<script>
- import {
- getaddLogin,
- getverifyCode
- } from '@/api/index.js'
- import {
- encryptAES
- } from '@/utils/Crypto.js'
- import {
- nextTick
- } from "vue";
- import Footer1 from '@/components/footer/footer.vue'
- export default {
- components: {
- Footer1
- },
- data() {
- // 瀵嗙爜
- var validatePass = (rule, value, callback) => {
- if (value === '') {
- callback(new Error('璇疯緭鍏ュ瘑鐮�'));
- } else {
- if (this.registerData.checkPass !== '') {
- this.$nextTick(() => {
- this.$refs.formLogin.validateField('checkPass');
- });
- }
- callback();
- }
- };
- // 纭瀵嗙爜
- var validatePass2 = (rule, value, callback) => {
- if (value === '') {
- callback(new Error('璇峰啀娆¤緭鍏ュ瘑鐮�'));
- } else if (value !== this.registerData.pass) {
- callback(new Error('涓ゆ杈撳叆瀵嗙爜涓嶄竴鑷�!'));
- } else {
- callback();
- }
- };
- return {
- // 鐢ㄦ埛娉ㄥ唽
- isRegister: false,
- // 鐢ㄦ埛鐧诲綍
- isLogin: true,
- // 淇敼瀵嗙爜
- isAmendPass: false,
- // 閲嶇疆瀵嗙爜
- isResetPass: false,
- // 娉ㄥ唽鐢ㄦ埛璐﹀彿鐨勬牎楠�
- rules: {
- loginID: [{
- required: true,
- message: '璇疯緭鍏ョ櫥褰曡处鍙�',
- trigger: 'blur'
- },
- {
- pattern: /^[a-zA-Z0-9]{3,15}$/,
- message: '璇疯緭鍏�3-15涓瓧绗︾殑瀛楁瘝鎴栨暟瀛�',
- trigger: 'blur'
- } // 鑷畾涔夋牎楠岃鍒欙紝浣跨敤姝ｅ垯琛ㄨ揪寮�
- ],
- pass: [{
- required: true,
- message: '璇疯緭鍏ュ瘑鐮�',
- trigger: 'blur'
- },
- {
- min: 6,
- max: 10,
- message: '瀵嗙爜闀垮害鍦� 6 鍒� 12 涓瓧绗�',
- trigger: 'blur'
- },
- {
- validator: validatePass,
- trigger: 'blur'
- }
- ],
- checkPass: [{
- validator: validatePass2,
- trigger: 'blur'
- }],
- cellphoneORmailbox: [{
- required: true,
- message: '璇疯緭鍏ユ墜鏈哄彿鎴栭偖绠�',
- trigger: 'blur'
- },
- {
- validator: this.validateContact,
- trigger: 'blur'
- }
- ],
- verifyCode: [{
- required: true,
- message: '璇疯緭鍏ラ獙璇佺爜',
- trigger: 'blur'
- }]
- },
- // 鐧诲綍娉ㄥ唽妗�
- loginTrue: true,
- Rtop1: 0,
- value: 'sdfdsf',
- // 娉ㄥ唽鐢ㄦ埛瀵瑰簲鐨勬暟鎹�
- registerData: {
- loginID: '',
- pass: '',
- checkPass: '',
- cellphoneORmailbox: '',
- verifyCode: ''
- },
- // 鐧诲綍鐢ㄦ埛璐﹀彿
- loginData: {
- // 璐﹀彿
- loginID: '',
- pass: ''
- },
- // 閲嶇疆瀵嗙爜
- resetDataPass: {
- cellphoneORmailbox: '',
- verifyCode: "",
- newPass: "",
- checkPass: ""
- },
- // 淇敼瀵嗙爜
- amendDataPass: {
- loginID: '',
- originalPass: "",
- newPass: "",
- checkPass: ""
- },
- // 涔︾睄鏁版嵁
- listData: [{
- name: '涓尰浜虹墿鏁版嵁搴�',
- id: 1,
- }, {
- name: '涓栧尰鍖诲鏁版嵁搴�',
- id: 2,
- }, {
- name: '涓尰瀛︽湳娴佹淳',
- id: 3,
- }, {
- name: '涓尰鍦板煙鍖昏氨',
- id: 4,
- }, {
- name: '涓尰鍖讳簨鍒跺害',
- id: 5,
- },
+import { getaddLogin, getverifyCode } from "@/api/index.js";
+import { encryptAES } from "@/utils/Crypto.js";
+import { nextTick } from "vue";
+import Footer1 from "@/components/footer/footer.vue";
+export default {
+ components: {
+ Footer1
+ },
+ data() {
+ // 瀵嗙爜
+ var validatePass = (rule, value, callback) => {
+ if (value === "") {
+ callback(new Error("璇疯緭鍏ュ瘑鐮�"));
+ } else {
+ if (this.registerData.checkPass !== "") {
+ this.$nextTick(() => {
+ this.$refs.formLogin.validateField("checkPass");
+ });
+ }
+ callback();
+ }
+ };
+ // 纭瀵嗙爜
+ var validatePass2 = (rule, value, callback) => {
+ if (value === "") {
+ callback(new Error("璇峰啀娆¤緭鍏ュ瘑鐮�"));
+ } else if (value !== this.registerData.pass) {
+ callback(new Error("涓ゆ杈撳叆瀵嗙爜涓嶄竴鑷�!"));
+ } else {
+ callback();
+ }
+ };
+ return {
+ //楠岃瘉鐮佸�掕鏃�
+ countdown: 0,
+ // 鐢ㄦ埛娉ㄥ唽
+ isRegister: false,
+ // 鐢ㄦ埛鐧诲綍
+ isLogin: true,
+ // 淇敼瀵嗙爜
+ isAmendPass: false,
+ // 閲嶇疆瀵嗙爜
+ isResetPass: false,
+ // 娉ㄥ唽鐢ㄦ埛璐﹀彿鐨勬牎楠�
+ rules: {
+ loginID: [
+ {
+ required: true,
+ message: "璇疯緭鍏ョ櫥褰曡处鍙�",
+ trigger: "blur"
+ },
+ {
+ pattern: /^[a-zA-Z0-9]{3,15}$/,
+ message: "璇疯緭鍏�3-15涓瓧绗︾殑瀛楁瘝鎴栨暟瀛�",
+ trigger: "blur"
+ } // 鑷畾涔夋牎楠岃鍒欙紝浣跨敤姝ｅ垯琛ㄨ揪寮�
+ ],
+ pass: [
+ {
+ required: true,
+ message: "璇疯緭鍏ュ瘑鐮�",
+ trigger: "blur"
+ },
+ {
+ min: 6,
+ max: 10,
+ message: "瀵嗙爜闀垮害鍦� 6 鍒� 12 涓瓧绗�",
+ trigger: "blur"
+ },
+ {
+ validator: validatePass,
+ trigger: "blur"
+ }
+ ],
+ checkPass: [
+ {
+ validator: validatePass2,
+ trigger: "blur"
+ }
+ ],
+ cellphoneORmailbox: [
+ {
+ required: true,
+ message: "璇疯緭鍏ユ墜鏈哄彿/閭",
+ trigger: "blur"
+ },
+ {
+ validator: this.validateContact,
+ trigger: "blur"
+ }
+ ],
+ verifyCode: [
+ {
+ required: true,
+ message: "璇疯緭鍏ラ獙璇佺爜",
+ trigger: "blur"
+ }
+ ]
+ },
+ // 鐧诲綍娉ㄥ唽妗�
+ loginTrue: true,
+ Rtop1: 0,
+ value: "sdfdsf",
+ // 娉ㄥ唽鐢ㄦ埛瀵瑰簲鐨勬暟鎹�
+ registerData: {
+ loginID: "",
+ pass: "",
+ checkPass: "",
+ cellphoneORmailbox: null,
+ verifyCode: ""
+ },
+ // 鐧诲綍鐢ㄦ埛璐﹀彿
+ loginData: {
+ // 璐﹀彿
+ loginID: "",
+ pass: ""
+ },
+ // 閲嶇疆瀵嗙爜
+ resetDataPass: {
+ cellphoneORmailbox: null,
+ verifyCode: "",
+ newPass: "",
+ checkPass: ""
+ },
+ // 淇敼瀵嗙爜
+ amendDataPass: {
+ loginID: "",
+ originalPass: "",
+ newPass: "",
+ checkPass: ""
+ },
+ // 涔︾睄鏁版嵁
+ listData: [
+ {
+ name: "鍘嗕唬浜虹墿",
+ id: 1
+ },
+ {
+ name: "瀹跺浼犳壙",
+ id: 2
+ },
+ {
+ name: "瀛︽湳鍥捐氨",
+ id: 6
+ },
+ {
+ name: "瀛︽湳娴佹淳",
+ id: 3
+ },
+ {
+ name: "鍦板煙鍥捐氨",
+ id: 4
+ }
+ // {
+ // name: "涓尰鍖讳簨鍒跺害",
+ // id: 5
+ // }
+ ],
+ checked: false
+ };
+ },
+ onLoad() {
+ uni.getSystemInfo({
+ success: function (info) {
+ // console.log('灞忓箷鐨勫搴︼細' + info.windowWidth);
+ // console.log('灞忓箷鐨勯珮搴︼細' + info.windowHeight);
+ }
+ });
+ },
+ mounted() {
+ this.getElementWidth();
+ },
+ methods: {
+ // 鏈嶅姟鏉℃
+ termOfServiceClick(number) {
+ if (number == 1) {
+ window.open(`#/pages/userAgreement/userAgreement?type=1`);
+ } else if (number == 2) {
+ window.open(`#/pages/userAgreement/userAgreement?type=2`);
+ }
+ },
+ // 宸叉湁璐﹀彿锛熻繑鍥炵櫥褰�
+ BacktoLogin() {
+ uni.redirectTo({
+ url: "/pages/Login/Login"
+ });
+ },
+ // 鑾峰彇楠岃瘉鐮�
+ async verifyCodeClick() {
+ if (!this.registerData.cellphoneORmailbox) {
+ this.$message({
+ message: "璇疯緭鍏ユ墜鏈猴紒",
+ type: "warning"
+ });
- ]
- }
- },
- onLoad() {
- uni.getSystemInfo({
- success: function(info) {
- // console.log('灞忓箷鐨勫搴︼細' + info.windowWidth);
- // console.log('灞忓箷鐨勯珮搴︼細' + info.windowHeight);
- }
- });
- },
- mounted() {
- this.getElementWidth();
- },
- 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'
- })
- },
- // 鑾峰彇楠岃瘉鐮�
- async verifyCodeClick() {
- let Obj = {
- communicateParam: this.registerData.cellphoneORmailbox,
- }
- console.log(Obj);
- let code = await getverifyCode(Obj)
- console.log(code, '鑾峰彇楠岃瘉鐮�');
- // console.log('鑾峰彇楠岃瘉鐮�');
- },
- // 楠岃瘉鐮佹牎楠�
- validateVerificationCode(rule, value, callback) {
- if (value !== '123456') {
- // callback(new Error('楠岃瘉鐮侀敊璇�'));
- callback()
- } else {
- callback();
- }
- },
- // 鎵嬫満鍙�/鎴栬�呴偖绠�
- 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 {
- callback(new Error('璇疯緭鍏ユ纭殑鎵嬫満鍙锋垨閭')); // 鏍￠獙澶辫触
- }
- },
- getElementWidth() {
- 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,
- }
- 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'
- });
- uni.navigateTo({
- url: '/pages/Login/Login'
- })
- }else{
- uni.showToast({
- title: res.errorText,
- icon: 'error'
- });
- }
- })
- // 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);
-
- },
- }
- }
+ return false;
+ }
+ if (this.countdown > 0) {
+ return;
+ }
+ let Obj = {
+ communicateParam: this.registerData.cellphoneORmailbox
+ };
+ this.countdown = 60;
+ const intervalId = setInterval(() => {
+ if (this.countdown > 0) {
+ this.countdown -= 1;
+ } else {
+ clearInterval(intervalId);
+ }
+ }, 1000);
+ let code = await getverifyCode(Obj);
+ },
+ // 鎵嬫満鍙�/鎴栬�呴偖绠�
+ validateContact(rule, value, callback) {
+ const regPhone = /^1[0-9]{10}$/;
+ const regEmail = /^\w+([-+.]\w+)*@\w+([-.]\w+)*\.\w+([-.]\w+)*$/;
+ if (regPhone.test(value) || regEmail.test(value)) {
+ callback(); // 鏍￠獙閫氳繃
+ } else {
+ callback(new Error("璇疯緭鍏ユ纭殑鎵嬫満鍙�")); // 鏍￠獙澶辫触
+ }
+ },
+ getElementWidth() {
+ this.$nextTick(() => {
+ var width = this.$refs.Rtop.$el.clientWidth;
+ this.Rtop1 = width + 50;
+ });
+ },
+ // 鐢ㄦ埛娉ㄥ唽
+ async Login(formName) {
+ if (!this.checked) {
+ this.$message({
+ message: "璇峰嬀閫夊悓鎰忔湇鍔℃潯娆俱�佺敤鎴烽殣绉佷繚鎶ゅ拰涓汉淇℃伅鏉℃",
+ type: "warning"
+ });
+ return false;
+ }
+ let Obj = {
+ username: this.registerData.loginID,
+ password: encryptAES(this.registerData.pass),
+ communicateParam: this.registerData.cellphoneORmailbox,
+ verifyCode: this.registerData.verifyCode
+ };
+ this.$refs[formName].validate(async (valid) => {
+ if (valid) {
+ await getaddLogin(Obj).then((res) => {
+ if (res.success == true) {
+ this.$message.success("娉ㄥ唽鎴愬姛");
+ uni.navigateTo({
+ url: "/pages/Login/Login"
+ });
+ } else {
+ this.$message.error(res.errorText);
+ }
+ });
+ } else {
+ console.log("error submit!!");
+ return false;
+ }
+ });
+ }
+ }
+};
</script>
<style scoped>
- @media screen and (max-width:1366px) {
- ::v-deep .el-card {
- top: 50% !important;
- }
+@media screen and (max-width: 1366px) {
+ ::v-deep .el-card {
+ top: 50% !important;
+ }
- ::v-deep .el-input__inner {
- height: .44rem;
- }
+ ::v-deep .el-input__inner {
+ height: 0.44rem;
+ }
- ::v-deep .el-card {
- padding: .2rem 0 !important;
- }
+ ::v-deep .el-card {
+ padding: 0.2rem 0 !important;
+ }
- .LoginBg {
- margin: 0 !important;
- }
+ .LoginBg {
+ margin: 0 !important;
+ }
- .hua {
- height: 5rem !important;
- }
- }
+ .hua {
+ height: 5rem !important;
+ }
+}
- @media screen and (min-width:1366px) and (max-width:1920px) {
-
- /* ::v-deep .el-card__body {
+@media screen and (min-width: 1366px) and (max-width: 1920px) {
+ /* ::v-deep .el-card__body {
padding: 0 .58rem !important;
}
@@ -383,69 +474,68 @@
.hua {
height: 5rem !important;
} */
- .LoginBg {
- margin: 0 !important;
- height: .3rem !important;
- }
+ .LoginBg {
+ margin: 0 !important;
+ height: 0.3rem !important;
+ }
- ::v-deep .el-card {
- top: 70% !important;
- padding: 0 !important;
- }
+ ::v-deep .el-card {
+ top: 70% !important;
+ padding: 0 !important;
+ }
- ::v-deep .el-card__body {
- padding: .25rem .5rem !important;
- }
+ ::v-deep .el-card__body {
+ padding: 0.25rem 0.5rem !important;
+ }
- ::v-deep .el-form {
- padding-left: .1rem !important;
- }
+ ::v-deep .el-form {
+ padding-left: 0.1rem !important;
+ }
- ::v-deep .el-form-item__error {
- font-size: .13rem !important;
- }
+ ::v-deep .el-form-item__error {
+ font-size: 0.13rem !important;
+ }
- ::v-deep .el-input__inner {
- height: .35rem !important;
- }
+ ::v-deep .el-input__inner {
+ height: 0.35rem !important;
+ }
- .hua {
- height: 5rem !important;
- }
+ .hua {
+ height: 5rem !important;
+ }
- .LoginTop {
- margin-bottom: .25rem !important;
- }
+ .LoginTop {
+ margin-bottom: 0.25rem !important;
+ }
- .yzm {
- top: 15% !important;
- }
+ .yzm {
+ top: 15% !important;
+ }
- .fff {
- width: 2.4rem !important;
- height: 4rem !important;
- }
+ .fff {
+ width: 2.4rem !important;
+ height: 4rem !important;
+ }
- .rrr {
- width: 2rem !important;
- height: 2.5rem !important;
- }
+ .rrr {
+ width: 2rem !important;
+ height: 2.5rem !important;
+ }
- .btn ::v-deep .el-button {
- margin-top: 0.2rem !important;
- /* font-size: 0.2rem !important;
+ .btn ::v-deep .el-button {
+ margin-top: 0.2rem !important;
+ /* font-size: 0.2rem !important;
width: 100%;
padding: 0.12rem !important; */
- }
+ }
- .asdf {
- margin-bottom: .1rem !important;
- }
- }
+ .asdf {
+ margin-bottom: 0.1rem !important;
+ }
+}
- @media screen and (min-width: 1920px) and (max-width:2560px) {
-
- /* ::v-deep .el-card {
+@media screen and (min-width: 1920px) and (max-width: 2560px) {
+ /* ::v-deep .el-card {
top: 80% !important;
}
@@ -522,129 +612,128 @@
::v-deep .el-input__inner {
height: .35rem !important;
} */
- .LoginBg {
- margin: 0 !important;
- height: .3rem !important;
- }
+ .LoginBg {
+ margin: 0 !important;
+ height: 0.3rem !important;
+ }
- ::v-deep .el-card {
- top: 70% !important;
- padding: 0 !important;
- }
+ ::v-deep .el-card {
+ top: 70% !important;
+ padding: 0 !important;
+ }
- ::v-deep .el-card__body {
- padding: .25rem .5rem !important;
- }
+ ::v-deep .el-card__body {
+ padding: 0.25rem 0.5rem !important;
+ }
- ::v-deep .el-form {
- padding-left: .1rem !important;
- }
+ ::v-deep .el-form {
+ padding-left: 0.1rem !important;
+ }
- ::v-deep .el-form-item__error {
- font-size: .13rem !important;
- }
+ ::v-deep .el-form-item__error {
+ font-size: 0.13rem !important;
+ }
- ::v-deep .el-input__inner {
- height: .35rem !important;
- }
+ ::v-deep .el-input__inner {
+ height: 0.35rem !important;
+ }
- .hua {
- height: 5rem !important;
- }
+ .hua {
+ height: 5rem !important;
+ }
- .LoginTop {
- margin-bottom: .25rem !important;
- }
+ .LoginTop {
+ margin-bottom: 0.25rem !important;
+ }
- .yzm {
- top: 15% !important;
- }
+ .yzm {
+ top: 15% !important;
+ }
- .fff {
- width: 2.4rem !important;
- height: 4rem !important;
- }
+ .fff {
+ width: 2.4rem !important;
+ height: 4rem !important;
+ }
- .rrr {
- width: 2rem !important;
- height: 2.5rem !important;
- }
+ .rrr {
+ width: 2rem !important;
+ height: 2.5rem !important;
+ }
- .btn ::v-deep .el-button {
- margin-top: 0.2rem !important;
- /* font-size: 0.2rem !important;
+ .btn ::v-deep .el-button {
+ margin-top: 0.2rem !important;
+ /* font-size: 0.2rem !important;
width: 100%;
padding: 0.12rem !important; */
- }
+ }
- .asdf {
- margin-bottom: .1rem !important;
- }
- }
+ .asdf {
+ margin-bottom: 0.1rem !important;
+ }
+}
- @media screen and (min-width:2560px)and (max-width:3840px) {
- .LoginBg {
- margin: 0 !important;
- height: .3rem !important;
- }
+@media screen and (min-width: 2560px) and (max-width: 3840px) {
+ .LoginBg {
+ margin: 0 !important;
+ height: 0.3rem !important;
+ }
- ::v-deep .el-card {
- top: 70% !important;
- padding: 0 !important;
- }
+ ::v-deep .el-card {
+ top: 70% !important;
+ padding: 0 !important;
+ }
- ::v-deep .el-card__body {
- padding: .25rem .5rem !important;
- }
+ ::v-deep .el-card__body {
+ padding: 0.25rem 0.5rem !important;
+ }
- ::v-deep .el-form {
- padding-left: .1rem !important;
- }
+ ::v-deep .el-form {
+ padding-left: 0.1rem !important;
+ }
- ::v-deep .el-form-item__error {
- font-size: .13rem !important;
- }
+ ::v-deep .el-form-item__error {
+ font-size: 0.13rem !important;
+ }
- ::v-deep .el-input__inner {
- height: .35rem !important;
- }
+ ::v-deep .el-input__inner {
+ height: 0.35rem !important;
+ }
- .hua {
- height: 5rem !important;
- }
+ .hua {
+ height: 5rem !important;
+ }
- .LoginTop {
- margin-bottom: .25rem !important;
- }
+ .LoginTop {
+ margin-bottom: 0.25rem !important;
+ }
- .yzm {
- top: 15% !important;
- }
+ .yzm {
+ top: 15% !important;
+ }
- .fff {
- width: 2.4rem !important;
- height: 4rem !important;
- }
+ .fff {
+ width: 2.4rem !important;
+ height: 4rem !important;
+ }
- .rrr {
- width: 2rem !important;
- height: 2.5rem !important;
- }
+ .rrr {
+ width: 2rem !important;
+ height: 2.5rem !important;
+ }
- .btn ::v-deep .el-button {
- margin-top: 0.2rem !important;
- /* font-size: 0.2rem !important;
+ .btn ::v-deep .el-button {
+ margin-top: 0.2rem !important;
+ /* font-size: 0.2rem !important;
width: 100%;
padding: 0.12rem !important; */
- }
+ }
- .asdf {
- margin-bottom: .1rem !important;
- }
+ .asdf {
+ margin-bottom: 0.1rem !important;
+ }
+}
- }
-
- /* @media screen and (max-width: 1366px){
+/* @media screen and (max-width: 1366px){
::v-deep .el-card{
top: 60% !important;
}
@@ -659,9 +748,9 @@
} */
- /*
+/*
鍦ㄥ睆骞曞搴﹁秴杩� 1440px 鏃剁殑鏍峰紡璁剧疆 */
- /* @media screen and (min-width: 1441px) {
+/* @media screen and (min-width: 1441px) {
::v-deep .el-card {
top: 80% !important;
}
@@ -689,209 +778,193 @@
}
} */
+.LoginBg {
+ width: 1.2rem;
+ height: 0.37rem;
+ background: url(@/static/image/鐢ㄦ埛娉ㄥ唽.png) no-repeat 0 0;
+ background-size: 100% 100%;
+ /* border: 10px solid red; */
+}
- .LoginBg {
- width: 1.2rem;
- height: .37rem;
- background: url(@/static/image/鐢ㄦ埛娉ㄥ唽.png) no-repeat 0 0;
- background-size: 100% 100%;
- /* border: 10px solid red; */
+::v-deep .el-card {
+ border-radius: 0;
+ width: 5.42rem;
+ /* height: 5.65rem; */
+ position: absolute;
+ top: 80%;
+}
- }
+::v-deep .el-card__body {
+ padding: 0.175rem 0.58rem;
+}
+.btn >>> .el-form-item__content {
+ margin-left: 0 !important;
+}
- ::v-deep .el-card {
- border-radius: 0;
- width: 5.42rem;
- /* height: 5.65rem; */
- position: absolute;
- top: 80%;
- }
+::v-deep .el-form-item__content {
+ margin-left: 0 !important;
+ flex: 1;
+}
- ::v-deep .el-card__body {
- padding: .175rem .58rem;
- }
+::v-deep .el-input__inner {
+ border: none;
+ border-bottom: 1px solid #2d476a;
+ border-radius: 0;
+ padding: 0;
+ height: 0.4rem;
+ line-height: 0.4rem;
+ font-size: 0.14rem;
+}
- .btn>>>.el-form-item__content {
- margin-left: 0 !important;
+::v-deep .el-form-item__error {
+ /* display: none; */
+ font-size: 0.12rem;
+}
- }
+::v-deep .input.invalid:focus {
+ border-color: #2d476a !important;
+}
- ::v-deep .el-form-item__content {
- margin-left: 0 !important;
- flex: 1;
- }
+::v-deep .el-input__inner:invalid {
+ border-color: #2d476a !important;
+}
- ::v-deep .el-input__inner {
- border: none;
- border-bottom: 1px solid #2d476a;
- border-radius: 0;
- padding: 0;
- height: .4rem;
- line-height: .4rem;
- font-size: .14rem;
- }
+::v-deep .el-form-item__label {
+ min-width: 0.8rem;
+ padding: 0;
+ color: #244a7b;
+ font-size: 0.14rem;
+ font-weight: 500;
+ margin-right: 0.1rem;
+ display: flex;
+ align-items: center;
+ text-align: right;
+}
- ::v-deep .el-form-item__error {
- /* display: none; */
- font-size: .12rem;
- }
+::v-deep .el-form-item {
+ margin-bottom: 0.22rem;
+ display: flex;
+}
- ::v-deep .input.invalid:focus {
- border-color: #2d476a !important;
- }
+.ss1 {
+ background-repeat: no-repeat;
+ background-size: 100% 100%;
+ width: 40rpx;
+ height: 40rpx;
+ background-size: 100% 100%;
+}
- ::v-deep .el-input__inner:invalid {
- border-color: #2d476a !important;
- }
+.s1 {
+ background-image: url(@/static/image/search.png);
+}
+.s2 {
+ background-image: url(@/static/image/question.png);
+}
- ::v-deep .el-form-item__label {
- min-width: .6rem;
- padding: 0;
- color: #244A7B;
- font-size: .14rem;
- font-weight: 500;
- margin-right: .29rem;
- display: flex;
- align-items: center;
- text-align: right;
- }
+.s3 {
+ background-image: url(@/static/image/question.png);
+}
- ::v-deep .el-form-item {
- margin-bottom: .22rem;
- display: flex;
- }
+.container {
+ background: url(@/static/image/bg1.png);
+ width: 100vw;
+ height: 100vh;
- .ss1 {
- background-repeat: no-repeat;
- background-size: 100% 100%;
- width: 40rpx;
- height: 40rpx;
- background-size: 100% 100%;
- }
+ 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;
+}
- .s1 {
- background-image: url(@/static/image/search.png);
+.container .repository .r-top {
+ font-size: 40rpx !important;
+ margin: 10rpx 0;
+}
- }
+.login {
+ width: 0.52rem;
+ height: 0.52rem;
+ display: inline-block;
+ vertical-align: middle;
+ margin-right: 0.19rem;
+ background: url(@/static/image/logo.png) no-repeat 0 0;
+ background-size: 100% 100%;
+}
- .s2 {
- background-image: url(@/static/image/question.png);
- }
+.rrr {
+ position: absolute;
+ right: 0.53rem;
+ bottom: 0.36rem;
+ width: 2.5rem;
+ height: 3.07rem;
+ opacity: 1;
+ background: url(@/static/image/bg4.png);
+ background-size: 100% 100%;
+}
- .s3 {
- background-image: url(@/static/image/question.png);
- }
+.hua {
+ width: 13.81rem;
+ height: 5.965rem;
+ position: absolute;
+ background: url(@/static/image/bg3.png) no-repeat 0 0;
+ background-size: 100% 100%;
+}
- .container {
- background: url(@/static/image/bg1.png);
- width: 100vw;
- height: 100vh;
+/* 搴曢儴浜虹墿鑳屾櫙鍥� */
+.fff {
+ background: url(@/static/image/bg2.png) no-repeat 0 0;
+ background-size: 100% 100%;
+ width: 2.74rem;
+ height: 4.52rem;
+ position: fixed;
+ bottom: 0;
+ z-index: 9999999999999;
+ left: 0;
+}
- color: #fff;
+::v-deep .uni-easyinput__content {
+ border-radius: 30rpx !important;
+ /* height: 52rpx; */
+}
- .repository {
- width: 100% !important;
- /* margin-top: 19px; */
- /* height: 68%; */
- display: flex;
- flex-direction: column;
- justify-content: space-around;
- align-items: center;
+.secretary {
+ width: 1300rpx !important;
+ height: 50rpx;
+ /* height: 80%; */
+ /* flex-wrap: wrap; */
+ padding: 0 20px;
+ text-align: center;
- .Ttop {
- margin-top: .38rem;
- margin-bottom: 1.22rem;
- }
+}
+.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;
+}
- .r-top {
- font-size: 40rpx !important;
- margin: 10rpx 0;
- }
- }
-
- }
-
- .login {
- width: .52rem;
- height: .52rem;
- display: inline-block;
- vertical-align: middle;
- margin-right: .19rem;
- background: url(@/static/image/logo.png) no-repeat 0 0;
- background-size: 100% 100%;
- }
-
- .rrr {
- position: absolute;
- right: .53rem;
- bottom: .36rem;
- width: 2.5rem;
- height: 3.07rem;
- opacity: 1;
- background: url(@/static/image/bg4.png);
- background-size: 100% 100%;
- }
-
- .hua {
- width: 13.81rem;
- height: 5.965rem;
- position: absolute;
- background: url(@/static/image/bg3.png) no-repeat 0 0;
- background-size: 100% 100%;
- }
-
- /* 搴曢儴浜虹墿鑳屾櫙鍥� */
- .fff {
- background: url(@/static/image/bg2.png) no-repeat 0 0;
- background-size: 100% 100%;
- width: 2.74rem;
- height: 4.52rem;
- position: fixed;
- bottom: 0;
- z-index: 9999999999999;
- left: 0;
- }
-
- ::v-deep .uni-easyinput__content {
- border-radius: 30rpx !important;
- /* height: 52rpx; */
- }
-
-
- .secretary {
- width: 1300rpx !important;
- height: 50rpx;
- /* height: 80%; */
- /* flex-wrap: wrap; */
- 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;
- }
- }
-
-
-
- .Bbottom {
- display: flex;
- justify-content: center;
-
- }
-</style>
\ No newline at end of file
+.Bbottom {
+ display: flex;
+ justify-content: center;
+}
+</style>
--
Gitblit v1.9.1