From 8bf7b662d5756877d026889a7696d5f584252dfd Mon Sep 17 00:00:00 2001
From: luyuan <1162963624@qq.com>
Date: Sat, 10 Oct 2020 08:59:54 +0800
Subject: [PATCH 1/4] =?UTF-8?q?=E6=8E=A5=E5=8F=A3=E8=AF=B7=E6=B1=82?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/api/index.ts        | 13 +++++++++++++
 src/components/Menu.vue |  5 +++++
 src/store/index.ts      |  7 +++++++
 src/types/index.d.ts    |  7 ++++---
 4 files changed, 29 insertions(+), 3 deletions(-)

diff --git a/src/api/index.ts b/src/api/index.ts
index 4594f1c..f82872e 100644
--- a/src/api/index.ts
+++ b/src/api/index.ts
@@ -10,6 +10,19 @@ export function sendsms(phone: string, type?: number){
     return post('SendSms',{phone, type})
 }
 
+/**
+ * 用户名密码登录
+ * @param phone 手机号
+ * @param password 密码
+ */
+
 export function loginpass(phone: string, password: string){
     return post("login",{type: 2,username: phone, password: password})
 }
+
+/**
+ * 用户信息详情
+ */
+export function userinfo(){
+    return get('personalInfo')
+}
\ No newline at end of file
diff --git a/src/components/Menu.vue b/src/components/Menu.vue
index 1ab2741..91e5617 100644
--- a/src/components/Menu.vue
+++ b/src/components/Menu.vue
@@ -117,6 +117,7 @@
 }
 </style>
 <script lang="ts">
+import { userinfo } from '@/api';
 import router from '@/router';
 import { defineComponent, ref } from 'vue';
 
@@ -181,6 +182,10 @@ export default defineComponent({
             })
 
         }
