From b41672ce8b85b3d116e3bdb6a3787bb140c45ebc Mon Sep 17 00:00:00 2001
From: luyuan <1162963624@qq.com>
Date: Wed, 14 Oct 2020 16:21:40 +0800
Subject: [PATCH] =?UTF-8?q?=E5=87=BA=E7=8E=B0tokne=E8=87=AA=E5=8A=A8?=
 =?UTF-8?q?=E5=88=87=E7=99=BB=E5=BD=95?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/App.vue                 |  3 +++
 src/api/base.ts             |  5 ++++-
 src/api/index.ts            | 21 +++++++++++++++++++++
 src/views/mine/Archives.vue | 34 ++++++++++++++++++++++------------
 4 files changed, 50 insertions(+), 13 deletions(-)

diff --git a/src/App.vue b/src/App.vue
index 8763fb7..bde78c9 100644
--- a/src/App.vue
+++ b/src/App.vue
@@ -7,6 +7,7 @@
 </template>
 <script lang="ts">
 import { defineComponent } from 'vue';
+import router from './router';
 import store from './store';
 import { getValue } from './utils/common';
 
@@ -15,6 +16,8 @@ export default defineComponent({
     if(getValue('token')){
       store.commit("login", true)
       store.dispatch("setUserInfo");
+    }else{
+      router.push("/")
     }
   }
 })
diff --git a/src/api/base.ts b/src/api/base.ts
index 72c378d..c24fb1a 100644
--- a/src/api/base.ts
+++ b/src/api/base.ts
@@ -3,6 +3,7 @@ import axios from '../config/axiosConfig'
 import { AxiosRequestConfig, CustomSuccessData } from 'axios';
 import { getValue } from '@/utils/common';
 import { message } from 'ant-design-vue';
+import router from '@/router';
 
 // 泛型接口 
 export interface Get {
@@ -10,7 +11,9 @@ export interface Get {
 }
 
 axios.interceptors.response.use((response)=>{
-    
+    if(response.data.code == 1001){
+        router.push("/")
+    }
     return response;
 },(error)=>{
     message.error(error.response.data.message)
diff --git a/src/api/index.ts b/src/api/index.ts
index 493ab4f..1641b83 100644
--- a/src/api/index.ts
+++ b/src/api/index.ts
@@ -235,3 +235,24 @@ export async function sendsms(phone: string, type: number): Promise<boolean>{
         return false;
     }
 }
+
+/**
+ * 获取国家数据
+ */
+
+interface Countries{
+    id: number;
+    name: string;
+    country_code: string;
+}
+
+interface Willsay{
+    languageid: number;
+    name: string
+}
+
+export async function getarchives(): Promise<[Countries[],Willsay[]]>{
+    return [(await get<Countries[]>("countries")).data, (await get<Willsay[]>("willsay")).data];
+}
+
+
diff --git a/src/views/mine/Archives.vue b/src/views/mine/Archives.vue
index f425eee..374784f 100644
--- a/src/views/mine/Archives.vue
+++ b/src/views/mine/Archives.vue
@@ -22,8 +22,8 @@
                             ref="select"
                             :getPopupContainer="triggerNode => triggerNode.parentNode"
                         >
-                            <a-select-option v-for="(item, index) in ['美国', '英国']" :key="index" :value="item">
-                                {{ item }}
+                            <a-select-option v-for="(item, index) in chiveslist[0]" :key="index" :value="item.name">
+                                {{ item.name }}
                             </a-select-option>
                         </a-select>
                     </div>
@@ -57,8 +57,8 @@
                                         ref="select"
                                         :getPopupContainer="triggerNode => triggerNode.parentNode"
                                     >
-                                        <a-select-option v-for="(item, index) in ['英语', '法语']" :key="index" :value="item">
-                                            {{ item }}
+                                        <a-select-option v-for="(item, index) in chiveslist[1]" :key="index" :value="item.name">
+                                            {{ item.name }}
                                         </a-select-option>
                                     </a-select>
                                     <div class="proficiency">
@@ -84,8 +84,8 @@
                             ref="select"
                             :getPopupContainer="triggerNode => triggerNode.parentNode"
                         >
-                            <a-select-option v-for="(item, index) in ['英语', '法语']" :key="index" :value="item">
-                                {{ item }}
+                            <a-select-option v-for="(item, index) in chiveslist[1]" :key="index" :value="item.name">
+                                {{ item.name }}
                             </a-select-option>
                         </a-select>
                     </div>
@@ -259,13 +259,14 @@
 </template>
 
 <script lang="ts">
-import { computed, defineComponent, reactive, Ref, ref } from "vue";
+import { computed, defineComponent, onMounted, reactive, Ref, ref } from "vue";
 import { UserOutlined, PlaySquareOutlined } from '@ant-design/icons-vue';
 import NavBottom from '@/components/NavBottom.vue';
 import { uploadflie } from "@/utils/vod"
 import store from '@/store';
 import smile from "@/static/images/smile.png"
 import smilet from "@/static/images/smilet.png"
+import { getarchives } from "@/api/index"
 
 export default defineComponent({
     name: "Archives",
@@ -285,9 +286,15 @@ export default defineComponent({
         }];
         const userinfo = computed(() => store.state.userinfo)
         // 表单数据
-        const formData = reactive(store.state.userinfo);
+        const formData = reactive(userinfo);
         
         const modalNode = () => document.getElementsByClassName('modal-container')[0]
+
+        const chiveslist = ref<unknown>([[],[]]);
+        onMounted(async ()=>{
+            chiveslist.value = await getarchives()
+        })
+
         /**
          * 修改用户名
          * @return { void }
@@ -300,9 +307,9 @@ export default defineComponent({
          * @return { void }
          */
         function addSpeakLang (): void {
-            store.state.userinfo.willsay.push({
+            formData.value.willsay.push({
                 name: '请选择',
-                level: 4
+                level: 0
             });
         }
         // 验证码
@@ -432,6 +439,8 @@ export default defineComponent({
         function setlevel(index: number, level: number){
             store.state.userinfo.willsay[index].level = level
         }
+
+        
         return {
             modalNode,
             formData,
@@ -453,11 +462,12 @@ export default defineComponent({
             passwordForm,
             updateUserPassword,
             submitInfo,
-            userinfo,
+            userinfo: formData,
             uploads,
             smile,
             smilet,
-            setlevel
+            setlevel,
+            chiveslist
         }
     }
 });