龙三郎 1 年之前
父节点
当前提交
cf283012e3
共有 3 个文件被更改,包括 43 次插入50 次删除
  1. 6 4
      src/network/axios/index.ts
  2. 35 44
      src/pages/register/Index.vue
  3. 2 2
      vite.config.ts

+ 6 - 4
src/network/axios/index.ts

@@ -29,10 +29,12 @@ export const post = function(request: RequestType, success?: Function, failed?:
     }else if(result.code == 3){
       userInfo.isLogin = false;
       // 路由跳转
-      // message.error(result.msg, 3, ()=>{
-      //   console.log(userInfo);
-      //   refreshCurrentRoute();
-      // });
+      showToast({
+        message: result.msg,
+        onClose: () => {
+          refreshCurrentRoute();
+        }
+      });
     }else{
       if(failed) {
         failed(result.msg);

+ 35 - 44
src/pages/register/Index.vue

@@ -37,22 +37,22 @@
               
             />
             <van-field
-              v-model="username"
-              name="username"
+              v-model="mobile"
+              name="mobile"
               label="手机号"
               label-width="70"
-              placeholder="请输入号"
-              :rules="[{ required: true, message: '请填写账号' }]"
+              placeholder="请输入手机号"
+              :rules="[{ required: true, message: '请输入手机号' }]"
             />
             <van-field style="align-items: center;"
-              v-model="username"
-              name="username"
+              v-model="veryfyCode"
+              name="veryfyCode"
               label="验证码"
               label-width="70"
               placeholder="请输入验证码"
-              :rules="[{ required: true, message: '请填写账号' }]">
+              :rules="[{ required: true, message: '请输入验证码' }]">
               <template #button>
-                <van-button type="primary" size="mini">获取验证码</van-button>
+                <van-button type="primary" size="mini" @click="onClickVeryfyCode">获取验证码</van-button>
               </template>
             </van-field>
             <van-field
@@ -102,19 +102,18 @@
 
 <script setup lang="ts">
   import { onMounted, ref } from 'vue'
-  import { useLocalStore } from '@/store';
   import { useRouter } from 'vue-router'
-  import { post } from '@/api/request';
   import type { FormInstance } from 'vant';
+  import { post } from '@/network/axios'
   // 路由
   const router = useRouter();
-  const localStore = useLocalStore();
   // 表单实例
   const formRef = ref<FormInstance>();
   // 用户名和验证码
   const username = ref('')
   const password = ref('')
-  const rememberPasswordChecked = ref(true);
+  const mobile = ref('')
+  const veryfyCode = ref('')
 
 
   // 点击了去登陆
@@ -126,42 +125,34 @@
   // 生命周期
   onMounted(() => {
     console.log('onMounted');
-    rememberPasswordChecked.value = localStore.$state.rememberPassword;
-    if(rememberPasswordChecked.value){
-      username.value = localStore.$state.username
-      password.value = localStore.$state.password
-    }
   })
   // 登录提交
   const onSubmit = () => {
+    console.log('jkl')
     formRef.value?.validate().then(() => {
-      // 记住密码
-      localStore.$patch({
-        rememberPassword: rememberPasswordChecked.value
-      })
-      // 记住账号密码
-      if(rememberPasswordChecked.value){
-        localStore.$patch({
-          username: username.value,
-          password: password.value
-        })
-      }
-      // 登录
-      post('/user/login',{
-        username: username.value,
-        password: password.value,
-      })
-      .then(({data}) => {
-        console.log(data)
-        if(data.code == 0){
-          // 存储token
-          localStore.$patch((state) => {
-            state.token = data.data.token
-          })
-          // 跳转到首页
-          router.push('/')
-        }
-      })
+
+      post({url: '/open/sendVeryCode', data: {
+        mobile: mobile.value,
+      }}, (result: any) => {
+        console.log(result)
+      });
+      
+    }).catch((ex) => {
+      console.log(ex)
+    })
+  }
+
+  // 获取验证码
+  const onClickVeryfyCode = () => {
+    console.log('获取验证码')
+    formRef.value?.validate(['mobile']).then(() => {
+
+      let param = new URLSearchParams();
+      param.append('mobile', mobile.value)
+      post({url: '/open/sendVeryCode', data: param}, (result: any) => {
+        console.log(result)
+      });
+
     }).catch((ex) => {
       console.log(ex)
     })

+ 2 - 2
vite.config.ts

@@ -27,8 +27,8 @@ export default defineConfig({
     open: true,
     proxy: {
       '/forward-service': {
-        // target: 'http://192.168.103.33:8585/',
-        target: 'http://192.168.100.115:8585/', // 生产环境
+        target: 'http://192.168.103.33:8585/',
+        // target: 'http://192.168.100.115:8585/', // 生产环境
         changeOrigin: true,
         rewrite: (path) => {
           // console.log('path', path)