Leo_Ding/GPU_Web
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

1

Browse Source
This commit is contained in:
qiuyuan 2026-02-02 18:35:46 +08:00
parent d06fb9a9de
commit 115103fa9a
6 changed files with 66 additions and 14 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

21
src/views/admin/account/enterRealAuth/index.vue
View File

@ -115,7 +115,7 @@
</div>
</a-form-item>
<a-form-item name="phone" label="手机号" :rules="[{ required: true, message: '请输入手机号！' }]">
<SmsCodeInput v-model:value="formState.phone" />
<SmsCodeInput v-model:value="formState.phone" @send="handleSendCode" />
</a-form-item>
<a-form-item name="code" label="验证码" :rules="[{ required: true, message: '请输入验证码！' }]">
<a-input v-model:value="formState.code" placeholder="请输入验证码" />
@ -157,6 +157,8 @@ import { enterpriseCertification } from '@/apis/certification';
import SmsCodeInput from '@/components/SmsCodeInput.vue';
import { fetchUserInfo } from '@/apis/modules/login';
import dayjs from 'dayjs'
import { sendSMSCode } from '@/apis/home'
import { SmsType } from '@/constants/sms';
const router = useRouter();
// 表单引用
const formRef = ref<FormInstance>();
@ -299,7 +301,24 @@ const handleSubmit = async () => {
});
// TODO: 调用 API 提交表单
};
const handleSendCode = async () => {
if (!formState.phone || !/^\d{11}$/.test(formState.phone)) {
message.warning('请输入正确的手机号');
return;
}
try {
// 调用短信接口（注册场景）
const res: any = await sendSMSCode(formState.phone, SmsType.REGISTER);
message.success(res);
} catch (error: any) {
console.error('发送验证码失败:', error);
message.error(error?.response?.data?.message || '发送失败，请稍后重试');
}
};
// 取消
const handleCancel = () => {

2
src/views/home/index.vue
View File

@ -47,7 +47,7 @@
{{ value.gpu_type }}
</div>
<div class="price" style="margin: 30px 0;">
<span style="font-size: 24px;font-weight: bold;color: #5b85fe;">¥{{ value.payOnTime }}</span>
<span style="font-size: 24px;font-weight: bold;color: #5b85fe;">¥{{ value.price }}</span>
<span style="font-size: 12px;">/小时</span>
</div>
<div style="padding-bottom: 40px;line-height: 40px;">

23
src/views/login/component/code.vue
View File

@ -2,7 +2,7 @@
<a-form ref="formRef" :model="formState" name="normal_login" class="login-form" @finish="onFinish"
@finish-failed="onFinishFailed">
<a-form-item name="phone" :rules="[{ required: true, message: '请输入手机号！' }]">
<SmsCodeInput v-model:value="formState.phone" />
<SmsCodeInput v-model:value="formState.phone" @send="handleSendCode"/>
</a-form-item>
<!-- 手动控制密码字段的错误状态 -->
<a-form-item name="code" :rules="[{ required: true, message: '请输入验证码！' }]">
@ -30,6 +30,10 @@ import { login, fetchUserInfo } from '@/apis/modules/login';
import { message, type FormInstance } from 'ant-design-vue';
import SmsCodeInput from '@/components/SmsCodeInput.vue';
import { SafetyCertificateOutlined } from '@ant-design/icons-vue';
import { sendSMSCode } from '@/apis/home'
import { SmsType } from '@/constants/sms';
const router = useRouter();
const formRef = ref<FormInstance>();
const checked = ref(false);
@ -78,6 +82,23 @@ const onFinish = async (values: FormState) => {
};
// 处理获取验证码
const handleSendCode = async () => {
if (!formState.phone || !/^\d{11}$/.test(formState.phone)) {
message.warning('请输入正确的手机号');
return;
}
try {
// 调用短信接口（注册场景）
const res: any = await sendSMSCode(formState.phone, SmsType.LOGIN);
message.success(res);
} catch (error: any) {
console.error('发送验证码失败:', error);
message.error(error?.response?.data?.message || '发送失败，请稍后重试');
}
};
const onFinishFailed = (errorInfo: any) => {
console.log('表单验证失败:', errorInfo);
};

11
src/views/login/component/register.vue
View File

@ -35,10 +35,10 @@
import { reactive, ref, shallowRef, computed, onMounted } from 'vue';
import { useRouter } from 'vue-router';
import apis from '@/apis';
import { sendSMSCode } from '@/apis/home'
import { message, type FormInstance } from 'ant-design-vue';
import SmsCodeInput from '@/components/SmsCodeInput.vue';
import { validatePassword } from '@/utils/validotors'; // 根据实际路径调整
import { sendSMSCode } from '@/apis/home'
import { SmsType } from '@/constants/sms';
const router = useRouter();
@ -114,14 +114,7 @@ const handleSendCode = async () => {
try {
// 调用短信接口（注册场景）
const res: any = await sendSMSCode(formState.phone, SmsType.REGISTER);
console.log('发送验证码请求成功:', res);
if (res.code === 1) {
message.success(res.msg);
// 重置子组件的倒计时
} else {
message.error(res.message);
}
// message.success('验证码已发送');
message.success(res);
} catch (error: any) {
console.error('发送验证码失败:', error);
message.error(error?.response?.data?.message || '发送失败，请稍后重试');

21
src/views/login/component/updatePwd.vue
View File

@ -3,7 +3,7 @@
@finish-failed="onFinishFailed">
<div class="login-content-title">找回密码</div>
<a-form-item name="phone" :rules="[{ required: true, message: '请输入手机号！' }]">
<SmsCodeInput v-model:value="formState.phone" />
<SmsCodeInput v-model:value="formState.phone" @send="handleSendCode"/>
</a-form-item>
<!-- 手动控制密码字段的错误状态 -->
<a-form-item name="success_code" :rules="[{ required: true, message: '请输入验证码！' }]">
@ -33,6 +33,8 @@ import apis from '@/apis';
import { message, type FormInstance } from 'ant-design-vue';
import SmsCodeInput from '@/components/SmsCodeInput.vue';
import { validatePassword } from '@/utils/validotors'; // 根据实际路径调整
import { sendSMSCode } from '@/apis/home'
import { SmsType } from '@/constants/sms';
const router = useRouter();
const formRef = ref<FormInstance>();
@ -84,6 +86,23 @@ const onFinish = async (values: FormState) => {
};
// 处理获取验证码
const handleSendCode = async () => {
if (!formState.phone || !/^\d{11}$/.test(formState.phone)) {
message.warning('请输入正确的手机号');
return;
}
try {
// 调用短信接口（注册场景）
const res: any = await sendSMSCode(formState.phone, SmsType.RESET_PASSWORD);
message.success(res);
} catch (error: any) {
console.error('发送验证码失败:', error);
message.error(error?.response?.data?.message || '发送失败，请稍后重试');
}
};
const onFinishFailed = (errorInfo: any) => {
console.log('表单验证失败:', errorInfo);
};

2
src/views/market/index.vue
View File

@ -82,7 +82,7 @@
<div class="image-card-footer">
<div class="price">
<span class="price-num">{{ record.price }}</span>
<span class="price-unit">元/卡/小时</span>
<!-- <span class="price-unit">元/卡/小时</span> -->
</div>
<a-button type="primary" class="buy-btn" :disabled="record.freeGpu === 0"
@click.stop="handleRentMachine(record)">