From d65c7f8012a57f961d1c14463c9a6e26bae7cced Mon Sep 17 00:00:00 2001
From: asd <374367073@qq.com>
Date: Wed, 28 Oct 2020 17:28:50 +0800
Subject: [PATCH] =?UTF-8?q?=E4=B8=AD=E6=96=87?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/App.vue                       |   1 +
 src/components/NavTop.vue         |  43 ++++++++++++++++++++-------
 src/components/login/LoginTab.vue |   9 ++++--
 src/i18n/en.ts                    |  28 ++++++++++++++++++
 src/i18n/init.ts                  |   6 ++--
 src/i18n/zh.ts                    |  26 ++++++++++++++++-
 src/static/images/duihao.png      | Bin 0 -> 3273 bytes
 src/utils/i18n.ts                 |   1 +
 src/views/login/Login.vue         |  47 +++++++++++++++---------------
 9 files changed, 121 insertions(+), 40 deletions(-)
 create mode 100644 src/i18n/en.ts
 create mode 100644 src/static/images/duihao.png

diff --git a/src/App.vue b/src/App.vue
index cb5bc53..686aa3d 100644
--- a/src/App.vue
+++ b/src/App.vue
@@ -19,6 +19,7 @@ import zhCN from 'ant-design-vue/es/locale/zh_CN';
 
 export default defineComponent({
   setup(){
+    console.log(i18ninit)
     provideI18n(i18ninit);
     if(getValue('token')){
       store.commit("login", true)
diff --git a/src/components/NavTop.vue b/src/components/NavTop.vue
index c3df605..f8780ac 100644
--- a/src/components/NavTop.vue
+++ b/src/components/NavTop.vue
@@ -21,9 +21,10 @@
                 <template v-slot:overlay >
                     <a-menu style="max-height:70vh;overflow: auto;">
                         <!-- 时区 -->
-                        <a-menu-item  v-for="(i,j) in zonelist" :key="j" @click="zonechange(i.zoneid)">
+                        <a-menu-item  v-for="(i,j) in zonelist" :key="j" @click="zonechange(i.zoneid)" style="position: relative;">
                             <div class="selitem">
                                 <span>{{i.city}}{{i.gmt}}</span>
+                                <img src="@/static/images/duihao.png" alt="" v-if="i.zoneid == userinfo.zoneid" class="duihao">
                             </div>
                         </a-menu-item>
                         <!-- <a-menu-item key="1">
@@ -49,9 +50,10 @@
                 <template v-slot:overlay>
                     <a-menu style="max-height:70vh;overflow: auto;">
                         <!-- 货币 -->
-                        <a-menu-item  v-for="(i,j) in currencylist" :key="j">
+                        <a-menu-item  v-for="(i,j) in currencylist" :key="j" style="position: relative;">
                             <div class="selitem" @click="currencychange(i.value)">
-                                <span>{{i.name}}</span>
+                                <span>{{i.name}} </span>
+                                <img src="@/static/images/duihao.png" alt="" v-if="i.name == userinfo.currency" class="duihao">
                             </div>
                         </a-menu-item>
                         <!-- <a-menu-item key="1">
@@ -76,9 +78,10 @@
                 <template v-slot:overlay>
                     <a-menu style="max-height:70vh;overflow: auto;">
                         <!-- 语言 -->
-                        <a-menu-item  v-for="(i,j) in languagelist" :key="j">
+                        <a-menu-item  v-for="(i,j) in languagelist" :key="j" style="position: relative;">
                             <div class="selitem" @click="setlanguage(i.value)">
                                 <span>{{i.name}}</span>
+                                 <img src="@/static/images/duihao.png" alt="" v-if="i.name == userinfo.language" class="duihao">
                             </div>
                         </a-menu-item>
                         <!-- <a-menu-item key="1">
@@ -96,15 +99,28 @@
             </a-dropdown>
             <div class="item" style="border-right: none;" @click="navto('/regime/date')">
                 <img src="@/static/images/rili.png" alt="" class="icon">
-                <div class="name">日历</div>
+                <div class="name">{{lan.$t('rili')}}</div>
             </div>
         </div>
     </div>
 </template>
 <style lang="scss" scoped>
+.nav ::v-deep(.ant-dropdown-menu-item:hover, .ant-dropdown-menu-submenu-title:hover){
+    background: white;
+    .selitem{
+        color:#06C7AE ;
+    }
+}
 .nav{
     display: flex;
     user-select: none;
+    .duihao{
+        width: 15px;
+        height: 15px;
+        position: absolute;
+        right: 15px;
+        top: 8px;
+    }
     .logo{
         width: 171px;
         height: 57px;
@@ -191,6 +207,7 @@ import store from '@/store';
 import { computed, defineComponent, onMounted, ref } from 'vue';
 import { useRoute } from 'vue-router';
 import axios from 'axios'
+import { useI18n } from '@/utils/i18n';
 
 export default defineComponent({
     props:{
@@ -200,6 +217,8 @@ export default defineComponent({
         }
     },
     setup(props){
+        const lan: any = useI18n();
+        
         const routes = useRoute();
         console.log(routes.path);
         const types = ref(props.type)
@@ -242,19 +261,19 @@ export default defineComponent({
         }
         const nav: Array<Nav> = [
             {
-                name: "直播管理",
+                name: lan.$t('zhiboguanli'),
                 route: "/regime/live"
             },
             {
-                name: "视频管理",
+                name: lan.$t('shipinguanli'),
                 route: "/regime/video"
             },
             {
-                name: "订阅者管理",
+                name: lan.$t("dingyuezheguanli"),
                 route: "/regime/subscriber"
             },
             {
-                name: "个人中心",
+                name: lan.$t("gerenzhongxin"),
                 route: "/mine/archives"
             }
         ]
@@ -291,10 +310,13 @@ export default defineComponent({
             editsystemsetting({zoneid:e})
         }
         function currencychange(e?: any){
+            console.log(e)
             editsystemsetting({currency:parseInt(e)})
         }
         function setlanguage(e?: any){
+            console.log(e)
             editsystemsetting({language:e})
+            lan.locale.value = e
         }
         function toindex(){
             router.push("/")
@@ -313,7 +335,8 @@ export default defineComponent({
             languagelist,
             setlanguage,
             nowroute,
-            toindex
+            toindex,
+            lan
         }
     }
 })
diff --git a/src/components/login/LoginTab.vue b/src/components/login/LoginTab.vue
index 3f3b5a3..69ffe59 100644
--- a/src/components/login/LoginTab.vue
+++ b/src/components/login/LoginTab.vue
@@ -1,11 +1,12 @@
 <template>
   <div class="logintab">
-      <div :class="selected==1?'tab tab1':'tab'" @mouseover="tabchange(1)">手机号登录</div>
-      <div :class="selected==2?'tab tab1':'tab'" @mouseover="tabchange(2)">账号密码登录</div>
+      <div :class="selected==1?'tab tab1':'tab'" @mouseover="tabchange(1)">{{lan.$t("shoujidenglu")}}</div>
+      <div :class="selected==2?'tab tab1':'tab'" @mouseover="tabchange(2)">{{lan.$t("mimadenglu")}}</div>
   </div>
 </template>
 
 <script lang="ts">
+import { useI18n } from '@/utils/i18n';
 import { defineComponent , ref} from "vue";
 
 export default defineComponent({
@@ -14,6 +15,7 @@ export default defineComponent({
  
 
   setup(prop,context) {
+    const lan: any = useI18n();
     const selected=ref(1)
     function tabchange(e: number): void{
         selected.value=e
@@ -22,7 +24,8 @@ export default defineComponent({
     }
     return {
       selected,
-      tabchange
+      tabchange,
+      lan
     };
   },
 });
diff --git a/src/i18n/en.ts b/src/i18n/en.ts
new file mode 100644
index 0000000..84131a6
--- /dev/null
+++ b/src/i18n/en.ts
@@ -0,0 +1,28 @@
+export default {
+    zhiboguanli: "直播管理",
+    shipinguanli: "视频管理",
+    dingyuezheguanli: "订阅者管理",
+    gerenzhongxin: "个人中心",
+    rili: "Date",
+    quanbuzhibo: "全部直播",
+    weikaishi: "未开始",
+    yijieshu: "已结束",
+    zhibosousuo: "请输入想要搜索的直播标题",
+    haiweikaishi: "还未开始",
+    yijueshi: "已结束",
+    jinruzhibo: "进入直播",
+    quanbushipin: "全部视频",
+    shenhezhong: "审核中",
+    weitongguo: "未通过",
+    yifabu: "已发布",
+    shipinsousuo: "请输入想要搜索的直播标题",
+    wodedingyuezhe: "我的订阅者",
+    xingming: "姓名",
+    suozaiguojia: "所在国家",
+    nianling: "年龄",
+    xueshengmuyu: "学生母语",
+    xingqudian: "兴趣点",
+    yuyandengji: "语言等级",
+    canyupingtaishichang: "参与平台直播总时长",
+    sousuoxuesheng: "请输入想要搜索的学生姓名"
+}
\ No newline at end of file
diff --git a/src/i18n/init.ts b/src/i18n/init.ts
index 772e881..790a4c8 100644
--- a/src/i18n/init.ts
+++ b/src/i18n/init.ts
@@ -1,9 +1,9 @@
 import zh from "./zh"
-
-
+import en from "./en"
 export default {
     locale: "zh", //默认语言
     messages: {
-        zh
+        zh,
+        en
     }
 }
\ No newline at end of file
diff --git a/src/i18n/zh.ts b/src/i18n/zh.ts
index 6c2afcb..d0596d6 100644
--- a/src/i18n/zh.ts
+++ b/src/i18n/zh.ts
@@ -24,5 +24,29 @@ export default {
     xingqudian: "兴趣点",
     yuyandengji: "语言等级",
     canyupingtaishichang: "参与平台直播总时长",
-    sousuoxuesheng: "请输入想要搜索的学生姓名"
+    sousuoxuesheng: "请输入想要搜索的学生姓名",
+    huanying:"您好，欢迎来到",
+    beelink:"Beelink",
+    meiyouzhanghao:"还没有账号？",
+    chengweilaoshi:"成为一名Beelink老师",
+    shoujidenglu:"手机号登录",
+    mimadenglu:"账号密码登录",
+    shoujihao:"手机号",
+    yanzhengma:"验证码",
+    dianjihuoquyzm:"点击获取验证码",
+    lijidenglu:"立即登录",
+    shurushouji:"请输入您的手机号",
+    shuruyzm:"请输入您的验证码",
+    banquan:"Beelink公司版权所有 2019—2022",
+    zhanghao:"帐号",
+    shuruzhanghao:"请输入您的邮箱或者手机号",
+    mima:"密码",
+    shurumima:"请输入您的密码",
+    wangjimima:"忘记密码?",
+    yiwanxinlai:"亿万人的信赖和见证",
+    kaiqishenghuo:"Beelink 开启您的美好学习生活",
+    guanyubeelink:"关于 Beelink",
+    guanyuneirong:" Beelink平台拥有数千名优秀老师，丰富的教育经验和有趣的课堂环境，一对一辅导平台的教务管理、线上课堂、线下课堂、助学互动，课程回放等多项教学功能，让您利用碎片时间，轻轻松松学会各种语言。",
+    liaojiegengduo:"了解更多"
+
 }
\ No newline at end of file
diff --git a/src/static/images/duihao.png b/src/static/images/duihao.png
new file mode 100644
index 0000000000000000000000000000000000000000..eb5e2b77d982125acd8d57376e80aba4925670de
GIT binary patch
literal 3273
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
Zjv&IxPM|;C77Bb(Kx7juVu_I(?cW)6#u@+s

literal 0
HcmV?d00001

diff --git a/src/utils/i18n.ts b/src/utils/i18n.ts
index 5725e10..88b9011 100644
--- a/src/utils/i18n.ts
+++ b/src/utils/i18n.ts
@@ -13,6 +13,7 @@ const createI18n = (config: Config) => ({
     locale: ref(config.locale),
     messages: config.messages,
     $t(key: string) {
+        console.log(key)
         return this.messages[this.locale.value][key];
     },
     $s(){
diff --git a/src/views/login/Login.vue b/src/views/login/Login.vue
index fb129a2..53a8732 100644
--- a/src/views/login/Login.vue
+++ b/src/views/login/Login.vue
@@ -4,10 +4,10 @@
     <div class="box">
       <div class="left">
         <div class="title">
-          您好，欢迎来到 <span class="orgname">Beelink</span>
+          {{lan.$t("huanying")}} <span class="orgname">{{lan.$t("beelink")}}</span>
         </div>
         <div class="nosign">
-          还没有账号？ <span class="tosign"><router-link to="/sign"> 成为一名Beelink老师 </router-link></span>
+          {{lan.$t("meiyouzhanghao")}} <span class="tosign"><router-link to="/sign"> {{lan.$t("chengweilaoshi")}} </router-link></span>
         </div>
         <div class="tab">
           <LoginTab @sel="Selectnum"></LoginTab>
@@ -15,7 +15,7 @@
 
         <div v-if="tabselected == 1">
           <a-form :layout="formLayout">
-            <a-form-item label="手机号" class="form-item">
+            <a-form-item :label="lan.$t('shoujihao')" class="form-item">
               <a-input-group compact>
                 <!-- <a-select default-value="Zhejiang" class="getcode">
                   <a-select-option value="Zhejiang">
@@ -30,53 +30,53 @@
                     <!-- <a-select-option value="Jiangsu"> Jiangsu </a-select-option> -->
                 </a-select>
                 <div class="line"></div>
-                <a-input v-model:value="phone" style="width: 50%" placeholder="请输入您的手机号" />
+                <a-input v-model:value="phone" style="width: 50%" :placeholder="lan.$t('shurushouji')" />
               </a-input-group>
             </a-form-item>
-            <a-form-item label="验证码" class="form-item">
+            <a-form-item :label="lan.$t('yanzhengma')" class="form-item">
               <a-input-group compact>
                 <div class="getcode" @click="getcode">
-                  点击获取验证码{{ time == 60 ? "" : "(" + time + ")" }}
+                  {{lan.$t("dianjihuoquyzm")}} {{ time == 60 ? "" : "(" + time + ")" }}
                 </div>
                 <div class="line"></div>
-                <a-input style="width: 50%" placeholder="请输入您的验证码" v-model:value="code"/>
+                <a-input style="width: 50%" :placeholder="lan.$t('shuruyzm')" v-model:value="code"/>
               </a-input-group>
             </a-form-item>
-            <div class="submit" @click="sublogin">立即登录</div>
-            <div>Beelink公司版权所有 2019—2022</div>
+            <div class="submit" @click="sublogin">{{lan.$t("lijidenglu")}}</div>
+            <div>{{lan.$t('banquan')}}</div>
           </a-form>
         </div>
 
         <div v-if="tabselected == 2">
           <a-form :layout="formLayout">
-            <a-form-item label="帐号" class="form-item">
+            <a-form-item :label="lan.$t('zhanghao')" class="form-item">
               <a-input-group compact>
                 <a-input
                   style="width: 80%"
-                  placeholder="请输入您的邮箱或者手机号"
+                  :placeholder="lan.$t('shuruzhanghao')"
                   v-model:value="userinfo.phone"
                 />
               </a-input-group>
             </a-form-item>
-            <a-form-item label="密码" class="form-item">
+            <a-form-item :label="lan.$t('mima')" class="form-item">
               <a-input-group compact>
                 <a-input
                   style="width: 70%"
-                  placeholder="请输入您的密码"
+                  :placeholder="lan.$t('shurumima')"
                   type="password"
                   class="shuru"
                   v-model:value="userinfo.password"
                 />
-                <div class="forget"><router-link to="/reset">忘记密码?</router-link></div>
+                <div class="forget"><router-link to="/reset">{{lan.$t('wangjimima')}}</router-link></div>
               </a-input-group>
             </a-form-item>
-            <div class="submit" @click="login">立即登录</div>
+            <div class="submit" @click="login">{{lan.$t('lijidenglu')}}</div>
           </a-form>
         </div>
       </div>
       <div class="right">
-        <div class="top">亿万人的信赖和见证</div>
-        <div class="topdesc">Beelink 开启您的美好学习生活</div>
+        <div class="top">{{lan.$t('yiwanxinlai')}}</div>
+        <div class="topdesc">{{lan.$t('kaiqishenghuo')}}</div>
 
         <div class="lessons">
           <!-- @click="tovideoxq(i.videoid)" -->
@@ -98,15 +98,13 @@
     </div>
     <div class="bottom">
       <div class="content">
-        <div class="title">关于 Beelink</div>
+        <div class="title">{{lan.$t('guanyubeelink')}}</div>
         <div class="rowline"></div>
         <div class="texts">
-          Beelink平台拥有数千名优秀老师，丰富的教育经验和有趣的课堂环境，一对一辅导
-          平台的教务管理、线上课堂、线下课堂、助学互动，课程回放等多项教学功能，让
-          您利用碎片时间，轻轻松松学会各种语言。
+         {{lan.$t("guanyuneirong")}}
         </div>
         <div class="relation">
-          <div class="more" @click="navto()">了解更多</div>
+          <div class="more" @click="navto()">{{lan.$t('liaojiegengduo')}}</div>
           <img src="@/static/images/tel.png" alt="" class="icon">
           <div>136-0111-1111</div> 
 
@@ -125,6 +123,7 @@ import NavTop from "@/components/NavTop.vue"
 import { checksmscode, getquhaolist, getwebvideolist, loginpass, sendsms } from '@/api';
 import { message } from 'ant-design-vue';
 import router from '@/router';
+import { useI18n } from '@/utils/i18n';
 
 export default defineComponent({
   name: "Login",
@@ -133,6 +132,7 @@ export default defineComponent({
     NavTop
   },
   setup() {
+    const lan: any = useI18n();
     const formLayout = {
       labelCol: 4,
       wrapperCol: 14,
@@ -269,7 +269,8 @@ export default defineComponent({
       videolist,
       tovideoxq,
       navto,
-      todetail
+      todetail,
+      lan
     };
   },
 });