1

src/views/admin/account/enterRealAuth/index.vue

@@ -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 = () => {

src/views/home/index.vue

@@ -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;">

src/views/login/component/code.vue

@@ -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);
 };

src/views/login/component/register.vue

@@ -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);
+    message.success(res);
-    if (res.code === 1) {
-      message.success(res.msg);
-      // 重置子组件的倒计时
-    } else {
-      message.error(res.message);
-    }
-    // message.success('验证码已发送');
   } catch (error: any) {
     console.error('发送验证码失败:', error);
     message.error(error?.response?.data?.message || '发送失败，请稍后重试');

src/views/login/component/updatePwd.vue

@@ -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);
 };

src/views/market/index.vue

@@ -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)">