diff --git a/src/components/LiveCount.vue b/src/components/LiveCount.vue
index 375661e..a6b9f48 100644
--- a/src/components/LiveCount.vue
+++ b/src/components/LiveCount.vue
@@ -1,8 +1,8 @@
 <template>
     <div class="cont">
         <div class="title">
-        <div>上课学生</div>
-        <div class="more" @click="toxq">查看详情</div>
+        <div>{{lan.$t('shangkexuesheng')}}</div>
+        <div class="more" @click="toxq">{{lan.$t('chakanxiangqing')}}</div>
         </div>
         <div class="info">
         <div class="item" v-for="(i, j) in list" :key="j">
@@ -14,7 +14,7 @@
                 </div>
             </div>
             <div class="takehour" v-if="i.status == 1 && livestatus == 2">
-                参加时长
+                {{lan.$t('canjiashichang')}}
                 <div>30min</div>
             </div>
             <div
@@ -22,10 +22,10 @@
                 v-if="i.status == 2 || (livestatus == 0 && i.status == 1)"
                 @click="quxiao(j)"
             >
-                取消直播
+                {{lan.$t('quxiaozhibo')}}
             </div>
 
-            <div class="refuse" v-if="i.status == 3">已拒绝</div>
+            <div class="refuse" v-if="i.status == 3">{{lan.$t('yijujue')}}</div>
         </div>
         <div class="modal-container">
             <a-modal
@@ -41,17 +41,17 @@
                 </template>
                 <!-- 换绑手机号第一步 -->
                 <div class="yuanyin">
-                    请输入您举着该学生参与直播的原因
+                    {{lan.$t('jujueyuanyintext')}}
                 </div>
                 <div class="body">
-                    <div class="jubao">拒绝原因</div>
+                    <div class="jubao">{{lan.$t('juejueyuanyin')}}</div>
                     <a-textarea
                         v-model:value="text"
                         class="text"
                     />
                 </div>
                 <div class="submit-btn" @click="sum">
-                    确认拒绝
+                    {{lan.$t('querenjujue')}}
                 </div>
             </a-modal>
         </div>
@@ -237,6 +237,7 @@
 <script lang="ts">
 import { cancellive, refusedtolive } from '@/api';
 import router from '@/router';