+
+        userinfo().then((res)=>{
+            console.log(res)
+        })
         return{
             list,
             routeto,
diff --git a/src/store/index.ts b/src/store/index.ts
index 5f05f19..db1fba8 100644
--- a/src/store/index.ts
+++ b/src/store/index.ts
@@ -2,8 +2,15 @@ import { createStore } from 'vuex'
 
 export default createStore({
   state: {
+    userinfo:{
+      name: "",
+      img: ""
+    }
   },
   mutations: {
+    setUserInfo(state, userinfo){
+      state.userinfo = userinfo
+    }
   },
   actions: {
   },
diff --git a/src/types/index.d.ts b/src/types/index.d.ts
index 68cca73..b4b6141 100644
--- a/src/types/index.d.ts
+++ b/src/types/index.d.ts
@@ -21,8 +21,9 @@ export interface VideoInfo {
 }
 
 // 返回数据
-export interface ResData{
+export interface ResData<T = any>{
     code?: number;
     msg?: string;
-    data?: any;
-}
\ No newline at end of file
+    data?: T;
+}
+
-- 
2.47.2


From a67333be231905525761ffe7e699e6b7c17aac97 Mon Sep 17 00:00:00 2001
From: luyuan <1162963624@qq.com>
Date: Sat, 10 Oct 2020 10:19:38 +0800
Subject: [PATCH 2/4] =?UTF-8?q?=E4=BF=AE=E6=94=B9=E4=BA=86api=E9=9B=86?=
 =?UTF-8?q?=E4=B8=AD=E5=8C=96=20=E6=90=9E=E5=AE=9A=E4=BA=86vuex?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/App.vue               | 12 ++++++++++
 src/api/base.ts           | 27 ++++++++++++++++++-----
 src/api/index.ts          | 46 +++++++++++++++++++++++++--------------
 src/components/Menu.vue   | 19 ++++++++--------
 src/store/index.ts        | 15 ++++++++++---
 src/types/index.d.ts      | 27 ++++++++++++++++++-----
 src/views/login/Login.vue | 27 +++++------------------
 7 files changed, 112 insertions(+), 61 deletions(-)

diff --git a/src/App.vue b/src/App.vue
index d831336..fc13294 100644
--- a/src/App.vue
+++ b/src/App.vue
@@ -5,6 +5,18 @@
   </div> -->
   <router-view/>
 </template>
+<script lang="ts">
+import { defineComponent } from 'vue';
+import store from './store';
+
+export default defineComponent({
+  setup(){
+    if(store.state.islogin){
+      store.dispatch("setUserInfo");
+    }
+  }
+})
+</script>
 
 <style lang="scss">
 .one-line-hide {
diff --git a/src/api/base.ts b/src/api/base.ts
index 292feb3..18ea39a 100644
--- a/src/api/base.ts
+++ b/src/api/base.ts
@@ -1,20 +1,35 @@
 import axios from '../config/axiosConfig'
 
+import { AxiosRequestConfig, CustomSuccessData } from 'axios';
+import { getValue } from '@/utils/common';
+
+// 泛型接口 
+export interface Get {
+    <T>(url: string, params?: object, config?: AxiosRequestConfig): Promise<CustomSuccessData<T>>;
+}
+
 axios.interceptors.response.use((response)=>{
-    return response.data;
+    return response;
 },(error)=>{
     return error;
 })
 
-function get(url: string,data?: object) {
-    return axios.get(url,{params:data})
+const get: Get = async function (url: string,data?: object) {
+    const res =  await axios.get(url,{params:data});
+    return res.data;
 }
 
-function post(url: string,data?: object) {
-    return axios.post(url,data)
+const post: Get = async function (url: string,data?: object) {
+    const res =  await axios.post(url,data)
+    return res.data;
+}
+
+function setToken(){
+    axios.defaults.headers.common['Authorization'] = "Bearer " + getValue("token");
 }
 
 export {
     get,
-    post
+    post,
+    setToken
 }
\ No newline at end of file
diff --git a/src/api/index.ts b/src/api/index.ts
index f82872e..9deef49 100644
--- a/src/api/index.ts
+++ b/src/api/index.ts
@@ -1,14 +1,10 @@
-import { get, post } from './base'
+import router from '@/router';
+import store from '@/store';
+import { LoginData, UserInfo } from '@/types';
+import { saveValue } from '@/utils/common';
+import { message } from 'ant-design-vue';
+import { get, post, setToken } from './base'
 
-/**
- * 请求验证码
- * @param phone 手机号
- * @param type 类型 0国内 1国外
- */
-
-export function sendsms(phone: string, type?: number){
-    return post('SendSms',{phone, type})
-}
 
 /**
  * 用户名密码登录
@@ -16,13 +12,31 @@ export function sendsms(phone: string, type?: number){
  * @param password 密码
  */
 
-export function loginpass(phone: string, password: string){
-    return post("login",{type: 2,username: phone, password: password})
+export async function loginpass(phone: string, password: string){
+    const res = await post<LoginData>("login",{type: 2,username: phone, password: password});
+    console.log(res.code)
+    if(res.code == 1){
+        message.error(res.msg)
+    }else{
+        console.log(res.data)
+        if(!saveValue("token", res.data?.api_token) && !saveValue("memberid", res.data?.memberid) ){
+            message.error("存储错误, 请允许网页使用本地存储！")
+        }else{
+            setToken();
+            store.commit("login");
+            router.push("/mine/archives")
+        }
+    }
 }
 
 /**
- * 用户信息详情
+ * 用户头像和用户名字
  */
-export function userinfo(){
-    return get('personalInfo')
-}
\ No newline at end of file
+export async function userinfo(){
+    const user =  await get<UserInfo>('personalInfo');
+    console.log(user.data?.img)
+    return {
+        head: user.data?.img,
+        username: user.data?.name
+    }
+}
diff --git a/src/components/Menu.vue b/src/components/Menu.vue
index 91e5617..df42b49 100644
--- a/src/components/Menu.vue
+++ b/src/components/Menu.vue
@@ -2,8 +2,8 @@
     <div class="menu">
         <div class="user" style="overflow: hidden;">
             <div class="user" :class="{'seltop': selnum == 0}">
-                <img src="" alt="" class="head">
-                <div class="name">name</div>
+                <img :src="userinfo.head" alt="" class="head">
+                <div class="name">{{userinfo.username}}</div>
             </div>
         </div>
         
@@ -50,7 +50,6 @@
         .head{
             width: 57px;
             height: 57px;
-            background-color: #0f0;
             margin-bottom: 15px;
             border-radius: 50%;
         }
@@ -117,9 +116,9 @@
 }
 </style>
 <script lang="ts">
-import { userinfo } from '@/api';
 import router from '@/router';
-import { defineComponent, ref } from 'vue';
+import store from '@/store';
+import { computed, defineComponent, ref } from 'vue';
 
 export default defineComponent({
     setup(){
@@ -170,6 +169,9 @@ export default defineComponent({
         ]
         // 当前选中的index
         const selnum = ref(0);
+
+        const userinfo = computed(() => store.state.userinfo)
+        console.log(userinfo.value)
         /**
          * 跳转路由与赋值对应的下标
          * @param index 选中的下标 方便赋值与跳转
@@ -183,13 +185,12 @@ export default defineComponent({
 
         }
 
-        userinfo().then((res)=>{
-            console.log(res)
-        })
+      
         return{
             list,
             routeto,
-            selnum
+            selnum,
+            userinfo
         }
     }
 })
diff --git a/src/store/index.ts b/src/store/index.ts
index db1fba8..6461189 100644
--- a/src/store/index.ts
+++ b/src/store/index.ts
@@ -1,18 +1,27 @@
+import { userinfo } from '@/api';
 import { createStore } from 'vuex'
 
 export default createStore({
   state: {
     userinfo:{
-      name: "",
-      img: ""
-    }
+      username: "username",
+      head: ""
+    },
+    islogin: false
   },
   mutations: {
     setUserInfo(state, userinfo){
       state.userinfo = userinfo
+    },
+    login(state){
+      state.islogin = true;
     }
   },
   actions: {
+    async setUserInfo({ commit }){
+      const user = await userinfo();
+      commit('setUserInfo', user);
+    }
   },
   modules: {
   }
diff --git a/src/types/index.d.ts b/src/types/index.d.ts
index b4b6141..54ddfd4 100644
--- a/src/types/index.d.ts
+++ b/src/types/index.d.ts
@@ -2,6 +2,19 @@
  * 只添加了一些必要的参数，并没有写完整，因为剩下的大部分用不到
  */
 
+// 定义axios
+import * as axios from 'axios';
+
+declare module 'axios' {
+    export interface CustomSuccessData<T> {
+        code: number;
+        msg?: string;
+        data?: T;
+        [keys: string]: any;
+    }
+}
+
+
 
 // 图片选择
 export interface ImgInfo {
@@ -20,10 +33,14 @@ export interface VideoInfo {
     uid: string;
 }
 
-// 返回数据
-export interface ResData<T = any>{
-    code?: number;
-    msg?: string;
-    data?: T;
+// 登录返回数据
+export interface LoginData{
+    api_token: string;
+    memberid: number;
 }
 
+// 用户信息
+export interface UserInfo {
+    name: string;
+    img: string;
+}
\ No newline at end of file
diff --git a/src/views/login/Login.vue b/src/views/login/Login.vue
index 58ce0c3..1040de9 100644
--- a/src/views/login/Login.vue
+++ b/src/views/login/Login.vue
@@ -149,11 +149,8 @@
 import { defineComponent, reactive, ref } from "vue";
 import LoginTab from "@/components/login/LoginTab.vue";
 import NavTop from "@/components/NavTop.vue"
-import { loginpass, sendsms } from '@/api';
-import { message } from 'ant-design-vue';
-import { ResData } from '@/types';
-import { saveValue } from '@/utils/common';
-import router from '@/router';
+import { loginpass } from '@/api';
+import store from '@/store';
 
 export default defineComponent({
   name: "Login",
@@ -188,9 +185,6 @@ export default defineComponent({
      */
     const getcode: () => void = () => {
       console.log(phone.value);
-      sendsms("86" + phone.value, 0).then((res)=>{
-        console.log(res)
-      })
       const timestep = setInterval(() => {
         console.log(11112);
         time.value = time.value - 1;
@@ -202,23 +196,12 @@ export default defineComponent({
         }
       }, 1000);
     };
-
     function login(): void {
         console.log(userinfo.phone,userinfo.password)
-        
-        loginpass(userinfo.phone,userinfo.password).then((res: ResData) =>{
-          console.log(res.code)
-          if(res.code == 1){
-            message.error(res.msg)
-          }else{
-            console.log(res.data)
-            if(!saveValue("token", res.data.api_token)){
-              message.error("存储错误, 请允许网页使用本地存储！")
-            }else{
-              router.push("/mine/archives")
-            }
-          }
+        loginpass(userinfo.phone,userinfo.password).then(()=>{
+            store.dispatch("setUserInfo");
         })
+
     }
     return {
       formLayout,
-- 
2.47.2


From 32361d662986534d8a193c0e767866652a44d5a9 Mon Sep 17 00:00:00 2001
From: luyuan <1162963624@qq.com>
Date: Sat, 10 Oct 2020 10:57:00 +0800
Subject: [PATCH 3/4] =?UTF-8?q?=E6=88=91=E7=9A=84=E6=A1=A3=E6=A1=88?=
 =?UTF-8?q?=E6=9F=A5=E7=9C=8B=E5=AE=8C=E6=88=90?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/App.vue                 |  4 +++-
 src/api/index.ts            | 18 +++++++++++++++++-
 src/components/NavTop.vue   | 16 +++++++++++-----
 src/types/index.d.ts        | 16 ++++++++++++++++
 src/views/mine/Archives.vue | 31 +++++++++++++++++--------------
 5 files changed, 64 insertions(+), 21 deletions(-)

diff --git a/src/App.vue b/src/App.vue
index fc13294..bd975b9 100644
--- a/src/App.vue
+++ b/src/App.vue
@@ -8,10 +8,12 @@
 <script lang="ts">
 import { defineComponent } from 'vue';
 import store from './store';
+import { getValue } from './utils/common';
 
 export default defineComponent({
   setup(){
-    if(store.state.islogin){
+    if(getValue('token')){
+      store.commit("login")
       store.dispatch("setUserInfo");
     }
   }
diff --git a/src/api/index.ts b/src/api/index.ts
index 9deef49..a0032d0 100644
--- a/src/api/index.ts
+++ b/src/api/index.ts
@@ -37,6 +37,22 @@ export async function userinfo(){
     console.log(user.data?.img)
     return {
         head: user.data?.img,
-        username: user.data?.name
+        username: user.data?.name,
+        language: user.data?.language,
+        currency: user.data?.currency,
+        zoneStr: user.data?.zoneStr,
+        memberid: user.data?.memberid,
+        country: user.data?.country,
+        live: user.data?.live,
+        mtongue: user.data?.mtongue,
+        tlanguage: user.data?.tlanguage,
+        willsay: user.data?.willsay,
+        interest: user.data?.interest,
+        mobile: user.data?.mobile,
+        email: user.data?.email,
+        birthday: user.data?.birthday,
+        video: user.data?.video,
+        desc: user.data?.desc,
+        money: user.data?.money
     }
 }
diff --git a/src/components/NavTop.vue b/src/components/NavTop.vue
index d309819..be99523 100644
--- a/src/components/NavTop.vue
+++ b/src/components/NavTop.vue
@@ -14,17 +14,17 @@
         <div class="setting">
             <div class="item">
                 <img src="@/static/images/shijian.png" alt="" class="icon">
-                <div class="name">北京 GMT +08:00</div>
+                <div class="name">{{userinfo.zoneStr}}</div>
                 <img src="@/static/images/jiantou2.png" alt="" class="down">
             </div>
             <div class="item">
                 <img src="@/static/images/qianbi.png" alt="" class="icon">
-                <div class="name">人民币</div>
+                <div class="name">{{userinfo.currency}}</div>
                 <img src="@/static/images/jiantou2.png" alt="" class="down">
             </div>
             <div class="item">
                 <img src="@/static/images/yuyan.png" alt="" class="icon">
-                <div class="name">中文</div>
+                <div class="name">{{userinfo.language}}</div>
                 <img src="@/static/images/jiantou2.png" alt="" class="down">
             </div>
             <div class="item">
@@ -110,7 +110,8 @@
 </style>
 <script lang="ts">
 import router from '@/router';
-import { defineComponent, ref } from 'vue';
+import store from '@/store';
+import { computed, defineComponent, ref } from 'vue';
 import { useRoute } from 'vue-router';
 
 export default defineComponent({
@@ -148,6 +149,10 @@ export default defineComponent({
                 route: "/mine/archives"
             }
         ]
+        const userinfo = computed(() => {
+            return store.state.userinfo;
+        })
+
         function navto(index: number){
             router.push({
                 path: nav[index].route
@@ -156,7 +161,8 @@ export default defineComponent({
         return {
             nav,
             types,
-            navto
+            navto,
+            userinfo
         }
     }
 })
diff --git a/src/types/index.d.ts b/src/types/index.d.ts
index 54ddfd4..973977d 100644
--- a/src/types/index.d.ts
+++ b/src/types/index.d.ts
@@ -43,4 +43,20 @@ export interface LoginData{
 export interface UserInfo {
     name: string;
     img: string;
+    language: string;
+    currency: string;
+    zoneStr: string;
+    memberid: string;
+    country: string;
+    live: string;
+    mtongue: string;
+    tlanguage: string;
+    willsay: string;
+    interest:any;
+    mobile: string;
+    email: string;
+    birthday: string;
+    video: string;
+    desc: string;
+    money: string;
 }
\ No newline at end of file
diff --git a/src/views/mine/Archives.vue b/src/views/mine/Archives.vue
index 740523f..f03113f 100644
--- a/src/views/mine/Archives.vue
+++ b/src/views/mine/Archives.vue
@@ -2,11 +2,11 @@
     <div class="archives">
         <div class="user-info">
             <div class="avatar">
-                <a-avatar :size="85" shape="circle" src="https://fanyi-cdn.cdn.bcebos.com/static/translation/img/header/logo_40c4f13.svg">
+                <a-avatar :size="85" shape="circle" :src="userinfo.head">
                     <template v-slot:icon><UserOutlined /></template>
                 </a-avatar>
                 <div class="user-name">
-                    <div class="value">{{ formData.name }}</div>
+                    <div class="value">{{ userinfo.username }}</div>
                     <div class="update-btn" @click="updateUserName">修改</div>
                 </div>
             </div>
@@ -16,7 +16,7 @@
                     <div class="input-box country">
                         <div class="label">来自国家</div>
                         <a-select
-                            v-model:value="formData.country"
+                            v-model:value="userinfo.country"
                             style="width: 171px"
                             size="small"
                             ref="select"
@@ -29,12 +29,12 @@
                     </div>
                     <div class="input-box address">
                         <div class="label">居住地</div>
-                        <a-input size="small" v-model:value="formData.address" placeholder="请输入居住地" />
+                        <a-input size="small" v-model:value="userinfo.live" placeholder="请输入居住地" />
                     </div>
                     <div class="input-box teach-lang">
                         <div class="label">授课语言</div>
                         <a-select
-                            v-model:value="formData.teachingLang"
+                            v-model:value="userinfo.tlanguage"
                             style="width: 171px"
                             size="small"
                             ref="select"
@@ -77,7 +77,7 @@
                     <div class="input-box native-lang">
                         <div class="label">母语</div>
                         <a-select
-                            v-model:value="formData.nativeLang"
+                            v-model:value="userinfo.mtongue"
                             style="width: 171px"
                             size="small"
                             ref="select"
@@ -107,7 +107,7 @@
                     </div>
                     <div class="input-box introduce">
                         <div class="label">自我介绍</div>
-                        <a-textarea v-model:value="formData.introduce" class="introduce-textarea" />
+                        <a-textarea v-model:value="userinfo.desc" class="introduce-textarea" />
                     </div>
                 </div>
             </div>
@@ -116,11 +116,11 @@
                 <div class="main-container">
                     <div class="input-box mailbox">
                         <div class="label">邮箱</div>
-                        <a-input size="small" v-model:value="formData.mail" placeholder="请输入邮箱" />
+                        <a-input size="small" v-model:value="userinfo.mail" placeholder="请输入邮箱" />
                     </div>
                     <div class="input-box phone-box">
                         <div class="label">手机号</div>
-                        <div class="phone">{{ formData.phone }}</div>
+                        <div class="phone">{{ userinfo.mobile }}</div>
                         <div class="update-btn" @click="togglePhoneModal(true)">更换手机号</div>
                     </div>
                 </div>
@@ -130,13 +130,13 @@
                 <div class="main-container">
                     <div class="input-box password-box">
                         <div class="label">密码</div>
-                        <div class="password">{{ formData.password }}</div>
+                        <div class="password">************</div>
                         <div class="update-btn" @click="togglePasswordModal(true)">修改密码</div>
                     </div>
                     <div class="input-box time-zone-box">
                         <div class="label">时区</div>
                         <a-select
-                            v-model:value="formData.timeZone"
+                            v-model:value="userinfo.zoneStr"
                             style="width: 171px"
                             size="small"
                             ref="select"
@@ -150,7 +150,7 @@
                     <div class="input-box currency-box">
                         <div class="label">货币</div>
                         <a-select
-                            v-model:value="formData.currency"
+                            v-model:value="userinfo.currency"
                             style="width: 171px"
                             size="small"
                             ref="select"
@@ -164,7 +164,7 @@
                     <div class="input-box time-zone">
                         <div class="label">语言</div>
                         <a-select
-                            v-model:value="formData.language"
+                            v-model:value="userinfo.language"
                             style="width: 171px"
                             size="small"
                             ref="select"
@@ -258,9 +258,10 @@
 </template>
 
 <script lang="ts">
-import { defineComponent, reactive, Ref, ref } from "vue";
+import { computed, defineComponent, reactive, Ref, ref } from "vue";
 import { UserOutlined, SmileOutlined, PlaySquareOutlined } from '@ant-design/icons-vue';
 import NavBottom from '@/components/NavBottom.vue';
+import store from '@/store';
 
 export default defineComponent({
     name: "Archives",
@@ -295,6 +296,7 @@ export default defineComponent({
             currency: '人民币',
             language: '中文',
         }
+        const userinfo = computed(() => store.state.userinfo)
         // 表单数据
         const formData = reactive(formBasic);
         /**
@@ -446,6 +448,7 @@ export default defineComponent({
             passwordForm,
             updateUserPassword,
             submitInfo,
+            userinfo
         }
     }
 });
-- 
2.47.2


From 4e6f197a16aba5f6ad271c543405fc00fb7ba7c9 Mon Sep 17 00:00:00 2001
From: luyuan <1162963624@qq.com>
Date: Sat, 10 Oct 2020 14:04:19 +0800
Subject: [PATCH 4/4] xiuga

---
 src/views/mine/Archives.vue | 4 +++-
 1 file changed, 3 insertions(+), 1 deletion(-)

diff --git a/src/views/mine/Archives.vue b/src/views/mine/Archives.vue
index f03113f..76e60b4 100644
--- a/src/views/mine/Archives.vue
+++ b/src/views/mine/Archives.vue
@@ -299,6 +299,8 @@ export default defineComponent({
         const userinfo = computed(() => store.state.userinfo)
         // 表单数据
         const formData = reactive(formBasic);
+        
+        const modalNode = () => document.getElementsByClassName('modal-container')[0]
         /**
          * 修改用户名
          * @return { void }
@@ -428,7 +430,7 @@ export default defineComponent({
             
         }
         return {
-            modalNode: () => document.getElementsByClassName('modal-container')[0],
+            modalNode,
             formData,
             updateUserName,
             addSpeakLang,
-- 
2.47.2