+import { useI18n } from '@/utils/i18n';
 import { defineComponent, ref, toRaw, watch } from "vue";
 
 export default defineComponent({
@@ -246,6 +247,7 @@ export default defineComponent({
         zid:Number
     },
     setup(props) {
+        const lan: any = useI18n();
         const modalNode = () => document.getElementsByClassName('modal-container')[0]
         const updatePhoneVisible = ref(false)
         const sid = ref(0)
@@ -291,7 +293,8 @@ export default defineComponent({
             hidePhoneModal,
             sum,
             text,
-            toxq
+            toxq,
+            lan
         };
     },
 });
diff --git a/src/components/LiveItem.vue b/src/components/LiveItem.vue
index 24548d3..8f07e4b 100644
--- a/src/components/LiveItem.vue
+++ b/src/components/LiveItem.vue
@@ -4,7 +4,7 @@
         <img src="@/static/images/play.png" alt="" class="play">
         <div class="title">
             <div class="one-line-hide">{{title}}</div> 
-            <span class="lv">{{score}}分</span>
+            <span class="lv">{{score}} {{lan.$t('fen')}}</span>
         </div>
         <div class="info">
             <div class="datetime">
@@ -23,13 +23,13 @@
             </div>
         </div>
         <div class="state audit" v-if="status==0">
-            还未开始
+            {{lan.$t('haiweikaishi')}}
         </div>
          <div class="state live" v-if="status==1">
-            进入直播
+            {{lan.$t('jinruzhibo')}}
         </div>
         <div class="state over" v-if="status==2">
-             查看回放
+             {{lan.$t('chakanhuifang')}}
         </div>
     </div>
 </template>
@@ -135,6 +135,7 @@
 </style>
 <script lang="ts">
 import router from '@/router';
+import { useI18n } from '@/utils/i18n';
 import { defineComponent } from 'vue';
 
 export default defineComponent({
@@ -169,6 +170,7 @@ export default defineComponent({
         }
     },
     setup(props){
+        const lan: any = useI18n();
         function navto(){
             let url = '';
             switch (props.type) {
@@ -187,7 +189,8 @@ export default defineComponent({
             }
         }
         return {
-            navto
+            navto,
+            lan
         }
     }
 })
diff --git a/src/components/LivePlay.vue b/src/components/LivePlay.vue
index c51ce12..ff883e6 100644
--- a/src/components/LivePlay.vue
+++ b/src/components/LivePlay.vue
@@ -5,7 +5,7 @@
           <div class="left">
               <div>
                   <img src="@/static/images/livelesson.png" alt="" class="icon">
-                  <span>西班牙语</span>
+                  <span>{{lan.$t('xiabanyayu')}}</span>
               </div>
               <div>
                   <img src="@/static/images/livewatch.png" alt="" class="icon">
@@ -17,15 +17,15 @@
               </div>
                     <div>
                   <img src="@/static/images/shoucang.png" alt="" class="icon">
-                  <span class="score">5.0分</span>
+                  <span class="score">5.0{{lan.$t('fen')}}</span>
               </div>
           </div>
           <div style="display: flex">
             <div class="right" @click="bianji">
-              编辑信息
+              {{lan.$t('bianjixinxi')}}
             </div>
             <div class="right" @click="kaishi">
-              开始直播
+              {{lan.$t('kaishizhibo')}}
             </div>
           </div>
           
@@ -85,6 +85,7 @@
 <script lang="ts">
 import { livestart } from '@/api';
 import router from '@/router';
+import { useI18n } from '@/utils/i18n';
 import { defineComponent, ref } from "vue";
 
 export default defineComponent({
@@ -92,6 +93,7 @@ export default defineComponent({
     info: Object
   },
   setup(props) {
+    const lan: any = useI18n();
     console.log(props.info);
     function bianji(){
       if(props.info != undefined){
@@ -110,7 +112,8 @@ export default defineComponent({
     // const liveinfo = ref(props.liveinfo)
     return {
       bianji,
-      kaishi
+      kaishi,
+      lan
     }
   },
 });
diff --git a/src/components/NavBottom.vue b/src/components/NavBottom.vue
index f21e709..e68fc7d 100644
--- a/src/components/NavBottom.vue
+++ b/src/components/NavBottom.vue
@@ -5,12 +5,13 @@
                <div :class="item.route==nowroute?'active':''">{{ item.name }}</div> 
             </div>
         </div>
-        <div class="copyright" :style="color">Beelink公司版权所有  2019—2022</div>
+        <div class="copyright" :style="color">{{lan.$t("banquan")}}</div>
     </div>
 </template>
 
 <script lang="ts">
 import router from '@/router';
+import { useI18n } from '@/utils/i18n';
 import { defineComponent, onMounted, ref } from 'vue';
 import { useRoute } from 'vue-router';
 
@@ -19,6 +20,7 @@ export default defineComponent({
         color: Object
     }, 
     setup(){
+        const lan: any = useI18n();
         interface Nav{
             name: string;
             route: string;
@@ -27,24 +29,42 @@ export default defineComponent({
         const routes=useRoute()
         const nowroute=ref<string>(routes.path)
         console.log(routes.path)
-        const navArray: Array<Nav> = [
+         const navArray: 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"
             }
         ]
+        // const navArray: Array<Nav> = [
+        //     {
+        //         name: "直播管理",
+        //         route: "/regime/live"
+        //     },
+        //     {
+        //         name: "视频管理",
+        //         route: "/regime/video"
+        //     },
+        //     {
+        //         name: "订阅者管理",
+        //         route: "/regime/subscriber"
+        //     },
+        //     {
+        //         name: "个人中心",
+        //         route: "/mine/archives"
+        //     }
+        // ]
         function navto(url: string){
             nowroute.value=url
             router.push(url)
@@ -55,7 +75,8 @@ export default defineComponent({
         return {
             navArray,
             navto,
-            nowroute
+            nowroute,
+            lan
         }
     }
 })
diff --git a/src/components/ReviewItem.vue b/src/components/ReviewItem.vue
index 9643239..8fb10a0 100644
--- a/src/components/ReviewItem.vue
+++ b/src/components/ReviewItem.vue
@@ -11,10 +11,10 @@
                     </div>
                     
                 </div>
-                <div class="num">{{(score+'').split('.')[1]?score:score+'.0'}}分</div>
+                <div class="num">{{(score+'').split('.')[1]?score:score+'.0'}} {{lan.$t('fen')}}</div>
             </div>
             <div class="all" @click="findall(replyid)" >
-                <span>查看所有回复</span>
+                <span>={{lan.$t('suoyouhuifu')}}</span>
                 <img src="@/static/images/arrowdownblue.png" alt="">
             </div>
         </div>
@@ -23,7 +23,7 @@
         </div>
         <div class="bottom">
             <div class="date">{{date}}</div>
-            <div class="reply" @click="reply(username)">回复</div>
+            <div class="reply" @click="reply(username)">{{lan.$t('huifu ')}}</div>
         </div>
  
          <div class="huifu" v-if="ifshow">
diff --git a/src/components/ReviewItemtwo.vue b/src/components/ReviewItemtwo.vue
index f9dc4b8..4896bc6 100644
--- a/src/components/ReviewItemtwo.vue
+++ b/src/components/ReviewItemtwo.vue
@@ -15,7 +15,7 @@
                     回复
                 </div> -->
                 <div class="del" @click="del(replyid)" v-if="parseInt(memberid)==myid">
-                    删除
+                    {{lan.$t('shanchu')}}
                 </div>
             </div>
          
@@ -99,6 +99,7 @@
 <script lang="ts">
 import { delreply } from '@/api';
 import store from '@/store';
+import { useI18n } from '@/utils/i18n';
 import { defineComponent, ref } from 'vue';
 
 export default defineComponent({
@@ -126,6 +127,7 @@ export default defineComponent({
         }
     },
     setup(prop,context){
+        const lan: any = useI18n();
         const myid=ref<number>(store.state.userinfo.memberid)
         function reply(e?: string){
             console.log(155)
@@ -144,7 +146,8 @@ export default defineComponent({
         return {
             reply,
             myid,
-            del
+            del,
+            lan
         }
     }
 })
diff --git a/src/components/VideoCont.vue b/src/components/VideoCont.vue
index d412e30..5080c5a 100644
--- a/src/components/VideoCont.vue
+++ b/src/components/VideoCont.vue
@@ -1,49 +1,47 @@
   <template>
   <div class="cont">
-    <div class="title">视频数据</div>
+    <div class="title">{{lan.$t('shipinshuju')}}</div>
     <div class="info">
       <div class="item">
         <img src="@/static/images/livewatch.png" alt="" />
-        <span> 上传时间： </span>
+        <span> {{lan.$t('shangchuanshijian')}} </span>
         <span>{{date}}</span>
         
       </div>
       <div class="item">
         <img src="@/static/images/watch.png" alt="" />
-        <span>播放量</span>
+        <span>{{lan.$t('bofangliang')}}</span>
         <span> {{watch}}</span>
        
       </div>
       <div class="item">
         <img src="@/static/images/share.png" alt="" />
-        <span>转发量</span>
+        <span>{{lan.$t('zhuanfaliang')}}</span>
         <span>{{share}}</span>
       </div>
       <div class="item item1" v-if="status==0">
-        <span>状态</span>
-            <span class="status">正在审核中，情耐心等待</span>
+        <span>{{lan.$t('zhuangtai')}}</span>
+            <span class="status">{{lan.$t('shenheing')}}</span>
         </div>
         <div class="item item1" v-if="status==2">
-            <span>状态</span>
-            <span class="status1">审核未通过</span>
+            <span>{{lan.$t('zhuangtai')}}</span>
+            <span class="status1">{{lan.$t('shenheweitongguo')}}</span>
         </div>
         <div class="item item1" v-if="status==1">
-            <span style="flex-shrink:0">原因</span>
-            <span class="status">您的视频中含有大量敏感词汇，请修改后再次上传，感谢您对Beelink的技术支持 </span>
+            <span style="flex-shrink:0">{{lan.$t('yuanyin')}}</span>
+            <span class="status"> {{lan.$t('yuanyintext')}} </span>
       </div>
     </div>
     <div class="button">
-      <div class="modify" @click="update(videoid)">修改该视频</div>
-      <div class="del" @click="drop(videoid)">删除该视频</div>
+      <div class="modify" @click="update(videoid)">{{lan.$t('xiugaishipin')}}</div>
+      <div class="del" @click="drop(videoid)">{{lan.$t('shanchushipin')}}</div>
       <a-modal
         title="确认删除"
         v-model:visible="visible"
         :confirm-loading="confirmLoading"
         @ok="handleOk"
-        okText="确定"
-        cancelText="取消"
       >
-        <p>您确认删除该视频吗？</p>
+        <p>{{lan.$t('querenshanchu')}}</p>
       </a-modal>
     </div>
   </div>
@@ -118,6 +116,7 @@
 <script lang="ts">
 import { videodel } from '@/api';
 import router from '@/router';
+import { useI18n } from '@/utils/i18n';
 import { defineComponent, ref } from "vue";
 import { useRoute } from 'vue-router';
 
@@ -140,6 +139,7 @@ export default defineComponent({
         }
     },
     setup(){
+        const lan: any = useI18n();
         console.log(1)
         const visible = ref(false);
         const confirmLoading = ref(false);
@@ -166,7 +166,8 @@ export default defineComponent({
             update,
             confirmLoading,
             visible,
-            handleOk
+            handleOk,
+            lan
         }
     }
 });
diff --git a/src/components/VideoItem.vue b/src/components/VideoItem.vue
index fdc9a51..18c9fdc 100644
--- a/src/components/VideoItem.vue
+++ b/src/components/VideoItem.vue
@@ -24,13 +24,13 @@
             </div>
         </div>
         <div class="state audit" v-if="status==0">
-            审核中
+            {{lan.$t('shenhezhong')}}
         </div>
          <div class="state audit fail" v-if="status==2">
-            未通过
+            {{lan.$t('weitongguo')}}
         </div>
          <div class="state audit" v-if="status==1">
-             已发布
+             {{lan.$t('yifabu')}}
         </div>
     </div>
 </template>
@@ -130,6 +130,7 @@
 </style>
 <script lang="ts">
 import router from '@/router';
+import { useI18n } from '@/utils/i18n';
 import { defineComponent } from 'vue';
 
 export default defineComponent({
@@ -167,12 +168,14 @@ export default defineComponent({
         }
     },
     setup() {
+         const lan: any = useI18n();
         function navto(e: number){
             router.push("/regime/videoinfo?id="+e)
         }
 
         return {
             navto,
+            lan
         }
     }
 })
diff --git a/src/components/VideoReview.vue b/src/components/VideoReview.vue
index c260515..20d499b 100644
--- a/src/components/VideoReview.vue
+++ b/src/components/VideoReview.vue
@@ -2,10 +2,10 @@
     <div class="review">
         <div class="top">
             <div class="title">
-                该视频评价
-                <span>8.0分</span>
+                {{lan.$t('shipinpingjia')}}
+                <span>8.0{{lan.$t('fen')}}</span>
             </div>
-            <div class="score">8.0分</div>
+            <div class="score">8.0{{lan.$t('fen')}}</div>
         </div>
         <div class="list" v-for="(i,j) in reviewlist.data"  :key="j"  >
             <ReviewItem  
@@ -25,8 +25,8 @@
        
         <div class="reply">
             <span v-if="uinfo.name">@{{uinfo.name}}</span>
-            <a-textarea v-model:value="commentval" placeholder="Basic usage" :rows="4" />
-            <div class="send" @click="send">发表留言</div>
+            <a-textarea v-model:value="commentval" :placeholder="lan.$t('shuruliuyan')" :rows="4" />
+            <div class="send" @click="send">{{lan.$t('fabiaoliuyan')}}</div>
         </div>
     </div>
 </template>
@@ -93,6 +93,7 @@
 <script lang="ts">
 import { addcomment, getcommentlist, videodetail } from '@/api';
 import store from '@/store';
+import { useI18n } from '@/utils/i18n';
 import { message } from 'ant-design-vue';
 import { defineComponent, onMounted, ref, toRaw } from 'vue';
 import { useRoute } from 'vue-router';
@@ -109,6 +110,7 @@ export default defineComponent({
         }
     },
     setup(prop,context){
+        const lan: any = useI18n();
         const reviewlist=ref({})
         const commentval=ref<string>('')
         const uinfo=ref<any>({})
@@ -166,7 +168,8 @@ export default defineComponent({
             replylist,
             haslist,
             reviewlist,
-            refresh
+            refresh,
+            lan
 
             
         }
diff --git a/src/i18n/zh.ts b/src/i18n/zh.ts
index d0596d6..29dc25b 100644
--- a/src/i18n/zh.ts
+++ b/src/i18n/zh.ts
@@ -11,6 +11,7 @@ export default {
     haiweikaishi: "还未开始",
     yijueshi: "已结束",
     jinruzhibo: "进入直播",
+    chakanhuifang:"查看回放",
     quanbushipin: "全部视频",
     shenhezhong: "审核中",
     weitongguo: "未通过",
@@ -28,6 +29,8 @@ export default {
     huanying:"您好，欢迎来到",
     beelink:"Beelink",
     meiyouzhanghao:"还没有账号？",
+    yiyouzhanghao:"已有账号？",
+    qudenglu:"去登录",
     chengweilaoshi:"成为一名Beelink老师",
     shoujidenglu:"手机号登录",
     mimadenglu:"账号密码登录",
@@ -47,6 +50,141 @@ export default {
     kaiqishenghuo:"Beelink 开启您的美好学习生活",
     guanyubeelink:"关于 Beelink",
     guanyuneirong:" Beelink平台拥有数千名优秀老师，丰富的教育经验和有趣的课堂环境，一对一辅导平台的教务管理、线上课堂、线下课堂、助学互动，课程回放等多项教学功能，让您利用碎片时间，轻轻松松学会各种语言。",
-    liaojiegengduo:"了解更多"
-
+    liaojiegengduo:"了解更多",
+    xiayibu:"下一步",
+    tongyixieyi:"勾选表示同意 《用户注册协议和隐私政策》",
+    shezhimima:"设置密码",
+    shurumimatwo:"请再次输入您的密码",
+    shuruxingming:"请输入您的姓名",
+    youxiang:"邮箱",
+    shuruyouxiang:"请输入您的邮箱",
+    muyu:"母语",
+    shurumuyu:"请输入您的母语",
+    jiaoshou:"教授",
+    xuanzejiaoshou:"请选择您的教授",
+    lijizhuce:"立刻注册",
+    wanchengzhuce:"您已完成注册",
+    qudangan:"恭喜您注册成功，点击跳转到我的档案页面",
+    yanzhengshouji:"验证手机号",
+    tianxiexinxi:"填写帐号信息",
+    fanhuishangyibu:"返回上一步",
+    zhucewancheng:"帐号注册完成",
+    mimachongzhi:"密码重置",
+    xiangqimima:"想起密码？",
+    zhanghuming:"账户名",
+    chongzhimima:"重置密码",
+    chongzhishurumima:"请输入您要设置的密码",
+    querenmima:"确认密码",
+    querenchongzhi:"确认重置",
+    wanchengchongzhi:"您已完成密码重置",
+    chongzhichenggong:"恭喜您重置密码成功，点击跳转到登录页面",
+    shibiezhanghao:"识别账号",
+    yanzhengxinxi:"验证账号信息，重置密码",
+    chongzhiwancheng:"密码重置完成",
+    xiugaitouxiang:"修改头像",
+    xiugai:"修改",
+    shuruxinnicheng:"请输入新的昵称",
+    jibenxinxi:"基本信息",
+    laiziguojia:"来自国家",
+    juzhudi:"居住地",
+    shurujuzhudi:"输入居住地",
+    wohaihuishuo:"我还会说",
+    shuliandu:"熟练度",
+    jixutianjia:"继续添加",
+    xindemuyu:"请输入新的母语",
+    duanshipin:"短视频",
+    shipinyaoqiu:"视频要求：",
+    shipinyaoqiu1:"上传视频时间要求为30s之内",
+    shipinyaoqiu2:"支持文件大小100M",
+    shipinyaoqiu3:"文件扩展名：fiv、mp4…",
+    ziwojieshao:"自我介绍",
+    lianxifangshi:"联系方式",
+    genghuanshoujihao:"更换手机号",
+    xitongshezhi:"系统设置",
+    shiqu:"时区",
+    huobi:"货币",
+    yuyan:"语言",
+    wanchengrenzheng:"请完成以下认证",
+    shuru:"请输入",
+    shoudaodeyzm:"收到的验证短信码",
+    shoujiyanzhengma:"手机验证码",
+    huoquyanzhengma:"获取验证码",
+    bangdingxinhaoma:"完成以下操作，绑定新号码",
+    bangdingshouji:"绑定手机",
+    xiugaizhanghaomima:"完成以下操作，修改账号密码",
+    yuanmima:"原密码",
+    xinmima:"新密码",
+    xinmimatwo:"确认新密码",
+    xiugaimima:"修改密码",
+    baocun:"保存信息",
+    gerenjieshao:"请输入个人介绍",
+    shangchuanshipin:"上传视频",
+    shipinbiaoti:"视频标题",
+    shurushipinbiaoti:"请输入您的视频标题",
+    shipinfengmian:"视频封面",
+    xuanzeshipin:"选择视频",
+    shipinjianjie:"视频简介",
+    shurushipinjianjie:"请输入您的视频简介",
+    zhiboxinxi:"直播信息",
+    zhibobiaoti:"直播标题",
+    shuruzhibobiaoti:"请输入您的直播标题",
+    zhibofengmian:"直播封面",
+    shipinjieshao:"视频介绍",
+    kaishishijian:"开始时间",
+    shezhikaishishijian:"请设置您的开始时间",
+    zhiboshichang:"直播时长",
+    shuruzhiboshijian:"请输入直播时间",
+    fenzhong:"分钟",
+    zhiborenshu:"直播人数",
+    shuruzhiborenshu:"请输入直播人数",
+    zhibojianjie:"直播简介",
+    shuruzhibojianjie:"请输入您的直播简介",
+    fabuzhibo:"发布直播",
+    wuzhibozige:"您尚未获得直播资格",
+    yijianfankui:"意见反馈",
+    fen:"分",
+    shipinshuju:"视频数据",
+    shangchuanshijian:"上传时间：",
+    bofangliang:"播放量",
+    zhuanfaliang:"转发量",
+    zhuangtai:"状态",
+    shenheing:"正在审核中，情耐心等待",
+    shenheweitongguo:"审核未通过",
+    yuanyin:"原因",
+    yuanyintext:"您的视频中含有大量敏感词汇，请修改后再次上传，感谢您对Beelink的技术支持",
+    xiugaishipin:"修改该视频",
+    shanchushipin:"删除该视频",
+    querenshanchu:"您确认删除该视频吗？",
+    shipinpingjia:"该视频评价",
+    fabiaoliuyan:"发表留言",
+    shuruliuyan:"请输入您的看法和见解",
+    suoyouhuifu:"查看所有回复",
+    huifu:"回复",
+    shanchu:"删除",
+    xiabanyayu:"西班牙语",
+    bianjixinxi:"编辑信息",
+    kaishizhibo:"开始直播",
+    shangkexuesheng:"上课学生",
+    chakanxiangqing:"查看详情",
+    canjiashichang:"参加时长",
+    quxiaozhibo:"取消直播",
+    yijujue:"已拒绝",
+    jujueyuanyintext:"请输入您拒绝该学生参与直播的原因",
+    juejueyuanyin:"拒绝原因",
+    querenjujue:"确认拒绝",
+    zhiboyemian:"直播页面",
+    querenguanbi:"您确认关闭直播吗",
+    dingyuezhe:"我的订阅者",
+    sousuodingyue:"请输入想要搜索的学生姓名",
+    wodeqianbao:"我的钱包",
+    lijitixian:"立即提现",
+    tixianjilu:"提现记录",
+    bangdingyonghu:"绑定用户",
+    zhanghuyue:"账户余额",
+    tianjiazhanghu:"添加新的账户",
+    yinhangka:"银行卡",
+    zhifubao:"支付宝",
+    weixin:"微信",
+    zhanghao0:"帐号",
+    tixianzhanghu:"提现到指定账户"
 }
\ No newline at end of file
diff --git a/src/views/login/Reset.vue b/src/views/login/Reset.vue
index 6d6ea2d..2ee84ae 100644
--- a/src/views/login/Reset.vue
+++ b/src/views/login/Reset.vue
@@ -3,89 +3,89 @@
     <div class="box">
       <div :class="stepnow != 2 ? 'left' : 'left left1'">
         <div class="title">
-         <span class="orgname">Beelink</span>密码重置
+         <span class="orgname">{{lan.$t('beelink')}}</span>{{lan.$t('mimachongzhi')}}
         </div>
 
         <div v-if="stepnow == 1">
           <div class="nosign">
-            想起密码？
-            <span class="tosign"><router-link to="/"> 去登录 </router-link></span>
+            {{lan.$t('xiangqimima')}}
+            <span class="tosign"><router-link to="/"> {{lan.$t('qudenglu')}} </router-link></span>
           </div>
 
           <a-form :layout="formLayout">
-            <a-form-item label="账户名" class="form-item">
-                <a-input class="shuru" placeholder="请输入您的邮箱或者手机号"  v-model:value="uinfo.phone"/>
+            <a-form-item :label="lan.$t('zhanghuming')" class="form-item">
+                <a-input class="shuru" :placeholder="lan.$t('shuruzhanghao')"  v-model:value="uinfo.phone"/>
             </a-form-item>
-            <div class="submit" @click="next(2)">下一步</div>
+            <div class="submit" @click="next(2)">{{lan.$t('xiayibu')}}</div>
         
           </a-form>
         </div>
 
         <div v-if="stepnow == 2">
           <div class="nosign">
-            已有账号？
-            <span class="tosign"><router-link to="/"> 去登录 </router-link></span>
+            {{lan.$t('yiyouzhanghao')}}
+            <span class="tosign"><router-link to="/"> {{lan.$t('qudenglu')}} </router-link></span>
           </div>
           <a-form :layout="formLayout">
             <div class="signform">
               <div style="display:flex">
-          <a-form-item label="手机号" class="shuru">
+          <a-form-item :label="lan.$t('shoujihao')" class="shuru">
               <div>{{uinfo.phone}}</div>
           </a-form-item>
-            <a-form-item label="验证码" class="form-item yzm">
+            <a-form-item :label="lan.$t('yanzhengma')" class="form-item yzm">
 
                <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="uinfo.code"/>
+                <a-input style="width: 50%" :placeholder="lan.$t('shuruyzm')" v-model:value="uinfo.code"/>
               </a-input-group>
             </a-form-item>
  
               </div>
          
             <div style="display:flex">
-                    <a-form-item label="设置密码" class="form-item">
-                <a-input class="shuru" placeholder="请再次输入您的密码" type="password" v-model:value="uinfo.password"/>
+                    <a-form-item :label="lan.$t('chongzhimima')" class="form-item">
+                <a-input class="shuru" :placeholder="lan.$t('chongzhishurumima')" type="password" v-model:value="uinfo.password"/>
               </a-form-item>
-                    <a-form-item label="设置密码" class="form-item">
-                <a-input class="shuru" placeholder="请再次输入您的密码" type="password" v-model:value="uinfo.repassword"/>
+                    <a-form-item :label="lan.$t('querenmima')" class="form-item">
+                <a-input class="shuru" :placeholder="lan.$t('shurumimatwo')" type="password" v-model:value="uinfo.repassword"/>
               </a-form-item>
             </div>
 
             </div>
 
-            <div class="submit" @click="next(3)">确认重置</div>
-            <div class="orginfo">Beelink公司版权所有 2019—2022</div>
+            <div class="submit" @click="next(3)">{{lan.$t('querenchongzhi')}}</div>
+            <div class="orginfo">{{lan.$t('banquan')}}</div>
           </a-form>
         </div>
 
         <div v-if="stepnow == 3">
-          <div class="nosign">您已完成密码重置</div>
+          <div class="nosign">{{lan.$t('wanchengchongzhi')}}</div>
           <img src="@/static/images/success.png" alt="" class="success">
-          <div class="ale" @click="tologin">恭喜您重置密码成功，点击跳转到登录页面</div>
+          <div class="ale" @click="tologin">{{lan.$t('chongzhichenggong')}}</div>
         </div>
       </div>
       <div :class="stepnow != 2 ? 'right' : 'right right1'">
         <div class="steps">
           <div class="step">
             <div :class="stepnow == 1 ? 'circle step1' : 'circle'">01</div>
-            <div :class="stepnow == 1 ? 'stepnow' : ''">识别账号</div>
+            <div :class="stepnow == 1 ? 'stepnow' : ''">{{lan.$t('shibiezhanghao')}}</div>
           </div>
           <div class="stepline"></div>
           <div class="step">
             <div :class="stepnow == 2 ? 'circle step1' : 'circle'">02</div>
-            <div :class="stepnow == 2 ? 'stepnow' : ''">验证账号信息，重置密码</div>
+            <div :class="stepnow == 2 ? 'stepnow' : ''">{{lan.$t('yanzhengxinxi')}}</div>
             <div class="back" @click="next(1)" v-if="stepnow==2">
-              返回上一步
+              {{lan.$t('fanhuishangyibu')}}
             </div>
           </div>
           <div class="stepline"></div>
           <div class="step">
             <div :class="stepnow == 3 ? 'circle step1' : 'circle'">03</div>
-            <div :class="stepnow == 3 ? 'stepnow' : ''">密码重置完成</div>
+            <div :class="stepnow == 3 ? 'stepnow' : ''">{{lan.$t('chongzhiwancheng')}}</div>
           </div>
         </div>
         <div class="icons" v-if="stepnow == 2">
@@ -101,12 +101,14 @@
 <script lang="ts">
 import { checksmscode, checkuser, editpassword, sendsms } from '@/api';
 import router from '@/router';
+import { useI18n } from '@/utils/i18n';
 import { message } from 'ant-design-vue';
 import { defineComponent, ref, toRaw } from "vue";
 export default defineComponent({
   name: "Sign",
   components: {},
   setup() {
+    const lan: any = useI18n();
     const formLayout = {
       labelCol: 4,
       wrapperCol: 14,
@@ -219,7 +221,8 @@ export default defineComponent({
       stepnow,
       next,
       uinfo,
-      tologin
+      tologin,
+      lan
     };
   },
 });
diff --git a/src/views/login/Sign.vue b/src/views/login/Sign.vue
index e3b296d..36806f4 100644
--- a/src/views/login/Sign.vue
+++ b/src/views/login/Sign.vue
@@ -2,180 +2,240 @@
     <div class="login">
         <NavTop :type="0" style="flex-shrink: 0"></NavTop>
         <div class="box">
-        <div :class="stepnow != 2 ? 'left' : 'left left1'">
-            <div class="title">
-            您好，欢迎来到 <span class="orgname">Beelink</span>
-            </div>
+            <div :class="stepnow != 2 ? 'left' : 'left left1'">
+                <div class="title">
+                    {{ lan.$t("huanying") }}
+                    <span class="orgname">{{ lan.$t("beelink") }}</span>
+                </div>
 
-            <div v-if="stepnow == 1">
-            <div class="nosign">
-                已有账号？
-                <span class="tosign" @click="navto('/')"> 去登录 </span>
-            </div>
-
-            <a-form :layout="formLayout">
-                <a-form-item label="手机号" class="form-item">
-                <a-input-group compact>
-                    <a-select
-                    class="getcode"
-                    style="width: 50%"
-                    v-model:value="phone.quhao"
-                    >
-                    <a-select-option value="86"> 中国+0086 </a-select-option>
-                    <a-select-option value="Jiangsu"> Jiangsu </a-select-option>
-                    </a-select>
-                    <div class="line"></div>
-                    <a-input
-                    v-model:value="phone.phone"
-                    style="width: 50%"
-                    placeholder="请输入您的手机号"
-                    />
-                </a-input-group>
-                </a-form-item>
-                <a-form-item label="验证码" class="form-item">
-                <a-input-group compact>
-                    <div class="getcode" style="width: 50%" @click="getcode">
-                    点击获取验证码{{ time == 60 ? "" : "(" + time + ")" }}
+                <div v-if="stepnow == 1">
+                    <div class="nosign">
+                        {{ lan.$t("yiyouzhanghao") }}
+                        <span class="tosign" @click="navto('/')">
+                            {{ lan.$t("qudenglu") }}
+                        </span>
                     </div>
-                    <div class="line"></div>
-                    <a-input
-                    v-model:value="phone.code"
-                    style="width: 50%"
-                    placeholder="请输入您的验证码"
-                    />
-                </a-input-group>
-                </a-form-item>
-                <div class="submit" @click="next(2)">下一步</div>
-                <div class="agreement" @click="agree">
-                <div class="ifagree">
+
+                    <a-form :layout="formLayout">
+                        <a-form-item
+                            :label="lan.$t('shoujihao')"
+                            class="form-item"
+                        >
+                            <a-input-group compact>
+                                <a-select
+                                    :default-value="quhaolist[0].code"
+                                    size="small"
+                                    @change="getquhao"
+                                    class="getcode"
+									style="width: 50%"
+                                >
+                                    <a-select-option
+                                        v-for="(i, j) in quhaolist"
+                                        :key="j"
+                                        :value="i.code"
+                                    >
+                                        {{ i.name }}+{{ i.code }}
+                                    </a-select-option>
+                                    <!-- <a-select-option value="Jiangsu"> Jiangsu </a-select-option> -->
+                                </a-select>
+                                <!-- <a-select
+                                    class="getcode"
+                                    style="width: 50%"
+                                    v-model:value="phone.quhao"
+                                >
+                                    <a-select-option value="86">
+                                        中国+0086
+                                    </a-select-option>
+                                    <a-select-option value="Jiangsu">
+                                        Jiangsu
+                                    </a-select-option>
+                                </a-select> -->
+                                <div class="line"></div>
+                                <a-input
+                                    v-model:value="phone.phone"
+                                    style="width: 50%"
+                                    :placeholder="lan.$t('shurushouji')"
+                                />
+                            </a-input-group>
+                        </a-form-item>
+                        <a-form-item :label="lan.$t('yanzhengma')" class="form-item">
+                            <a-input-group compact>
+                                <div
+                                    class="getcode"
+                                    style="width: 50%"
+                                    @click="getcode"
+                                >
+                                    {{lan.$t('dianjihuoquyzm')}} {{
+                                        time == 60 ? "" : "(" + time + ")"
+                                    }}
+                                </div>
+                                <div class="line"></div>
+                                <a-input
+                                    v-model:value="phone.code"
+                                    style="width: 50%"
+                                    :placeholder="lan.$t('shuruyzm')"
+                                />
+                            </a-input-group>
+                        </a-form-item>
+                        <div class="submit" @click="next(2)">{{lan.$t('xiayibu')}}</div>
+                        <div class="agreement" @click="agree">
+                            <div class="ifagree">
+                                <img
+                                    src="@/static/images/agree.png"
+                                    alt=""
+                                    class="agree"
+                                    v-if="ifagree"
+                                />
+                            </div>
+                            {{lan.$t('tongyixieyi')}}
+                        </div>
+                    </a-form>
+                </div>
+
+                <div v-if="stepnow == 2">
+                    <div class="nosign">
+                        {{lan.$t('yiyouzhanghao')}}
+                        <span class="tosign" @click="navto('/')"> {{lan.$t('qudenglu')}} </span>
+                    </div>
+                    <a-form :layout="formLayout">
+                        <div class="signform">
+                            <a-form-item :label="lan.$t('shezhimima')" class="form-item">
+                                <a-input
+                                    class="shuru"
+                                    :placeholder="lan.$t('shurumima')"
+                                    type="password"
+                                    v-model:value="userinfo.pass"
+                                />
+                            </a-form-item>
+                            <a-form-item :label="lan.$t('shezhimima')" class="form-item">
+                                <a-input
+                                    class="shuru"
+                                    :placeholder="lan.$t('shurumimatwo')"
+                                    type="password"
+                                    v-model:value="userinfo.passtow"
+                                />
+                            </a-form-item>
+                            <a-form-item :label="lan.$t('xingming')" class="form-item">
+                                <a-input
+                                    class="shuru"
+                                    :placeholder="lan.$t('shuruxingming')"
+                                    v-model:value="userinfo.name"
+                                />
+                            </a-form-item>
+                            <a-form-item :label="lan.$t('youxiang')" class="form-item">
+                                <a-input
+                                    class="shuru"
+                                    :placeholder="lan.$t('shuruyouxiang')"
+                                    v-model:value="userinfo.emil"
+                                />
+                            </a-form-item>
+                            <a-form-item :label="lan.$t('muyu')" class="form-item">
+                                <a-input
+                                    class="shuru"
+                                    :placeholder="lan.$t('shurumuyu')"
+                                    v-model:value="userinfo.muyu"
+                                />
+                            </a-form-item>
+                            <a-form-item label="教授" class="form-item">
+                                <a-select
+                                    v-model:value="userinfo.jiaoshou"
+                                    class="getcode"
+                                    style="color: #111"
+                                    :placeholder="lan.$t('xuanzejiaoshou')"
+                                >
+                                    <a-select-option
+                                        v-for="(item, index) in willsay"
+                                        :key="index"
+                                        :value="item.languageid"
+                                    >
+                                        {{ item.name }}
+                                    </a-select-option>
+                                </a-select>
+                            </a-form-item>
+                        </div>
+
+                        <div class="submit" @click="next(3)">{{lan.$t('lijizhuce')}}</div>
+                        <div class="orginfo">{{lan.$t('banquan')}}</div>
+                    </a-form>
+                </div>
+
+                <div v-if="stepnow == 3">
+                    <div class="nosign">{{lan.$t('您已完成注册')}}</div>
                     <img
-                    src="@/static/images/agree.png"
-                    alt=""
-                    class="agree"
-                    v-if="ifagree"
+                        src="@/static/images/success.png"
+                        alt=""
+                        class="success"
                     />
-                </div>
-                勾选表示同意 《用户注册协议和隐私政策》
-                </div>
-            </a-form>
-            </div>
-
-            <div v-if="stepnow == 2">
-            <div class="nosign">
-                已有账号？
-                <span class="tosign" @click="navto('/')"> 去登录 </span>
-            </div>
-            <a-form :layout="formLayout">
-                <div class="signform">
-                <a-form-item label="设置密码" class="form-item">
-                    <a-input
-                    class="shuru"
-                    placeholder="请输入您的密码"
-                    type="password"
-                    v-model:value="userinfo.pass"
-                    />
-                </a-form-item>
-                <a-form-item label="设置密码" class="form-item">
-                    <a-input
-                    class="shuru"
-                    placeholder="请再次输入您的密码"
-                    type="password"
-                    v-model:value="userinfo.passtow"
-                    />
-                </a-form-item>
-                <a-form-item label="姓名" class="form-item">
-                    <a-input
-                    class="shuru"
-                    placeholder="请输入您的姓名"
-                    v-model:value="userinfo.name"
-                    />
-                </a-form-item>
-                <a-form-item label="邮箱" class="form-item">
-                    <a-input
-                    class="shuru"
-                    placeholder="请输入您的邮箱"
-                    v-model:value="userinfo.emil"
-                    />
-                </a-form-item>
-                <a-form-item label="母语" class="form-item">
-                    <a-input
-                    class="shuru"
-                    placeholder="请输入您的母语"
-                    v-model:value="userinfo.muyu"
-                    />
-                </a-form-item>
-                <a-form-item label="教授" class="form-item">
-                    <a-select
-                    v-model:value="userinfo.jiaoshou"
-                    class="getcode"
-                    style="color: #111"
-                    placeholder="请选择您的教授"
-                    >
-                    <a-select-option
-                        v-for="(item, index) in willsay"
-                        :key="index"
-                        :value="item.languageid"
-                    >
-                        {{ item.name }}
-                    </a-select-option>
-                    </a-select>
-                </a-form-item>
-                </div>
-
-                <div class="submit" @click="next(3)">立刻注册</div>
-                <div class="orginfo">Beelink公司版权所有 2019—2022</div>
-            </a-form>
-            </div>
-
-            <div v-if="stepnow == 3">
-            <div class="nosign">您已完成注册</div>
-            <img src="@/static/images/success.png" alt="" class="success" />
-            <div class="ale" @click="navto('/mine/archives')">
-                恭喜您注册成功，点击跳转到我的档案页面
-            </div>
-            </div>
-        </div>
-        <div :class="stepnow != 2 ? 'right' : 'right right1'">
-            <div class="steps">
-            <div class="step">
-                <div :class="stepnow == 1 ? 'circle step1' : 'circle'">01</div>
-                <div :class="stepnow == 1 ? 'stepnow' : ''">验证手机号</div>
-            </div>
-            <div class="stepline"></div>
-            <div class="step">
-                <div :class="stepnow == 2 ? 'circle step1' : 'circle'">02</div>
-                <div :class="stepnow == 2 ? 'stepnow' : ''">填写帐号信息</div>
-                <div class="back" @click="next(1)" v-if="stepnow == 2">
-                返回上一步
+                    <div class="ale" @click="navto('/mine/archives')">
+                        {{lan.$t('qudangan')}}
+                    </div>
                 </div>
             </div>
-            <div class="stepline"></div>
-            <div class="step">
-                <div :class="stepnow == 3 ? 'circle step1' : 'circle'">03</div>
-                <div :class="stepnow == 3 ? 'stepnow' : ''">帐号注册完成</div>
+            <div :class="stepnow != 2 ? 'right' : 'right right1'">
+                <div class="steps">
+                    <div class="step">
+                        <div :class="stepnow == 1 ? 'circle step1' : 'circle'">
+                            01
+                        </div>
+                        <div :class="stepnow == 1 ? 'stepnow' : ''">
+                            {{lan.$t('yanzhengshouji')}}
+                        </div>
+                    </div>
+                    <div class="stepline"></div>
+                    <div class="step">
+                        <div :class="stepnow == 2 ? 'circle step1' : 'circle'">
+                            02
+                        </div>
+                        <div :class="stepnow == 2 ? 'stepnow' : ''">
+                            {{lan.$t('tianxiexinxi')}}
+                        </div>
+                        <div class="back" @click="next(1)" v-if="stepnow == 2">
+                            {{lan.$t('fanhuishangyibu')}}
+                        </div>
+                    </div>
+                    <div class="stepline"></div>
+                    <div class="step">
+                        <div :class="stepnow == 3 ? 'circle step1' : 'circle'">
+                            03
+                        </div>
+                        <div :class="stepnow == 3 ? 'stepnow' : ''">
+                            {{lan.$t('zhucewancheng')}}
+                        </div>
+                    </div>
+                </div>
+                <div class="icons" v-if="stepnow == 2">
+                    <img src="@/static/images/weixin.png" alt="" class="icon" />
+                    <img src="@/static/images/weibo.png" alt="" class="icon" />
+                    <img
+                        src="@/static/images/facebook.png"
+                        alt=""
+                        class="icon"
+                    />
+                </div>	
             </div>
-            </div>
-            <div class="icons" v-if="stepnow == 2">
-            <img src="@/static/images/weixin.png" alt="" class="icon" />
-            <img src="@/static/images/weibo.png" alt="" class="icon" />
-            <img src="@/static/images/facebook.png" alt="" class="icon" />
-            </div>
-        </div>
         </div>
     </div>
 </template>
 
 <script lang="ts">
-import { defineComponent, reactive, ref, toRaw } from "vue";
+import { defineComponent, onMounted, reactive, ref, toRaw } from "vue";
 import NavTop from "@/components/NavTop.vue";
-import { checksmscode, getwillsay, register, sendsms } from "@/api";
+import {
+    checksmscode,
+    getquhaolist,
+    getwillsay,
+    register,
+    sendsms,
+} from "@/api";
 import { message } from "ant-design-vue";
 import router from "@/router";
+import { useI18n } from "@/utils/i18n";
 
 export default defineComponent({
     name: "Sign",
     components: { NavTop },
     setup() {
+        const lan: any = useI18n();
         const formLayout = {
             labelCol: 4,
             wrapperCol: 14,
@@ -195,9 +255,20 @@ export default defineComponent({
             jiaoshou: "",
         });
         const willsay = ref<any>();
+        const quhaolist = ref<any>([
+            {
+                code: "86",
+                id: 214,
+                name: "中国",
+            },
+        ]);
         getwillsay().then((res) => {
             willsay.value = res;
         });
+        onMounted(async () => {
+            quhaolist.value = await getquhaolist();
+        });
+
         /**
          * @param
          * 点击获取验证码  触发60S倒计时
@@ -218,9 +289,9 @@ export default defineComponent({
                 console.log(phone);
                 time.value = time.value - 1;
                 if (time.value <= 0) {
-                time.value = 60;
-                clearInterval(timestep);
-                lock = false;
+                    time.value = 60;
+                    clearInterval(timestep);
+                    lock = false;
                 }
             }, 1000);
         };
@@ -228,8 +299,8 @@ export default defineComponent({
 
         /**
          *@param
-        * 用户协议前面radio 的点击效果
-        */
+         * 用户协议前面radio 的点击效果
+         */
         const agree: () => void = () => {
             ifagree.value = ifagree.value == true ? false : true;
             console.log(ifagree.value, 600);
@@ -246,9 +317,9 @@ export default defineComponent({
                 message.error("密码不能为空");
                 return false;
             }
-            if(userinfo.value.pass!=userinfo.value.passtow){
-				message.error("两次密码输入不一致")
-				return
+            if (userinfo.value.pass != userinfo.value.passtow) {
+                message.error("两次密码输入不一致");
+                return;
             }
             if (userinfo.value.name == "") {
                 message.error("姓名不能为空");
@@ -270,14 +341,13 @@ export default defineComponent({
         }
         /**
          *@param  e 跳到哪一步
-        * 步骤条跳到某一步
-        */
+         * 步骤条跳到某一步
+         */
 
         async function next(e: number) {
-          
-            if(!ifagree.value){
-              message.error("请同意用户协议");
-              return ;
+            if (!ifagree.value) {
+                message.error("请同意用户协议");
+                return;
             }
             if (stepnow.value > e) {
                 stepnow.value = e;
@@ -285,35 +355,37 @@ export default defineComponent({
             }
             switch (e) {
                 case 2: {
-                console.log(e);
-                if (phone.value.phone == "") {
-                    message.error("手机号不能为空");
-                    return;
-                } else if (phone.value.code == "") {
-                    message.error("验证码不能为空");
-                    return;
-                }
-                const res = await checksmscode(
-                    phone.value.quhao + phone.value.phone,
-                    phone.value.code
-                );
-                if (res) {
-                    stepnow.value = e;
-                }
-                break;
+                    console.log(e);
+                    if (phone.value.phone == "") {
+                        message.error("手机号不能为空");
+                        return;
+                    } else if (phone.value.code == "") {
+                        message.error("验证码不能为空");
+                        return;
+                    }
+                    const res = await checksmscode(
+                        phone.value.quhao + phone.value.phone,
+                        phone.value.code
+                    );
+                    if (res) {
+                        stepnow.value = e;
+					}
+ 
+                    break;
                 }
                 case 3: {
-                console.log(userinfo.value);
-                const yz = yanzheng();
-                if (yz) {
-                    const res = await register({
-                    ...toRaw(phone.value),
-                    ...toRaw(userinfo.value),
-                    });
-                    if (res) {
-                    stepnow.value = e;
-                    }
-                }
+                    console.log(userinfo.value);
+                    const yz = yanzheng();
+                    if (yz) {
+                        const res = await register({
+                            ...toRaw(phone.value),
+                            ...toRaw(userinfo.value),
+                        });
+                        if (res) {
+                            stepnow.value = e;
+                        }
+					}
+ 
                 }
             }
         }
@@ -332,208 +404,210 @@ export default defineComponent({
             userinfo,
             willsay,
             navto,
+            lan,
+            quhaolist,
         };
     },
 });
 </script>
 <style lang="scss" scoped>
 .login ::v-deep(.ant-select-selection) {
-  border: none;
+    border: none;
 }
 .login ::v-deep(.ant-input) {
-  border: none;
+    border: none;
 }
 .ant-input:focus {
-  border: none;
-  border-bottom: 1px solid white !important;
-  box-shadow: none;
+    border: none;
+    border-bottom: 1px solid white !important;
+    box-shadow: none;
 }
 .login ::v-deep(.ant-form-item-label) {
-  line-height: 14px;
+    line-height: 14px;
 }
 .login ::v-deep(.ant-form-item) ::v-deep(label) {
-  color: #0dbba4;
-  font-size: 11px;
-  left: 1px;
+    color: #0dbba4;
+    font-size: 11px;
+    left: 1px;
 }
 .login {
-  min-width: 100%;
-  height: 100vh;
-  background: url("../../static/images/loginbg.png");
-  background-size: 100% 130%;
-  background-repeat: no-repeat;
-  .box {
-    padding-top: 145px;
+    min-width: 100%;
+    height: 100vh;
+    background: url("../../static/images/loginbg.png");
+    background-size: 100% 130%;
+    background-repeat: no-repeat;
+    .box {
+        padding-top: 145px;
 
-    display: flex;
-    justify-content: space-around;
-    .left1 {
-      width: 710px !important;
-    }
-    .left {
-      width: 314px;
-      .title {
-        font-size: 17px;
-        font-weight: bold;
-      }
-      .orgname {
-        font-size: 29px;
-        color: #0dbba4;
-        cursor: pointer;
-      }
-      .nosign {
-        font-size: 12px;
-        color: #666666;
-        margin-top: 17px;
-        margin-bottom: 35px;
-      }
-      .tosign {
-        color: #0dbba4;
-        cursor: pointer;
-      }
-      .tab {
-        margin-bottom: 30px;
-      }
-
-      .form-item {
-        border-bottom: 1px solid #e5e5e5;
-        font-size: 15px;
-        margin-right: 40px;
-      }
-      .line {
-        width: 1px;
-        height: 14px;
-        background: #e5e5e5;
-        margin-top: 10px;
-        position: relative;
-        z-index: 999;
-      }
-      .getcode {
-        font-size: 15px;
-        color: #08ae98;
-        width: 313px;
-        // width: 50%;
-        line-height: 30px;
-        cursor: pointer;
-      }
-      .orginfo {
-        margin-top: 178px;
-      }
-      .submit {
-        width: 143px;
-        height: 35px;
-        background: linear-gradient(
-          90deg,
-          #00dac2,
-          #42de9e,
-          #88e062,
-          #d0eb3e,
-          #fffa18
-        );
-        border-radius: 18px;
-        font-size: 15px;
-        color: white;
-        font-weight: 800;
-        text-align: center;
-        line-height: 35px;
-        margin-top: 45px;
-      }
-      .agreement {
-        font-size: 12px;
         display: flex;
-        margin-top: 23px;
-        cursor: default;
-        .ifagree {
-          width: 12px;
-          height: 12px;
-          border-radius: 3px;
-          border: 1px solid #0ebca4;
-          margin: auto 0;
-          margin-right: 7px;
-          .agree {
-            width: 8px;
-            height: 6px;
-            position: relative;
-            top: -4px;
-            left: 2.5px;
-          }
+        justify-content: space-around;
+        .left1 {
+            width: 710px !important;
         }
-      }
-    }
-    .right1 {
-      width: 230px !important;
-    }
-    .right {
-      width: 690px;
-      .steps {
-        padding-top: 112px;
-        .stepline {
-          width: 1px;
-          height: 50px;
-          border: 1px dashed #eeeeee;
-          position: relative;
-          left: 13px;
+        .left {
+            width: 314px;
+            .title {
+                font-size: 17px;
+                font-weight: bold;
+            }
+            .orgname {
+                font-size: 29px;
+                color: #0dbba4;
+                cursor: pointer;
+            }
+            .nosign {
+                font-size: 12px;
+                color: #666666;
+                margin-top: 17px;
+                margin-bottom: 35px;
+            }
+            .tosign {
+                color: #0dbba4;
+                cursor: pointer;
+            }
+            .tab {
+                margin-bottom: 30px;
+            }
+
+            .form-item {
+                border-bottom: 1px solid #e5e5e5;
+                font-size: 15px;
+                margin-right: 40px;
+            }
+            .line {
+                width: 1px;
+                height: 14px;
+                background: #e5e5e5;
+                margin-top: 10px;
+                position: relative;
+                z-index: 999;
+            }
+            .getcode {
+                font-size: 15px;
+                color: #08ae98;
+                width: 313px;
+                // width: 50%;
+                line-height: 30px;
+                cursor: pointer;
+            }
+            .orginfo {
+                margin-top: 178px;
+            }
+            .submit {
+                width: 143px;
+                height: 35px;
+                background: linear-gradient(
+                    90deg,
+                    #00dac2,
+                    #42de9e,
+                    #88e062,
+                    #d0eb3e,
+                    #fffa18
+                );
+                border-radius: 18px;
+                font-size: 15px;
+                color: white;
+                font-weight: 800;
+                text-align: center;
+                line-height: 35px;
+                margin-top: 45px;
+            }
+            .agreement {
+                font-size: 12px;
+                display: flex;
+                margin-top: 23px;
+                cursor: default;
+                .ifagree {
+                    width: 12px;
+                    height: 12px;
+                    border-radius: 3px;
+                    border: 1px solid #0ebca4;
+                    margin: auto 0;
+                    margin-right: 7px;
+                    .agree {
+                        width: 8px;
+                        height: 6px;
+                        position: relative;
+                        top: -4px;
+                        left: 2.5px;
+                    }
+                }
+            }
         }
-        .step {
-          display: flex;
-          color: #999999;
-          font-size: 11px;
-          line-height: 28px;
-          font-weight: bold;
-          .back {
-            color: #0dbba4;
-            margin-left: 23px;
-          }
-          .circle {
-            width: 29px;
-            height: 29px;
-            border-radius: 15px;
-            background: #eeeeee;
-            font-size: 12px;
-            color: #999999;
-            text-align: center;
-            line-height: 29px;
-            font-weight: 800;
-            margin-right: 17px;
-          }
+        .right1 {
+            width: 230px !important;
         }
-        .step1 {
-          background: #08ae98 !important;
-          color: white !important;
+        .right {
+            width: 690px;
+            .steps {
+                padding-top: 112px;
+                .stepline {
+                    width: 1px;
+                    height: 50px;
+                    border: 1px dashed #eeeeee;
+                    position: relative;
+                    left: 13px;
+                }
+                .step {
+                    display: flex;
+                    color: #999999;
+                    font-size: 11px;
+                    line-height: 28px;
+                    font-weight: bold;
+                    .back {
+                        color: #0dbba4;
+                        margin-left: 23px;
+                    }
+                    .circle {
+                        width: 29px;
+                        height: 29px;
+                        border-radius: 15px;
+                        background: #eeeeee;
+                        font-size: 12px;
+                        color: #999999;
+                        text-align: center;
+                        line-height: 29px;
+                        font-weight: 800;
+                        margin-right: 17px;
+                    }
+                }
+                .step1 {
+                    background: #08ae98 !important;
+                    color: white !important;
+                }
+                .stepnow {
+                    color: #111111;
+                }
+            }
         }
-        .stepnow {
-          color: #111111;
+    }
+    .signform {
+        display: flex;
+        flex-wrap: wrap;
+        .shuru {
+            width: 313px;
         }
-      }
     }
-  }
-  .signform {
-    display: flex;
-    flex-wrap: wrap;
-    .shuru {
-      width: 313px;
+    .icons {
+        margin-right: 41px;
+        margin-top: 227px;
+        .icon {
+            width: 28px;
+            height: 28px;
+            margin-right: 18px;
+            float: right;
+        }
     }
-  }
-  .icons {
-    margin-right: 41px;
-    margin-top: 227px;
-    .icon {
-      width: 28px;
-      height: 28px;
-      margin-right: 18px;
-      float: right;
+    .success {
+        width: 250px;
+        height: 233px;
+    }
+    .ale {
+        color: #08ae98;
+        font-size: 14px;
+        font-weight: 800;
+        margin-top: 34px;
+        cursor: pointer;
     }
-  }
-  .success {
-    width: 250px;
-    height: 233px;
-  }
-  .ale {
-    color: #08ae98;
-    font-size: 14px;
-    font-weight: 800;
-    margin-top: 34px;
-    cursor: pointer;
-  }
 }
 </style>
\ No newline at end of file
diff --git a/src/views/mine/Archives.vue b/src/views/mine/Archives.vue
index dfd2227..d6c7676 100644
--- a/src/views/mine/Archives.vue
+++ b/src/views/mine/Archives.vue
@@ -14,89 +14,143 @@
                     <a-avatar :size="85" shape="circle" :src="userinfo.img">
                         <template v-slot:icon><UserOutlined /></template>
                     </a-avatar>
-                    <div class="mengceng" style="width: 85px;height: 85px;">
-                        修改头像
+                    <div class="mengceng" style="width: 85px; height: 85px">
+                        {{ lan.$t("xiugaitouxiang") }}
                     </div>
                 </a-upload>
-               
+
                 <div class="user-name" v-if="showname">
-        
-                    <div class="update-btn" @click="updateUserName" style="color: #fff;cursor: unset;">修改</div>
+                    <div
+                        class="update-btn"
+                        @click="updateUserName"
+                        style="color: #fff; cursor: unset"
+                    >
+                        {{ lan.$t("xiugai") }}
+                    </div>
                     <div class="value">{{ userinfo.name }}</div>
-                    <div class="update-btn" @click="updateUserName">修改</div>
+                    <div class="update-btn" @click="updateUserName">
+                        {{ lan.$t("xiugai") }}
+                    </div>
                 </div>
                 <div class="user-name" v-else>
-                    <a-input size="small" v-model:value="userinfo.name" placeholder="请输入新的昵称" />
+                    <a-input
+                        size="small"
+                        v-model:value="userinfo.name"
+                        :placeholder="lan.$t('shuruxinnicheng')"
+                    />
                 </div>
             </div>
             <div class="form-box basic">
-                <div class="title">基本信息</div>
+                <div class="title">{{ lan.$t("jibenxinxi") }}</div>
                 <div class="main-container">
                     <div class="input-box country">
-                        <div class="label">来自国家</div>
+                        <div class="label">{{ lan.$t("laiziguojia") }}</div>
                         <a-select
                             v-model:value="userinfo.country"
                             style="width: 171px"
                             size="small"
                             ref="select"
-                            :getPopupContainer="triggerNode => triggerNode.parentNode"
+                            :getPopupContainer="
+                                (triggerNode) => triggerNode.parentNode
+                            "
                         >
-                            <a-select-option v-for="(item, index) in chiveslist[0]" :key="index" :value="item.name">
+                            <a-select-option
+                                v-for="(item, index) in chiveslist[0]"
+                                :key="index"
+                                :value="item.name"
+                            >
                                 {{ item.name }}
                             </a-select-option>
                         </a-select>
                     </div>
                     <div class="input-box address">
-                        <div class="label">居住地</div>
-                        <a-input size="small" v-model:value="userinfo.live" placeholder="请输入居住地" />
+                        <div class="label">{{ lan.$t("juzhudi") }}</div>
+                        <a-input
+                            size="small"
+                            v-model:value="userinfo.live"
+                            :placeholder="lan.$t('shurujuzhudi')"
+                        />
                     </div>
                     <div class="input-box teach-lang">
-                        <div class="label">教授</div>
+                        <div class="label">{{ lan.$t("jiaoshou") }}</div>
                         <a-select
                             v-model:value="userinfo.tlanguageValue"
                             style="width: 171px"
                             size="small"
                             ref="select"
-                            :getPopupContainer="triggerNode => triggerNode.parentNode"
+                            :getPopupContainer="
+                                (triggerNode) => triggerNode.parentNode
+                            "
                         >
-                            <a-select-option v-for="(item, index) in chiveslist[1]" :key="index" :value="item.languageid">
+                            <a-select-option
+                                v-for="(item, index) in chiveslist[1]"
+                                :key="index"
+                                :value="item.languageid"
+                            >
                                 {{ item.name }}
                             </a-select-option>
                         </a-select>
                     </div>
                     <div class="input-box speak-lang">
-                        <div class="label">我还会说</div>
+                        <div class="label">{{ lan.$t("wohaihuishuo") }}</div>
                         <div class="speak-array">
                             <div class="lang-items">
-                                <div class="speak-item" v-for="(lang, indexs) in userinfo.willsay" :key="indexs">
+                                <div
+                                    class="speak-item"
+                                    v-for="(lang, indexs) in userinfo.willsay"
+                                    :key="indexs"
+                                >
                                     <a-select
                                         v-model:value="lang.name"
                                         style="width: 171px"
                                         size="small"
                                         ref="select"
                                         @change="choosewillsay"
-                                        :getPopupContainer="triggerNode => triggerNode.parentNode"
+                                        :getPopupContainer="
+                                            (triggerNode) =>
+                                                triggerNode.parentNode
+                                        "
                                     >
-                                        <a-select-option v-for="(item, index) in chiveslist[1]" :key="index" :value="item.languageid" >
-                                            {{ item.name }} {{item.languageid}}
+                                        <a-select-option
+                                            v-for="(item,
+                                            index) in chiveslist[1]"
+                                            :key="index"
+                                            :value="item.languageid"
+                                        >
+                                            {{ item.name }}
+                                            {{ item.languageid }}
                                         </a-select-option>
                                     </a-select>
                                     <div class="proficiency">
-                                        <div class="p-title">熟练度</div>
+                                        <div class="p-title">
+                                            {{ lan.$t("shuliandu") }}
+                                        </div>
                                         <div class="value">
                                             <!-- <a-rate v-model:value="lang.proficiency" style="fontSize: 15px">
                                                 <template v-slot:character><img src="" style="width: 10px;height: 10px;background-color: #0f0;"/>{{}}</template>
                                             </a-rate> -->
-                                            <img @click="setlevel(indexs, i)" v-for="i in 5" :key="i" :src="lang.level >= i ? smilet : smile" alt="" />
+                                            <img
+                                                @click="setlevel(indexs, i)"
+                                                v-for="i in 5"
+                                                :key="i"
+                                                :src="
+                                                    lang.level >= i
+                                                        ? smilet
+                                                        : smile
+                                                "
+                                                alt=""
+                                            />
                                         </div>
                                     </div>
                                 </div>
                             </div>
-                            <div class="update-btn" @click="addSpeakLang">继续添加</div>
+                            <div class="update-btn" @click="addSpeakLang">
+                                {{ lan.$t("jixutianjia") }}
+                            </div>
                         </div>
                     </div>
                     <div class="input-box native-lang">
-                        <div class="label">母语</div>
+                        <div class="label">{{ lan.$t("muyu") }}</div>
                         <!-- <a-select
                             v-model:value="userinfo.mtongue"
                             style="width: 171px"
@@ -108,11 +162,14 @@
                                 {{ item.name }}
                             </a-select-option>
                         </a-select> -->
-                        <a-input size="small" v-model:value="userinfo.mtongue" placeholder="请输入新的母语" />
-
+                        <a-input
+                            size="small"
+                            v-model:value="userinfo.mtongue"
+                            :placeholder="lan.$t('xindemuyu')"
+                        />
                     </div>
                     <div class="input-box video-lang">
-                        <div class="label">短视频</div>
+                        <div class="label">{{ lan.$t("duanshipin") }}</div>
                         <a-upload
                             list-type="picture"
                             :customRequest="uploads"
@@ -120,91 +177,132 @@
                         >
                             <div class="upload-image">
                                 <PlaySquareOutlined
-                                style="fontsize: 22px"
-                                v-if="uploadprogress == 0"
-                            />
-                            <a-progress
-                                type="circle"
-                                :percent="uploadprogress"
-                                :width="80"
-                                v-else
-                            />
+                                    style="fontsize: 22px"
+                                    v-if="uploadprogress == 0"
+                                />
+                                <a-progress
+                                    type="circle"
+                                    :percent="uploadprogress"
+                                    :width="80"
+                                    v-else
+                                />
                             </div>
                         </a-upload>
                         <div class="demand">
-                            <p class="one-line-hide">视频要求：</p>
-                            <p class="one-line-hide"> 1.上传视频时间要求为30s之内</p>
-                            <p class="one-line-hide">2.支持文件大小100M</p>
-                            <p class="one-line-hide">3.文件扩展名：fiv、mp4…文件扩展名：fiv、mp4…</p>
+                            <p class="one-line-hide">
+                                {{ lan.$t("shipinyaoqiu") }}
+                            </p>
+                            <p class="one-line-hide">
+                                1.{{ lan.$t("shipinyaoqiu1") }}
+                            </p>
+                            <p class="one-line-hide">
+                                2.{{ lan.$t("shipinyaoqiu2") }}
+                            </p>
+                            <p class="one-line-hide">
+                                3.{{ lan.$t("shipinyaoqiu3") }}
+                            </p>
                         </div>
                     </div>
                     <div class="input-box introduce">
-                        <div class="label">自我介绍</div>
-                        <a-textarea v-model:value="userinfo.desc" class="introduce-textarea" />
+                        <div class="label">{{ lan.$t("ziwojieshao") }}</div>
+                        <a-textarea
+                            v-model:value="userinfo.desc"
+                            class="introduce-textarea"
+                            :placeholder="lan.$t('gerenjieshao')"
+                        />
                     </div>
                 </div>
             </div>
             <div class="form-box contact">
-                <div class="title">联系方式</div>
+                <div class="title">{{ lan.$t("lianxifangshi") }}</div>
                 <div class="main-container">
                     <div class="input-box mailbox">
-                        <div class="label">邮箱</div>
-                        <a-input size="small" v-model:value="userinfo.email" placeholder="请输入邮箱" />
+                        <div class="label">{{ lan.$t("youxiang") }}</div>
+                        <a-input
+                            size="small"
+                            v-model:value="userinfo.email"
+                            :placeholder="lan.$t('shuruyouxiang')"
+                        />
                     </div>
                     <div class="input-box phone-box">
-                        <div class="label">手机号</div>
+                        <div class="label">{{ lan.$t("shoujihao") }}</div>
                         <div class="phone">{{ userinfo.mobile }}</div>
-                        <div class="update-btn" @click="togglePhoneModal(true)">更换手机号</div>
+                        <div class="update-btn" @click="togglePhoneModal(true)">
+                            {{ lan.$t("genghuanshoujihao") }}
+                        </div>
                     </div>
                 </div>
             </div>
             <div class="form-box system-setting">
-                <div class="title">系统设置</div>
+                <div class="title">{{ lan.$t("xitongshezhi") }}</div>
                 <div class="main-container">
                     <div class="input-box password-box">
-                        <div class="label">密码</div>
+                        <div class="label">{{ lan.$t("mima") }}</div>
                         <div class="password">************</div>
-                        <div class="update-btn" @click="togglePasswordModal(true)">修改密码</div>
+                        <div
+                            class="update-btn"
+                            @click="togglePasswordModal(true)"
+                        >
+                            {{lan.$t("xiugaimima")}}
+                        </div>
                     </div>
                     <div class="input-box time-zone-box">
-                        <div class="label">时区</div>
+                        <div class="label">{{ lan.$t("shiqu") }}</div>
                         <a-select
                             v-model:value="userinfo.zoneid"
                             style="width: 171px"
                             size="small"
                             ref="select"
-                            :getPopupContainer="triggerNode => triggerNode.parentNode"
+                            :getPopupContainer="
+                                (triggerNode) => triggerNode.parentNode
+                            "
                         >
-                            <a-select-option v-for="(item, index) in zonelist" :key="index" :value="item.zoneid">
-                                {{item.city}}{{item.gmt}}
+                            <a-select-option
+                                v-for="(item, index) in zonelist"
+                                :key="index"
+                                :value="item.zoneid"
+                            >
+                                {{ item.city }}{{ item.gmt }}
                             </a-select-option>
                         </a-select>
                     </div>
                     <div class="input-box currency-box">
-                        <div class="label">货币</div>
+                        <div class="label">{{ lan.$t("huobi") }}</div>
                         <a-select
                             style="width: 171px"
                             size="small"
                             ref="select"
-                            :getPopupContainer="triggerNode => triggerNode.parentNode"
+                            :getPopupContainer="
+                                (triggerNode) => triggerNode.parentNode
+                            "
                             @change="currencychange"
                             v-model:value="currencyindex"
                         >
-                            <a-select-option v-for="(item, index) in currencylist" :key="index" :value="item.value">
-                                {{item.name}}
+                            <a-select-option
+                                v-for="(item, index) in currencylist"
+                                :key="index"
+                                :value="item.value"
+                            >
+                                {{ item.name }}
                             </a-select-option>
                         </a-select>
                     </div>
                     <div class="input-box time-zone">
-                        <div class="label">语言</div>
+                        <div class="label">{{ lan.$t("yuyan") }}</div>
                         <a-select
                             v-model:value="userinfo.languageValue"
                             style="width: 171px"
                             size="small"
                             ref="select"
-                            :getPopupContainer="triggerNode => triggerNode.parentNode"
+                            :getPopupContainer="
+                                (triggerNode) => triggerNode.parentNode
+                            "
                         >
-                            <a-select-option v-for="(item, index) in languages" :key="index" :value="item.value">
+                            <a-select-option
+                                v-for="(item, index) in languages"
+                                :key="index"
+                                :value="item.value"
+                            >
                                 {{ item.name }}
                             </a-select-option>
                         </a-select>
@@ -224,43 +322,106 @@
                         <img src="@/static/images/delete.png" class="close" />
                     </template>
                     <!-- 换绑手机号第一步 -->
-                    <div class="public-class phone-container" v-if="!isSecondStep">
-                        <div class="title">请完成以下认证</div>
-                        <div class="title sub-title">请输入{{ userinfo.mobile }}收到的验证短信码</div>
+                    <div
+                        class="public-class phone-container"
+                        v-if="!isSecondStep"
+                    >
+                        <div class="title">
+                            {{ lan.$t("wanchengrenzheng") }}
+                        </div>
+                        <div class="title sub-title">
+                            {{ lan.$t("shuru") }} {{ userinfo.mobile }}
+                            {{ lan.$t("shoudaodeyzm") }}
+                        </div>
                         <div class="form-box">
                             <div class="form-item">
-                                <label class="label">手机验证码</label>
-                                <a-input size="small" v-model:value="verificationCode" />
-                                <div @click="sendVerificationCode(userinfo.code+userinfo.mobile)" class="confirm-btn">获取验证码<span v-if="remainTime>0">（{{ remainTime }}s）</span></div>
+                                <label class="label">{{
+                                    lan.$t("shoujiyanzhengma")
+                                }}</label>
+                                <a-input
+                                    size="small"
+                                    v-model:value="verificationCode"
+                                />
+                                <div
+                                    @click="
+                                        sendVerificationCode(
+                                            userinfo.code + userinfo.mobile
+                                        )
+                                    "
+                                    class="confirm-btn"
+                                >
+                                    {{ lan.$t("huoquyanzhengma")
+                                    }}<span v-if="remainTime > 0"
+                                        >（{{ remainTime }}s）</span
+                                    >
+                                </div>
                             </div>
                         </div>
-                        <div @click="nextPhoneStep" class="confirm-btn">下一步</div>
+                        <div @click="nextPhoneStep" class="confirm-btn">
+                            {{ lan.$t("xiayibu") }}
+                        </div>
                     </div>
                     <!-- 换绑手机号第二步 -->
-                    <div class="public-class phone-container second-step" v-else>
-                        <div class="title">完成以下操作，绑定新号码</div>
+                    <div
+                        class="public-class phone-container second-step"
+                        v-else
+                    >
+                        <div class="title">
+                            {{ lan.$t("bangdingxinhaoma") }}
+                        </div>
                         <div class="form-box">
                             <div class="form-item">
-                                <label class="label">手机号</label>
+                                <label class="label">{{
+                                    lan.$t("shoujihao")
+                                }}</label>
                                 <!-- <a-input size="small" v-model:value="bindPhone.number" /> -->
                                 <a-input-group compact class="telbox">
-                                    <a-select :default-value="quhaolist[0].code" size="small"  @change="getquhao">
-                                        <a-select-option  v-for="(i,j) in quhaolist" :key="j" :value="i.code">
-                                            {{i.name}}+{{i.code}}
+                                    <a-select
+                                        :default-value="quhaolist[0].code"
+                                        size="small"
+                                        @change="getquhao"
+                                    >
+                                        <a-select-option
+                                            v-for="(i, j) in quhaolist"
+                                            :key="j"
+                                            :value="i.code"
+                                        >
+                                            {{ i.name }}+{{ i.code }}
                                         </a-select-option>
                                         <!-- <a-select-option value="Jiangsu"> Jiangsu </a-select-option> -->
                                     </a-select>
                                     <div class="line"></div>
-                                    <a-input v-model:value="mynewtel" size="small"   placeholder="请输入您的手机号" />
+                                    <a-input
+                                        v-model:value="mynewtel"
+                                        size="small"
+                                        :placeholder="lan.$t('shurushouji')"
+                                    />
                                 </a-input-group>
                             </div>
                             <div class="form-item">
-                                <label class="label">手机验证码</label>
-                                <a-input size="small" v-model:value="bindPhone.code" />
-                                <div @click="sendVerificationCode(myquhao+mynewtel)" class="confirm-btn">获取验证码<span v-if="remainTime>0">（{{ remainTime }}s）</span></div>
+                                <label class="label">{{
+                                    lan.$t("shoujiyanzhengma")
+                                }}</label>
+                                <a-input
+                                    size="small"
+                                    v-model:value="bindPhone.code"
+                                />
+                                <div
+                                    @click="
+                                        sendVerificationCode(myquhao + mynewtel)
+                                    "
+                                    class="confirm-btn"
+                                >
+                                    {{ lan.$t("huoquyanzhengma")
+                                    }}<span v-if="remainTime > 0"
+                                        >（{{ remainTime }}s）</span
+                                    >
+                                </div>
                             </div>
                         </div>
-                        <div @click="updatePhoneNumber" class="confirm-btn">绑定手机</div>
+                        <div @click="updatePhoneNumber" class="confirm-btn">
+                            {{ lan.$t("bangdingshouji") }}
+                        </div>
                     </div>
                 </a-modal>
                 <!-- 修改密码 -->
@@ -276,154 +437,205 @@
                         <img src="@/static/images/delete.png" class="close" />
                     </template>
                     <div class="public-class password-container">
-                        <div class="title">完成以下操作，修改账号密码</div>
+                        <div class="title">
+                            {{ lan.$t("xiugaizhanghaomima") }}
+                        </div>
                         <div class="form-box">
                             <div class="form-item">
-                                <label class="label">原密码</label>
-                                <a-input-password size="small" :visibilityToggle="false" v-model:value="passwordForm.original" />
+                                <label class="label">{{
+                                    lan.$t("yuanmima")
+                                }}</label>
+                                <a-input-password
+                                    size="small"
+                                    :visibilityToggle="false"
+                                    v-model:value="passwordForm.original"
+                                />
                             </div>
                             <div class="form-item">
-                                <label class="label">新密码</label>
-                                <a-input-password size="small" :visibilityToggle="false" v-model:value="passwordForm.password" />
+                                <label class="label">{{
+                                    lan.$t("xinmima")
+                                }}</label>
+                                <a-input-password
+                                    size="small"
+                                    :visibilityToggle="false"
+                                    v-model:value="passwordForm.password"
+                                />
                             </div>
                             <div class="form-item">
-                                <label class="label">确认新密码</label>
-                                <a-input-password size="small" :visibilityToggle="false" v-model:value="passwordForm.topassword" />
+                                <label class="label">{{
+                                    lan.$t("xinmimatwo")
+                                }}</label>
+                                <a-input-password
+                                    size="small"
+                                    :visibilityToggle="false"
+                                    v-model:value="passwordForm.topassword"
+                                />
                             </div>
                         </div>
-                        <div @click="updateUserPassword" class="confirm-btn">修改密码</div>
+                        <div @click="updateUserPassword" class="confirm-btn">
+                            {{ lan.$t("xiugaimima") }}
+                        </div>
                     </div>
                 </a-modal>
             </div>
-            <div class="submit-btn" @click="submitInfo">保存信息</div>
+            <div class="submit-btn" @click="submitInfo">
+                {{ lan.$t("baocun") }}
+            </div>
         </div>
         <nav-bottom></nav-bottom>
     </div>
 </template>
 
 <script lang="ts">
-import { computed, defineComponent, onMounted, reactive, Ref, ref, toRaw, watch } 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 { changetel, checksmscode, editpassword, editsystemsetting, getarchives, getcurrencys, getlanguages, getquhaolist, getzonelist, putmember, sendsms } from "@/api/index"
-import { message } from 'ant-design-vue';
+import {
+    computed,
+    defineComponent,
+    onMounted,
+    reactive,
+    Ref,
+    ref,
+    toRaw,
+    watch,
+} 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 {
+    changetel,
+    checksmscode,
+    editpassword,
+    editsystemsetting,
+    getarchives,
+    getcurrencys,
+    getlanguages,
+    getquhaolist,
+    getzonelist,
+    putmember,
+    sendsms,
+} from "@/api/index";
+import { message } from "ant-design-vue";
+import { useI18n } from "@/utils/i18n";
 
 export default defineComponent({
     name: "Archives",
     components: {
         UserOutlined,
         PlaySquareOutlined,
-        NavBottom
+        NavBottom,
     },
-    setup(){
-        interface SpeakItem{
+    setup() {
+        const lan: any = useI18n();
+        interface SpeakItem {
             lang: string;
             proficiency: number;
         }
-        const otherSpeak: Array<SpeakItem> = [{
-            lang: '请选择',
-            proficiency: 0,
-        }];
-        const userinfo = computed(() => {return store.state.userinfo})
+        const otherSpeak: Array<SpeakItem> = [
+            {
+                lang: "请选择",
+                proficiency: 0,
+            },
+        ];
+        const userinfo = computed(() => {
+            return store.state.userinfo;
+        });
         // 表单数据
-        const currencyindex=ref<string>(userinfo.value.currency)
+        const currencyindex = ref<string>(userinfo.value.currency);
         const formData = ref(toRaw(userinfo.value));
-        watch(userinfo,() => {
+        watch(userinfo, () => {
             formData.value = toRaw(userinfo.value);
-            console.log(userinfo.value.currencyValue,"listsssss")
-            currencyindex.value=userinfo.value.currency
-          
-            console.log(currencyindex.value,"listsssss")
-        })
-        const modalNode = () => document.getElementsByClassName('modal-container')[0]
+            console.log(userinfo.value.currencyValue, "listsssss");
+            currencyindex.value = userinfo.value.currency;
 
-        const chiveslist = ref<any>([[],[]]);
+            console.log(currencyindex.value, "listsssss");
+        });
+        const modalNode = () =>
+            document.getElementsByClassName("modal-container")[0];
+
+        const chiveslist = ref<any>([[], []]);
         const languages = ref<unknown>([]);
         const quhaolist = ref<any>([]);
         const myquhao = ref<string>("");
 
         const mynewtel = ref<string>("");
-        
-        
-        const isSecondStep: Ref<boolean> = ref(false);
-        const currencylist=ref<any>([{
-            alias: "CNY",
-            code: "104110041000",
-            createdAt: "2020-08-19 11:54:59",
-            deletedAt: null,
-            dictionaryid: 241,
-            name: "人民币￥",
-            position: 1,
-            publish: 1,
-            updatedAt: "2020-08-19 11:54:59",
-            value: "1"
-        }])
-        const zonelist=ref<any>([{
-            city: "中途岛",
-            gmt: "GMT-11:00",
-            id: "Pacific/Midway",
-            zoneid: 1
 
-        }])
-        onMounted(async ()=>{
-           
-            chiveslist.value = await getarchives()
-            languages.value = await getlanguages()
-            quhaolist.value = await getquhaolist()
-            myquhao.value = quhaolist.value[0].code
-            currencylist.value = await getcurrencys()
-            zonelist.value=await getzonelist()
+        const isSecondStep: Ref<boolean> = ref(false);
+        const currencylist = ref<any>([
+            {
+                alias: "CNY",
+                code: "104110041000",
+                createdAt: "2020-08-19 11:54:59",
+                deletedAt: null,
+                dictionaryid: 241,
+                name: "人民币￥",
+                position: 1,
+                publish: 1,
+                updatedAt: "2020-08-19 11:54:59",
+                value: "1",
+            },
+        ]);
+        const zonelist = ref<any>([
+            {
+                city: "中途岛",
+                gmt: "GMT-11:00",
+                id: "Pacific/Midway",
+                zoneid: 1,
+            },
+        ]);
+        onMounted(async () => {
+            chiveslist.value = await getarchives();
+            languages.value = await getlanguages();
+            quhaolist.value = await getquhaolist();
+            myquhao.value = quhaolist.value[0].code;
+            currencylist.value = await getcurrencys();
+            zonelist.value = await getzonelist();
             // currencyindex.value=userinfo.value.currencyValue
 
-            console.log(userinfo.value)
-            
-        })
+            console.log(userinfo.value);
+        });
 
         /**
          * 修改用户名
          * @return { void }
          */
-        const showname = ref(true)
-        function updateUserName (): void {
-            console.log('修改');
-            showname.value = false
-
+        const showname = ref(true);
+        function updateUserName(): void {
+            console.log("修改");
+            showname.value = false;
         }
         /**
          * 添加我还会说语言
          * @return { void }
          */
-        function addSpeakLang (): void {
+        function addSpeakLang(): void {
             formData.value.willsay.push({
-                name: '请选择',
-                level: 0
+                name: "请选择",
+                level: 0,
             });
             formData.value.willsayValue.push({
                 name: "",
-                level: 0
+                level: 0,
             });
         }
         // 验证码
-        const verificationCode: Ref<string> = ref(''),
+        const verificationCode: Ref<string> = ref(""),
             updatePhoneVisible: Ref<boolean> = ref(false);
         /**
          * 关闭手机对话框 清空数据
          */
         function hidePhoneModal(): void {
-            verificationCode.value = '';
-            isSecondStep.value=false
-            console.log("close")
+            verificationCode.value = "";
+            isSecondStep.value = false;
+            console.log("close");
         }
         /**
          * 显示修改手机号对话框
          */
         function togglePhoneModal(value: boolean): void {
             updatePhoneVisible.value = value;
-            if(!value) {
+            if (!value) {
                 hidePhoneModal();
             }
         }
@@ -435,74 +647,78 @@ export default defineComponent({
         function computedVerificationCode(): void {
             remainTime.value = 60;
             const timer = setInterval(() => {
-                if(remainTime.value > 0) {
-                    remainTime.value --;
+                if (remainTime.value > 0) {
+                    remainTime.value--;
                 } else {
                     clearInterval(timer);
                 }
-            }, 1000)
+            }, 1000);
         }
         /**
          * 发送验证码
          */
         function sendVerificationCode(tel: string): void {
-            if(remainTime.value === 0) {
+            if (remainTime.value === 0) {
                 computedVerificationCode();
-                console.log(tel,"send")
-                sendsms(tel, 0)
+                console.log(tel, "send");
+                sendsms(tel, 0);
             }
         }
         // 绑定手机号是否是第二步
-        interface BindPhoneItem{
+        interface BindPhoneItem {
             number: string | number;
             code: string | number;
         }
         const bindPhone: BindPhoneItem = reactive({
-            number: '',
-            code: '',
+            number: "",
+            code: "",
         });
         /**
          * 绑定手机号下一步
          */
         async function nextPhoneStep(): Promise<void> {
-            
-            remainTime.value = 0    
-            if(!isSecondStep.value){
-                console.log(formData.value.code)
-                if(verificationCode.value == ""){
-                    return ;
+            remainTime.value = 0;
+            if (!isSecondStep.value) {
+                console.log(formData.value.code);
+                if (verificationCode.value == "") {
+                    return;
                 }
-                const res=await checksmscode(formData.value.code+formData.value.mobile,verificationCode.value)
-                console.log(res,"0.0")
-                if(res){
+                const res = await checksmscode(
+                    formData.value.code + formData.value.mobile,
+                    verificationCode.value
+                );
+                console.log(res, "0.0");
+                if (res) {
                     isSecondStep.value = true;
                 }
                 // isSecondStep.value = true;
             }
 
-
             // isSecondStep.value = true;
         }
         /**
          * 修改手机号
          * @return { void }
          */
-        async function updatePhoneNumber (): Promise<void> {
-            console.log('修改手机号');
-            console.log(mynewtel.value,myquhao.value,bindPhone.code)
-            const res=await checksmscode(myquhao.value+mynewtel.value,bindPhone.code.toString())
-            console.log(res,"xiugai")
-            if(res){
-                const res1=await changetel(mynewtel.value)
-                if(res1){
-                     store.dispatch("setUserInfo");
-                     updatePhoneVisible.value=false
+        async function updatePhoneNumber(): Promise<void> {
+            console.log("修改手机号");
+            console.log(mynewtel.value, myquhao.value, bindPhone.code);
+            const res = await checksmscode(
+                myquhao.value + mynewtel.value,
+                bindPhone.code.toString()
+            );
+            console.log(res, "xiugai");
+            if (res) {
+                const res1 = await changetel(mynewtel.value);
+                if (res1) {
+                    store.dispatch("setUserInfo");
+                    updatePhoneVisible.value = false;
                 }
             }
         }
-        function getquhao(e?: any){
-            console.log(e)
-            myquhao.value=e.toString()
+        function getquhao(e?: any) {
+            console.log(e);
+            myquhao.value = e.toString();
         }
         // 是否显示修改密码框
         const updatePasswordVisible: Ref<boolean> = ref(false);
@@ -512,24 +728,24 @@ export default defineComponent({
             topassword?: string;
         }
         const passwordForm: PassWord = reactive({
-            original: '',
-            password: '',
-            topassword: '',
-        })
+            original: "",
+            password: "",
+            topassword: "",
+        });
         /**
          * 密码对话框清空数据
          */
         function hidePasswordModal(): void {
-            passwordForm.original = '';
-            passwordForm.password = '';
-            passwordForm.topassword = '';
+            passwordForm.original = "";
+            passwordForm.password = "";
+            passwordForm.topassword = "";
         }
         /**
          * 显示修改密码对话框
          */
         function togglePasswordModal(value: boolean): void {
             updatePasswordVisible.value = value;
-            if(!value) {
+            if (!value) {
                 hidePasswordModal();
             }
         }
@@ -538,91 +754,96 @@ export default defineComponent({
          * @return { void }
          */
         function updateUserPassword(): void {
-            console.log(toRaw(passwordForm))
-            if(toRaw(passwordForm).password === toRaw(passwordForm).topassword) {
-                if(toRaw(passwordForm).original != '') {
+            console.log(toRaw(passwordForm));
+            if (
+                toRaw(passwordForm).password === toRaw(passwordForm).topassword
+            ) {
+                if (toRaw(passwordForm).original != "") {
                     // console.log(toRaw(passwordForm).password);
-                    editpassword(toRaw(passwordForm))
+                    editpassword(toRaw(passwordForm));
                     togglePasswordModal(false);
-                }else{
-                    message.error("原密码不能为空")
+                } else {
+                    message.error("原密码不能为空");
                 }
-            }else{
-                message.error("两次密码输入不一致")
+            } else {
+                message.error("两次密码输入不一致");
             }
         }
         /**
          * 提交表单
          * @return { void }
          */
-        async function submitInfo (): Promise<void> {
-            
+        async function submitInfo(): Promise<void> {
             //  for(let i in toRaw(formData.value).willsay){
             //     console.log(toRaw(formData.value).willsay[i])
             // }
-            const uesrinfo = toRaw(formData.value)
-            for(let m=0;m<toRaw(chiveslist.value).length;m++){
-                for(const i in uesrinfo.willsayValue){
-                // console.log(toRaw(formData.value).willsayValue[i])
-               
-                    if(typeof uesrinfo.willsay[i].name=='string'){
-                       
+            const uesrinfo = toRaw(formData.value);
+            for (let m = 0; m < toRaw(chiveslist.value).length; m++) {
+                for (const i in uesrinfo.willsayValue) {
+                    // console.log(toRaw(formData.value).willsayValue[i])
+
+                    if (typeof uesrinfo.willsay[i].name == "string") {
                         // console.log(toRaw(chiveslist.value))
-                        if(uesrinfo.willsay[i].name==toRaw(chiveslist.value)[m].name){
-                            uesrinfo.willsayValue[i].name=toRaw(chiveslist.value)[m].languageid
+                        if (
+                            uesrinfo.willsay[i].name ==
+                            toRaw(chiveslist.value)[m].name
+                        ) {
+                            uesrinfo.willsayValue[i].name = toRaw(
+                                chiveslist.value
+                            )[m].languageid;
                         }
-                    }else{
-                        uesrinfo.willsayValue[i].name=uesrinfo.willsay[i].name
-                        
+                    } else {
+                        uesrinfo.willsayValue[i].name =
+                            uesrinfo.willsay[i].name;
                     }
-                     
-               uesrinfo.willsayValue[i].level=uesrinfo.willsay[i].level
+
+                    uesrinfo.willsayValue[i].level = uesrinfo.willsay[i].level;
                 }
             }
-            console.log(uesrinfo)
-           
+            console.log(uesrinfo);
+
             // console.log(toRaw(formData.value));
-            if(userinfo.value.currency==''){
-                if(userinfo.value.currencyValue!=''){
-                    for(let i=0;i<currencylist.value.length;i++){
-                        if(userinfo.value.currencyValue==currencylist.value[i].name){
-                            userinfo.value.currency=(i+1).toString()
+            if (userinfo.value.currency == "") {
+                if (userinfo.value.currencyValue != "") {
+                    for (let i = 0; i < currencylist.value.length; i++) {
+                        if (
+                            userinfo.value.currencyValue ==
+                            currencylist.value[i].name
+                        ) {
+                            userinfo.value.currency = (i + 1).toString();
                         }
                     }
                 }
             }
 
             const reg = /^\w+((.\w+)|(-\w+))@[A-Za-z0-9]+((.|-)[A-Za-z0-9]+).[A-Za-z0-9]+$/;
-            console.log(userinfo.value.email)
-            console.log()
-            if(reg.test(userinfo.value.email)){
-                 putmember(uesrinfo)
-            }else{
-                message.error("邮箱格式有误")
+            console.log(userinfo.value.email);
+            console.log();
+            if (reg.test(userinfo.value.email)) {
+                putmember(uesrinfo);
+            } else {
+                message.error("邮箱格式有误");
             }
-            
         }
-       
-       
+
         // uploadflie()3.
 
-        function setlevel(index: number, level: number){
-            store.state.userinfo.willsay[index].level = level
+        function setlevel(index: number, level: number) {
+            store.state.userinfo.willsay[index].level = level;
         }
 
-        
         /**
          * 上传视频
          */
-        interface AntUpload{
+        interface AntUpload {
             action: string;
             data: unknown;
             file: File;
         }
         const uploadprogress: Ref<number> = ref(0);
         async function uploads(file: AntUpload) {
-            uploadprogress.value=0
-           
+            uploadprogress.value = 0;
+
             const res = await uploadflie(file.file, (info: any) => {
                 console.log(info);
                 uploadprogress.value = info.percent.toFixed(2) * 100;
@@ -630,25 +851,24 @@ export default defineComponent({
             userinfo.value.video = res.video.url;
         }
 
-        if(formData.value.video != ""){
-            uploadprogress.value = 100
+        if (formData.value.video != "") {
+            uploadprogress.value = 100;
         }
-        watch(formData,()=>{
-            if(formData.value.video != "" && uploadprogress.value == 0){
-                uploadprogress.value = 100
+        watch(formData, () => {
+            if (formData.value.video != "" && uploadprogress.value == 0) {
+                uploadprogress.value = 100;
             }
-        })
+        });
 
-        function choosewillsay(e?: any){
-            console.log(formData.value.willsayValue)
-            console.log(e)
+        function choosewillsay(e?: any) {
+            console.log(formData.value.willsayValue);
+            console.log(e);
         }
 
-        function currencychange(e?: any){
-            console.log(e)
-            userinfo.value.currencyValue=e
+        function currencychange(e?: any) {
+            console.log(e);
+            userinfo.value.currencyValue = e;
             // editsystemsetting({currency:e})
-
         }
         async function uploadspic(file: AntUpload) {
             const res = await uploadflie(file.file, (info: any) => {
@@ -701,9 +921,10 @@ export default defineComponent({
             currencychange,
             currencyindex,
             showname,
-            uploadspic
-        }
-    }
+            uploadspic,
+            lan,
+        };
+    },
 });
 </script>
 
@@ -715,13 +936,13 @@ export default defineComponent({
     padding: 46px;
     border-radius: 17px;
     position: relative;
-    .telbox{
-        margin-left:15px;
+    .telbox {
+        margin-left: 15px;
         font-size: 12px;
     }
     .update-btn {
         font-size: 11px;
-        color: #08AE98;
+        color: #08ae98;
         font-weight: 500;
         cursor: pointer;
         user-select: none;
@@ -774,13 +995,13 @@ export default defineComponent({
                         width: 171px;
                         padding: 6px 11px;
                         border-radius: 3px;
-                        border: 1px solid #DCDFE0;
+                        border: 1px solid #dcdfe0;
                         font-size: 11px;
-                        color: #3F3F3F;
+                        color: #3f3f3f;
                     }
                     .ant-select {
                         font-size: 12px;
-                        color: #3F3F3F;
+                        color: #3f3f3f;
                     }
                     .ant-select-dropdown {
                         .ant-select-dropdown-menu-item {
@@ -808,9 +1029,9 @@ export default defineComponent({
                                         color: #808080;
                                         margin-right: 14px;
                                     }
-                                    .value{
+                                    .value {
                                         display: flex;
-                                        >img{
+                                        > img {
                                             width: 15px;
                                             height: 15px;
                                             margin-right: 6px;
@@ -828,7 +1049,7 @@ export default defineComponent({
                     .upload-image {
                         width: 171px;
                         height: 96px;
-                        border: 1px solid #DCDFE0;
+                        border: 1px solid #dcdfe0;
                         border-radius: 3px;
                         display: flex;
                         align-items: center;
@@ -880,7 +1101,7 @@ export default defineComponent({
                 box-sizing: border-box;
                 padding: 25px 30px;
                 width: 569px;
-                background: #FFFFFF;
+                background: #ffffff;
                 box-shadow: 0px 4px 6px 0px rgba(102, 102, 102, 0.07);
                 border-radius: 28px;
                 .public-class {
@@ -896,17 +1117,17 @@ export default defineComponent({
                             .label {
                                 font-size: 11px;
                                 font-weight: 500;
-                                color: #7F7F7F;
+                                color: #7f7f7f;
                             }
                         }
                     }
                     .confirm-btn {
                         display: inline-block;
-                        background: #07AD97;
+                        background: #07ad97;
                         border-radius: 2px;
                         font-size: 9px;
                         font-weight: 500;
-                        color: #FFFFFF;
+                        color: #ffffff;
                         text-align: center;
                         cursor: pointer;
                         user-select: none;
@@ -915,8 +1136,8 @@ export default defineComponent({
                         padding: 0 17px;
                     }
 
-                    .confirm-btn:hover{
-                        background:#ccc;
+                    .confirm-btn:hover {
+                        background: #ccc;
                     }
                 }
                 .password-container {
@@ -936,7 +1157,7 @@ export default defineComponent({
                             .ant-input-password {
                                 width: 170px;
                                 font-size: 11px;
-                                color: #3F3F3F;
+                                color: #3f3f3f;
                                 // .ant-input {
                                 //     letter-spacing: 0;
                                 // }
@@ -958,7 +1179,7 @@ export default defineComponent({
                             .ant-input {
                                 width: 170px;
                                 font-size: 11px;
-                                color: #3F3F3F;
+                                color: #3f3f3f;
                                 margin-right: 28px;
                             }
                         }
@@ -981,42 +1202,41 @@ export default defineComponent({
         .submit-btn {
             width: 63px;
             height: 23px;
-            background: #08AE98;
+            background: #08ae98;
             border-radius: 3px;
             font-size: 10px;
             font-weight: 500;
-            color: #FFFFFF;
+            color: #ffffff;
             text-align: center;
             line-height: 23px;
             cursor: pointer;
             user-select: none;
         }
-        .submit-btn:hover{
+        .submit-btn:hover {
             background: #ccc;
         }
     }
     ::v-deep(.ant-upload-list) {
         display: none;
     }
-    .avatar-uploader{
+    .avatar-uploader {
         width: unset;
         padding: 0;
         border: none;
         background-color: none;
         position: relative;
-        &::v-deep(.ant-upload){
+        &::v-deep(.ant-upload) {
             padding: 0;
             border: none;
             background-color: #fff;
             width: unset;
             height: unset;
         }
-        .mengceng{
-            
+        .mengceng {
             position: absolute;
             left: 0;
             top: 0;
-            opacity:0;
+            opacity: 0;
             font-size: 10px;
             display: flex;
             align-items: center;
@@ -1025,11 +1245,10 @@ export default defineComponent({
             background-color: #000;
             border-radius: 50%;
             line-height: 1;
-            &:hover{
+            &:hover {
                 opacity: 0.5;
             }
         }
-
     }
 }
 </style>
\ No newline at end of file
diff --git a/src/views/mine/ReleaseVideo.vue b/src/views/mine/ReleaseVideo.vue
index c0480fa..918ac1e 100644
--- a/src/views/mine/ReleaseVideo.vue
+++ b/src/views/mine/ReleaseVideo.vue
@@ -1,15 +1,15 @@
 <template>
   <div class="upload-video">
     <a-form :label-col="labelCol" :wrapper-col="wrapperCol">
-      <div class="title">上传视频</div>
-      <a-form-item label="视频标题">
+      <div class="title">{{lan.$t("shangchuanshipin")}}</div>
+      <a-form-item :label="lan.$t('shipinbiaoti')">
         <a-input
           size="small"
           v-model:value="form.title"
-          placeholder="请输入您的视频标题"
+          :placeholder="lan.$t('shurushipinbiaoti')"
         />
       </a-form-item>
-      <a-form-item label="视频封面" class="video-cover">
+      <a-form-item :label="lan.$t('shipinfengmian')" class="video-cover">
         <a-upload list-type="picture" :customRequest="uploadspic" :before-upload="beforeUpload">
           <div class="upload-image" v-if="!viewCover && form.img.length == 0">
             <PlusOutlined
@@ -28,7 +28,7 @@
           </div>
         </a-upload>
       </a-form-item>
-      <a-form-item label="选择视频" class="video-introduction">
+      <a-form-item :label="lan.$t('xuanzeshipin')" class="video-introduction">
         <div class="upload-container">
           <a-upload list-type="picture" :customRequest="uploads"  :beforeUpload="beforeVideoUpload">
             <div class="upload-image">
@@ -79,24 +79,24 @@
             </div>
         </div>
         <div class="demand">
-          <p class="one-line-hide">视频要求：</p>
+          <p class="one-line-hide">{{lan.$t('shipinyaoqiu')}}</p>
           <p class="one-line-hide">
-            1.文件扩展名：fiv、mp4…文件扩展名：fiv、mp4…
+            1. {{lan.$t('shipinyaoqiu3')}}
           </p>
         </div>
       </a-form-item>
-      <a-form-item label="视频简介" class="brief">
+      <a-form-item :label="lan.$t('shipinjianjie')" class="brief">
         <a-textarea
           v-model:value="form.desc"
           :autoSize="true"
           class="brief-textarea"
           :maxlength="200"
-          placeholder="请输入您的视频简介"
+          :placeholder="lan.$t('shurushipinjianjie')"
         />
         <span class="words-number">{{ form.desc.length }}/200</span>
       </a-form-item>
       <a-form-item :wrapper-col="{ span: 4, offset: 0 }">
-        <a-button @click="onSubmit">上传视频</a-button>
+        <a-button @click="onSubmit">{{lan.$t('shangchuanshipin')}}</a-button>
       </a-form-item>
     </a-form>
     <nav-bottom></nav-bottom>
@@ -112,6 +112,7 @@ import { uploadflie } from "@/utils/vod";
 import { setvideo, videoadd, videodetail } from "@/api";
 import { useRoute } from 'vue-router';
 import { message } from 'ant-design-vue';
+import { useI18n } from '@/utils/i18n';
 
 export default defineComponent({
   name: "ReleaseWebcast",
@@ -121,6 +122,7 @@ export default defineComponent({
     NavBottom,
   },
   setup() {
+    const lan: any = useI18n();
     interface FileItem {
       video: Array<string>;
     }
@@ -319,7 +321,8 @@ export default defineComponent({
 		removeFile,
 		beforeUpload,
 		ifalowupload,
-		beforeVideoUpload
+    beforeVideoUpload,
+    lan
     };
   },
 });
diff --git a/src/views/mine/ReleaseWebcast.vue b/src/views/mine/ReleaseWebcast.vue
index 7ebb0dc..b2d4a8a 100644
--- a/src/views/mine/ReleaseWebcast.vue
+++ b/src/views/mine/ReleaseWebcast.vue
@@ -1,16 +1,20 @@
 <template>
     <div class="webcast">
         <a-form :label-col="labelCol" :wrapper-col="wrapperCol">
-            <div class="title">直播信息</div>
-            <a-form-item label="直播标题">
+            <div class="title">{{ lan.$t("zhiboxinxi") }}</div>
+            <a-form-item :label="lan.$t('zhibobiaoti')">
                 <a-input
                     size="small"
                     v-model:value="form.title"
-                    placeholder="请输入您的直播标题"
+                    :placeholder="lan.$t('shuruzhibobiaoti')"
                 />
             </a-form-item>
-            <a-form-item label="直播封面" class="item-cover">
-                <a-upload list-type="picture" :customRequest="uploadspic"	:before-upload="beforeUploadpic">
+            <a-form-item :label="lan.$t('zhibofengmian')" class="item-cover">
+                <a-upload
+                    list-type="picture"
+                    :customRequest="uploadspic"
+                    :before-upload="beforeUploadpic"
+                >
                     <div
                         class="upload-image"
                         v-if="!viewCover && form.img.length == 0"
@@ -34,8 +38,15 @@
                     </div>
                 </a-upload>
             </a-form-item>
-            <a-form-item label="视频介绍" class="video-introduction">
-                <a-upload list-type="picture" :customRequest="uploads"	:before-upload="beforeUpload">
+            <a-form-item
+                :label="lan.$t('shipinjieshao')"
+                class="video-introduction"
+            >
+                <a-upload
+                    list-type="picture"
+                    :customRequest="uploads"
+                    :before-upload="beforeUpload"
+                >
                     <div class="upload-image" v-if="form.fileurl.length == 0">
                         <PlaySquareOutlined
                             style="fontsize: 22px"
@@ -67,15 +78,23 @@
                     </div>
                 </a-upload>
                 <div class="demand">
+                    <p class="one-line-hide">
+                        {{ lan.$t("shipinyaoqiu") }}
+                    </p>
+                    <p class="one-line-hide">1.{{ lan.$t("shipinyaoqiu1") }}</p>
+                    <p class="one-line-hide">2.{{ lan.$t("shipinyaoqiu2") }}</p>
+                    <p class="one-line-hide">3.{{ lan.$t("shipinyaoqiu3") }}</p>
+                </div>
+                <!-- <div class="demand">
                     <p class="one-line-hide">视频要求：</p>
                     <p class="one-line-hide">1.上传视频时间要求为30s之内</p>
                     <p class="one-line-hide">2.支持文件大小100M</p>
                     <p class="one-line-hide">
                         3.文件扩展名：fiv、mp4…文件扩展名：fiv、mp4…
                     </p>
-                </div>
+                </div> -->
             </a-form-item>
-            <a-form-item label="开始时间">
+            <a-form-item :label="lan.$t('kaishishijian')">
                 <!-- <a-input
           size="small"
           v-model:value="form.startTime"
@@ -85,42 +104,45 @@
                     show-time
                     :value="form.dateline"
                     @change="startchange"
-                    placeholder="请设置您的开始时间"
+                    :placeholder="lan.$t('shezhikaishishijian')"
                 />
             </a-form-item>
             <a-form-item
-                label="直播时长"
+                :label="lan.$t('zhiboshichang')"
                 class="duration"
                 v-bind="validateInfos.livetime"
             >
                 <a-input
                     size="small"
                     v-model:value="form.livetime"
-                    placeholder="请输入直播时间"
+                    :placeholder="lan.$t('shuruzhiboshijian')"
                     type="number"
                 />
-                <span class="unit">分钟</span>
+                <span class="unit">{{ lan.$t("fenzhong") }}</span>
             </a-form-item>
-            <a-form-item label="直播人数" v-bind="validateInfos.livenumber">
+            <a-form-item
+                :label="lan.$t('zhiborenshu')"
+                v-bind="validateInfos.livenumber"
+            >
                 <a-input
                     size="small"
                     v-model:value="form.livenumber"
-                    placeholder="请输入直播人数"
+                    :placeholder="lan.$t('shuruzhiborenshu')"
                     type="number"
                 />
             </a-form-item>
-            <a-form-item label="直播简介" class="brief">
+            <a-form-item :label="lan.$t('zhibojianjie')" class="brief">
                 <a-textarea
                     v-model:value="form.desc"
                     :autoSize="true"
                     class="brief-textarea"
                     :maxlength="200"
-                    placeholder="请输入您的直播简介"
+                    :placeholder="lan.$t('shuruzhibojianjie')"
                 />
                 <span class="words-number">{{ form.desc.length }}/200</span>
             </a-form-item>
             <a-form-item :wrapper-col="{ span: 4, offset: 0 }">
-                <a-button @click="onSubmit">发布直播</a-button>
+                <a-button @click="onSubmit">{{ lan.$t("fabuzhibo") }}</a-button>
             </a-form-item>
         </a-form>
         <div class="modal-container">
@@ -136,14 +158,16 @@
                     <img src="@/static/images/delete.png" class="close" />
                 </template>
                 <div class="notice-container report" v-if="lives.status == 1">
-                    <div class="title">您尚未获得直播资格</div>
+                    <div class="title">{{ lan.$t("wuzhibozige") }}</div>
                     <div class="title sub-title">
                         {{ lives.data.msg }}
                     </div>
-                    <div class="confirm-btn" @click="fankui">意见反馈</div>
+                    <div class="confirm-btn" @click="fankui">
+                        {{ lan.$t("yijianfankui") }}
+                    </div>
                 </div>
                 <div class="notice-container" v-else>
-                    <div class="title">您尚未获得直播资格</div>
+                    <div class="title">{{ lan.$t("wuzhibozige") }}</div>
                     <div class="title sub-title">
                         <!-- 上一周/月您在平台视频点击量为
             <span class="red">第24名</span>，要在前
@@ -178,7 +202,8 @@ import { getlivest, liveadd, liveinfo, setlive } from "@/api";
 import { useRoute } from "vue-router";
 import dayjs from "dayjs";
 import { message } from "ant-design-vue";
-import router from '@/router';
+import router from "@/router";
+import { useI18n } from "@/utils/i18n";
 
 export default defineComponent({
     name: "ReleaseWebcast",
@@ -189,6 +214,7 @@ export default defineComponent({
         RankList,
     },
     setup() {
+        const lan: any = useI18n();
         // 表单数据
         const form = ref({
             title: "",
@@ -266,8 +292,8 @@ export default defineComponent({
             viewCover.value = true;
             // form.cover = fileList;
         }
-        function fankui(){
-            router.push({path:"/mine/aboutus",query:{selected:3}})
+        function fankui() {
+            router.push({ path: "/mine/aboutus", query: { selected: 3 } });
         }
         const { resetFields, validate, validateInfos } = useForm(form, rules);
 
@@ -323,24 +349,23 @@ export default defineComponent({
                         message.error("直播简介不能为空");
                         return;
                     } else {
-						if(lives.value.status==0){
-							//   subdata.fileid=picinfo.
-							if (id != undefined && id) {
-								/**
-								 * todo 提交会报错  编辑直播
-								 */
-								subdata.id = id;
-								// setlive(subdata)
-							} else {
-								console.log(subdata);
-								console.log(lives.value)
-								// liveadd(subdata);
-							}
-						}else{
-							message.error("您尚未获得直播资格")
-						}
-
                         
+                        if (lives.value.status == 0) {
+                            //   subdata.fileid=picinfo.
+                            if (id != undefined && id) {
+                                /**
+                                 * todo 提交会报错  编辑直播
+                                 */
+                                subdata.id = id;
+                                setlive(subdata)
+                            } else {
+                                console.log(subdata);
+                                console.log(lives.value);
+                                liveadd(subdata);
+                            }
+                        } else {
+                            message.error("您尚未获得直播资格");
+                        }
                     }
                 })
                 .catch((err: unknown) => {
@@ -394,51 +419,49 @@ export default defineComponent({
             action: string;
             data: unknown;
             file: File;
-		}
-		const ifallowupload=ref<boolean>(false)
-		function beforeUpload(info?: any){
-			console.log(info)
-			if(info.type.split("/")[0]!="video"){
-				ifallowupload.value=false
-				message.error("视频介绍的文件格式错误")
-				return 
-			}else{
-				ifallowupload.value=true
-			}
-		}
-        async function uploads(file: AntUpload) {
-			if(ifallowupload.value){
-				console.log(file);
-				videofile.value = file.file;
-				videos.value[0].addEventListener("durationchange", () => {
-					console.log(videos.value[0].duration);
-					form.value.fileduration = videos.value[0].duration;
-				});
-				const res = await uploadflie(file.file, (info: any) => {
-					console.log(info);
-					uploadprogress.value = info.percent.toFixed(2) * 100;
-				});
-				console.log(res);
-
-				form.value.fileid = res.fileId;
-				form.value.fileurl = res.video.url;
-			}
-            
         }
-		const ifallowpic=ref<boolean>(false)
-        async function uploadspic(file: AntUpload) {
-			if(ifallowpic.value){
-				const res = await uploadflie(file.file, (info: any) => {
-					console.log(info);
-					uploadpicprogress.value = info.percent.toFixed(2) * 100;
-				});
-				console.log(res);
+        const ifallowupload = ref<boolean>(false);
+        function beforeUpload(info?: any) {
+            console.log(info);
+            if (info.type.split("/")[0] != "video") {
+                ifallowupload.value = false;
+                message.error("视频介绍的文件格式错误");
+                return;
+            } else {
+                ifallowupload.value = true;
+            }
+        }
+        async function uploads(file: AntUpload) {
+            if (ifallowupload.value) {
+                console.log(file);
+                videofile.value = file.file;
+                videos.value[0].addEventListener("durationchange", () => {
+                    console.log(videos.value[0].duration);
+                    form.value.fileduration = videos.value[0].duration;
+                });
+                const res = await uploadflie(file.file, (info: any) => {
+                    console.log(info);
+                    uploadprogress.value = info.percent.toFixed(2) * 100;
+                });
+                console.log(res);
 
-				//  picinfo.fileId=res.fileId
-				//  picinfo.url=res.video.url
-				form.value.img = res.video.url;
-			}
-            
+                form.value.fileid = res.fileId;
+                form.value.fileurl = res.video.url;
+            }
+        }
+        const ifallowpic = ref<boolean>(false);
+        async function uploadspic(file: AntUpload) {
+            if (ifallowpic.value) {
+                const res = await uploadflie(file.file, (info: any) => {
+                    console.log(info);
+                    uploadpicprogress.value = info.percent.toFixed(2) * 100;
+                });
+                console.log(res);
+
+                //  picinfo.fileId=res.fileId
+                //  picinfo.url=res.video.url
+                form.value.img = res.video.url;
+            }
         }
 
         getlivest().then((res) => {
@@ -446,17 +469,17 @@ export default defineComponent({
                 isEntitled.value = true;
                 lives.value = res;
             }
-		});
-		function beforeUploadpic(info?: any){
-			console.log(info)
-			if(info.type.split("/")[0]!='image'){
-				message.error("封面必须是图片文件")
-				ifallowpic.value=false
-				return
-			}else{
-				ifallowpic.value=true
-			}
-		}
+        });
+        function beforeUploadpic(info?: any) {
+            console.log(info);
+            if (info.type.split("/")[0] != "image") {
+                message.error("封面必须是图片文件");
+                ifallowpic.value = false;
+                return;
+            } else {
+                ifallowpic.value = true;
+            }
+        }
 
         return {
             labelCol: { span: 4 },
@@ -481,12 +504,13 @@ export default defineComponent({
             startchange,
             videofile,
             videos,
-			lives,
-			beforeUploadpic,
-			ifallowpic,
-			beforeUpload,
+            lives,
+            beforeUploadpic,
+            ifallowpic,
+            beforeUpload,
             ifallowupload,
-            fankui
+            fankui,
+            lan,
         };
     },
 });
diff --git a/src/views/mine/Wallet.vue b/src/views/mine/Wallet.vue
index a3ddc02..a4fb91e 100644
--- a/src/views/mine/Wallet.vue
+++ b/src/views/mine/Wallet.vue
@@ -3,17 +3,17 @@
     <div class="top">
       <div class="mywallet">
         <div class="topinfo">
-          <div class="title">我的钱包</div>
+          <div class="title">{{lan.$t('wodeqianbao')}}</div>
 
-          <div class="topbtn" @click="navto(2)">立即提现</div>
-          <div class="topbtn topbtn1" @click="navto(3)">提现记录</div>
+          <div class="topbtn" @click="navto(2)">{{lan.$t('lijitixian')}}</div>
+          <div class="topbtn topbtn1" @click="navto(3)">{{lan.$t('tixianjilu')}}</div>
         </div>
         <div class="line"></div>
         <div class="accounts">
           <div class="left" @click="listchange(1)">
             <img src="@/static/images/account.png" alt="" class="pic" />
             <div class="texts">
-              <div>绑定用户</div>
+              <div>{{lan.$t('bangdingyonghu')}}</div>
               <div class="num">{{accountlist.length}}</div>
             </div>
           </div>
@@ -21,7 +21,7 @@
           <div class="left" @click="listchange(2)">
             <img src="@/static/images/money.png" alt="" class="pic" />
             <div class="texts">
-              <div>账户余额</div>
+              <div>{{lan.$t('zhanghuyue')}}</div>
               <div class="num">
                 <!-- <span class="moneyicon" v-if="ifchina">￥</span>
                 <span class="moneyicon" v-else> $ </span> -->
@@ -43,7 +43,7 @@
       </div>
       <div class="add" @click="navto(1)">
         <img src="@/static/images/walletadd.png" alt="" class="icon" />
-        <div>添加新的账户</div>
+        <div>{{lan.$t('tianjiazhanghu')}}</div>
       </div>
     </div>
 
@@ -52,7 +52,7 @@
         <div class="hostinfo">
           <div v-if="i.type==4">
             <img src="@/static/images/bank.png" alt="" class="icon" />
-            <span class="accounttype">银行卡</span>
+            <span class="accounttype">{{lan.$t('yinhangka')}}</span>
           </div>
            <div v-if="i.type==2">
             <img
@@ -60,7 +60,7 @@
               alt=""
               class="icon icon1"
             />
-            <span class="accounttype">支付宝</span>
+            <span class="accounttype">{{lan.$t('zhifubao')}}</span>
           </div>
              <div v-if="i.type==1">
             <img
@@ -68,15 +68,15 @@
               alt=""
               class="icon icon1"
             />
-            <span class="accounttype">微信</span>
+            <span class="accounttype">{{lan.$t('weixin')}}</span>
           </div>
           <div class="btns">
-            <div class="btn"  @click="navto(1,i.wallectid)">修改</div>
-            <div class="btn1" @click="del(i.wallectid)">删除</div>
+            <div class="btn"  @click="navto(1,i.wallectid)">{{lan.$t('xiugai')}}</div>
+            <div class="btn1" @click="del(i.wallectid)">{{lan.$t('shanchu')}}</div>
           </div>
         </div>
-         <div class="zhanghao" v-if="i.type==4">账号 <span>{{i.bankcode}}</span></div>
-        <div class="zhanghao" v-else>账号 <span>{{i.account}}</span></div>
+         <div class="zhanghao" v-if="i.type==4">{{lan.$t('zhanghao0')}} <span>{{i.bankcode}}</span></div>
+        <div class="zhanghao" v-else>{{lan.$t('zhanghao0')}} <span>{{i.account}}</span></div>
       </div>
 
       <!-- <div class="accountitem">
@@ -209,12 +209,14 @@ import router from "@/router";
 import store from '@/store';
 import { deleteaccount, getwallect, saleinfo } from "@/api";
 import { useRoute } from 'vue-router';
+import { useI18n } from '@/utils/i18n';
 export default defineComponent({
   name: "Wallet",
   components: {
     NavBottom,
   },
   setup() {
+    const lan: any = useI18n();
     const ifchina = true;
     const ifmingxi = false;
     const salelist=ref<any>({})
@@ -304,7 +306,8 @@ export default defineComponent({
       dates,
       del,
       store,
-      pagechange
+      pagechange,
+      lan
     };
   },
 });
diff --git a/src/views/regime/Live.vue b/src/views/regime/Live.vue
index 0442e3e..f439de0 100644
--- a/src/views/regime/Live.vue
+++ b/src/views/regime/Live.vue
@@ -3,18 +3,18 @@
     <div class="nav">
         <div class="tabs">
             <div :class="tabindex == 1 ? 'on' : ''" @click="tabchange(1)">
-            全部直播
+            {{lan.$t('quanbuzhibo')}}
             </div>
             <div :class="tabindex == 0 ? 'on' : ''" @click="tabchange(0)">
-            未开始
+            {{lan.$t('weikaishi')}}
             </div>
             <div :class="tabindex == 2 ? 'on' : ''" @click="tabchange(2)">
-            已结束
+            {{lan.$t('yijieshu')}}
             </div>
         </div>
         <div class="sel">
             <img src="@/static/images/sousuo.png" alt="" class="icon" />
-            <input placeholder="请输入想要搜索的直播标题" type="text" @keyup.enter="sel()" v-model="input" />
+            <input :placeholder="lan.$t('zhibosousuo')" type="text" @keyup.enter="sel()" v-model="input" />
         </div>
     </div>
     <div class="list" v-if="tabindex == 1">
@@ -173,11 +173,13 @@ import { defineComponent, onMounted, ref } from "vue";
 import LiveItem from "@/components/LiveItem.vue";
 import { getlivelist } from "@/api";
 import { LivelistInfo } from "@/types";
+import { useI18n } from '@/utils/i18n';
 export default defineComponent({
   components: {
     LiveItem,
   },
   setup() {
+    const lan: any = useI18n();
     const page = ref(1);
     const tabindex = ref(1);
     const livelist = ref<LivelistInfo>({
@@ -211,7 +213,8 @@ export default defineComponent({
         tabchange,
         livelist,
         input,
-        sel
+        sel,
+        lan
     };
   },
 });
diff --git a/src/views/regime/Liveing.vue b/src/views/regime/Liveing.vue
index 123129d..d0c5a2d 100644
--- a/src/views/regime/Liveing.vue
+++ b/src/views/regime/Liveing.vue
@@ -2,7 +2,7 @@
     <div class="liveing">
       
         <div class="top">
-        <div class="left">直播页面</div>
+        <div class="left">{{lan.$t('zhiboyemian')}}</div>
         <div class="right">
             <img src="@/static/images/liveshare.png" alt="" @click="fenxiang()" />
             <img src="@/static/images/liveend.png" alt="" @click="visible = true" />
@@ -56,7 +56,7 @@
             </div>
         </div>
         <a-modal v-model:visible="visible" title="Basic Modal" @ok="guanbi">
-            <p>您确认关闭直播吗</p>
+            <p>{{lan.$t('querenguanbi')}}</p>
         </a-modal>
     </div>
 </template>
@@ -198,6 +198,7 @@ import { getliveinfo, usersig } from '@/api';
 import { useRoute } from 'vue-router';
 import store from '@/store';
 import { message } from 'ant-design-vue';
+import { useI18n } from '@/utils/i18n';
 
 export default defineComponent({
     components: {
@@ -205,6 +206,7 @@ export default defineComponent({
         LiveingWatcher,
     },
     setup() {
+        const lan: any = useI18n();
         console.log(1);
         let client: any;
         let localStream: any;
@@ -397,7 +399,8 @@ export default defineComponent({
             qiehuan,
             roominfo,
             guanbi,
-            visible
+            visible,
+            lan
         }
     },
 });
diff --git a/src/views/regime/Subscriber.vue b/src/views/regime/Subscriber.vue
index 6568dba..756fb1a 100644
--- a/src/views/regime/Subscriber.vue
+++ b/src/views/regime/Subscriber.vue
@@ -1,10 +1,10 @@
 <template>
   <div class="subscriber">
     <div class="top">
-      <div class="title">我的订阅者（{{teacherlikedlist.total}}）</div>
+      <div class="title">{{lan.$t('dingyuezhe')}}（{{teacherlikedlist.total}}）</div>
       <div class="sel">
         <img src="@/static/images/sousuo.png" alt="" class="icon" />
-           <input type="text" placeholder="请输入想要搜索的学生姓名" v-model="condition.title" @keyup.enter="search(condition)"/>
+           <input type="text" :placeholder="lan.$t('sousuodingyue')" v-model="condition.title" @keyup.enter="search(condition)"/>
       </div>
     </div>
     <div class="mid">
@@ -15,38 +15,38 @@
           <div>
             <div class="info">
               <div class="infoitem">
-                <span class="label">姓名:</span>
+                <span class="label">{{lan.$t("xingming")}}:</span>
                 <span class="one-line-hide">{{i.name}}</span>
               </div>
 
               <div class="infoitem">
-                <span class="label">所在国家:</span>
+                <span class="label">{{lan.$t('suozaiguojia')}}:</span>
                 <span class="one-line-hide">{{i.live}}</span>
               </div>
 
               <div class="infoitem">
-                <span class="label">年龄:</span>
+                <span class="label">{{lan.$t('nianling')}}:</span>
                 <span class="one-line-hide">{{i.age}}</span>
               </div>
             </div>
 
             <div class="info">
               <div class="infoitem">
-                <span class="label">学生母语:</span>
+                <span class="label">{{lan.$t('xueshengmuyu')}}:</span>
                 <span class="one-line-hide">{{i.mtongue	}}</span>
               </div>
 
               <div class="infoitem">
-                <span class="label">兴趣点:</span>
+                <span class="label">{{lan.$t('xingqudian')}}:</span>
                 <span class="one-line-hide">{{i.interestStr}}</span>
               </div>
 
               <div class="infoitem">
-                <span class="label">语言等级:</span>
+                <span class="label">{{lan.$t("yuyandengji")}}:</span>
                 <span class="one-line-hide">asd</span>
               </div>
 
-              <div>参加平台直播课程总时长：<span class="time">{{i.longtime}}min</span></div>
+              <div>{{lan.$t('canyupingtaishichang')}}：<span class="time">{{i.longtime}}min</span></div>
             </div>
           </div>
         </div>
@@ -166,11 +166,13 @@
 </style>
 <script lang="ts">
 import { getteacherliked } from '@/api';
+import { useI18n } from '@/utils/i18n';
 import { defineComponent, onMounted, ref, toRaw } from "vue";
 export default defineComponent({
   name: "Subscriber",
   components: {},
   setup() {
+    const lan: any = useI18n();
     const page = ref(1);
     const teacherlikedlist =ref<any>({
 
@@ -194,7 +196,8 @@ export default defineComponent({
       teacherlikedlist,
       condition,
       title,
-      search
+      search,
+      lan
     };
   },
 });
diff --git a/src/views/regime/Video.vue b/src/views/regime/Video.vue
index 95d679f..ccaf3eb 100644
--- a/src/views/regime/Video.vue
+++ b/src/views/regime/Video.vue
@@ -3,21 +3,21 @@
     <div class="nav">
       <div class="tabs">
         <div :class="tabindex == 4 ? 'on' : ''" @click="tabchange(4)">
-          全部视频
+          {{lan.$t('quanbushipin')}}
         </div>
         <div :class="tabindex == 0 ? 'on' : ''" @click="tabchange(0)">
-          审核中
+          {{lan.$t('shenhezhong')}}
         </div>
         <div :class="tabindex == 2 ? 'on' : ''" @click="tabchange(2)">
-          未通过
+          {{lan.$t('weitongguo')}}
         </div>
         <div :class="tabindex == 1 ? 'on' : ''" @click="tabchange(1)">
-          已发布
+          {{lan.$t('yifabu')}}
         </div>
       </div>
       <div class="sel">
         <img src="@/static/images/sousuo.png" alt="" class="icon" />
-        <input type="text"  placeholder="请输入想要搜索的直播标题"  @keyup.enter="sel()" v-model="input"/>
+        <input type="text"  :placeholder="lan.$t('shipinsousuo')"  @keyup.enter="sel()" v-model="input"/>
       </div>
     </div>
     <div class="list" v-if="tabindex == 4">
@@ -195,11 +195,13 @@ import { defineComponent, onMounted, reactive, ref, UnwrapRef } from "vue";
 import VideoItem from "@/components/VideoItem.vue";
 import { getvideolist } from "@/api";
 import { useRoute } from 'vue-router';
+import { useI18n } from '@/utils/i18n';
 export default defineComponent({
   components: {
     VideoItem,
   },
   setup() {
+    const lan: any = useI18n();
     const page = ref(1);
     const tabindex = ref(4);
     interface VideoList {
@@ -251,7 +253,8 @@ export default defineComponent({
       videolist,
       sel,
       input,
-      pagechange
+      pagechange,
+      lan
     };
   },
 });